Web制作に役立つ情報一覧

これ知ってる？Adobe Fireflyで３D文字を自在に生成できる裏技テクニック

2024/07/22(Mon) 08:52

Photoshopで利用できる新機能も十分衝撃だったのですが、あれからツールを利用し続けた結果、Adobe Fireflyがある特定のデザイン作成にとても効果的ということが分かってきました。それがずばり、文字の加工やテキストエフェクトの作成。

https://photoshopvip.net/159153

ゴシック体の素晴らしい世界が広がる！ 商用利用無料、可読性に優れたフリーフォント「永代ゴシック」がリリース

2024/07/19(Fri) 08:55

今回は可読性に優れた、字面の大きなモノラインのゴシック体「永代ゴシック」です。教育漢字を含む1,390文字の漢字が揃っており、タイトルやテロップなどにぴったりです。

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

CSSのclass名やJavaScriptの関数名を付けるときに役立つ単語リストのまとめ -Classnames

2024/07/15(Mon) 09:08

CSSのclass名やJavaScriptの関数名を付けるときに悩んだり、ネタ切れになったことはありませんか？BEM, OOCSS, SMACSSで命名する場合はそれを使用すればよいのですが、特定のテーマ別にグループ化された単語のリストが必要になるときもあります。そんなときに役立つ単語リストをまとめたClassnamesを紹介します。

https://coliss.com/articles/build-websites/operation/work/lists-of-useful-words-for-classname.html

国産ヘッドレスCMSとして注目されているmicroCMSとNext.jsを使用したWebサイトのモダンな制作方法を学べる解説書 -モダンWebサイト制作入門

2024/07/15(Mon) 09:07

国産ヘッドレスCMSとして注目されている「microCMS」とJavaScriptフレームワーク「Next.js」を使ったモダンWebサイトの制作について初心者でも分かりやすく解説した入門書を紹介します。

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

【無料】ずるいけど便利すぎるPhotoshopモックアップ素材50選【2024年版】

2024/07/09(Tue) 09:04

「つくったデザインをもっと魅力的にみせたい」「クライアントやお客様が納得するビジュアルが欲しい」「最終的なデザイン完成予想がなかなか伝わらない」商品やブランド、Webサービス、パッケージ制作などのプロモーションやプレゼンテーションを行う時に、あなたもきっと悩んだことがあるでしょう。しかし日々の業務に追われるクリエイターにとって、あまり時間をかけることができないのも事実。そんな時に活用したいのがフォトショップの「モックアップ」素材です。

https://photoshopvip.net/158867

商用無料、新作フリーフォントがリリース！ かわいいデザインにぴったり、女子校生の書き文字風フォント「ninaSchoolgirl」

2024/07/08(Mon) 08:51

「になロマン」」「くちばしフォント」など、楽しくてかわいいフリーフォントをたくさんリリースされている213ちゃんから、新作フリーフォントがリリースされました！今回は、女子校生の書き文字風フォント「ninaSchoolgirl」かわいいデザインにぴったりなフォントですね。

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

サイトの直帰率が高くなる12の原因と解決策

2024/07/05(Fri) 08:52

もしあなたのウェブサイトの直帰率が高い場合は、より良い体験をユーザーに提供するため、改善が必要となります。本記事では、高い直帰率の原因と直帰率を下げる方法を紹介します。ぜひ参考にしてみてください。

https://seojapan.com/column/bounce-rate-2/

UIデザインに最適！ シンプルなデザインで使いやすく、商用でも無料で利用できるSVGのアイコン素材 -Lucide

2024/07/04(Thu) 09:02

無料で使えるSVGアイコンはたくさんありますが、使い勝手がよいシンプルなデザインで、バリエーションも豊富となるとなかなか見つかりません。WebサイトやスマホアプリのUIでよく使うアイコンが1,470種類、カラー・サイズ・ストロークの変更もサポートしているSVGアイコン素材を紹介します。

https://coliss.com/articles/freebies/svg-icons-lucide.html

Web制作の面倒におさらば、便利すぎるCSS時短ツールまとめ【2024年版】

2024/07/03(Wed) 08:58

Webサイト制作において面倒で時間のかかる作業を効率化したい方へ。この記事は、CSSコードを手軽に生成できる便利ツールをまとめた最新版リストで、Web制作を快適、楽にしてくれるツール68個が揃っています。

https://photoshopvip.net/158804

CSSで画像にオーバーレイを与えるときは、border-imageプロパティを使うと簡単で美しく実装できます

2024/06/26(Wed) 08:56

たった1行のCSSで、背景画像とテキストの間にグラデーションのオーバーレイを要素全体に適用するテクニックです。画像の一部を暗くしてその上にテキストを配置する際に非常に便利です。

https://coliss.com/articles/build-websites/operation/css/css-gradient-overlay-with-border-image.html#google_vignette