テキストリンクのホバー時に波線をうにょうにょとアニメーションさせるスタイルシートのテクニックを紹介します。

波線はSVGで描くので、非常に滑らかに表示されます。
※下記はアニメーションGIFでコマを落としているため、実際はもっとスムーズです。

秋の暖かさと冬の近づいてくる寒さを感じさせる草花がかわいくデザインされたパターン素材を紹介します。

Autumn Splendour Patterns

Vue.jsでさまざまなUIコンポーネントやインタラクションを実装するチュートリアルやリソースがまとめられたVue.js Examplesを紹介します。

ページやアプリのレイアウトをはじめ、スクロールコンテンツ、カード型コンポーネント、オーバーレイ、フォームや検索、ナビゲーションやページネーション、Lazy Loadなど、最近見かけるものが揃っています。

Vue.js Examples

商用利用無料、Webデザインや紙のデザイン、そして同人誌やLINEスタンプもOK！
電光掲示板に表示されるようなデジタル文字っぽくデザインされたフリーの日本語フォントを紹介します。

「うたみんフォント」などでお馴染みのぱれったいぷ様の新作フォントです。

19seg oval edge-L/round-B

Design Cutsの5周年記念で、通常は有料のフォントやデザイン素材が無料でダウンロードできるので紹介します。

期間は、月曜日まで。
正確な時間は分からないので、お早めに。

フォントやデザイン素材を99%オフの特大セールで販売するDesign Cutsから、ついに日本語の有料フォントがセールに初登場です！

販売期間は、7月31日12時まで。
【朗報】Design Cuts5周年記念で、5日間だけ復活！
販売期間は、10月16日12時までです。

計233,000円分の日本語の有料フォントが、99%オフの3,200円で購入できます。日本語の有料フォントはWebデザイン、アプリ、動画、ゲーム、紙のデザインなどに利用でき、クライアントのプロジェクトでも販売する同人誌に使用してもOK。

デザインで差がつく日本語フォント集

Web制作にAdobe系のソフト、Adobe XDとPhotoshopとIllustrator、そして、Creative Cloudを活用している人は多いと思います。ブラウザやスマホなどの閲覧環境が多様化する中、デザインツールや制作のワークフローも大きく進化しています。

今すぐに試したくなるテクニックが満載で、最近のWeb制作のワークフローを効率的にする解説書を紹介します。

色のコードを元に、色の名前がすぐに分かる便利な辞書ツールを紹介します。2018年10月現在、17,530色が登録されており、色の名前が必要な時に役立つと思います。

参考: Random color harmonies