サイト構築 -実装
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 […]
あなたのデザインはコピーされている
Post on:2017年8月30日
そのデザインを前に見たことがある、自分では気がつかずに利用していた、そういった経験、または聞いたことがあると思います。 デザインをはじめ、Web制作のコード、ロゴやイラストなどを盗むこと、コピー、模倣すること。クリエイタ […]
スゴイのが登場！Webやスマホページを積み木感覚でデザインできる、日本語対応の無料オンラインツール -STUDIO
Post on:2017年8月29日
国産のツールでは初じゃないでしょうか。 Webサイトやスマホアプリのページデザインを積み木感覚で楽しくデザインできる無料のオンラインサービスを紹介します。 操作が非常に快適で、ちょっと触るだけでもかなり楽しめます。 ST […]
sponsors
