[CSS]簡単な記述でアコーディオンコンテンツを実装するフレキシブルボックスを使ったテクニック
Post on:2014年6月26日
リスト要素で実装した複数のカラムを水平に配置し、各カラムをホバーすると滑らかなアニメーションで伸縮させるflexboxを使ったスタイルシートのテクニックを紹介します。 Flexbox outdatedbrowser.co […]
Webディレクター・デザイナー必見！ワイヤーフレームや最近のUIを解説した -ワイヤフレームガイド
Post on:2014年6月25日
Webディレクター・デザイナーをはじめ、Web制作のプロジェクトに携わるすべての人に役立つ、ワイヤーフレームの作り方や実例、最近のUIデザインパターンを解説した無料のeBookを紹介します。 The Guide to W […]
[JS]映画のエンドロールみたいな演出を加えるスクリプト -End Credits
Post on:2014年6月25日
普通のウェブページに、映画の終わりに流れるスタッフロールみたいな演出を加えるjQueryのプラグインを紹介します。 End Credits -GitHub
SVGを使ってウェブページにかっこいいエフェクトを与えるチュートリアルのまとめ
Post on:2014年6月24日
最近は海外だけでなく、日本でもSVGを使用しているサイトを見かけることが多くなってきました。SVGをアイコンやエレメントに使ったり、アニメーションと組み合わせた面白いエフェクトを取り入れたりなど、さまざまです。 いつかプ […]
デザインの幅が広がる！ダウンロードしておきたい今月の新作フリーフォントのまとめ -2014年6月
Post on:2014年6月23日
最近リリースされたものを中心に、高品質なフリーのデザインフォント・タイプフェイスを紹介します。 使い勝手のよいセリフ系のフォントをはじめ、遊び心あふれるデザインフォントまで、今月も豊作です。まずは、ウェイトが豊富に揃って […]
[JS]半透明やフラットのかっこいいパネルをさまざまなアニメーションで表示するスクリプト -Amaran JS
Post on:2014年6月23日
シンプルなテキストだけのものをはじめ、画像やアイコンを使った凝ったレイアウトの通知パネルをさまざまなアニメーションで表示できるjQueryのプラグインを紹介します。 表示位置やスライド・フェードなどのエフェクトも簡単に設 […]
商用利用無料！ジオメトリックな背景用のベクター素材、コリス限定全員にプレゼント！
Post on:2014年6月20日
最近は当ブログ限定の配布も増え、提供元さまに感謝すると共に、ビジターの皆さまにも感謝です。 お馴染みの freepik.com 提供による背景素材をコリス限定で全員にプレゼント！ 今回は三角をベースにしたジオメトリックな […]
[CSS]この発想はすごい！画像をモザイクからくっきり見せるスタイルシートのテクニック
Post on:2014年6月20日
一枚の画像を使って、モザイク状の画像をアニメーションで少しずつくっきりさせるスタイルシートのテクニックを紹介します。 もうほんと、ナイスアイデア！ コードを見る前に実装方法をちょっと考えてみてください。 ↓はブラウザでの […]
デザインのアクセントに使えるエフェクト、飾り罫、フローラル、葉っぱなど、Photoshopのブラシのまとめ
Post on:2014年6月19日
光や風のエフェクト、コーナー、飾り罫、フローラル、葉っぱ、ハート、レース、リボンなど、デザインのアクセントに使えるPhotoshopのブラシを紹介します。 ここで紹介する素材はすべて同一の作者様が作ったものなので、クオリ […]
この素材の質感スゴイ！実際にスキャンして作成された商用利用無料の紙・ペーパーのテクスチャ素材
Post on:2014年6月18日
本物の紙を実際にスキャンし、Photoshopでいい感じに補正した紙・ペーパーのテクスチャ素材を紹介します。 通常は有料の素材ですが、今週末まで無料でダウンロードして利用できます。 Paper Pack: 30 Digi […]
sponsors
