可愛い!思わず使いたくなるSVGアニメーション

blog

こんにちは、ウェブラボ技術メモです。 今回は、最近可愛いなぁ〜と思ったSVGアニメーションの紹介をしたいと思います。   参考サイトはこちらです。 このWebサイトはフリーランスのデザイナーさんが運営しているcodropsというWebサイトの作品の一つです。 イラストも素敵ですが、主張しすぎないSVGを使ったアニメーションがいいですね。 私も早速使…続きを読む

  • このページを共有する

「GDPR」 Web担当者やWebアナリストはどう対処する?

gdpr

突然ですが「GDPR」ってご存知ですか? 2018年5月にヨーロッパにおける個人情報保護法ともいえる「一般データ保護規則」(General Data Protection Regulation:以下、GDPRと略します)が施行されました。 施行後、半年以上経ちましたが、「GDPR」について何か対策を行っていますか? 「日本のことじゃないから関係ない」「何の対…続きを読む

  • このページを共有する

Adobe XDで効率アップ!基本知識と導入メリットをご紹介

img_adobe-xd

はじめに Webサイトやアプリのデザインを行う際、必要になるのがワイヤーフレームやプロトタイプの作成です。 ワイヤーフレームについては、PowerPointやExcelといったOfficeソフトを使って作成する方もたくさんいらっしゃると思いますが、今回はこれらを使うより2倍、いや10倍作業が捗る「Adobe XD」をご紹介しましょう。 UI/UXデザインツー…続きを読む

  • このページを共有する

【Search Console】Google スピードアップデート実施から4ヶ月たった今、見直したいポイント

bfa0b43cc870487d7b77c3f2561869ba_s

今回お話しするのは、以前ご紹介した弊社のブログ「ページ表示速度がモバイル検索のランキング決定要因に!2018年7月にスピードアップデートを実施」の中でご紹介した記事の続編です。   前回内容を簡単にお話すると「著しく表示が遅いホームページは、モバイル検索のランキングでマイナスの影響がある」というペナルティに関するものでした。   2018…続きを読む

  • このページを共有する

Webデザインにおける線の役割とは?

d_eye_201811-300x200

みなさん、こんにちは。ウェブラボデザイナーチームです。今回は、デザインにおいて重要な要素である「線」の役割についてご紹介します。 「線」は単純な形をしており扱いやすい要素ですが、用途によって様々な意味を持つため、それらの役割を理解せずに使ってしまうと、分かりにくいデザインになってしまいます。より効果的なデザインをするためには、目的にかなった、適切な線の使い方…続きを読む

  • このページを共有する

簡単な操作で画像を上書きできるプラグイン「Enable Media Replace」

tecmemo181126

こんにちは、ウェブラボクリエイターズメモです。   WordPress構築の仕事が増えてきて、どのような画面設計にすれば更新がしやすくなるのか考えるのが最近の楽しみとなっております。   さて皆さんはWordPress(以下WP)で、アップされている画像の内容を上書きしようと思ったとき、どうしていますか? WPにおいては、ローカル環境でフ…続きを読む

  • このページを共有する

検索順位で上位を狙うならロングテールSEO

ea09781f4463b0227fb21969f6569a13_s

個人、もしくは会社のホームページで、SEO対策の一環として、ブログでコツコツと記事を書いているのに、検索順位が全然上がらずに悩んでいる方いませんか?   今回はそのお悩み解決に役立つ記事になります。   ビッグワードはウケがいいけど… 検索順位が全然上がらない?もしかしたら、ビッグワードを狙いすぎているのかもしれません。 みんな知っている…続きを読む

  • このページを共有する

「続きを読む」ボタンで要素の開閉を簡単に組込めるプラグインReadmore.js

readmore

こんにちは、ウェブラボ クリエーターズメモです。   近年、スマホの普及率もあがり、Webサイトを閲覧するときもスマホメインとなってきています。スマホでブログやまとめサイト等の記事を見ている時、文字ががずらっと並んでいてはあまり読む気にもならないですよね?ですが、短い導入でその記事が気になるのであれば、続きを読みたいと思いますよね!   …続きを読む

  • このページを共有する

ウェブアクセシビリティとは?

87284eb40224a8f50dd37fc40dd4f077_s

皆さんは、「アクセシビリティ」という言葉を聞いたことはありますか? 「アクセシビリティ」とは、『高齢者や障害者などハンディキャップを持つ人だけでなく、健常者を含めた誰もが、提供されるサービスを利用しやすいか』を指す指標のことです。   この「アクセシビリティ」はウェブの世界でも重要視されている考え方です。 今回は「ウェブアクセシビリティ」について、…続きを読む

  • このページを共有する

PDFでもSEO対策ができる!そのポイントは?

b7aa1677c1edd41f758d38f115aaf7df_s

みなさん既にご存じかと思いますが、通常のWebサイトと同様に、PDFファイルも検索結果に表示されます。 つまり、PDFファイルにもSEOの効果があるということです。 だから、もし自社製品やサービスに関するPDFファイルを公開している場合は、そのPDFファイル自体にもしっかりとSEO対策を行い、検索エンジンに評価してもらいましょう!   というわけで…続きを読む

  • このページを共有する