Web制作に役立つ情報一覧

Photoshop 切り抜き革命！髪の毛までAIでワンクリック選択

2025/03/17(Mon) 08:56

従来のPhotoshopでは、複雑なパーツの切り抜きはほぼ不可能でした。しかし、最新の Photoshop Beta版 に搭載された「Select Subject（被写体を選択）」と「Remove Background（背景を削除）」の クラウドAI処理 により、驚くほど精密なマスク処理が可能になりました。

https://photoshopvip.net/163219#google_vignette

Web制作者はダウンロードしておきたい！ CSS関連の最新版チートシートのまとめ

2025/03/14(Fri) 08:52

CSS GridやFlexboxで配置するプロパティや値は？ 最初の3つだけを指定するセレクタは？ という「あれは何だっけ？」に役立つのが、チートシートです。CSS GridやFlexboxの各プロパティ・値でどのように配置されるのか、セレクタやnth-child()やdisplayやposition、VS CodeやGitのコマンドがまとめられたチートシートを紹介します。

https://coliss.com/articles/build-websites/operation/css/css-cheatsheets-2025.html#google_vignette

これは簡単で便利！ 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