[CSS]画像やボタンなどのクリック・ホバー時にCSS3アニメーションを簡単に与えることができる -All Animation
Post on:2014年3月4日
画像やボタンなどの要素にclassを与えるだけで、さまざまな面白いCSS3アニメーションを利用できるスタイルシートを紹介します。 トリガーにjQueryを使うことで、クリックやホバーなどのアクションでも簡単に利用できます […]
[JS]異なる高さを単に揃えるだけでなく、グルーピングや列に応じて揃えることも可能な便利スクリプト -matchHeight
Post on:2014年3月4日
高さを揃える系のスクリプトは数多く紹介してきましたが、これはその中でもかなり使い勝手のよく、あーこの機能が欲しかった！ というスクリプトです。 コンテンツの量が異なっているのを揃えるのは当たり前、パディングやマージンやボ […]
さっそく2円切手を買ってきた！デザインかわいい！
Post on:2014年3月3日
2014/4/1から、消費税法の改正により消費税率が5%から8%に変更になるのに伴い、切手も50円が52円、80円が82円になるので、さっそく2円切手を買ってきました。 薄く「見本見本見本」の文字を入れてます
背景や文字・グラフィックに重ねて上質な質感を与える紙や木の無料のテクスチャ素材
Post on:2014年3月3日
そのまま背景に使ってもよし、文字やグラフィックに重ねてもいい感じに仕上がる、センスのよい上質な質感を与える紙や木のテクスチャ素材を紹介します。 まずは、紙のテクスチャ素材から。 12 Paper Textures
[JS]シンプルでかっこいいナノサイズのバーを実装するjQueryいらずの超軽量スクリプト -nanobar
Post on:2014年3月3日
ブラウザの上部に、シンプルでかっこいいナノサイズのバーをアニメーションで実装するスクリプトを紹介します。 jQueryなど他のスクリプトは必要なく、725bytesで超軽量です。 nanobar nanobar -Git […]
PhotoshopでもGIMPでもシームレスに利用できる布や織物や草、ノイズやゲームなどの無料パターン素材 -texturemate
Post on:2014年2月28日
スクラップブック、デニム地、織物、草、レンガ、ビデオゲーム、ノイズなど、ちょっと珍しいパターン素材をtexturemateから紹介します。 ダウンロードできる素材のフォーマットは、.pat, .pngの2種類。全てのパタ […]
[JS]ユーザーがどのようにスクロールしてページを見ているかGoogle Analyticsで解析できるスクリプト -Scroll Depth
Post on:2014年2月28日
ユーザーがページを見た際に、どのくらいスクロールされているのか、また指定した要素がスクロールされて表示されるまでにどのくらいかかるのか、といったデータをGoogle Analytics上で解析できるようにするjQuery […]
ダウンロードしておきたい！フリーのデザインフォントのまとめ -2014年2月
Post on:2014年2月27日
最近リリースされたものを中心に、高品質なフリーのデザインフォント・タイプフェイスを紹介します。 Glober 個人・商用利用無料。thin, boldの2書体。 ※現在プロモーション中で、全18書体が$19。 De La […]
[CSS]このホバーエフェクトかわいい！蝶番を軸にぷら〜んと開くCSS3アニメーション
Post on:2014年2月27日
Twitterのボタンをホバーすると、蝶番を軸に開くかわいいアニメーションを実装したスタイルシートのデモを紹介します。 パタリと開いた後、ぷら〜んとするのいいですね。
ウェブデザイナーの勉強にいい！デザインの基本原則からPhotoshopの実践的なテクニックまで学べる無料のeBook -Pixel Perfect Precision 3
Post on:2014年2月26日
デザイナーさん・ディレクターさんをはじめ、ウェブデザインに携わる全ての人に必携です！ デザインの基本原則をはじめ、Photoshopを使った実践的なさまざまなテクニックが学べるeBookを紹介します。無料なのに市販の書籍 […]
sponsors
