Web制作に役立つ情報一覧

SEOにかなり使える「ラッコキーワード」とは？具体的な活用法も紹介

2025/04/10(Thu) 08:53

「ラッコキーワードって何？使えるツールなの？」という疑問に端的にお答えすると、 ラッコキーワードは無料で使える純国産のキーワード分析ツールだ。ラッコキーワードは、UI設計が秀逸なことも特筆すべき点だ。海外ツールになじみにくい人でも、ラッコキーワードならサクサク使えるだろう。

https://lucy.ne.jp/bazubu/what-are-sea-racco-keywords-that-are-very-useful-seo-52807.html

noindexとnofollowの違いとは？正しい書き方を解説

2025/04/09(Wed) 08:56

SEOをより効果的にする上で、「noindex」と「nofollow」の設定は欠かせません。noindexとnofollowは一見すると似ていますが、それぞれ役割は大きく異なります。それぞれの役割を曖昧なままにしていると、検索エンジン経由でのアクセス数の減少や、検索エンジンから低い評価を受ける可能性があります。

https://www.seohacks.net/blog/27579/

HTMLとCSSで勉強すべきことがしっかりまとめられている、アクセシビリティやパフォーマンスを考慮した実装を学べる良書 -モダンHTML＆CSS 現場の新標準ガイド

2025/04/07(Mon) 08:52

最新のHTMLとCSSをしっかり学びたい人にお勧めの解説書を紹介します。HTMLとCSSの最新の仕様に基づき、必要な知識を身につけ、アクセシビリティやパフォーマンスに考慮した実践的なテクニックをしっかり学べます。Web制作者が持っておいて間違いのない一冊です。

https://coliss.com/articles/book-review/isbn-9784839986933.html#google_vignette

CSSのfilterプロパティを一覧で設定できる「CSS Filter Preview」作ってみました

2025/04/03(Thu) 08:55

CSSで画像に様々なフィルター効果を指定できるfilterプロパティ。画像をぼかしたり、明度や彩度を設定したり、様々なグラフィック効果を付けることができます。そんなCSSで画像加工ができるfilterプロパティの各フィルター効果を一覧で表示し、各値を画面上で調整しながら効果を確認することができる「CSS Filter Preview」を作ってみたので紹介してみます。

https://black-flag.net/release/20250401-8292.html

フォントをもっと自由に！ CSSのfont-variant活用術

2025/04/02(Wed) 08:54

font-variantプロパティを使用すると、フォントの特定のスタイルや装飾を制御できます。これは、OpenTypeフォントのさまざまな機能を有効化するためのプロパティであり、細かい文字の見た目を調整するために役立ちます。この記事では、font-variantの各種プロパティについて、とくに日本語フォントに役立つものに焦点を当てて紹介します。

https://ics.media/entry/250401/

【2025年最新】SEOのメリットとデメリット：やるか迷ったら読む記事

2025/04/01(Tue) 08:54

簡単にまとめると、SEOのメリットは長期的なストック型集客の強み、デメリットは即効性の低さと外部要因依存、継続的な労力の負荷である。「SEO対策に取り組むべきか？」という問いについては、すべての企業がやるべきだ。しかし、その程度は状況によって異なる。SEOにかけるリソースを的確に判断するためには、SEOの費用対効果やリターンを理解することが不可欠である。

https://lucy.ne.jp/bazubu/advantages-and-disadvantages-of-seo-52676.html

AIでデザイン作業を効率化！ アドビの生成AIを取り入れたデザインのワークフローを学べるデザイン書 -はじめてのAIデザイン

2025/03/31(Mon) 08:57

デザインのワークフローに生成AIを取り入れることに不安がある人もいると思います。クリエイティブではないのでは？ 商用でも安心して利用できるの？ 余計に手間がかかるのでは？ そんな不安を一気に解決し、アドビの生成AIをデザインのワークフローに取り入れた新しいデザイン書を紹介します。

https://coliss.com/articles/book-review/isbn-9784815631307.html

AIだと簡単で便利！ UIデザイン用に色彩理論に基づいたカラーパレットやUIコンポーネントを生成してくれる無料ツール -ColorMagic

2025/03/28(Fri) 08:50

AIを使って日本語テキストや画像からカラーパレットやグラデーションやUIコンポーネントを生成してくれるツールColorMagicの日本語版が登場したので、紹介します。

https://coliss.com/articles/build-websites/operation/design/ai-color-palette-generator.html

実は難しい！ CSSのborder-radiusで実装した角丸を矩形からスムーズにアニメーションさせるテクニック

2025/03/26(Wed) 09:01

CSSのborder-radiusで角丸を適用したボックスを拡大・縮小のアニメーションにするとき、最初は鋭角で、拡大したときには角丸になるようにしたいと思ったことはありませんか？

https://coliss.com/articles/build-websites/operation/css/smoothly-animating-border-radius.html

Illustratorの使い方を身につけたい人に！ センスのよいデザインを作りながら学べる解説書 -Illustratorおてがる入門

2025/03/24(Mon) 09:01

Adobe Illustratorをそろそろ学びたいな、と思っている人にお勧めの解説書を紹介します。「おてがる」とあるように本書では難しいと思われがちなIllustratorの使い方をお手軽に使いこなせるようになる一冊です。また、入門書にありがちなダサいデザインをつくって学ぶのではなく、センスのよいデザインが揃っているので、楽しく学ぶことができると思います。

https://coliss.com/articles/book-review/isbn-9784297147167.html