フリーフォントの作者様に感謝! 最近リリースされた日本語フリーフォントのまとめ -2022年上半期

2022年上半期にリリースされたものを中心に、ひらがな・カタカナ・漢字が使える日本語の新作フリーフォントを紹介します。

作品にインスパイアされたフォント、漫画や同人誌にぴったりなアンチック書体、プログラミング向けのフォント、タイトルやコピーに使えるデザインフォントなど、たくさんのフォントがリリースされています。

2022年上半期、日本語の新作フリーフォント

続きを読む

ウソみたいに簡単! Tailwind CSSのみを使用してMasonryレイアウトを実装する方法

Masonryレイアウトとは、画像やカード型コンテンツをレンガ状に敷き詰めて配置するレイアウトです。Pinterestなどで見かける、高さが異なる画像・カードを配置する時によく使用されるテクニックです。

以前はJavaScriptやライブラリを使用したり、トリッキーなCSSで実装していましたが、Tailwind CSSを使用するとウソみたいに簡単に実装できます。

Tailwind CSSのみを使用してMasonryレイアウトを実装する方法

TailwindCSS Masonry Layout
by Luca Spezzano

続きを読む

このダークテーマは目に優しく、コードも見やすい! VS Codeのエレガントなモノクロームのテーマファイル -Sequoia

ダークテーマは好きだけど、#000のブラックだったり、テキストが派手なカラーだったりすると、目が疲れませんか?

背景のブラックはほんの少しだけブルーがかった夜空のように落ち着いた色合いで、グレーの濃淡だけのMonochromeと淡いカラーで構成されたMoonlightの2種類の配色が用意された、VS Code用のテーマファイルを紹介します。

VS Codeのエレガントなモノクロームのテーマファイル -Sequoia

Sequoia for VS Code
Sequoia for VS Code -GitHub

続きを読む

IEのサポートが終了した現在、古いCSSリセットからもう卒業! 最近のデバイス・ブラウザの仕様に適した新しいCSSリセット -EllyLoel/reset.css

IEのサポートが終了し、Web制作でサポート対象がモダンブラウザとなりました。これにより、CSSにおけるブラウザの互換性の問題は以前に比べてはるかに少なくなります。無理なCSSリセットやすべてをリセットする必要もなくなります。

現在のWeb制作に合わせて制作された新しいCSSリセットを紹介します。
CSSのテクニックや知見も満載です!

最近のデバイス・モダンブラウザの仕様に適した新しいCSSリセット

EllyLoel/reset.css -GitHub

続きを読む

創作向け類語辞典の最新刊「対立・葛藤類語辞典」が発売! ネットで調べてもでてこない小説やマンガの創作アイデアが満載

当ブログでも大好評の類語辞典シリーズから、新しい類語辞典が発売です!

シリーズは「感情類語辞典」「性格類語辞典」「場面設定類語辞典」「トラウマ類語辞典」と創作活動に役立つ類語辞典ばかりで、今回は「対立・葛藤類語辞典」

対立や葛藤をストーリに組み込むことで、ストーリーに緊張感が高まり、臨場感のある作品になります。日常的なものから非日常的、簡単には体験できないようなネタが豊富に収録された新しい視点の類語辞典です。

類語辞典シリーズを全部持っている人はもちろん、今回が初という人でも、本書は創作に役立ちます。

対立・葛藤類語辞典 上巻

続きを読む

2022年、ロゴデザインのトレンド -最近のロゴに使われているデザインテクニックのまとめ

2022年のロゴデザインのトレンドはワードマークとタイポグラフィがより重要な役割を果たしています。特にジェンダーや環境配慮などはどのジャンルのデザインでも積極的に取り入れられています。

デザインの引き出しを増やすには、注目されているトレンドを押さえておくことが大切です。ロゴにはタイポグラフィ、カラー、形など、デザインの基本となる要素が詰まっており、最近のロゴデザインに使われているトレンド、デザインテクニックを紹介します。

2022年、ロゴデザインのトレンド -2022 Logo Trend Report

2022 Logo Trend Report

続きを読む

全部、商用利用可! 高品質なテクスチャ素材の究極セット期間限定セール開催、約44,000円分が91%オフで超お買い得!!

テクスチャとパターン素材の究極セット約44,287円分が、91%オフの約3,915円で購入できる期間限定セールを紹介します。

販売期間は、7月7日12時まで。
Design Cutsの中の人によると、今回は日本サイトご利用のお客様限定の特別企画、とのことです。

購入した素材は、Webデザイン、アプリ、動画、紙、プロダクトのデザインなどに利用でき、クライアントのプロジェクトでも販売する同人誌に使用してもOKです。

究極のラグジュアリーテクスチャ&パターンコレクション

究極のラグジュアリーテクスチャ&パターンコレクション

続きを読む

Tailwind CSSの実装やデバッグに便利! 各セレクタに対応したプロパティや値を表示するデベロッパーツールの機能拡張 -Tailwind DX

デベロッパーツールでTailwind CSSの各セレクタに対応したプロパティや値を実装・デバッグできるChromeデベロッパーツールの機能拡張を紹介します。

.m-1.p-1といったセレクタをはじめ、:sm:lgなどレスポンシブ用のプレフィックスもサポートされています。Tailwind CSSのセレクタは一覧で表示されるので、チートシート代わりにもなる優れものです。

サイトのキャプチャ

Tailwind DX

続きを読む

top of page

©2022 coliss