サイト構築 -実装
2022年、ロゴデザインのトレンド -最近のロゴに使われているデザインテクニックのまとめ
Post on:2022年6月30日
2022年のロゴデザインのトレンドはワードマークとタイポグラフィがより重要な役割を果たしています。特にジェンダーや環境配慮などはどのジャンルのデザインでも積極的に取り入れられています。 デザインの引き出しを増やすには、注 […]
Tailwind CSSの実装やデバッグに便利！ 各セレクタに対応したプロパティや値を表示するデベロッパーツールの機能拡張 -Tailwind DX
Post on:2022年6月28日
デベロッパーツールでTailwind CSSの各セレクタに対応したプロパティや値を実装・デバッグできるChromeデベロッパーツールの機能拡張を紹介します。 .m-1や.p-1といったセレクタをはじめ、:smや:lgなど […]
CSSアニメーションの実装もこれで簡単！ さまざまなプロパティの値をトゥイーンさせるスクリプト -ScrollBtween
Post on:2022年6月21日
Webページ上のあらゆるDOM要素に対して、CSSアニメーションを実装できるスクリプトを紹介します。 実装は簡単です、CSSのプロパティの値を「#fff to #000」「0 to 100」のように記述して、#fffから […]
CSSのメディアクエリの範囲指定で、比較演算子を使用できるようになります
Post on:2022年6月20日
これを待ち望んでいた人も多いと思います。 ついに、メディアクエリで比較演算子（>=, <=）を使用できるようになります！ 幅が400px以上の場合、@media (min-width: 400px){}と定義 […]
Tailwind CSSの入門に！ コピペで簡単に実装できるUIコンポーネントとページレイアウトのまとめ -Preline UI
Post on:2022年6月16日
Webサイトでよく使用されるさまざまなUIコンポーネントとページレイアウトをTailwind CSSで実装したコンポーネント集を紹介します。 Tailwind CSSをこれから始めるという人にも簡単で、デフォルト構成のま […]
マイクロソフトによるInternet Explorer 11サポート終了ページ
Post on:2022年6月15日
2022年6月15日、Internet Explorer 11(IE11)のサポートが終了しました。 マイクロソフトのライフサイクルに該当ページがあったので、メモ代わりに紹介します。 Internet Explorer […]
UIデザインに特化された配色ツール！ Webサイトやスマホアプリで使用する色に悩んだときに便利 -Goodpalette
Post on:2022年6月15日
見栄えの良い4色または5色を組み合わせる配色ツールはいろいろありますが、WebサイトやスマホアプリのUIデザインだとうまく機能しないことがあります。 カラーブランディングに成功しているWebサイトを見ると、そんなに数多く […]
IEよ、さようなら😂 IEをサポート外にした時に使用できるCSSのプロパティや機能のまとめ
Post on:2022年6月14日
ようやくこの時がきます😂 6/15にIEのサポートが終了すると、これからはIEを気にすることなく、モダンCSSを使用できます。 IEをサポート外にした時に使用できるCSSのプロパティや機能、HTMLの要素 […]
FigmaでUIのアイコンを使うならコレ！ 高品質でシンプルにデザインされた1100種類のアイコン素材 -Untitled UI Icons
Post on:2022年6月13日
WebサイトやスマホアプリのUIデザインにぴったり、Figma用の高品質でシンプルにデザインされたアイコン素材を紹介します。 たとえば、アローだけでも90種類以上、ホーム・サーチ・カート・メールなども複数のデザインで用意 […]
フォント管理や画像管理は、Eagleが便利すぎる！ WinとMacで同期もできる、ver.3の神アップデートでさらに使いやすく
Post on:2022年6月9日
私が愛用しているEagleが、ver.3に神アップデートしました！ Eagleは簡単に説明すると、素材を一元管理できるWin, Mac対応のアプリです。フォントや画像をはじめ、動画・音源・PDF・テキストなど、なんでも管 […]
sponsors
