タグ

2021年1月20日のブックマーク (6件)

  • 2021年のSEOに役立つこと間違いなし! 13個のSEOアドバイス【SEO情報まとめ】 | 海外&国内SEO情報ウォッチ

    2021年のSEOを考えるうえで役立つ情報をお届けする。グーグルのジョン・ミューラー氏が語った11のアドバイスと、プロのSEOコンサルタントが強調した2つの心構えだ。 ほかにも、構造化データやクロールバジェットなどあなたのSEOの疑問を解消する情報に加え、今回はコアウェブバイタルやページエクスペリエンスに関する情報を2ページ目に3つ続けてまとめている。 2021年も、あなたのSEO力を効率的にアップさせるための情報をお届けしていくので、このコーナーをぜひよろしくお願いしたい。 構造化データがページのコンテンツと一致していないとどうなる?UGC、robots.txt、クロールバジェットなどグーグル社員のQ&A短編動画×5グーグル マイビジネスを活用してコロナ禍を乗り切れコアウェブバイタルとページエクスペリエンスに関するFAQコア ウェブ バイタルの情報満載のオンラインカンファレンスをグーグル

    2021年のSEOに役立つこと間違いなし! 13個のSEOアドバイス【SEO情報まとめ】 | 海外&国内SEO情報ウォッチ
    dellab72
    dellab72 2021/01/20
  • グラスモーフィズム?CSSコピペできる新Webトレンドの参考HTMLスニペット、ツールまとめ

    Glassmorphism(グラスモーフィズム)は、昨年末ごろより「ニューモーフィズムの次はこれだ。」と話題になっているデザイン手法です。 この記事では、グラスモーフィズムの基や作成上の注意点、コピペで実装できるジェネレーター、参考HTML/CSSスニペットまでまとめてご紹介します。 グラスモーフィズムって何? 2020年末ごろより人気が高まっているスタイルで、静かな不発トレンドとなったニューモーフィズムのプラスチックな質感に対して、すりガラスを通して覗いたような背景のぼかしが特長です。 ニューモーフィズム?CSSコピペ実装できる新Webトレンドの参考HTMLスニペット、ツールまとめ グラスモーフィズム・スタイルで押さえておきたいのが、以下の4つのポイントです。 透明度(英: Transparency): 背景のぼかしを使用したガラスのようなエフェクト 空間に浮遊するオブジェクトを用いた

    グラスモーフィズム?CSSコピペできる新Webトレンドの参考HTMLスニペット、ツールまとめ
  • Webエンジニアとしていま知っておきたいWebアクセシビリティ

    この文章について これは Front-End Study #3「『当たり前』をつくりだすWebアクセシビリティ」で基調講演をするにあたって、登壇内容を整理するために書いたものです。登壇内容とは一部に差異があります。 イベント映像 この文章はむちゃくちゃに長いので、登壇映像を見たほうがいいかもしれません。わたしの発表は13:23くらいから30分ちょっとです 登壇資料(内容は同一です) https://speakerdeck.com/ymrl/webenziniatosite-imazhi-tuteokitai-webakusesibiritei https://docs.google.com/presentation/d/1uhCvhh6sZCPUnReSBVDjvGfNAOTKbZ5Sxs8fYMlxMsI/edit?usp=sharing 目的 Web業界で「エンジニア」の肩書で仕事して

    Webエンジニアとしていま知っておきたいWebアクセシビリティ
  • 筋膜リリースが簡単にできるフィットネスボール使って、おうちの身体ケアを新しい習慣にしちゃおう | ROOMIE(ルーミー)

    おうちでゆっくり過ごす時間がまた増えてきましたね。 こんな時こそ、おうちでできる身体のケアをしてみませんか? 運動不足からくる肩こりや、足のむくみ等に困っている方に、お手軽なフィットネスアイテムをご紹介します。 いつでも筋膜リリースを それが私も愛用中のアイテム、トリガーポイントのマッサージボールMB5。 普通のボールと思うなかれ、これひとつあれば簡単に筋膜リリースができるんです。 筋膜リリースとは、筋膜を柔らかくし解きほぐすこと。 難しいことは一切ありません。 気になる箇所に当てて、コロコロ転がすだけでOKです。 耐久性に優れたEVAフォーム素材が使われているので、体重をかけても変形しにくく、筋肉の深層部にまで圧を加えることもできますよ。 全身をしっかりほぐせるよ 足のむくみ解消におすすめなのが、ふくらはぎや足首周辺の筋膜リリース。 寒さや冷えでカチコチに固まったふくらはぎを、心地よくほ

    筋膜リリースが簡単にできるフィットネスボール使って、おうちの身体ケアを新しい習慣にしちゃおう | ROOMIE(ルーミー)
  • 2020年にCodepenで話題!コピペ可なHTMLスニペット ベスト100発表

    HTMLなどのコードをブラウザ上で確認ができ、公開や共有もできるなど、世界中のデベロッパーが愛用するCodepen。 この記事は、2020年に特に人気の高かったHTMLスニペットをランキング形式でまとめた The Most Hearted of 2020 が発表されていたので、その中でも実用性の高いHTMLスニペットを中心にまとめて紹介しています。 CSSのみで表現されているとは思えない、シンプルながら効果的なテクニックが多数ランクインしていた2020年。 HTML/CSSやJSなどのコードの確認や編集を行うことができるので、今後のデザイン制作に活用してみてはいかがでしょう。 2020年にCodepenで話題!コピペ可なHTMLスニペット ベスト100発表 94位 Animated clip-path slider Concept 画面を縦半分に二分割した画像スライダーで、画像にマウスホバ

    2020年にCodepenで話題!コピペ可なHTMLスニペット ベスト100発表
  • 2021年のWebはアニメーションが重要!参考にしたいUIインタラクション40個まとめ

    ウェブテクノロジーが進化するほど、年を追って重要になっているアニメーション。 効果的にユーザーの視線を目的のエリアに誘導できるだけでなく、見た目も魅力的に演出できる注目のデザインです。 この記事では、ウェブデザイン制作で活用したい最新UIインタラクション、アニメーションをまとめてご紹介します。 Webサイトやスマホアプリのアニメーション実装参考アイデアに役立てみてはいかがでしょう。 アニメーションの実装で気をつけたいポイント ウェブサイトでもモバイルアプリでも、デザインに動きを取り入れるときは、まず基ルールを確認しておきましょう。実装しやすくなるのはもちろん、デザインの統一性も表現しやすくなります。以下の記事も参考にしてみると良いでしょう。 【保存版】ユーザーを魅了する!UXデザインの正しいアニメーション完全ガイド また、知っておくとアニメーション制作に役立現役プロデザイナーのテクニック

    2021年のWebはアニメーションが重要!参考にしたいUIインタラクション40個まとめ