地味だけど嬉しい新機能！ フォームのセレクトボックスで区切り線にhrを使用できるようになりました
Post on:2023年11月14日
先日リリースされたChrome 119に地味だけど嬉しい新機能が実装されていたので、紹介します。 フォームのセレクトボックスで区切り線にhrを使用できるようになりました。すでにSafariでもサポートされており、これでC […]
ターミナルのシンプルなUIが好きな人に！ モダンでミニマルなCSSの超軽量フレームワーク -Terminal CSS
Post on:2023年11月13日
ターミナルのUIを模した、モダンでミニマルなCSSの超軽量フレームワークを紹介します。 ターミナルで見かけるようなデザインのUIコンポーネントが豊富に揃っており、ライトテーマ・ダークテーマもサポートされています。 Ter […]
フリーランスの確定申告、インボイス制度への対応もこれ一冊でしっかり学べる王道の定番書 -フリーランス＆個人事業主のための確定申告
Post on:2023年11月10日
※本ページは、アフィリエイト広告を利用しています。 11月に入ると、年末まであっという間ですね。インボイス制度によって確定申告がどうなるのか知りたい、という人にお勧めの解説書を紹介します。 フリーランスと個人事業主向け、 […]
CSS @scopeの基礎知識と使い方を解説、セレクタの適用範囲を設定できる
Post on:2023年11月9日
CSSのセレクタで深い階層の要素を記述するとき、たとえば.card > .content > img.heroのように長いセレクタになってしまうことがあります。 Chrome 118からサポートされたCSSの […]
CSSのみで簡単に実装できる！ マグネットのようにくっついて追従するホバーエフェクトを実装するテクニック
Post on:2023年11月7日
CSSの:has疑似クラスとCSS Anchor Positioningを使用して、:hoverにマグネットのように追従するホバーエフェクトを実装するテクニックを紹介します。 一昔前なら、JavaScriptなどを使用し […]
Google Fontsからちょっと面白いフォントがリリース！ 商用利用無料、折れ線グラフや棒データを描くためのフリーフォント
Post on:2023年11月6日
折れ線グラフを描画するためのフォント「Linefont」、波形・スペクトル・ダイアグラム・ヒストグラムなどの棒データを描画するためのフォント「Wavefont」が、Google Fontsで利用できるようになったので紹介 […]
Web制作者は要チェック！ Chrome 119で追加された、疑似クラス、相対カラー構文など4つの新しいCSSの機能
Post on:2023年11月2日
11/1にリリースされたChrome 119で、新しい疑似クラス、相対カラー構文など、4つの新しいCSSの機能が追加されたので、紹介します。 New in Chrome 119 Chrome 119 beta
商用でも完全に無料！ 読みやすくシンプルにデザインされた、美しいサンセリフフォント、コーディング向けフォントも揃ってます -Geist Font
Post on:2023年11月1日
見出しやロゴ用に読みやすくシンプルにデザインされたGeist Sans、エディタなどのコード表示用にデザインされたGeist Monoがセットになった新しいフォントファミリ「Geist」を紹介します。 フォントはオープン […]
CSSのlight-dark()関数でライトモードとダークモードのスタイルを簡単に定義できて便利すぎる！
Post on:2023年10月31日
CSS Color Module Level 5に追加された新しい関数light-dark()を使用すると、ライトモードとダークモードのスタイルを簡単に定義できるようになります。 下記のようにlight-dark(#33 […]
注目されてるWeb制作会社が分かる！ 『Web制作会社年鑑2023』5,280円が、期間限定で無料ダウンロードできます
Post on:2023年10月30日
今年もこの時期がきました！ 「Web制作会社年鑑 電子版1冊丸ごと無料キャンペーン」が開催です。 無料でダウンロードできるのは、2023年12月15日まで。 『Web制作会社年鑑2023』電子版定価5,280円が、なんと […]
sponsors
