さりげないアニメーションがいい感じ、HTML/CSSでシンプルに実装するタブコンテンツ
Post on:2013年10月8日
スクリプト無し、HTMLとCSSで実装するシンプルなタブコンテンツを紹介します。 コマ数を落としているから、アニメがうまく見えてないかも
[CSS]水平に配置したセクションを分けるスタイルのさまざまな素敵なテクニック
Post on:2013年10月7日
1ページに複数のセクションを水平に配置した際に、それらの区切りとなるさまざまなスタイルを紹介します。 縦長の1ページで構成されたプロモーションサイトやポートフォリオなどで見かけるものだけでなく、こんなこともできるのかとア […]
人間の目に優しい色合いを設計するためのカラースペース -HUSL
Post on:2013年10月7日
iOS 7にも採用されているような落ち着いたパステルカラー、同じ明るさで異なる色合いを組み合わせたカラースキームなど、人間の目に優しくより見やすくなるように色合いを設計するためのカラースペース「HUSL」を紹介します。 […]
[CSS]スマフォでも印刷してもレイアウトが紙のように美しいフォームを実装できる -Grid forms
Post on:2013年10月4日
デスクトップでの表示はもちろん、スマフォやタブレットでも、そして印刷してもかっこいいレイアウトのフォームを実装できるスタイルシートのフレームワークを紹介します。 将来的にはスクリプトを使って、機能を強化していくようですよ […]
落ち着いたデザインにぴったりなテクスチャ・パターン素材のまとめ
Post on:2013年10月4日
秋冬にもぴったりな落ち着いたデザインのテクスチャやパターン素材をIcon Depositから紹介します。素材は全て、個人でも商用でも無料で利用できます。 素材のダウンロードは、各ページ下でツイートかフォローのボタンをクリ […]
全310種、美しいソリッドなラインで描かれたかわいいアイコン素材 -Elegant Icon Font
Post on:2013年10月3日
ブログでも企業サイトでもよく見かける310種類のアイテムを美しいエレガントなラインで描いたアイコンフォントを紹介します。 Webフォントとして利用できるので、サイズやカラーなど変更しても美しいまま利用できます。.pngも […]
[JS]ページをスクロールし、コンテンツを読み終えたくらいにメッセージやFacebookのパネルを表示するスクリプト -End Page Box
Post on:2013年10月3日
ページをスクロールし、コンテンツを読み終えたくらいやページの途中や下など指定した範囲に、メッセージやFacebookなどを配置したパネルをアニメーションでかっこよく表示するjQueryのプラグインを紹介します。 昨日の記 […]
[JS]最近のウェブサイトで見かける面白い仕掛けを実装するスクリプトのまとめ
Post on:2013年10月2日
最近よく見かけるかっこいいコンテンツやエフェクトを実装できるjQueryのプラグインを紹介します。 fullPage.js ポートフォリオや企業のプロモーションでもよく見かける1ページで構成されたサイトで、フルスクリーン […]
ワイヤーフレーム・ブループリント用の方眼紙のような20種類のグリッドを描くPhotoshopのパターン素材
Post on:2013年10月2日
ブループリント用に方眼紙のパターン素材ないかなと探していたら、ちょうどいいのが見つかったのでシェアします。 20 Seamless Photoshop Grid Patterns
子供も大人も喜ぶ！バスタオルやハンドタオルを折り畳んでかわいい動物をつくる方法
Post on:2013年10月1日
バスタオルやハンドタオル、手ぬぐいなどを折り畳んで、かわいい動物をつくる方法を紹介します。 切ったり縫ったりはせず、折り畳むだけでできます。 海外のホテルに泊まった時に見たことあるけど、かわいく畳んであるともったいなくて […]
sponsors
