フリーフォントの作者様に感謝！ 最近リリースされた日本語フリーフォントのまとめ -2022年上半期
Post on:2022年7月7日
2022年上半期にリリースされたものを中心に、ひらがな・カタカナ・漢字が使える日本語の新作フリーフォントを紹介します。
作品にインスパイアされたフォント、漫画や同人誌にぴったりなアンチック書体、プログラミング向けのフォント、タイトルやコピーに使えるデザインフォントなど、たくさんのフォントがリリースされています。
ウソみたいに簡単！ Tailwind CSSのみを使用してMasonryレイアウトを実装する方法
Post on:2022年7月6日
Masonryレイアウトとは、画像やカード型コンテンツをレンガ状に敷き詰めて配置するレイアウトです。Pinterestなどで見かける、高さが異なる画像・カードを配置する時によく使用されるテクニックです。
以前はJavaScriptやライブラリを使用したり、トリッキーなCSSで実装していましたが、Tailwind CSSを使用するとウソみたいに簡単に実装できます。
TailwindCSS Masonry Layout
by Luca Spezzano
このダークテーマは目に優しく、コードも見やすい！ VS Codeのエレガントなモノクロームのテーマファイル -Sequoia
Post on:2022年7月5日
ダークテーマは好きだけど、#000のブラックだったり、テキストが派手なカラーだったりすると、目が疲れませんか？
背景のブラックはほんの少しだけブルーがかった夜空のように落ち着いた色合いで、グレーの濃淡だけのMonochromeと淡いカラーで構成されたMoonlightの2種類の配色が用意された、VS Code用のテーマファイルを紹介します。
IEのサポートが終了した現在、古いCSSリセットからもう卒業！ 最近のデバイス・ブラウザの仕様に適した新しいCSSリセット -EllyLoel/reset.css
Post on:2022年7月4日
IEのサポートが終了し、Web制作でサポート対象がモダンブラウザとなりました。これにより、CSSにおけるブラウザの互換性の問題は以前に比べてはるかに少なくなります。無理なCSSリセットやすべてをリセットする必要もなくなります。
現在のWeb制作に合わせて制作された新しいCSSリセットを紹介します。
CSSのテクニックや知見も満載です！
創作向け類語辞典の最新刊「対立・葛藤類語辞典」が発売！ ネットで調べてもでてこない小説やマンガの創作アイデアが満載
Post on:2022年7月1日
当ブログでも大好評の類語辞典シリーズから、新しい類語辞典が発売です！
シリーズは「感情類語辞典」「性格類語辞典」「場面設定類語辞典」「トラウマ類語辞典」と創作活動に役立つ類語辞典ばかりで、今回は「対立・葛藤類語辞典」！
対立や葛藤をストーリに組み込むことで、ストーリーに緊張感が高まり、臨場感のある作品になります。日常的なものから非日常的、簡単には体験できないようなネタが豊富に収録された新しい視点の類語辞典です。
類語辞典シリーズを全部持っている人はもちろん、今回が初という人でも、本書は創作に役立ちます。
2022年、ロゴデザインのトレンド -最近のロゴに使われているデザインテクニックのまとめ
Post on:2022年6月30日
2022年のロゴデザインのトレンドはワードマークとタイポグラフィがより重要な役割を果たしています。特にジェンダーや環境配慮などはどのジャンルのデザインでも積極的に取り入れられています。
デザインの引き出しを増やすには、注目されているトレンドを押さえておくことが大切です。ロゴにはタイポグラフィ、カラー、形など、デザインの基本となる要素が詰まっており、最近のロゴデザインに使われているトレンド、デザインテクニックを紹介します。
全部、商用利用可！ 高品質なテクスチャ素材の究極セット期間限定セール開催、約44,000円分が91％オフで超お買い得！！
Post on:2022年6月29日
テクスチャとパターン素材の究極セット約44,287円分が、91%オフの約3,915円で購入できる期間限定セールを紹介します。
販売期間は、7月7日12時まで。
Design Cutsの中の人によると、今回は日本サイトご利用のお客様限定の特別企画、とのことです。
購入した素材は、Webデザイン、アプリ、動画、紙、プロダクトのデザインなどに利用でき、クライアントのプロジェクトでも販売する同人誌に使用してもOKです。
Tailwind CSSの実装やデバッグに便利！ 各セレクタに対応したプロパティや値を表示するデベロッパーツールの機能拡張 -Tailwind DX
Post on:2022年6月28日
デベロッパーツールでTailwind CSSの各セレクタに対応したプロパティや値を実装・デバッグできるChromeデベロッパーツールの機能拡張を紹介します。
.m-1や.p-1といったセレクタをはじめ、:smや:lgなどレスポンシブ用のプレフィックスもサポートされています。Tailwind CSSのセレクタは一覧で表示されるので、チートシート代わりにもなる優れものです。
