これからのWeb制作に間違いなく役立つ！ IEをサポート外にしたレスポンシブWebデザインで重要なCSS、実装方法を学べる解説書

HTML Live Standard対応、FlexboxやCSS GridやCSS関数などを活用して、レスポンシブWebデザインを実装するテクニックを学べる解説書を紹介します。 Webページでよく使用されるさまざまなレイ...記事の続きを読む

21h

メッセージのデザインにぴったりな有料フォントが今週末まで無料！ カリグラフィが美しいフォント -Alberta

7月にリリースされた有料フォントが、今週末まで無料でダウンロードできます。 本来は有料なだけあってかなり高品質。フォントファイルは.otfで、WindowsでもmacOSでも利用できます。 期間中にダウンロードしておけば...記事の続きを読む

21h

CSS flexboxで実装する、レスポンシブ対応のステップのコンポーネントを解説

Webページで使用されるステップのコンポーネント、サークルに囲まれた1,2,3と各ステップを繋ぐ中央のラインを実装するCSSのテクニックを紹介します。 レスポンシブ対応、そしてライト・ダークモード対応、水平・垂直に配置さ...記事の続きを読む

1d

本日限り、Kindle日替わりセールで超お買い得に！SEOを技術的な側面からしっかり学べる解説書とPremiere Proの解説書

本日（9/16）のKindle日替わりセールで、当ブログでも紹介した良書が2冊も登場です。日替わりセールは文字通り、本日限りですので、お見逃しないように。 「現場のプロから学ぶ　SEO技術バイブル」はSEOで文言的なこと...記事の続きを読む

1d

ブックマークしておくと便利！Web制作に役立つさまざまなツールが一箇所で利用できる -SmallDev.tools

CSSやJavaScriptのミニファイ（軽量化）、HTMLやCSSやJavaScriptやSQLのフォーマッター、各種エンコード・デコード、ダミーテキスト・ダミーデータ・ダミー画像・クレジットカードのジェネレーター、d...記事の続きを読む

2d

Adobe Fonts日本語書体一覧のPDF 2021年9月版、利用できる日本語フォント509書体が一覧で分かります

昨日、記事にしたAdobe Fontsのフォントワークス追加分を含めた「Adobe Fonts日本語書体一覧」のPDFがダウンロードできます。 ダウンロードは、下記ページから。 Adobe Blog: Adobe Fon...記事の続きを読む

3d

デザインに少し手を加え、フォームを改善する実践的なUIのテクニックのまとめ

フォームを改善するUIデザインのテクニックを紹介します。 フォームのデザインに少し手を加えるだけで、ユーザーにとって使いやすい、コンバージョンを高めるための実践的なテクニックが満載です。 15 UI Tips for B...記事の続きを読む

3d

Adobe CCユーザーに朗報 🎉 フォントワークスの人気フォントがAdobe Fontsに大量追加されました！

Adobe CCユーザーに朗報です 🎉 フォントワークスの人気フォントがAdobe Fontsに大量追加されました。 フォントワークスのフォントは今まで、筑紫A丸ゴシック、筑紫B丸ゴシック、スーラ、ロダン...記事の続きを読む

4d

画像を扱うプロジェクトに役立つ！CSSフィルタのさまざまなエフェクトをコピペで利用できる無料ツール -FilterSS

画像を編集できるのは、Photoshopだけではありません。 CSSフィルタで、画像にさまざまなエフェクトを与えることができます。 画像に適用するエフェクトを見ながら、そのCSSフィルタのコードをコピペで利用できるオンラ...記事の続きを読む

1w

今週末まで有料フォントが無料！かわいいデザインにぴったりな手書きフォント -Incredible Holiday

先月リリースされたばかりの有料フォントが、今週末まで無料でダウンロードできます。 本来は有料なだけあってかなり高品質。フォントファイルは.otfと.ttfでWindowsでもmacOSでも利用できます。しかも、 Webフ...記事の続きを読む

1w