CSSでオーバーレイのスタイルが期待通りに表示されない、::backdrop疑似要素の変更された使い方

ダイアログやモーダルを表示する時に、コンテンツの上にオーバーレイを使用します。このオーバーレイはコンテンツの上に表示されるように::backdrop疑似要素で最上位レイヤーにするのが簡単です。

先日アップデートされたChrome 122でこの::backdrop疑似要素の値の継承ルールが変更されました。

CSSでオーバーレイのスタイルが期待通りに表示されない、::backdrop疑似要素の変更された使い方

Changes to CSS ::backdrop inheritance
by Bramus

続きを読む

2024年版、ファビコン画像の作成方法と設置方法、さまざまなデバイスに対応させるには6種類のファイルが必要

最近のデバイスやブラウザに対応させる最小限のファビコンセットには、6種類のファイルで対応できます。ブラウザはもちろん、スマホやタブレットにも対応し、さらにSVGも含めて6種類だけです。

ファビコンに必要な6種類のファイル、ファビコンの設定方法、ファビコン画像を作成する方法について紹介します。

ファビコン画像の作成方法と設置方法、さまざまなデバイスに対応させるには6種類のファイルが必要

How to Favicon in 2024: Six files that fit most needs
by Andrey Sitnik
Sitnik氏は、PostCSS, Autoprefixer, NanoIDの制作者です。

続きを読む

Web制作者は要チェック! Chrome 122で新しく追加された3つのCSSの機能

Chrome 122に追加された、CSSの新しい機能3つを紹介します。
今回のアップデートは新しいプロパティを使えるようになったではなく、既存のものの仕様が変更されたという感じです。ここで紹介する機能はデフォルトで、有効になっています。

Chrome 122で新しく追加された3つのCSSの機能

Chrome 122 beta
New in Chrome 122

続きを読む

デザイン・イラスト関連の新刊も対象になってる! SBクリエイティブ50%ポイント還元キャンペーンがKindleストアで開催

※本ページは、アフィリエイト広告を利用しています。

Webやプロダクトのデザイン、配色のアイデア集、同人誌・絵師さん向けのイラスト関連の良書がかなりたくさん対象となったSBクリエイティブ50%ポイント還元キャンペーンが開催されています。50%ポイント還元なので、実質半額ですね。

期間は2/29(木)まで、残り期間はわずかなのでお見逃しなく!

Kindle本 50%オフセールの対象書籍

Kindle本ポイントキャンペーン|SBクリエイティブ特集
※キャンペーン期間は、2/29まで

続きを読む

Canvaだけでこんなにクオリティの高いデザインをつくることができるのか! アイデアやテクニックが満載のデザイン書 -Canva Design Book

※本ページは、アフィリエイト広告を利用しています。

高評価のデザイン書を数多く手がけるingectar-eによる、Canvaでプロ並みのクオリティが高いおしゃれなデザインをつくる解説書が登場です。デザインのアイデアやテクニックも満載で、デザインの勉強にもなる一冊。

Webサイトのデザインをはじめ、SNS用画像、バナー、サムネイル、ポスター、ビジネス資料、名刺など、Canvaで複雑な操作はなく、簡単にクオリティの高いデザインをつくることができます。
私も本書を読んで、Canvaってこんなに進化していたのかとびっくりしました!

Canva Design Book

続きを読む

世界一巨大なPDFが想像以上にでかすぎる! PDFファイルの内部構造とAcrobatで巨大なPDFを作成する方法も解説

いやー、こんなこと考えたこともなかったです。
PDFの最大サイズって、どのくらいだと思いますか?

ここで紹介するPDFファイルのページサイズはなんと、38万キロメートル!
地球と月の間の距離とほぼ同じです。

世界一巨大なPDFが想像以上に広かった、PDFファイルの内部構造とAcrobatで巨大なPDFを作成する方法も解説

Making a PDF that’s larger than Germany
by Alex Chan

続きを読む

2024年用、日本語のフリーフォント699種類のまとめ -商用サイトだけでなく紙や同人誌などの利用も明記

個人でも商用でも無料利用できる、日本語のフリーフォント699種類を紹介します。
Webデザイン、アプリ、動画、紙のデザインをはじめ、クライアントのプロジェクトでも販売する同人誌まで、幅広く利用できる無料フォントが満載です!

前年の647からフリーフォントが50種類くらい増えています!
※サイト閉鎖などでかなりのフォントが減っています。気になったフォントはダウンロードできるうちにダウンロードしておくことをお勧めします。

日本語のフリーフォント 総まとめ

続きを読む

Kindle本セール初登場もたくさん! インプレスセールが開催、デザイン・Web制作・イラストの解説書が最安値でお買い得です

※本ページは、アフィリエイト広告を利用しています。

AmazonでKindle本 インプレスグループ春祭りが開催です!
Webや紙のデザイン、HTML/CSSなどWeb制作の解説書、ディレクションやマーケティング、同人誌・絵師さん向けのイラストの良書がたくさんセール対象です!

セール期間は、2/29まで。

対象のKindle本は最安値(当方調べ)、セール初登場もあり、貴重なこの機会をお見逃しないように。

Kindleセールの対象本

Kindle本 インプレスグループ春祭り

続きを読む

top of page

©2024 coliss