2011年にリリースされた、使えるjQueryプラグイン50「The 50 Most Useful jQuery Plugins from 2011」
2011年にリリースされた、使えるjQueryプラグイン50「The 50 Most Useful jQuery Plugins from 2011」 WEB制作の現場で利用されているjQuery。非常に軽量かつ、高機能なjavascriptライブラリで、世界中で様々なプラグインがリリースされていますが、今日紹介するのは2011年にリリースされた、使えるjQueryプラグインをまとめたエントリー「The 50 Most Useful jQuery Plugins from 2011」です。 Response Javascript 全部で50ものプラグインがまとめられていますが、今日はその中から特に気になったものを紹介したいと思います。 詳しくは以下 Minimit 様々な動きが実現できるjQueryギャラリープラグイン。 Overscroll スマートフォンやタブレットの操作感をWEBで実
Account Suspended
Account Suspended This Account has been suspended. Contact your hosting provider for more information.
Iframeで『いいね！』を押した人限定で見れるコンテンツを作る覚書-ファンゲート- Eitoku's Blog
『Fan-Gate(ファンゲート)』をご存知でしょうか？ Facebookページでいいね！ボタンを押さないとページやコンテンツが見れないようにする事です。いろいろブログを見たりしたましたが、ちんぷんかんぷん、四苦八苦しましたが、iframeで使えるように作れました。↓ いいね！を押していない方にはコンテンツは見えません。いいね！を押してもらうように促す文が表示されます。 いいね！を押してくれた方にはコンテンツが見られるようになります。 実際に見てみたい方は、土屋英徳(Tsuchiya Hidenori) | Facebookへ。 海外のFacebookページでは、結構見受けられます。特徴としては、Facebookページ全体を見せないようにする設定とは異なり、あるコンテンツだけを見せないようにできるので、ウォールなどはいいねを押されない方でも見れる事です。 これがいい、悪いは別として、ユーザ
北米WEB屋なら誰でも知ってるんじゃないかって思うサイトをまとめてみた - バンクーバーのWEB屋
他人のブックマークって気になりませんか？特に同じ業界の人のブックマークってすごく気になりますよね。 興味本位でWEB屋友人のブックマークしてるサイトを教えてもらうことも多いですが、なんだか狙いすましたように、いろんな人が同じようなサイトをブックマークしていることに気がついて、「あぁー、このサイトはみんな良く見てるのかも」って思ったサイトがいくつかあったんですね。 そこで、WEB屋のブックマークをまとめて、北米WEB屋ならこれはたぶん皆みてるんだろうなってサイトをまとめてみましたので（独断と偏見で）ご紹介。 海外でWEB屋をやる方、いち早く海外のWEBデザイン情報をゲットしたい方、知っていて損はないと思います。 Smashing Magazine まずは王道？Smashing Magazine。このサイトは日本でも有名かなと思います。よくWEBまとめ記事とかで取り上げられてますよね。WEBの
クリエイティブでデザイン性の高い国内サイト ベスト18 – 2011年11月版 | WDS
本日は2011年の11月中にブックマークしたクリエイティブでデザイン性の高い日本国内のサイトをご紹介いたします。 私が11月中にブックマークしたサイトなので、ご紹介するサイト自体はそれ以前から存在しているものも多々ありますがご了承ください。メモに関してはさらっとソースを見て気づいた事を書いているので、間違っている可能性が有ります。 今回のアイキャッチは株式会社WacomよりBambooブランドサイトのBamboo Pop。 言わずと知れたペンタブレットで有名な会社です。デザイナーやイラストレーターの方で「使ってるよ！」という方も多いのではないでしょうか。 ブランドサイトだから出来る、デザイナーの個性が光る自由なデザイン。 この自由さが商品コピーである「ひらめきをカタチにするチカラを、すべての人に」つまりは自由自在に絵が描けるという商品アピールにも繋がってるのだと思います。 Bamboo P
CSSのみでテキストにグラデーションやリフレクトをかけるテクニック（ちょっと更新） - くらげだらけ
前回はiOS5のMobile Safariから使えるようになったHTML5・CSSについて前編と後編に分けてご紹介しましたが、そのなかで説明していない小さなテクニックについて少し紹介したいと思います。 今回はCSSでテキストにグラデーションをかけるテクニックについてです。 前回のWeb App Demoではフッタータブに特殊なWebFontを使ってアイコンを表示させるようにしていましたが、タブがActiveのときに色が変わってエフェクトがかかるようになっています。 このエフェクト効果はCSSでテキストにグラデーションをかけるテクニックをつかってやっています。 通常、CSSでテキストカラー（colorプロパティ）にグラデーションを指定することはできませんが「:after」擬似クラスや「mask-image」プロパティを組み合わせて使うことでグラデーションのような表現をすることができます。具体
デザイナーに必須のフリーフォント集「20 High Quality Free Fonts Every Designer Should Own」
TOP > Design , Font > デザイナーに必須のフリーフォント集「20 High Quality Free Fonts Every Designer Should Own」 フリーで配布されているフォントでも、クオリティーが高く使いやすいフォントは多数存在しています。そんな中今回紹介する「20 High Quality Free Fonts Every Designer Should Own」は、普段のデザイン制作に是非取り入れてみたいフリーフォント集です。 （The League of Moveable Type – Sorts Mill Goudy） 基本ベースはシンプルですが、少し遊び心が詰まったフォントが多数紹介されています。中でも気になったものをピックアップしましたので、下記よりご覧ください。 詳しくは以下 ■Lost Type Co-op | ONRAMP
これは使いやすい、HTML5+jQueryのプレゼンテーション用ツール -Deck JS
当サイトでもいくつか紹介したHTMLベースのプレゼンテーションツールですが、これ一番いいかもというのがリリースされたので紹介します。
マインドマップを手軽に作ることができるサービス「mindmaps」 | ライフハッカー・ジャパン
「mindmaps」は、HTML5で作られたマインドマップ作成ツールです。必要最低限の機能が備わっており、誰でも簡単に利用することができますよ。 以下に使ってみた様子を載せておきます。 まず、mindmapsへアクセスしましょう。 右側に色や大きさを調整するメニューがあります。そして、キャンバスの真ん中からマウスをドラッグすることで、新しい項目を追加していくことが可能です。 線を書いて名前をつけてを繰り返していけば完成。 ブラウザのローカルストレージに保存したり、json形式でローカルファイルとして保存できます。保存したファイルは、mindmapsで再び開くことが可能です。 マインドマップ作成時に是非ご活用下さい。 mindmaps （カメきち）
スマフォとかミニマルデザインに特化した、これからお世話になりそうなWebデザインギャラリー - かちびと.net
Warning: Undefined array key "width" in /home/youhei0828/kachibito.net/public_html/wp-includes/media.php on line 1681 Warning: Undefined array key "height" in /home/youhei0828/kachibito.net/public_html/wp-includes/media.php on line 1682 自分の中で課題があって、その為に 必要なインスピレーションを得るため のギャラリーサイトをまとめます。いち いちブックマークから探すのが面倒に なってきたのでちょっと整理がてら記事 にします。 というわけで個人的なリンク集です。スマフォとかミニマルデザインとかのWebデザインギャラリーいろいろ。デザインギャラリーですけど、目
「あ、プレゼント買わなくちゃ！」に役立ちそうなおしゃれショップまとめ | P O P * P O P
個人的に調べ物をしていたのでその結果をシェアしておきます。 ギフトってなにかと最後まで決まらないものですよね。「明日までに買わなくちゃ！」ということもしばしば。そこでおしゃれ系のギフトが揃いそうなショップをまとめてみました。 ちなみに選択基準は適当ですｗ。ネットショップがないものも含まれますのでご注意を。いざというときに役立つかも？！ 詳しくは以下からどうぞ。 hhstyle 定番中の定番です。原宿や青山にもありますね。 living motif 六本木のAXISビルに入っていますね。こちらもギフトにおすすめ。 Francfranc こちらも定番ですね。ちょっとした家具や小物が充実しています。 無印良品 一応こちらも。ネットショップではよく割引をやっていますよ。 MoMA Online Store Japan アート的アイテムの定番ですね。 ZOZOTOWN | CIBONE公式通販サイト
CSSでレイアウトするなら絶対覚えておきたいブロックレベル要素のクセとかいろいろ
Webデザインをするときに、必ず使うスタイルシート。思うようなレイアウトを作るために、チェックしておきたいブロックレベル要素や、インライン要素のクセみたいなのをまとめてみました。後半はスタイルが反映されない原因のひとつ、スタイルの優先順位についてです。 Attention 記事公開時からいろいろと勉強して、この記事内で紹介している事柄で、間違った解釈をしていたなーと気がつきました。 この記事の中でいくつか追記してありますが、詳しくは、新しく書いた 11月7日の記事：CSSでレイアウトするなら絶対覚えておきたい配置のルール：フロートや絶対配置、z-index とかいろいろ を読んでみてくださいね！ New Post Webサイトをデザイン、レイアウトするのに欠かせないのが CSS（Cascading Style Sheets、スタイルシート）ですね！今では CSS3 が話題を集めていて、CS
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://gano-web.com/rollover-js.html
The Tournament by Jaime Hayón | Dezeen
Blue D1653 by Arian Brekveld, Chris Koens and Damian O'Sullivan for Royal Delft | Dezeen
W3Q - Web業界で働く方専用のQ&Aサービス - Tters
Minimit Gallery Plugin
IDEA * IDEA
What do you love?
Get Ratio