サイト構築 -実装
CSS初心者でも簡単！画像をホバーするとコンテンツをさまざまなアニメーションで表示するスタイルシート -imagehover.css
Post on:2016年3月10日
外部CSS一つとclassを加えるだけで簡単に実装できる、画像をホバーするとコンテンツをさまざまなアニメーションで表示するスタイルシートを紹介します。 アニメーションは40種類以上、他のCSSやJSは不要でわずか19KB […]
さまざまなソーシャルサービスやブランドのロゴが検索・ダウンロードできる便利サイト -Instant Logo Search
Post on:2016年3月10日
さまざまなソーシャルサービス・Webサービスやブランドのロゴが検索・ダウンロードできるオンラインサービスを紹介します。 Instant Logo Search
最近の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ベースのかっこいい縦長ページや複数ページのサイトが簡単に作成でき、デザイナーやコーダーがいなくても、そしてデザインやコードが分かる人には今までの作業がぐっと […]
sponsors
