サイト構築
CSSだけでif～else文と同じことができる！ しかもすべてのブラウザでサポートされています
Post on:2024年3月12日
CSSでif～else文が使えたら、と思ったことはありませんか？ もちろんifとかelseはCSSにはありませんが、CSSだけでif～else文と同じようにスタイルを設定できます。
Chrome 123で、divなどのブロック要素で垂直方向の中央にalign-contentプロパティで配置できるようになります
Post on:2024年3月7日
間もなくリリースされるChrome 123（リリース情報）で、ブロックやテーブルレイアウトでのalign-contentプロパティがサポートされます。 これにより、div要素内に簡単に垂直方向の中央に配置できるのは嬉しい […]
これは便利！ HTMLはdiv要素一つ、あとはCSSをコピペするだけで100種類のツールチップを簡単に実装できる -CSS Tooltips & Speech Bubbles
Post on:2024年3月6日
HTMLはdiv要素一つだけ、あとはCSSをコピペするだけで約100種類のールチップとスピーチバブルを実装できるCSS Tooltips & Speech Bubblesを紹介します。 このツールチップって実装す […]
これは朗報！ CSSだけで関数とミックスインが使えるように
Post on:2024年3月5日
CSSは変数（カスタムプロパティ）をはじめ、最近では入れ子（ネスト）もサポートされ、進化を続けています。これはまだ先のことだと思いますが、Sassなどのプリプロセッサで使用できる関数とミックスインをCSSで使えるようにし […]
CSSでオーバーレイのスタイルが期待通りに表示されない、::backdrop疑似要素の変更された使い方
Post on:2024年2月29日
ダイアログやモーダルを表示する時に、コンテンツの上にオーバーレイを使用します。このオーバーレイはコンテンツの上に表示されるように::backdrop疑似要素で最上位レイヤーにするのが簡単です。 先日アップデートされたCh […]
Web制作者は要チェック！ Chrome 122で新しく追加された3つのCSSの機能
Post on:2024年2月27日
Chrome 122に追加された、CSSの新しい機能3つを紹介します。 今回のアップデートは新しいプロパティを使えるようになったではなく、既存のものの仕様が変更されたという感じです。ここで紹介する機能はデフォルトで、有効 […]
世界一巨大なPDFが想像以上にでかすぎる！ PDFファイルの内部構造とAcrobatで巨大なPDFを作成する方法も解説
Post on:2024年2月21日
いやー、こんなこと考えたこともなかったです。 PDFの最大サイズって、どのくらいだと思いますか？ ここで紹介するPDFファイルのページサイズはなんと、38万キロメートル！ 地球と月の間の距離とほぼ同じです。 Making […]
VS Codeの新機能がすごく便利！ ツリービューのスティッキースクロール機能をオンにすると格段に使いやすくなります
Post on:2024年2月15日
先日アップデートされた、VS Code v1.86で、スティッキースクロールがツリービューでも使用できるようになったので、紹介します。 エディタのスティッキースクロール（紹介記事）ができるようになった時もその便利さに喜び […]
これは覚えておきたい！ CSSの:has()疑似クラスを使うと、こんな面倒な実装も簡単なCSSだけできる
Post on:2024年2月14日
CSSの:has()疑似クラスは去年末にFirefoxでサポートされ、これですべてのブラウザにサポートされました。2024年は、:has()疑似クラスを使用する機会が増えますね。 CSSの:has()疑似クラスは指定した […]
モダンCSSで実装する、テーブル（<table>）のさまざまなスタイルのまとめ
Post on:2024年2月8日
モダンCSSでテーブルをゼブラストライプしたり、テーブルの四隅を角丸にしたり（昔はかなり面倒でした）、列や行を分割したり、ホバーでハイライトやアウトラインを表示したりなど、表のデータを読みやすくするテーブル（<ta […]
sponsors
