Google Mapのデザインをカスタマイズする

tecmemo1805こんにちは、ウェブラボ技術メモです。 「Google Map」は、会社のアクセスページなどで 地図を公開する手段として、多くのホームページで使われていますね。 オシャレなデザインのホームページを作成する際に Google Mapも色味を変えれたら…と思ったことはありませんか? 今回はGoogle Mapのデザインをお手軽にカスタマイズしてみます。 実装にはj…続きを読む
  • このページを共有する

Webデザインの基礎!ページのレイアウト構造

d_eye_201805みなさん、こんにちは。ウェブラボデザイナーチームです。今回はWebサイトのレイアウト構造についてのお話です。 私たちは普段の生活の中で、様々なWebサイトを目にします。たくさんの種類があって、デザインもばらばらですよね。しかし、全体のレイアウト構造はいくつかのパターンに分類することが可能です。その中でも比較的ベーシックで有名な、4つのレイアウトをご紹介してい…続きを読む
  • このページを共有する

2019年度採用サイトデザイン

「2019年度採用サイトデザインみなさん、こんにちは。ウェブラボデザイナーチームです。今回は、「2019年度採用サイトデザイン」をご紹介します。採用活動においてより良い人材を確保するために重要な採用サイト。求める人材を引きつけるためにコンテンツ作りに力を入れているところが多く、デザイン性も高いです。そこで今回は5社の採用サイトをピックアップしてご紹介していきます。 住信SBIネット銀行 新…続きを読む
  • このページを共有する

Parallax.jsで簡単にパララックスを実装する

tecmemo1804こんにちは、ウェブラボクリエイターズメモです。 最近個人的にパララックスなどサイトに動きを付ける機会が多くあり、いいプラグインなど無いかな? と思い探してみたところ見つけたのでその紹介をしたいと思います。 →まずは作成したDEMOをご覧下さい スクロールすると背景が少しずつ動いていく良く見るパララックスですね。 これがとても簡単に実装できてしまうんです! ま…続きを読む
  • このページを共有する

Google製SEO対策度測定ツール Chrome 拡張機能「Lighthouse」

img_seoウェブサイトの運用担当者なら、一度は経験するSEO対策。 そんなSEO対策を行っていると、Googleの手のひらで踊らされているような感覚に陥る方もいるのではないでしょうか? なぜって?それは変化のスピードがとても早く、しかも気が付かないうちにサラッとおこなっているから。 ペンギン・パンダアップデートを初めとする大規模アップデートや、解釈の変更など、日々目ま…続きを読む
  • このページを共有する

縦書きレイアウトのWebサイト

d_eye_201803みなさん、こんにちは。ウェブラボデザイナーチームです。今月のテーマは「縦書きレイアウトのWebサイト」です。 そして今回はその中でも特に、文字を画像で切り出さずに、cssを使ってテキストとして表示させているWebサイトに注目してみました。 実は画像を使わずに縦書きを実装するには注意点がいくつかあって、どのブラウザでもきれいに見られるようにするのは大変なのです…続きを読む
  • このページを共有する

calc()関数について

img_calcこんにちは、ウェブラボ技術メモです。 今回はcalc()関数についてご紹介します。 ■calc()関数とは? 簡単に言うとプロパティの値を計算式で導出できる関数のことです。 対応ブラウザなど詳しくはこちらをご覧ください。 ■使い方 calc()関数は様々な活用シーンがあります。 例えば、 横幅100%を三等分したい時には、以下のように記述し並列に均等配置する…続きを読む
  • このページを共有する

SEO的にメタキーワードはいるの?いらないの?

img_meta今日はSEOのお話しです。SEOをちょっとでもかじった方なら、メタキーワードがどんなものかわかるかと思います。 ええ、そうです。メタキーワードは内に設定するタグで、こんな感じに設定されているやつです。 このメタキーワードは、古くからメタタイトルタグ、メタディスクリプションタグと並んで、ページの情報を検索ロボットに伝えるタグとして、利用されてきました。 が、し…続きを読む
  • このページを共有する

2018年7月から非HTTPSページ全てに「保護されていません」の表示

img_http2018年7月から非HTTPSページ全てに「保護されていません」の表示 Googleはここ数年、サイバーセキュリティ対策に本腰を入れており、ウェブサイトのHTTPS化を強く働きかけてきました。 その結果、「ウェブ上のトップ100サイトのうち、81がデフォルトで HTTPSを使用している」(Google公式ブログから)という結果にGoogleもご満悦のようす。…続きを読む
  • このページを共有する

あなたのサイトSSL証明書は大丈夫? Chromeにて旧シマンテック系証明書すべて失効扱いに。

img_httpsあなたのサイトSSL証明書は大丈夫? Chromeにて旧シマンテック系証明書すべて失効扱いに。 2018年3月からシマンテック系SSL証明書がChromeにて無効化され始めるのをご存知でしょうか。昨年の3月頃からGoogleからアナウンスされていましたので、すでに対応済みという方も多いかと思います。 まだ移行が済んでいない方、無効化されること自体知らなかった…続きを読む
  • このページを共有する
1 / 5112345...102030...最後 »