Web制作に役立つ情報一覧

HTML/CSSで装飾可能に！select・optionタグの新しいカスタマイズ方法

2025/03/10(Mon) 08:52

2025年3月にリリースされたChrome 134、Microsoft Edge 134では、<select>要素をカスタマイズできるようになりました。今までは<select>要素で表現できる見た目は限られており、やむをえず別のタグを組み合わせて独自の実装をしていた方も多いのではないでしょうか？

https://ics.media/entry/250307/

CSSの進化が止まらない！ CSSでif()関数が使えるようになり、if else文の条件付きで値を設定できるようになります

2025/03/07(Fri) 08:57

先週、CSSで関数を自分で定義できるカスタム関数が使えるようなる（紹介記事）ことをお伝えしましたが、続報として、なんとif()関数も使えるようになるそうです。すでにChrome Canaryではif()関数をCSSで使用できます。

https://coliss.com/articles/build-websites/operation/css/css-at-function-and-if.html

WordPressユーザーに朗報！ TCDの国産有料テーマファイル「GLUE」が無料でダウンロードできます

2025/03/06(Thu) 08:54

個人ブログから企業サイトまで、WordPressのテーマを数多くリリースされているTCD様から、個人ブログ・サービスブログ向けの有料テーマファイル「GLUE」を無料でダウンロードできるので、紹介します。

https://coliss.com/articles/blog/wordpress/glue-by-tcd.html

直感的なマウス操作で任意のサイズのダミー画像を生成できる「Image Elf」

2025/03/05(Wed) 09:17

ダミー画像もレイアウトによってそれぞれ個別のサイズが必要になったり、複数のものを作成するのが面倒なこともあったりしますが、そんなダミー画像を直感的なマウス操作で任意のサイズで簡単に作成できる画像ジェネレーター「Image Elf」がとても便利だったのでご紹介です。

https://black-flag.net/web_devel/20250304-8276.html

FuturaやHelveticaも無料⁉ 有名フォントそっくりのフリーフォントまとめ

2025/03/03(Mon) 09:00

有名フォントを無料で使いたい？HelveticaやFuturaなどの高級フォントにそっくりな無料代替フォントを厳選。さらに、Adobe Fontsを活用してプロ仕様のフォントを無料で手に入れる方法も紹介！

https://photoshopvip.net/162979

CSSの進化がすごすぎる！ CSSで関数を自分で定義できるカスタム関数が使えるようになります

2025/02/28(Fri) 09:05

CSSの関数って、便利なものが多いですよね。calc()が登場したときも衝撃でしたが、最近ではattr()関数がパワーアップしたり、レスポンシブ対応に必須のmin(), max(), clamp()関数、ライトテーマとダークテーマのlight-dark()関数、ほかにも:is()や:where()といった疑似クラス関数、sin(), cos(), tan()などの三角関数もCSSで使えます。

https://coliss.com/articles/build-websites/operation/css/css-custom-functions-are-coming.html

【コーディング屋のネタ帳】データ可視化はこれで決まり！レーダーチャート作成に役立つJavaScriptライブラリ5選

2025/02/27(Thu) 08:55

Webサイト上でデータを視覚的にわかりやすく伝える方法として、グラフは欠かせません。本シリーズでは、グラフの種類ごとに特長や活用シーンを紹介し、それを簡単に実装できるJavaScriptライブラリを解説しています。

https://fastcoding.jp/blog/all/frontend/javascript-radar-chart-plugins/

メッシュグラデーション完全ガイド：魅せるデザインの新常識

2025/02/26(Wed) 09:06

最近グラフィックやWebデザインでよく見かけるようになり、注目を集めているテクニックがあります。それが 「メッシュグラデーション」 です。メッシュグラデーションは、通常のグラデーションとは異なり、複数の色が溶け合っているような、幻想的なビジュアル効果を持つデザイン手法です。

https://photoshopvip.net/162936

CSSひとつで印象が変わる！スクロールでふわっと出るアニメーション

2025/02/25(Tue) 09:05

ウェブサイトの中にはスクロールするとフワッと文字が出てくる表現があります。シンプルに見えますが、少し工夫を凝らすだけで表現力を大きく高めることが可能です。今回は、フワッと出るアニメーションをより魅力的にするためのテクニックとその応用例をいくつか紹介します。本記事の完成形は次のとおりです。

https://ics.media/entry/250221/

ECサイトで商品詳細ページがインデックスされないときの対処方法【SEO情報まとめ】

2025/02/25(Tue) 09:04

「ECサイトで、商品詳細ページがクロールされているのにインデックスされない！」そんなあなたに、業界屈指のSEO専門家がトラブルシューティング手順をアドバイス。

https://webtan.impress.co.jp/e/2025/02/21/48681