[CSS]テキストリンクのホバー時に、波線をうにょうにょとアニメーションさせるスタイルシートのテクニック

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

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

デモのキャプチャ

続きを読む

今だけ無料!秋にぴったりな草花がかわいくデザインされたパターン素材 -Autumn Splendour Patterns

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

パターン素材のキャプチャ

Autumn Splendour Patterns

続きを読む

Vue.jsの勉強にもいい!UIコンポーネントやインタラクションを実装するチュートリアルがまとめられた -Vue.js Examples

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

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

サイトのキャプチャ

Vue.js Examples

続きを読む

商用利用無料!電光掲示板に表示されるようなデジタル文字っぽい日本語フリーフォント -19seg oval

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

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

19seg oval

19seg oval edge-L/round-B

続きを読む

急いで!通常は有料だけど、今だけ無料でダウンロードできるフォントやデザイン素材 -Design Cuts

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

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

無料でダウンロードできるフォントやデザイン素材

続きを読む

🔥見逃したら絶対損!ついに日本語の有料フォントも99%オフの特大セールに登場!!

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

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

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

日本語の有料フォント

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

続きを読む

こんなやり方もあったとは!最近のWeb制作のワークフローにおけるAdobe系ソフトの効率的な使い方が詳しく解説された完全保存版の良書

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

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

本のキャプチャ

続きを読む

これすごい便利!17,530種類の色の名前がすぐに分かる無料の辞書ツール -color-names list

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

サイトのキャプチャ

参考: Random color harmonies

続きを読む

top of page

©2018 coliss