Web制作に役立つ情報一覧

新しいCSSの書き方 最新テクニック20選まとめ実用サンプルコード付き

2022/09/08(Thu) 08:51

この記事では、ウェブ制作で積極的に活用したい最新CSSテクニックを、実例サンプルコードと一緒にご紹介します。新しいCSSプロパティにはじまり、これまではJavaScriptが必要だったデザインも、CSSのみで実現できるようになっています。普段からCSSを使いこなしているベテランデザイナーさんにこそオススメしたい、CSSの進化を感じるテクニックが揃います。

https://photoshopvip.net/137332

文字の輪郭を活用 おしゃれなアウトライン風フリーフォントまとめ

2022/09/06(Tue) 09:06

この記事では、文字の輪郭のみで描かれたアウトライン風フリーフォントをまとめてご紹介します。ネオンサインでよく利用されている文字スタイル、の方が分かりやすいかもしれません。筆記体フォントとの相性もとても良く、手軽におしゃれな雰囲気を演出できます。

https://photoshopvip.net/137289

SEOの学び方 2022年版　SEO初心者から上級者への道

2022/08/26(Fri) 08:48

2年ほど前に「SEOの学び方」という記事を公開しました。今回は改めて初級・中級・上級と3つの段階に分けて再整理しました。これからSEO関連のお仕事を始める方、SEOの勉強方法を知りたい方の参考になれば幸いです。

https://www.sem-r.com/entry/20220825/1661353211

永遠にスクロールしていたくなる、気持ちいいエフェクト -Intersection Observer Scrolling Effects

2022/08/24(Wed) 08:54

Intersection Observerとカスタムプロパティを使用して、グリッドやリストのスクロールビューにアニメーションを適用するテクニックを紹介します。アニメーションはスクロールに連動して動作し、GridやListなどよく見かけるUIだけでなく、水平スクロールやジッパー・回転などもあります。どのスクロールエフェクトも軽快な動作で、ちょー気持ちいいです！

https://coliss.com/articles/build-websites/operation/work/intersection-observer-scrolling-effects.html

カラー生成のこんな便利ツールがあったとは！ ベタ塗りのカラーと同じに見える半透明のカラーを生成するツール -Alphredo

2022/08/24(Wed) 08:53

同じ背景色に配置したベタ塗りのカラーと同じに見える半透明のカラーを生成するツールを紹介します。半透明のカラーは背景に重なると、ベタ塗りのカラーと同じになります。たとえば、シャドウやダイアログの背後の背景など半透明で複数の背景で動作するUI要素に最適です。不透明度を下げたブラックを使用するのではなく、ニュートラルカラーの半透明カラーを使用すると、より美しいUIをデザインできます。

https://coliss.com/articles/build-websites/operation/work/create-translucent-versions-of-colors-alphredo.html

レスポンシブ対応する時に、どうしても綺麗に要素が収まらない時のほぼ完璧な対処法

2022/08/22(Mon) 08:53

皆さんは、レスポンシブ対応の時にどうしてもデザイン通りに要素が収まらなず仕方なくブレイクポイントを追加して対応したことはありませんか？僕はあります。気をつけないとすぐ要素がはみ出したり重なったりしますよね。

https://itokoba.com/archives/4267

SEOやるなら、読んでおきたい！「本質」がわかり、「応用」ができる7冊！

2022/08/19(Fri) 09:05

初心者にオススメの書籍を業界の識者に教えてもらう本連載。今回は、SEO（Search Engine Optimization）に強くWebコンサルティングサービスを提供するJADE 代表取締役社長の伊東周晃さんに、SEO初心者に役立つ書籍を教えてもらった。

https://webtan.impress.co.jp/e/2022/08/17/43144

HTMLサイトマップとは？SEO効果・作成すべきケース・作り方まで解説

2022/08/18(Thu) 08:57

HTMLサイトマップとは、サイトの来訪者に見せるサイト全体の地図のようなものである。サイトマップにはもうひとつ「XMLサイトマップ」があり、こちらはGoogleなど検索エンジンにサイトの構造がどうなっているかを伝えるものである。

https://lucy.ne.jp/bazubu/htmlsitemap-42896.html

SEOでは「文字数は気にしない」が正解！その理由・根拠・事例を詳しく解説

2022/08/18(Thu) 08:56

「SEOを考える上で最適な文字数は何文字だろう？」「SEO記事では2,000文字は必要って聞いたけど本当かな？」SEO記事を作成する場合、文字数はどのくらい書けば良いか悩む担当者は多いのではないだろうか。また「文字数が多いほど上位表示される」という噂が本当かどうか、知りたい方もいるのでは？

https://lucy.ne.jp/bazubu/seowords-42701.html

新規WebサイトのSEOで見落としがちな問題に対処する5つのポイント（#6〜#10）

2022/08/16(Tue) 08:52

新しいウェブサイトを立ち上げるとき、SEO戦略はいつ考えるべきだろうか？ 効率的に成果を出すなら、立ち上げ前に練り、最初から強力なウェブサイト構造を構築することに重点を置くのをおすすめする。そうすれば、簡単に拡張したり、月間のオーガニックトラフィックを蓄積したりできる。

https://webtan.impress.co.jp/e/2022/08/15/43131