サイト構築
WebサイトやスマホアプリのUIデザインに必要な要素・あると便利な要素がまとめられたリスト -Checklist Design
Post on:2019年4月2日
Webサイトやスマホアプリのデザイナー・制作者、そしてクライアントにも役立つUI要素のデザインのチェック項目を紹介します。 ページに必要な要素、UIコンポーネントに必要な要素、あると便利な要素がまとめられています。デザイ […]
ユーザーに直感的で分かりやすいボタンとは、UXの観点からくわしく解説
Post on:2019年3月29日
ボタンのクリックレートが低い、ボタンを配置したページにユーザーが長い時間を費やしている、これはボタンが直感的でなく、分かりにくいボタンが原因かもしれません。 コンテンツにおけるボタンの配置、ボタンの形状、導線に基づいた配 […]
HTMLとCSSのファイルを解析し、未使用のCSSをお掃除してくれる便利なツール -DropCSS
Post on:2019年3月28日
CSSファイルを軽量化するには、最適化・軽量化などの便利ツールがありますが、未使用のCSSを掃除することも重要です。HTMLとCSSのファイルを解析し、未使用のCSS（CSS4までサポート）を掃除してくれるツールを紹介し […]
CSSのデバッグは、けっこう難しい
Post on:2019年3月27日
Web制作で一番悩ましいのが、期待通りに動作しないことだと思います。 CSSも簡単なものであれば、すぐに原因が特定できて修正できますが、デバッグするのが難しい時もあります。 そんな事例を紹介します。 CSS debugg […]
最近のロゴのデザインに使われている、注目しておきたいデザイントレンドのまとめ -Logo Design Trends 2019
Post on:2019年3月25日
本格的なロゴをオンラインで作成できる「Logaster ロゴメーカー」で、2018年に作成されたロゴから人気だったロゴのデザインを調査・分類し、2019年に注目しておきたいロゴデザインのトレンドを紹介します。
Webサイト・スマホアプリの制作者がカラーとアクセシビリティについて知っておくべきこと
Post on:2019年3月22日
アクセシビリティ、カラーのコントラストは日増しに重要性が高まっています。 Webサイトやスマホアプリなどデジタルメディアのデザインで、コントラストが適切なカラーを簡単に見つけることができるオンラインツールを紹介します。 […]
便利なのが登場！スマホにもスクロール時に滑らかなアニメーションを適用できる超軽量スクリプト -lax.js
Post on:2019年3月20日
デスクトップでもスマホでもスクロールした際に、非常に滑らかで美しいアニメーションを簡単に実装できるシンプルで2Kbの超軽量JavaScriptを紹介します。 他のスクリプトへの依存は無く、ReactやVue.jsもサポー […]
Web制作者が見落としがちな、ハンバーガーメニューをスマホに実装する時の注意すべきポイント
Post on:2019年3月19日
スマホでWebサイトを見ると、Appleをはじめ、DisneyやWikipediaやThe New York Timesなど多くのサイトでハンバーガーメニューが採用されています。Web制作者が見落としがちなハンバーガーメ […]
CSSで実装されたボタンのかわいい動きに思わずクリックしたくなってしまうCSSアニメーションの実装方法
Post on:2019年3月18日
ボタンをクリックするためにホバーすると、ボタンがゆらゆら揺れるかわいいアニメーションに思わずクリックしたくなってしまうCSSアニメーションを紹介します。 ボタン自体だけでなく、文字が少し遅れて揺れるのもいいですね。 CS […]
[CSS]テキストリンクやボタン、プリローダーなどで使えるCSSアニメーションのスニペット集 -CSSeffectsSnippets
Post on:2019年3月15日
テキストリンクやボタン、プリローダーなどで使えるCSSのさまざまなアニメーションがコピペで簡単に利用できるCSSeffectsSnippetsを紹介します。 気になったアニメーションは、スニペットなどに登録しておくと便利 […]
sponsors
