Web blog WEBブログ

背景色(ベタ塗り)の後に画像が表示されるJSエフェクトを使ったアニメーション

UPDATE : 2019.12.26

こんにちは。ディレクターの杉浦です。最近よく見かけるjQueryを使ったアニメーションを作ってみましょう! 画像や文字が表示される前に、一旦その要素に背景色(ベタ塗り)が入るエフェクトの動きです。 背景色(ベタ塗り)→画像(文字)と表示が切り替わ...

杉浦直子
杉浦 直子
ディレクター
続きを読む

APIを使ったGooglマップのデザインカスタマイズ「Snazzy Maps」の使い方

UPDATE : 2019.06.17

こんにちは。ディレクターの杉浦です。 サイトのデザインテイストに合わせて、Googleマップの「色味・地形デザイン・表示項目」を変更したい場合があります。 今回は「Snazzy Maps」を使ったGoogleマップのデザイン変更をご紹介します。

杉浦直子
杉浦 直子
ディレクター
続きを読む

<video>タグで動画を埋め込む

UPDATE : 2019.04.08

こんにちは。ディレクターの杉浦です。 最近ご依頼が多い、メインビジュアルなどへの動画埋め込み方法をご紹介いたします。 HTML5で新しく追加された動画のための<video>タグを使用していきます。

杉浦直子
杉浦 直子
ディレクター
続きを読む
WEBサイトに埋め込んだGoogle Mapsが表示されない原因と対処

WEBサイトに埋め込んだGoogle Mapsが表示されない原因と対処

UPDATE : 2018.09.07

こんにちは、ディレクターの杉浦です。 2018年6月11日以降、WEBサイトに埋め込んだGoogle Mapsが正常に表示されず、 「このページではGoogleマップが正しく読み込まれませんでした」というメッセージとともに地図がグレーで表示される現象...

杉浦直子
杉浦 直子
ディレクター
続きを読む
SVGアニメーションを使って拡大しても粗くならない画像を描画してみよう!

SVGアニメーションを使って拡大しても粗くならない画像を描画してみよう!

UPDATE : 2018.05.14

今回は、illustratorで作成したロゴデザインをSVGアニメーションで実装していきます。 基本的なSVGの使い方です。 CSSのアニメーションで動きをつけていきます。

杉浦直子
杉浦 直子
ディレクター
続きを読む
無料相談窓口