商用利用無料! 浮世絵専門のイラスト素材、鳥獣戯画・花鳥画・美人画・妖怪・神仏・植物など4,300種類! -Ukiyoe Stock

浮世絵の素材を使いたいなという時にぴったり、浮世絵専門のイラスト素材を紹介します。

イラストは商用利用無料、クレジット不要、加工OKの太っ腹ライセンス、登録など面倒なことは一切不要でダウンロードできます。

商用利用無料、浮世絵専門のイラスト素材 -Ukiyoe Stock

Ukiyoe Stock

続きを読む

CSS Gridで実装すると簡単! コンテンツは中央配置、最大幅・全幅・ちょい広めのレイアウトを実装できるテンプレート

レイアウトにCSS Flexboxは使用しているけど、CSS Gridはこれから。そんな人にお勧めのWebページでよく使用されるレイアウトを簡単に実装できるCSS Gridのテンプレートを紹介します。

レイアウトはコンテンツを中央寄せに配置し、左右のマージンを自由に設定できます。たとえば、テキストには最大幅、画像には全幅、目立たせたい箇所には少し広め・かなり広めといった使い方ができます。

HTMLもCSSもシンプルなので、スニペットに登録しておくと便利です。

CSS Gridで実装すると簡単! コンテンツは中央配置、最大幅・全幅・ちょい広めのレイアウトを実装できるテンプレート

Layout Breakouts with CSS Grid

続きを読む

2023年のトレンドカラーは、よろこびに満ちた鮮やかなレッド「ビバ マゼンタ」、HTMLのコードは「#be3455」

2023年のトレンドカラーがPantoneから発表されました。
トレンドカラーは鮮やかで紫がかったレッドの「ビバ マゼンタ(Viva Magenta)」、世界でもっとも明るい染料の一つコチニールの赤にインスパイアされたカラーです。

この活力に溢れたレッドはよろこびをあらわした新しいカラー、大胆でウィットに富み、すべての人を包み込みます。

2023年のトレンドカラーは「ビバ マゼンタ」

Pantone Color of the Year 2023

続きを読む

HTMLが強みになる解説書、アクセシビリティやユーザビリティに配慮したコーディングを学べる -武器になるHTML

Webページを実装する際に重要なのは、HTMLです。しっかりと確かなHTMLが書けないと、CSSやJavaScriptにも影響を与えてしまいます。

HTML Living Standardに基づいた知識、アクセシビリティやユーザビリティに配慮したコーディングを学べる、HTMLのみに特化された解説書を紹介します。

武器になるHTML

続きを読む

Chrome 108にはCSSの新しい機能がたくさん含まれている、新機能と変更・削除された機能のまとめ

11/30(日本時間)にリリースされたChrome 108では、CSSの新しい機能がたくさん含まれています。また、変更・削除された機能もあります。特に、Android版のChromeでposition: fixed;を使用している要素の配置が期待通りにならない可能性があります。

Chrome 108の新機能、変更・削除された機能を紹介します。

Chrome 108の新機能と変更・削除された機能のまとめ

chrome-108-beta

続きを読む

無料版もあるのは嬉しい! デザインやイラストに使いたくなる、かわいい日本語フォント「うさぎと満月のサンセリフ」

「はんなり明朝」「こころ明朝体」をはじめ、最近では「海と山のろごごち」「藍と白のゆきぐに」などのフォントをリリースされているTyping Art様から、「うさぎと満月のサンセリフ」の無料版に漢字が揃った有料版もリリースされました!

うさぎと満月のサンセリフ

フォント: うさぎと満月のサンセリフ
イラスト: Girls' Design Materials

続きを読む

知っておくと便利なCSSのセレクタ! :has()疑似クラスを使用すると、子の数に基づいて親要素のスタイルを定義できる

CSSはどんどん便利になってますね!
:has()もその一つで、指定した要素がある場合にのみスタイルを適用できます。その機能を利用して、子の数に基づいて親要素のスタイルを定義することができます。たとえば、子要素が3個以下の場合、ちょうど5個の場合、7~9個の場合などに親要素に異なるスタイルを設定するのが簡単です。

CSS :has()擬似クラスを使った便利なセレクタ、子の数に基づいて親要素のスタイルを定義

Style a parent element based on its number of children using CSS :has()
by Bramus

続きを読む

良書がいっぱい! ビー・エヌ・エヌ社のKindleセールが開催、Web制作・デザイン・イラストのKindle本が超お買い得です

当ブログでも人気が高く、良書揃いのビー・エヌ・エヌ社のKindle本セールが開催しています!

ビー・エヌ・エヌ社のセールは年に一度あるかないかで、非常に貴重です。
この機会は絶対に見逃せません!

セール期間は、2022年12月7日まで。
今年発売されたばかりのKindle本もセール対象になっています。

セール対象のKindle本

続きを読む

top of page

©2022 coliss