Web制作に役立つ情報一覧

商用でも完全に無料！ 日本の美しい伝統文様のパターン素材、四季をテーマにした和柄のパターン素材 -Japanese Mon

2022/07/29(Fri) 08:51

日本の美しい伝統文様、四季の風物詩をテーマにした現代風の和柄をロイヤリティフリーで使用できるパターン素材を紹介します。ここで紹介しているパターン素材はすべて無料！個人でも商用デザインでも安心して使用できます。

https://coliss.com/articles/freebies/japanese-mon-2022.html

本当は教えたくない、モックアップ素材の無料配布サイト17選【2022年版】

2022/07/28(Thu) 08:56

直訳すると「模型」を意味するモックアップは、デザインの完成イメージをつかむサンプルのようなもの。たとえば、作成したスマホアプリの画面や、商品のパッケージ、Tシャツのデザイン、文庫本や雑誌のカバー。

https://photoshopvip.net/136206

商用利用無料、UIデザイン用のSVGアイコンが1000種類以上！ 改変・再配布も可の太っ腹ライセンス- MingCute Icon

2022/07/28(Thu) 08:55

WebサイトやスマホアプリのさまざまなUIデザインに適した、シンプルなデザインのSVGアイコンが完全無料で利用できるMingCute Iconを紹介します。アイコンは小さいサイズでもくっきり見えるようにデザインされており、SVGだけでなく、Webフォントも揃っています。

https://coliss.com/articles/freebies/mingcute-icon.html

最近見かけた、CSSの一工夫加えたスゴ技テクニックのまとめ

2022/07/27(Wed) 09:00

Apple, Nike, Tesla, AirbnbなどのWebサイトやスマホアプリで使用されている、CSSの一工夫加えたスゴ技テクニックを紹介します。美しい磨りガラスのヘッダ、コンテンツがズームするエフェクト、タッチフレンドリーなカルーセル、超クールなスワイプオーバーセクション、新感覚のスワイプアップするドロワーなど、すぐに使えるCSSのテクニックです。

https://coliss.com/articles/build-websites/operation/css/lever-css-tricks-by-steve8708.html

「リンク切れ」を避けたい2つの理由｜発見方法とパターン別対処法

2022/07/25(Mon) 08:58

「リンク切れはぜったいダメ」「リンク切れのないようにチェックして」サイト作成者なら、1度はこんな言葉を耳にしたことがあるのではないだろうか。リンク切れとは、文字通りリンク先のページにアクセスできない状態のこと​​だ。どうして、リンク切れを避けなければいけないのか？

https://lucy.ne.jp/bazubu/broken-link-42296.html

デザインのスキルが身につく良書！ 文字組みの基本から実践的なテクニックまでしっかり解説されたデザイン書 -文字レイアウトの法則

2022/07/25(Mon) 08:57

文字のデザインについて、フォントについて、見出しの字詰めや段落の揃え方、グリッドシステムなど、欧文タイポグラフィの要点と実践的なテクニックがていねいに解説されたデザイン書を紹介します。

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

スモールビジネスのための、ローカルSEOの戦術50選＋α

2022/07/22(Fri) 09:25

スモールビジネスにとって重要事項の1つである、ローカルSEO。Webサイトの規模はそれほど大きくないケースが多いと思いますが、やれることが少ないかと言うと、そうではありません。サイテーション、レビュー、そしてコンテンツ。その他様々、最適化の箇所は挙げられますが、今回はそんなローカルSEOの戦術を数多くまとめたSearch Engine Journalの記事を紹介します。

https://www.seojapan.com/blog/local-seo-strategies-smbs-194305

imgタグのwidthとheightを省略したらダメ！ 画像によるレイアウトシフトを回避する最近登場した2つの優れた解決方法

2022/07/22(Fri) 09:24

レイアウトシフトとは、Webページがロードされる時に画像のスペースが確保されず、画像が表示された時にその分レイアウトがずれてしまうことです。このレイアウトシフトを回避するために10年以上もの間、アスペクト比を手動で適用する必要がありました。しかし、現在ではそんな馬鹿げたハックは必要ありません。最近登場した2つの優れた解決方法を紹介します。

https://coliss.com/articles/build-websites/operation/work/avoiding-img-layout-shifts.html

日本の検索エンジンシェアTOP6を紹介｜SEOですべきことはひとつ

2022/07/21(Thu) 08:53

検索エンジンといえば「Google」が有名であり、SEO（検索エンジン最適化）を行う場合もGoogleを対象としている方がほとんどではないだろうか。結論から言うとその考え方は正しく、日本国内の検索エンジンシェアを見ると、Googleが76.39%と圧倒的なシェア率を誇っている。（2021年6月〜2022年5月のデータ）

https://lucy.ne.jp/bazubu/search-engine-japan-42218.html

【CSS】「なんかドロップシャドウがダサくなるんだけど」を解決する。

2022/07/20(Wed) 08:58

みなさんは、このドロップシャドウを見てどう思いますか？ドロップシャドウの色が濃かったり、ドロップシャドウの向きが変な方向だったり、あまり綺麗なドロップシャドウとは感じないですよね？この記事では、これが発生する原因 と 綺麗なドロップシャドウの使い方を解説していきます。この記事を読んで理解すれば、これからドロップシャドウに悩むことはなくなるでしょう！

https://qiita.com/degudegu2510/items/8f2a5cce3de08096e06b