Web制作に役立つ情報一覧

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

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

2025/02/19(Wed) 09:00

データをわかりやすく伝える手段として、グラフはとても便利ですよね。本シリーズでは、Webサイトでよく使われるグラフの種類と、それを簡単に表示できるJavaScriptライブラリを紹介しています。

https://fastcoding.jp/blog/all/frontend/javascript-line-graph-plugins/

マウスのみで任意のサイズのダミー画像を生成してダウンロードできるオープンソースのダミー画像ジェネレーター・「Image Elf」

2025/02/18(Tue) 09:03

Image Elfはマウスのみで任意のサイズのダミー画像を生成してダウンロードできるオープンソースのダミー画像ジェネレーターです。個人的に初見のUIで印象的でした。マウスのドラッグだけでサイズを設定、そのままDL出来る、というもの。指定サイズの10倍もの巨大サイズにも対応しています。

https://kachibito.net/useful-resource/image-elf