Web制作に役立つ情報一覧

これは簡単で便利！ CSSのclamp()関数を使ったレスポンシブ対応のフォントサイズの定義ができるツール -Type Scale Generator

2025/03/13(Thu) 09:04

フォントのサイズをレスポンシブ対応にするときに、最近よく使用されている実装方法はclamp()関数による流体タイポグラフィのテクニックです。CSSのclamp()関数を使用するとビューポートをベースにしてフォントサイズの最小値と最大値を定義してその間の値を流動的に設定することができます。

https://coliss.com/articles/build-websites/operation/css/type-scale-generator.html#google_vignette

WordPress がハッキングされたときの対処方法

2025/03/11(Tue) 08:55

WordPress がハッキングされてしまったら、今すぐやるべきことは「一刻も早い修復」です。不正に埋め込まれたファイル（バックドアやマルウェア）を削除し、完全な状態に戻しましょう。ハッキングされるとどのような状態になるのか、自分で修復できるのか、詳しく解説していきます。

https://seory.co.jp/how-to-deal-with-hacking/

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