サイト構築
[CSS]横に並べたパネルをパタパタ裏返す、アニメーションがかわいいプリローダー -FlipPreloader
Post on:2017年9月13日
HTMLはdiv要素をパネル分配置するだけ、あとはCSSのコピペで利用できるアニメーションがかわいいプリローダーを紹介します。
納品ファイルをまとめるのが簡単に！更新分の抽出、ファイルリストの生成もできるWin, Mac対応の国産無料アプリ
Post on:2017年9月11日
まさに、Web制作者のためのアプリです。 納品ファイルをまとめる際に、更新した差分のファイルだけをディレクトリ構造を保持したまま抽出し、ファイルリストと共に納品ファイルセットを作成できるWin, Mac対応のアプリを紹介 […]
Webページの表示が早くなる！既存ページのクリティカル レンダリング パスを最適化するオンラインツール
Post on:2017年9月8日
スタイルシートを外部ファイルで管理されている人が多いと思います。しかし、最近では上部のコンテンツを表示するためのスタイルシートをインラインで記述し、残りは後にロードさせ、ページの表示を早くしているサイトが増えてきました。 […]
写真やイラストを1クリックするだけ！配色につかえるカラーパレットを作成するSketchの機能拡張 -Alembic
Post on:2017年9月8日
写真やイラストなどを配置したレイヤーを1クリックするだけで、そのレイヤーに使われている主要なカラーを抽出し、カラーパレットを作成するSketchの機能拡張を紹介します。 画像からカラーを抽出するのはいろいろなツールやサー […]
Webサイトやブログで使えるCSSアニメーションのテクニック！Animate.cssでの実装方法を詳しく解説
Post on:2017年9月7日
CSSアニメーションが簡単に利用できるAnimate.cssを使って、Webページにアニメーションを実装するチュートリアルを紹介します。 ページを表示した時に要素をアニメーションで表示、スクロールした時に要素をアニメーシ […]
Webページやスマホアプリ、UI Kitのカラーの組み合わせをいろいろ試せる -Panda Colors（肉球かわいい）
Post on:2017年9月6日
パンダの肉球がかわいいオンラインサービスを紹介します。 Webページやスマホアプリ、アドミン画面、スタイルガイドなど、UIデザインのカラーの組み合わせを1クリックでいろいろ試せるオンラインサービスを紹介します。 Pand […]
デザインするのを忘れがちなデザイン要素のまとめ
Post on:2017年9月5日
ロゴ、ナビゲーション、ヘッダ、見出し、画像など、Webページやスマホアプリには、さまざまなデザイン要素が必要です。もちろん、これらを忘れることはないでしょう。 思わず、デザインするのを忘れがちなデザイン要素を紹介します。 […]
コーダーの仕事が楽になる！レスポンシブ対応のさまざまなHTMLテンプレートが驚くほど簡単に作成できる -Aperitif
Post on:2017年9月4日
ランディングページをはじめ、企業サイトやポートフォリオやブログのページまで、レスポンシブ対応のHTMLテンプレートが驚くほど簡単に作成できてしまう無料オンラインサービスを紹介します。 HTMLのテンプレートとして、すぐに […]
最近のWebサイトで見かける、パンくずリストのデザイン・配置・機能のまとめ
Post on:2017年9月1日
Webサイトのパンくずリストとは、ユーザーにサイトの階層を伝え、そのページがどこにあるのかを正確に理解できるようユーザーエクスペリエンスを強化します。また、Googleのbreadcrumb schemaにより、その重要 […]
商用利用無料で、サイトの主要ページがまるごと揃ってる新しいHTMLのテンプレート素材 -Mashup Template
Post on:2017年8月31日
HTMLの無料テンプレートのほとんどは単一ページのみですが、今回紹介するのはなんと、サイトの主要ページまるごと無料テンプレートとして、しかもデザインファイルやフォントファイルまでもまとめてダウンロードできるMashup […]
sponsors
