Web制作に役立つ情報一覧

SEOライティングとはユーザーを120%満足させる文章｜書き方チェックシート付

2022/09/16(Fri) 08:52

SEOライティングとは、バズ部の考える定義では、検索エンジンを使って自社サイトに流入した「検索ユーザー」に向けて最適化した文章の書き方をいう。あくまでユーザーに向けた文章であり、決して検索エンジンのために書く文章ではない。ユーザーを120%満足させるような質が高いコンテンツを用意することで、結果的に上位表示を実現できると考えている。

https://lucy.ne.jp/bazubu/seo-writing-43562.html

これでもう絶対迷わない！ CSSの疑似クラスと疑似要素、:と::の違い

2022/09/16(Fri) 08:51

CSSで疑似クラス、または疑似要素を使用する時に、:と::のどっちだっけ？ と迷ったことはありませんか？:beforeと::beforeのどっちだっけ？ :notと::notのどっち？ :と::のどっちが疑似クラスだっけ？
※CSS3では::beforeですが、CSS2では:beforeでした。たまに迷ってしまうことがある人に、CSSの疑似クラスと疑似要素、:と::の違いについて紹介します。

https://coliss.com/articles/build-websites/operation/css/difference-between-pseudo-classes-and-pseudo-elements.html

iPhone, iPadの最新機種まですべてを網羅、Appleデバイスのスクリーンサイズ・解像度のまとめ -Screen Sizes

2022/09/14(Wed) 09:03

Webサイト制作者・スマホアプリ開発者向けに、iPhone, iPad, Apple WatchなどのAppleデバイスのスクリーンサイズ、各サイズを採用しているモデル、ノッチのサイズ、解像度、PPI、表示タイプ、比率、セーフエリア、ウィジェットのサイズなど、実装時に役立つ情報がまとめられたScreen Sizesを紹介します。

https://coliss.com/articles/build-websites/operation/work/a-complete-guide-for-apple-displays.html

CSSで最後の要素にだけスタイルを適用させない、疑似クラス「:not()」と「:last-of-type」の組み合わせは便利

2022/09/14(Wed) 08:59

疑似クラスを使いなせるようになると、CSSはより楽しくなります。リストなど複数の兄弟要素を配置した時に、最後の要素にだけスタイルを適用しないようにするには、:not()と:last-of-typeを組み合わせると便利です。下記のように最後だけラインをつけないとか、marginやpaddingを変えるという時によく使用されるCSSのテクニックです。

https://coliss.com/articles/build-websites/operation/css/css-selectors-is-not-last-of-type.html

おしゃれで実用的なフォントが欲しい人の新作リスト（Adobe Fontsも）

2022/09/13(Tue) 08:57

フリーフォントを、もっと効果的に使いたいと悩んでいる方は、多いのではないでしょうか。しかし、毎月追いつけないほどの新作フォントがリリースされ、本当に必要な素材がなかなか見つからないという声をよく聞きます。そこでこの記事では、実践的に使えるオススメ最新フリーフォント30個をまとめました。デザインをおしゃれに、かっこよくしたいという人に、まず試してほしいフリーフォントを中心に厳選しています。

https://photoshopvip.net/137551

もっと早く知りたかった！便利な最新Web、オンラインツール30選

2022/09/12(Mon) 09:00

この記事では、「もっと早く知りたかった」と思ってしまう、便利な最新オンラインツールをまとめてご紹介します。AIをフル活用した次世代ツールから、これまでの作業が嘘のように捗る便利なものまで、今後のワークフローを変えてくれそうなツールを中心に揃えています。カテゴリごとに整理しているので、目的にあったお気に入りツールを探してみましょう。

https://photoshopvip.net/137497

【フォトショップ】光が溢れ出るライトブルーム写真加工のつくり方

2022/09/09(Fri) 08:54

この記事では、フォトショップで光が溢れ出したような、ライトブルームエフェクトの作り方をご紹介します。ライトブルーム（英: Light Bloom）とは、イルミネーションなど、外から部屋をのぞいたときなど、溢れ出したように明るい光のこと。焚き火やランタンの光も、まるで本当に輝いているような仕上がりで、ワンクリックで微調整できるのもポイントです。

https://photoshopvip.net/137465

CSSの実装はこれでかなり進化する！ Web制作者が知っておきたい、:has()疑似クラスの便利な使い方のまとめ

2022/09/09(Fri) 08:53

CSSの:has()疑似クラスが主要ブラウザでサポートされ、喜んでいる人も多いと思います。今まではJavaScriptを使用しなければできなかったことが、:has()疑似クラスを使用するとさまざまなセレクタを条件式のように記述できます。

https://coliss.com/articles/build-websites/operation/css/howtouse-css-has-pseudo-selector.html

有名サイトで使用されているCSSテクニックまとめ

2022/09/09(Fri) 08:52

たった数行の記述で複雑な機能が実装可能だったり、再現が難しかったデザインへも対応できるようになったことは喜ばしいことです。そこで今回は有名サイトで実装されているそんな最新のCSSテクニックをあらためて確認してみたいと思います。

https://qiita.com/k__watanabe/items/70171a5095e714509af4

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

2022/09/08(Thu) 08:51

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

https://photoshopvip.net/137332