コリス🥦 朗報！ リニューアルされたGoogle Fontsがかなり使いやすくなってる、フリーフォントとアイコンを探すときに便利

コリス

朗報！ リニューアルされたGoogle Fontsがかなり使いやすくなってる、フリーフォントとアイコンを探すときに便利

先週、Google Fontsがリニューアルされました！ サイトのデザインは一新され、フォントやアイコンがこれまで�...

コリス🥦 CSSのtext-shadowでシャドウをつけるときにハイライトを加えると、よりリアルで美しいシャドウが実装できます

コリス

CSSのtext-shadowでシャドウをつけるときにハイライトを加えると、よりリアルで美しいシャドウが実装できます

イラストを描くときや写真のシャドウではハイライトが非常に重要ですが、CSSのシャドウでこの発想は抜けて...

コリス🥦 HTMLをWordPress化するときの実装から公開までの手順がよく分かる解説書 -HTMLサイトをWordPressにする本

コリス

HTMLをWordPress化するときの実装から公開までの手順がよく分かる解説書 -HTMLサイトをWordPressにする本

HTMLベースのビジネスサイトをWordPress化する手順をていねいに詳しく解説した解説書を紹介します。 HTMLやCSSの...

コリス🥦 CSSの2023年現状のまとめ、よく使用する新機能やプロパティや疑似クラス、人気のフレームワークや検証ブラウザなど

コリス

CSSの最新トレンドにおける現状のまとめ、よく使用する新機能やプロパティや疑似クラス、人気のフレームワークや検証ブラウザなど

CSSの進化は速く、ここ1,2年はさらに速くなりましたね。その要因の一つがIEのサポート終了で、現在はエバー�...

コリス🥦 Monotype、フォントワークスの買収を完了！ フォントワークスのユーザーはGothamなど人気フォントが利用可能になるって

コリス

Monotype、フォントワークスの買収を完了！ フォントワークスのユーザーはGothamなど人気フォントが利用可能になるって

2023年9月1日に、Monotype社とフォントワークス社からそれぞれ「フォントワークスの買収を完了」「Monotypeの傘�...

コリス🥦 これでSafariにも実装できる！ スクロールをトリガーにしたアニメーションのポリフィル -Scroll-timeline Polyfill

コリス

これでSafariにも実装できる！ スクロールをトリガーにしたアニメーションのポリフィル -Scroll-timeline Polyfill

先日の記事で、CSSでの実装が大きく変わる！ Scroll-driven Animations スクロールをトリガーにしたアニメーション�...

コリス🥦 全部、商用利用も無料！ Google Fontsの中でも可読性・判別性に優れたフォントのまとめ、UIデザインにも最適

コリス

全部、商用利用も無料！ Google Fontsの中でも可読性・判別性に優れたフォントのまとめ、UIデザインにも最適

Google Fontsには日本語フォントや英語フォントをはじめ、さまざまな言語のフォントをすべて無料で使用できま...

コリス🥦 こういう配色本が欲しかった！ メインの1色から作りたいイメージの配色を見つけることができる新しい配色本 -配色BOOK

コリス

こういう配色本が欲しかった！ メインの1色から作りたいイメージの配色を見つけることができる新しい配色本 -配色BOOK

先日最新版が発売された「配色アイデア手帖（紹介記事）」でお馴染みのSBクリエイティブから、新感覚の新�...

コリス🥦 CSSでスムーズなアニメーションを実現する4つの新しい機能

コリス

CSSでスムーズなアニメーションを実現する4つの新しい機能

今年もCSSの進化が止まりません！ 先日紹介した表示・非表示をdisplayプロパティでアニメーションできるよう�...

コリス🥦 CSSの新機能@scopeが便利すぎる！ セレクタの適用範囲を設定できる、@scopeの基礎知識と使い方

コリス

CSSの新機能@scopeが便利すぎる！ セレクタの適用範囲を設定できる、@scopeの基礎知識と使い方

CSSでこの機能を待ち望んでいた人もいると思います。 セレクタの適用範囲を設定できる@scopeがいよいよChrome�...