SVGでテキストにマーカーを引いたり、くるっと丸く囲む超軽量JavaScriptライブラリ -Rough Notation
Post on:2020年6月15日
テキストに蛍光ペンで引いたようなマーカーを引いたり、下線をつかたり、丸や矩形で囲ったり、さまざまなスタイルでテキストを強調表示できる超軽量（3.63Kb）のJavaScriptライブラリを紹介します。 アニメーションにも […]
Adobe XDの使い方が、これでよく分かる！WebページのUIを設計するワークフローに沿って学べる解説書
Post on:2020年6月12日
Adobe XDを使用してワイヤーフレーム、プロトタイプ、デザインカンプなど、WebページのUIを設計するワークフローに沿って学べる解説書を紹介します。 ワイヤーフレームを作るにあたっての準備から、実際の作り方、コンポー […]
Adobe Color新機能「色覚異常対応」が便利！問題となる色の組み合わせを簡単に修正できるアクセシビリティツール
Post on:2020年6月10日
毎年5月の第3木曜日アクセシビリティへの理解を促進する日(GAAD)に伴い、Adobe Colorに新機能「色覚異常対応」が備わりました。カラーの組み合わせに対するアクセシビリティを色彩学に基づき、簡単に確認、修正できま […]
有料フォントが今週末まで無料！ロゴやポスターにぴったり、ブラシで手書きされたかっこいいフォント -Sandblast
Post on:2020年6月10日
通常は有料ですが、今週末まで無料でダウンロードできる、実際にブラシで走り書して作成され、ざらっとした質感がかっこいい手書きフォントを紹介します。 本来は有料なだけあってかなり高品質。フォントファイルは.otfと.ttfで […]
そのデザイン、意図したものと違って見える！ロゴに含まれた曖昧なメッセージ、誤解されたデザインを再デザイン
Post on:2020年6月9日
意図したデザインと違って見えてしまうことが、あるかもしれません。ロゴに含まれた曖昧なメッセージ、誤解されたデザインを再デザインしたスタディを紹介します。 恥ずかしく見えるロゴ、エッチな感じに見えるロゴ、不穏な印象を与える […]
「STUDIO 3.0」が大型アップデート！コーディング作業は一切不要、国産の無料デザインツール
Post on:2020年6月8日
コーディング作業は一切不要で、Webサイトやスマホアプリのデザインを積み木感覚で楽しくデザインできるツール「STUDIO」が、去年の4月以来の大型アップデートされました！ 新たにCMSが搭載され、リアルタイムの共同編集、 […]
[CSS]たった一行でガラス板の美しいエフェクトが実装できる、backdrop-filterプロパティの使い方を解説
Post on:2020年6月8日
ボックスの内部に配置したテキストなどの子要素はそのままで、背景の色相やコントラストやぼかしを変更して、ガラス板のような美しいエフェクトを与えるCSSの新しいプロパティ「backdrop-filter」を紹介します。 今ま […]
シンプルなHTMLで、モダンなWebページを簡単に作成できるclassレスの超軽量CSSフレームワーク -new.css
Post on:2020年6月5日
シンプルなHTMLのみを使用して、モダンなWebページを簡単に作成できるclassレスの超軽量CSSフレームワークを紹介します。 シンプルなブログや自己紹介ページなどをさくっと作成したい時に便利で、CSSリセットとして利 […]
有料フォントが今週末まで無料！スタンプに使われているようなかわいいヴィンテージのフォント -Loma
Post on:2020年6月5日
通常は有料ですが、今週末まで無料でダウンロードできる、ヴィンテージのスタンプにインスパイアされたかわいいフォントを紹介します。 本来は有料なだけあってかなり高品質。フォントファイルは.otfでWindowsでもmacOS […]
レスポンシブWebデザインで、スクリーンサイズが中途半端なときにデザインが崩れないようにするための実装方法
Post on:2020年6月4日
Webページを実装する際、注意すべき点の一つは表示されるスクリーンサイズです。スマホとタブレット、そしてデスクトップの3種類を想定している人も多いと思いますが、現在ではさまざまなサイズのスクリーンが存在しています。 スク […]
sponsors
