サイト構築
商用も無料！Bootstrapをベースに最近のトレンドを取り入れた新作テンプレートのまとめ
Post on:2014年11月5日
Webデザインの最近のトレンド、縦長ページ、スクロールエフェクト、CSS3アニメーション、フラットスタイルなどを取り入れたBootstrapのテンプレートを紹介します。 Bootstrapは先週3.3.0がリリースされ、 […]
[JS]エフェクトの美しさがスゴイ！Webページを水面にし、波紋を生み出すスクリプト -jQuery Ripple
Post on:2014年11月5日
Googleの新UX「Material Design」のアナウンス以降、波紋のエフェクトを数多く紹介してきました。例えばこれとかRiiple Click EffectとかWavesとか。 それらとは一味違い、WebGLで […]
デザインの勉強にいい！タイポグラフィの素晴らしいアイデアやインスピレーションのまとめ
Post on:2014年11月4日
デザインのセンスを磨くには、いいものをたくさん見ること。 タイポグラフィ（主にWeb）の素晴らしいアイデアやインスピレーションが満載のサイトを紹介します。 Discover.typography Gothamなどのフォン […]
[JS]簡単な実装でパネルを天地左右からアニメーションで表示するスクリプト -notifyMe
Post on:2014年10月31日
表示ページの天地左右からアニメーションでスライド表示するパネルを実装するjQueryのプラグインを紹介します。 notifyMe notifyMe -GitHub
ガイドラインや指示書の作成が楽になる！エレメントやマージンのサイズを書き出してくれるPhotoshopのスクリプト -Size Marks
Post on:2014年10月30日
エレメントやマージンなど、指定した箇所のサイズを新規レイヤーに書き出すPhotoshopのスクリプトを紹介します。 個人でも商用でも無料で利用でき、ライセンスはMIT licenceです。 Size Marks -Git […]
ぷるるんと動くアニメーションが気持ちいい！新感覚のナビゲーション -Gooey pagination
Post on:2014年10月30日
コンテンツスライダーや縦長ページのナビゲーションでよく見かけるビュレットタイプのナビゲーションをかわいいアニメーションで実装するテクニックを紹介します。
これは使える！レスポンシブ対応のさまざまなHTMLメールが簡単に作成できる無料のオンラインサービス -BeeFree
Post on:2014年10月27日
ビジネス用のニュース、プロダクトのリリース、プロモーションなど、さまざまなレイアウトのHTMLメールをドラッグ&ドロップで簡単に作成できるオンラインサービスを紹介します。 デスクトップ・スマホ両対応で、プレビュー […]
Bootstrap 3をベースにしたフラットなかわいいデザインのHTMLとPSDが揃ってる無料のUI素材 -Druken Parrot UI Kit
Post on:2014年10月27日
BootstrapのさまざまなエレメントがかわいくフラットにデザインされたUI素材を紹介します。 Drunken Parrot UI Kit Lite (free) Druken Parrot UI Kit -GitHu […]
Webデザインの代表的な4つのレイアウト、その特徴と相違点 -Liquidapsive
Post on:2014年9月9日
レスポンシブとアダプティブ、そしてリキッドとスタティック、Webデザインの代表的な4つのレイアウトの特徴と相違点を実例見ながら学ぶコンテンツを紹介します。 Liquidapsive (Liqui-dap-sive)
Googleのアルゴリズムにおける検索順位に影響を与える200+個の要因のまとめ
Post on:2014年7月18日
Googleの検索のアルゴリズムにおける検索結果の順位に影響を与える200+個の要因、コンプリートリストを紹介します。 量が多く翻訳するのに一週間かかりましたが、興味深いことが多々あり、とても面白かったです。 Googl […]
sponsors
