CSSUI - Pure CSS interactive components JSを一切使わないCSSでできたドロップダウンなどのUI実装「CSSUI」 そこまでJSを使わない必要があるのか、と逆に思ってしまいますが、リッチなUIがCSSのみで作れてしまいます
Animated Content Tabs with CSS3 | Codrops コンテンツをアニメーションさせつつ切り替えるタブを実装するCSS3チュートリアル。 タブをクリックするとコンテンツをアニメーションしながら切り替えつつ、タブ自体も小気味よくアニメーションさせることができます CSS3だけでやっちゃうところがいいですね。 タブ部分のデザインも微妙にグラデーションがかかっており、良い感じです。 横バージョンのタブのサンプルもあります 関連エントリ タブが何個になってもOKなUIを作成できるjQueryプラグイン「Infinite Rounded Scrolling Tabs」 jQueryベースのタブUI15種まとめ 閉じられるタブUIを実装できるjQueryサンプル「Magic Tabs」
25 Photoshop Tutorials Released in February 2012 2012年2月公開の新しめPhotoshopグラフィックス作成チュートリアル集 WEBサイトでいえばトップ絵等の部分に使えそうなチュートリアルがいろいろまとまっています 関連エントリ 超カッコいいグラフィックスを作るPhotoshopチュートリアル集2011 印象に残りそうなパッケージデザインを作るPhotoshopチュートリアル 新しめのテキストエフェクトなどPhotoshopチュートリアル集 ハイクオリティイメージ作成のPhotoshopチュートリアル2011 インパクトのあるグラフィックスを作成するPhotoshopチュートリアル30
26 Responsive Web Designs - Web Design Blog ? DesignM.ag レスポンシブWEBデザインのサンプル26 パソコン、スマホ等のデバイスでアクセスされた際にCSSを使ってフレキシブルにデザインを変えるというレスポンシブWEBデザイン。 それぞれのデバイス専用の画面を用意するのではなく、画面幅等で判断してCSSを切替えられれば開発側としてみれば手間が少なくなり合理的な開発が行えますね。 そうしたレスポンシブWEBデザインを上手く使ったサイト集がまとまっていましたのでご紹介です。 今後ますますスマホが重要度を増し、こうした考え方がWEBデザインをする上で必須の物になってくるような気がしますね。 関連エントリ お洒落なECサイトデザイン集38 次のサービスに使えるかもしれないロゴデザイン集22 奥行きをうまく使ったサイトデザイン集30
TwitterやFacebookへのログイン機能をこれ1個で実装できるPHPライブラリ「HybridAuth」 2011年08月22日- HybridAuth, Open Source Social-Signle-Sign-On Solution for authentication through Facebook, Twitter, Google, Yahoo, MySpace, LinkedIn, AOL, Vimeo, FourSquare, OpenID and other Identity providers TwitterやFacebookへのログイン機能をこれ1個で実装できるPHPライブラリ「HybridAuth」 Facebook, Twitter, Google, Yahoo, Windows Live, MySpace, LinkedIn, FourSquare, O
60 Most Incredible Examples of Icon Design | inspirationfeed.com 神がかったアイコングラフィックス60。 美しいアイコンは数あれど、なんともリアルに描かれていてそれでいてアイコンという一見の価値があるアイコンが60種類。 1個にどれだけ時間かかったんだろうというものすごいクオリティで見るだけで楽しめます。 手で描くというかは3Dソフトなんかで作っちゃってる気もしますが、こういうスキルがあったらいいなと常日頃思います。 関連エントリ Google+関連のクールで個性的なアイコン集12 475種類の汎用に使えるフリーのアイコンセット TwitterやFacebook等、フリーで使えるソーシャルメディアアイコンセット40 TwitterやFacebookの独自アイコンを作る場合に覚えておきたい「Picons」
250 Free Photoshop Brushes 2011 | ZoomZum 便利に使えそうなPhotoshopブラシ250種がまとまっていました。 種類は本当に色々でまとまりはないのですが、後々に色々と使えそうなブラシがあっていい感じです。 ちょっとオブジェクトをロゴに配置したいなんて場合にも使えそうです。 雷のブラシとかかっこいいです 関連エントリ 超カッコいいフリーのPhotoshop用アブストラクトブラシ集52 動物に関するPhotoshopブラシ色々 女性向けサイト等に使えそうなイラスト風の花・植物のPhotoshopブラシ集 フリーで秀逸なPhotoshopブラシやパターン集いろいろ
Available in all sizes: 30 Flexible websites | Awwwards iPhone、PC両方で綺麗に見れるフレキシブルなサイト集。 PCサイトのiPhone対応は今後、当たり前の時代になっていくはずですが、その手間は最小限にしたいところですね。 基本はUA見て、CSSで切り替えて、それでも対応できない部分にはPHP等のサーバサイドを使うっていうのがいいかなと個人的には思っています。 両方で綺麗に見れるサイトが特集されており、今後のウェブサイトづくりに参考にすることができそうです。 関連エントリ iPhoneアプリのプロモサイトを作る際に参考になる60のサイトデザイン集 奥行きをうまく使ったサイトデザイン集30 スライダーを上手く使ってデザインされたWEBサイト集30
10 Best Free HTML And CSS Website Templats Of June 2011 超使えそうな新しめでフリーのHTML/CSSデザインテンプレート集がまとまっていました。 種類は色々でコーポレートサイトやキャンペーンサイト等色々使うことができそうです。 ちょこっと変えることで開発者さんでも比較的容易かつ高速にプロモサイトが作れますね 関連エントリ 34のフリーで綺麗なXHTML/CSSテンプレート ほんとにフリー?というクオリティのXHTML/CSSテンプレート20 綺麗にデザインされたフリーのHTML/CSSテンプレート10 フリーの(X)HTML/CSSテンプレート50 クールなデザイン満載のXHTML/CSSテンプレート40種
Picons | Vector Icons and Pictograms TwitterやFacebookの独自アイコンを作る場合に覚えておきたい「Picons」 ベクター形式でロイヤリティフリーなので独自アイコン作成の際にはうってつけ。 デザイナーさんなら誰もが独自のアイコンを作りたいと思うのでこれをベースにするとよさそうです。 60種類のソーシャルアイコンが同梱 配布形式も色々で扱いやすいです。 アーカイブをDLすればそれぞれ収録されています 関連エントリ 選びたい放題のフリーのソーシャルアイコンセット色々 TwitterやFacebook等、フリーで使えるソーシャルメディアアイコンセット40 シンプル白黒がいい感じのソーシャルアイコン37個セット「LinkDeck」 白黒シンプルがいい感じのベクター形式のソーシャルアイコンセット
25 Excellent Photoshop Web Design Layout Tutorials プロレベルでクオリティの高いWEBサイトレイアウト作成Photoshopチュートリアル集。 かなりクオリティが高くて、1つの仕事としてうけちゃったほうがよいぐらいのチュートリアルが沢山です。 本などでこうしたチュートリアル集を買うと千円以上したりしますから、なんとも有り難いですね。 英語で書かれていますが、英語力も同時に向上させちゃえるという意味では本当にいい教材です。 関連エントリ 立体感がうまく出たWEBサイトデザイン作成Photoshopチュートリアル スタイリッシュなWEBレイアウト作成Photoshopチュートリアル フレッシュなPhotoshop用WEBレイアウトチュートリアル25 3Dエフェクトを使った綺麗なグラフィックを作るPhotoshopチュートリアル集
最初に必要なものだけ効果的に見せるAppleサイト風エフェクト実装jQueryプラグイン「Apple Effect」 2010年12月06日- jQuery Apple Effect 最初に必要なものだけ効果的に見せるAppleサイト風エフェクト実装jQueryプラグイン「Apple Effect」。 最近Appleのサイトを見たことがある方なら分かると思いますが、最初に1枚の画像を表示しておいて、ナビゲーションなんかは少し待たせて、フェードインしながら表示するというカッコいい効果を作れます。 最初に1枚の画像を表示 フェードインしながらナビゲーションを表示する こちらのデモで動きを確認 実装は1行。 $('#target').appleEffect(); オプションを渡すことでアニメーション開始までの時間を設定したり、コールバック関数を指定できたりします。 ちょっとめんどくさそうなこの機
色々な種類の綺麗なテクスチャセットのまとめ集。 実に多種多様なテクスチャセットがまとまっているエントリがNoupeにて公開されています。 それぞれ見るには以下のエントリを参照してください。 The Big Collection Of Free Design Textures - Noupe
Flash Lite入門講座 第1回 日本のFlashLiteの仕様 | デベロッパーセンター Flash Lite入門講座という記事がAdobe Developer Conection サイトにて公開されています。 モバゲー、グリーといったサイトで、多くのFlashゲームが公開され人気ですが、そうしたゲームを自分でも作ってみたいと思っている方はかなり参考にできそうです。 単純にFlash Lite1.1を選ぶだけではダメで、それぞれのキャリアにおいて何が出来て出来ないか、といったことも理解しておくことが必要で、そういう部分も解説されています。 これは今後の連載に注目したいですね。 著者のサイト: hi-posi 関連エントリ PHPで携帯サイト - phpspot
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く