No-image

Google Mapを一つのページに2つ以上表示させる(レスポンシブ対応)

どうもWebデザイナーのあさみです♪ 今回はとあるクライアント様の制作で店舗が2つある為、マップを一つのページに2つ配置した際にエラーが起こりマップが表示されなかったりと不具合があったので以前記載した、Googlemapカスタマイズ方法【JavaScript編】とは異なるコードを使用したのでご紹介致します。 HTML <div id="google-map_1">&…

続きを読む

No-image

JQueryを使用したRSS取得方法

どうもWEBデザイナーのあさみです! サイト制作でRSSを用いた構成をした際に忘れてしまっていたので復習と覚書の為に… 以前はGoogle Feed APIを使用して構成する事が多かったのですが、Google Feed APIが2015年4月20日にサポート終了で廃止になりました。 そこで、JQUERYを使用してRSSを取得する方法に変更 下記サイトに分かりやすく記載されています…

続きを読む

No-image

シンプルなシンタックスハイライト「google-code-prettify」

こんにちはWebデザイナーのあさみです。 今回は以前、覚書した ブログ内でコードの表示を綺麗に表示してくれる「Syntaxhighlighter」 よりシンプルで見やすく、コードが少ないので採用した 「google-code-prettify」のご紹介です。 と言うのも、「Syntaxhighlighter」ではちょくちょく不具合が(・・;) 私の環境では、他のJQu…

続きを読む