モダンCSSの機能を使用して、フォームのラジオボタンやチェックボックスを独自のスタイルで実装するテクニック

モダンCSSの機能を使用して、フォームのラジオボタン・チェックボックス・トグルスイッチなどを独自のスタイルで実装するテクニックを紹介します。以前まではdivやspanなど追加のHTMLやJavaScriptが必要でしたが、一切必要ありません。

こういった実装はできないものと思っていたので、驚きました。

サイトのキャプチャ

Custom Styling Form Inputs With Modern CSS Features

続きを読む

早めにダウンロードしておくべし!有料フォントが今だけ無料、エレガントな手書きフォント -Aurelly Signature

通常は有料ですが、今週末まで無料でダウンロードできる、サインのようにスラスラと書かれたフェミニンでエレガントな手書きフォントを紹介します。

本来は有料なだけあってかなり高品質。フォントファイルは.otfと.ttfでWindowsでもmacOSでも利用できます。
期間中にダウンロードしておけば、いつでも使えて、再ダウンロードも無料です。

フォントを使用したデザイン例

フォントを使用したデザイン例

続きを読む

UIのデザインは奥が深い!アイコンデザイン 7つの原則

Webサイトでもスマホアプリでも、アイコンのデザインは非常に重要です。優れたアイコンをデザインするために必要な7つの原則を紹介します。

アイコンだけでなく、UI全体のデザインにも通じるプロのデザインテクニックが詳しく解説されています。

アイコンデザイン 7つの原則

7 Principles of Icon Design
by Helena Zhang

続きを読む

デザインをワンランクアップさせるおしゃれな英語フォントがお買い得の99%オフで購入できる期間限定セール

商用でも安心して利用できる、さまざまなデザインのプロジェクトにぴったりなフォント計226,427円分が、99%オフの3,200円で購入できる期間限定の特大セールを紹介します。

セール期間は、3月3日12時までとなっています。

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

都会的!ワンランク上のおしゃフォント集

都会的!ワンランク上のおしゃフォント集

続きを読む

Google Fontsのファイルサイズを簡単に軽量化できる!日本語フォントにも対応

Google Fontsは英語フォントだけでなく日本語フォントもあり、すでに使用している人、もしくは使用を検討している人も多いと思います。その際に懸念されるのが、フォントファイルのサイズです。

フォントファイルのサイズを劇的に軽減できる機能があります。
パラメーターで使用する文字のみフォントファイルを読み込め、これによりフォントファイルのサイズを大幅に削減できます。

タイトルや見出しのみにGoogle Fontsを使いたい時にぴったりです。

サイトのキャプチャ

Google Fonts -Optimizing your font requests

続きを読む

プライム会員0円もあるぞ!Kindle本の大規模なセールが開催、Web制作・デザイン・イラスト本もたくさん対象です

先週末からAmazonで、「1800冊以上対象 インプレスグループ10社合同フェア」が開催されています。デザインやイラスト、Web制作のKindle本も多数あり、なんとプライム会員だと0円もある見逃せないセールです!

セール期間は、2020年3月1日23時59分まで。

グループ10社合同ということで、インプレスやMdNなどの人気が高い書籍が数多くセール対象になっています。
下記の中に、プライム会員0円のKindle本が2冊あります。

Kindle本のキャプチャ

【最大50%OFF】1800冊以上対象 インプレスグループ10社合同フェア

続きを読む

これはすごい!ビアズリーやテニエルなど、19〜20世紀に活躍したイラストレーターの作品が無料でダウンロードできる -Old Book Illustrations

19〜20世紀に出版された本や雑誌からパブリックドメインで利用できるイラスト作品をコレクション、そしてダウンロードできるサイトを紹介します。

当時活躍していたビアズリー、テニエル、ポター、ラッカムなどのイラストが数千点あり、パブリックドメインなので個人でも商用でも自由に利用できます。

19〜20世紀に活躍したイラストレーターの数千の作品をダウンロード

続きを読む

fit-content, min-content, max-contentの便利な使い方、CSSでコンテンツに依存してサイズを決める

CSSで要素やレイアウトのサイズを指定する方法には、幅や高さを固定値にサイズを定義する方法とその中のコンテンツに依存してサイズを決める方法があります。

この2つの方法それぞれのメリットと使い分け方、特にレスポンシブで効果的なコンテンツに依存してサイズを決める方法を使ったテクニックについて紹介します。

CSSでのサイズ指定方法

Intrinsic Sizing In CSS
by Ahmad Shadeed

続きを読む

top of page

©2020 coliss