サイト構築
最近のWebのUIデザインで採用されているナビゲーションのパターン16種類のまとめ
Post on:2016年3月9日
最近のWebのUIデザインで採用されているさまざまなナビゲーションの名称とその役割、使う時のポイントを「Web UI Design Patterns 2016」から紹介します。 Web UI Design Pattern […]
夏のデザインに備えておこう！爽やかで元気があるフォントとグラフィック素材47種類の激安クーポンを希望者全員に進呈
Post on:2016年3月8日
これからのデザインが楽しくなる、夏にぴったりな爽やかでかわいい38種類のデザインフォントと9種類のグラフィック素材が3月末まで$29の特価で購入できる「The March Bundle」を紹介します。 総額$730(約8 […]
Google Analyticsがさらに使いやすくなる！ユーザーのさまざまなインタラクションを自動的にトラッキングするスクリプト -Autotrack
Post on:2016年3月8日
Google純正のGoogle Analyticsをさらに使いやすくする便利なスクリプトを紹介します。 ページ上のあらゆる要素のクリックイベント、メディアクエリのトラッキング、TwitterやFacebookボタンのトラ […]
CSSでやりたかったことが数行のコードで実装できるスタイルシートの小技のまとめ -CSS Protips
Post on:2016年3月7日
リスト要素で実装したアイテム間の区切り線の最後だけ取り除く簡単なコード、リストの各アイテムをカンマ区切りで配置させるコード、テキスト表示をすべてのデバイスで最適化するコードなど、サイトやブログに役立つ便利なCSSのテクニ […]
レスポンシブデザインにすぐ使える！すごいアイデア30個
Post on:2016年3月4日
サイトをレスポンシブ対応にするには、デバイスごとのスクリーンサイズ、フォントや画像のサイズだけでなく、クリックとタップ、スクロールとスワイプなどの機能性、そして見た目もサイズだけでなく、配置やトリミングなど、さまざまな取 […]
レスポンシブ対応、Googleマップの中心にピンを表示するテクニック -the new code
Post on:2016年3月3日
Googleマップをレスポンシブ対応にするのは、簡単です。embedのコードから高さと幅を削除して、ラッパーを用意するだけです。しかし、クリティカルな問題が一つあります。サイズを水平方向に変更した際に、地図の端が切断され […]
これが知りたかった！よく使うUI要素をFlexboxを使ってシンプルに簡単に実装するチュートリアル
Post on:2016年3月2日
Flexboxの基本的な使い方から、ヘッダ・フッタ・ナビゲーション・タブ・カードなど、Webページでよく使うUIコンポーネントをFelxboxで実装するチュートリアルを紹介します。 2016年1月12日にIEの古いバージ […]
デザイナーやコーダーがいなくても、BootstrapベースのかっこいいWebページが驚くほど簡単に作成できてしまう -Assembly
Post on:2016年3月1日
デザインやHTML, CSSの知識は不要。Bootstrap 3ベースのかっこいい縦長ページや複数ページのサイトが簡単に作成でき、デザイナーやコーダーがいなくても、そしてデザインやコードが分かる人には今までの作業がぐっと […]
Lightroomに絶対入れておきたい！すごい無料プリセットのまとめ
Post on:2016年2月29日
プロのカメラマンが写真画像をレタッチする時に使用しているものから、カメラスクールで提供しているものなど、写真画像が見違えるLightroomの無料プリセットを紹介します。 どんなアングルで撮影した写真でもOKです！ 写真 […]
[JS]画像の拡大表示をシンプルなコードで実装し、スマホ時のクロップ表示にも対応しているスクリプト -enhance.js
Post on:2016年2月29日
Mediumで採用されているような画像拡大のエフェクトに、より使いやすくなるように工夫が加えられたスクリプトを紹介します。 アニメーションがより洗練され、スマホなどの小さいサイズではクロップして画像を表示します。 enh […]
sponsors
