Web制作に役立つ情報一覧

広告の制作で注意すべき細かいポイントまでよく分かる！ 制作者として消費者としてもしっかり読んでおきたい -景品表示法 超入門

2025/01/20(Mon) 08:54

景品表示法って聞いたことがあるけど、自分には関係ないかなと思った人はちょっと待ってください。バナーやランディングページで「今なら配送料無料」「通常10,000円のところを今だけ9,000円」、また「全品半額」と書いてあるのに下に小さい文字で「1万円以上の商品が対象」とあるなど、景品表示法の違反になることがあります。

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

コピペするだけで使用できる！ ページ上のアクティブなアニメーションを取得するシンプルなJavaScript

2025/01/17(Fri) 09:09

ページ上で動作するアクティブなビュー遷移にリンクされたすべてのアニメーションを取得するJavaScriptのコードを紹介します。数行のコードをコピペするだけで使用でき、アニメーションを反転させたり、継続時間を変更したり、キーフレームを変更したりなど、さまざまな操作を実行できます。

https://coliss.com/articles/build-websites/operation/javascript/getting-all-animations-linked-to-a-view-transition.html#google_vignette

「不動産SEO」激戦を制する成功の秘訣を公開！具体的な戦略と事例

2025/01/14(Tue) 09:01

「不動産のSEOで成功するには、何をすべき？」このように悩む方が増えている。不動産業界のSEOは激戦といえる様相で、検索上位に躍り出るのは、容易ではない。一般論のSEOだけでは太刀打ちできず、鍵となるのは「不動産SEO独特の成功ポイント」を押さえることである。

https://lucy.ne.jp/bazubu/real-estate-seo-secrets-to-success-52227.html

2024年ベスト無料デザイン素材・ツール総まとめ｜プロが選ぶ90のおすすめ

2025/01/09(Thu) 08:59

2025年こそ、もっと自由にデザインを楽しみたいあなたへ。新しい年を迎え、どんなデザインを作りたいか、デザイナーとしての一年間の目標を立てるひとも多い時期ですよね。でも、いざ始めようと思うと、ツールや素材を探すのに時間がかかる…。そんなときのために、2024年に話題を呼んだデザインツールやフリー素材を一挙にまとめました。

https://photoshopvip.net/162527#google_vignette

商用利用も完全に無料！ 目立たせたい見出しやタイトルにぴったりなオールドスタイルの明朝体「築豊初号明朝OFL」

2025/01/09(Thu) 08:57

「かもめ明朝」「トレゴ」「新レトロ丸ゴシック」「築豊明朝」など、オールドスタイルの日本語フリーフォントをリリースされている文字魚さんから新作フォントがリリースされました！

https://coliss.com/articles/freebies/free-font-tsukuhoushogomin.html#google_vignette

新作のかわいい日本語フリーフォントがリリース！ くるんとした愛嬌があるかわいいフォント「くるん・デコ」

2024/12/24(Tue) 08:52

「ninaSchoolgirl」「になロマン」「くちばしフォント」「最強少女」「薄幸少女」など、楽しくてかわいいフリーフォントをたくさんリリースされている213ちゃんから、新作フリーフォントがリリースされました！

https://coliss.com/articles/freebies/free-font-kurundeco.html

これは和の配色本の決定版！ 日本の古来より伝わる伝統的な美しい色と言葉がまとめられた -配色アイデア手帖 日本の美しい色と言葉 第2版

2024/12/23(Mon) 09:06

デザインやイラストをはじめ、ビジネス、インテリア、ファッションなど、色に携わるすべての人にお勧めの配色アイデア手帖 日本の美しい色と言葉 第2版を紹介します。

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

意外？@propertyがCSSアニメーションを激変させる理由

2024/12/20(Fri) 08:53

メディアクエリとして知られる@mediaやCSSアニメーションで使われる@keyframesなど、CSSには@から始まるさまざまなルールがあります。その中にある@propertyというルールはご存知でしょうか？

https://ics.media/entry/241219/

2024年、Web制作者がチェックしておきたいCSSの新機能のまとめ

2024/12/20(Fri) 08:52

今年もCSSの進化が早かった1年でした。一昔前にはJavaScriptや複雑なCSSを使用しないとできなかったことがたった一行、もしくは数行のCSSで簡単に実装できるようになりました。

https://coliss.com/articles/build-websites/operation/css/css-in-2024.html

これがCSSだけで実装できるとはすごすぎる！ 窓から差し込む柔らかな日差しを実装 -sunlit

2024/12/19(Thu) 09:11

CSSのスゴ技を見つけたので、紹介します。画像は観葉植物のシルエットだけ、壁、サッシ、そして柔らかな日差しのアニメーションもCSSで実装されています。CSSで複数のぼかしを作り、CSSの回転・拡大縮小を利用してシルエットの動きが実装されています。

https://coliss.com/articles/build-websites/operation/css/css-implementation-of-some-sunlight.html