HTML・CSSをだけでアコーディオンを作る

tecmemo2009

こんにちは、クリエイターズメモです。   ページが長くなりそうなとき、開閉できるコンテンツ(以下、アコーディオン)を作りたいと思うときってありますよね。   ですが「作るの大変そう」、「作れるけど面倒」、「そもそもjavascriptとかよくわからない」などと思ってしまう方も多いかと思います。   なので今回はjavascrip…続きを読む

Permalink | HTML・CSSをだけでアコーディオンを作る はコメントを受け付けていません。
  • このページを共有する

流し読みパターン一覧!ユーザーはWebサイトをどう見る?

流し読みパターン一覧!ユーザーはWebサイトをどう見る?

Webサイトを訪れたユーザーは、ページを流し読みすることがほとんどだとされています。実際にこの記事を読んでいるあなたも流し読みしているでしょうし、記事を書いている私自身もそうです。   ではなぜ流し読みするのでしょうか。 理由は、 パソコンやスマホで文字を読むのが単純に疲れるから(紙よりも読む速度が25%遅くなるといわれています) Webサイトは「…続きを読む

  • このページを共有する

【Google】MFI強制移行を2021年3月末まで延期

MFI強制移行を2021年3月末まで延期

はじめに 以前「MFI強制以降でタブや展開メニューで非表示にしたコンテンツはどうなる?」で Googleは2020年9月にMFI(モバイルファーストインデックス)へ強制移行すると発表したとお伝えいたしましたが、どうやらそれを2021年3月末まで延期するようです。 MFI移行-今までの経緯 現在ではスマートフォンの普及により、PCよりもモバイルユーザーが主流に…続きを読む

  • このページを共有する

これが最新版!フッターの役割

これが最新版!フッターの役割

フッターはWebサイトのページ最下部にある要素です。 一般的にはサイトマップやWebサイトの運営者情報(会社名・住所・電話番号などの連絡先)、コピーライトなどが記載され、基本的にはWebサイト全体で共通の要素・デザインを使用します。 ページ上部に表示されるヘッダーとは違い、フッターは下までちゃんとスクロールしないと見えない場合がほとんどなので蔑ろにされてしま…続きを読む

  • このページを共有する

【画像のSEO対策】画像サイトマップを登録してみよう!

Employee at work

検索エンジン向けにXMLサイトマップ(sitmap.xml)にURLを記載し、ページのインデックスを行っているとは思いますが、コンテンツページ以外も登録はできます。 今回は画像をサイトマップに登録する方法を紹介します。 画像も登録することでGoogleへのインデックス登録を促進することができるので、いわゆる画像SEO対策としておすすめの方法です。 &nbsp…続きを読む

  • このページを共有する

配色の基本を学ぼう(色相と配色編)

001

みなさん、こんにちは。ウェブラボデザイナーチームです。今回は色相の関係性に基づいた配色方法について考えていきたいと思います。 Webデザインの配色に困ってしまった時、みなさんはどうしていますか?なんとなく色味を決めてしまうと、そのあとのデザインの仕上がりにも影響してしまいます。配色に困った時の助けになる、いくつかの配色方法を学んでいきましょう。  …続きを読む

Permalink | 配色の基本を学ぼう(色相と配色編) はコメントを受け付けていません。
  • このページを共有する

デザインシステムを理解しよう!定義・メリット・導入事例まとめ

デザインシステムを理解しよう!定義・メリット・導入事例まとめ

みなさんは、「デザインシステム」をご存じでしょうか。 Webサイト制作やアプリケーション・サービス開発、ブランディング等を行う仕事でない限り普段からデザインシステムに触れるシーンは少ないですが、そういえばうちの会社のサービスにもあったな、なんて方もいるかもしれません。   デザインシステムを活用するシーンは例えば 大規模なデジタルプロダクト※をデザ…続きを読む

  • このページを共有する

【脱jQuery】.parents()で親要素よりも上の要素の取得をネイティブJavascriptに書き換え

2126351_s

こんにちはウェブラボ技術メモです。 親要素よりも上の、先祖要素を取得したいときありますよね。そんなときjQueryの.parents()メソッドを使用して取得することができます。今回は.parents()メソッドの紹介と、ネイティブで書きたいマニアの方へ、Javascriptではどのように書けばいいのかご紹介します。   jQuery「.paren…続きを読む

Permalink | 【脱jQuery】.parents()で親要素よりも上の要素の取得をネイティブJavascriptに書き換え はコメントを受け付けていません。
  • このページを共有する

【Facebook】古い記事を共有する前に、ポップアップ警告が表示される新機能

【Facebook】古い記事を共有する前に、ポップアップ警告が表示される新機能

Facebookが米国時間6月25日、新規機能を発表しました。 ざっと紹介すると、シェアしようとしているニュース記事がすでに賞味期限切れの話題だったときに、そのことを教えてくれる機能だそう。   参照 Providing People With Additional Context About Content They Share – …続きを読む

  • このページを共有する

ブロークングリットレイアウトのWebサイト(初心者~上級者向けまで)

wall-3316062_640

ブロークングリットレイアウトとは ブロークングリットレイアウトは、従来の直線や四角形を規則正しく並べたレイアウトとは異なり、あえて要素をグリッドからはみ出させたり、要素同士を重ねたりずらしたりするレイアウトのことです。 もともと雑誌などのデザインでは一般的でしたが、2017年ごろからWebサイトのデザインでも流行しはじめ、現在ではデザイン手法の一つとして定着…続きを読む

  • このページを共有する