【脱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サイトのデザインでも流行しはじめ、現在ではデザイン手法の一つとして定着…続きを読む

  • このページを共有する

DNSレコードとは?基本の仕組みを理解しよう

DNSレコードとは?基本の仕組みを理解しよう

DNSは知っているけど、DNSレコードとなるとよくわからないという人もいると思います。 設定を間違えると、Webサイトが表示されない、メールの送受信がうまくできないといった可能性があるので、仕組みを理解したうえで利用しましょう。 DNSレコードとは それではDNSレコードについて詳しく説明していきましょう。   DNS(Domain Name Sy…続きを読む

  • このページを共有する

使い分けが重要!ページネーションと無限スクロール【無限スクロール編】

使い分けが重要!ページネーションと無限スクロール【無限スクロール編】

いかにユーザーがストレスなく、Webサイトを閲覧できるか。 これは作り手側で常に意識しているわけですが、1ページあたりの情報量が多くなると、閲覧の際に読み込みが遅くなったり、ユーザーが知りたい情報を見失う恐れもあるので、何か対策を考える必要があります。 その際に実装できるUI様式として、ページネーションと無限スクロールの2つがあります。どちらが良い・悪いとい…続きを読む

  • このページを共有する

配色の基本を学ぼう(配色比率編)

001

みなさん、こんにちは。ウェブラボデザイナーチームです。今回はWebデザインでの配色の比率について考えていきたいと思います。 みなさんはデザインをする時、ページ全体の配色の比率まで意識できていますか?キレイに配色されたデザインの多くは色の組み合わせだけでなく使用する色の比率まで考えられています。デザインにおいての基本的なルールでもありますので、一緒に学んでいき…続きを読む

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

.htaccessを使用したURLパラメータによるアクセス制限

tecmemo2007

こんにちは、クリエイターズメモです。   皆さん、「アプリやメール等でしか見せたく無い!」ってページがあるときなどどうしていますか?   今回、たまたま調べる機会がありましたので備忘録がてら記事にしたいと思います。   方法ですが、アプリやメールだと直リンクになってしまうので、リファラーなどは使えそうにないですよね。 &nbsp…続きを読む

Permalink | .htaccessを使用したURLパラメータによるアクセス制限 はコメントを受け付けていません
  • このページを共有する

【検索順位の評価される項目が増えることが発表】Core Web Vitalsがランキング要因に!

【検索順位の評価される項目が増えることが発表】Core Web Vitalsがランキング要因に!

Googleは2020年5月29日、2021年以降検索のランキング要因としてCore Web Vitals(コアウェブバイタル)を取り入れることを発表しました。 参照記事:https://webmasters.googleblog.com/2020/05/evaluating-page-experience.html Core Web Vitalsって何?と…続きを読む

  • このページを共有する

ハンバーガーメニューを見直す

ハンバーガーメニューを見直す

ハンバーガーメニューとは 主にスマホサイトでよく見られる、画面の上隅に置かれた「≡」のボタン。これはハンバーガーメニューと呼ばれています。 このハンバーガーメニュー、スマホサイトデザインの黎明期から今日に至るまで、賛否両論を巻き起こしています。 その内容をかいつまむと、少ないスペースでメニュー表示できるから最高だ!という作る側の言い分と、メニュー…続きを読む

  • このページを共有する

ページの表示速度を速めるgzip圧縮とは?gzip圧縮を利用して表示速度を速めよう

ページの表示速度を速めるgzip圧縮とは?gzip圧縮を利用して表示速度を速めよう

ページの表示速度が遅いだけで検索順位に影響するだけでなく、ユーザーがストレスに感じ離脱にもつながっていきます。 このことは単純にSEO的な観点からだけでなく、会社の印象にも悪い影響を与えてしまうでしょう。   過去に本ブログでも紹介しましたが、今一度ページの表示速度が問題ないかチェックしてみてください。   ■ウェブラボスタッフブログ G…続きを読む

  • このページを共有する