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

2016/12/1410:47
こんにちはWebデザイナーのあさみです。 今回は以前、覚書した ブログ内でコードの表示を綺麗に表示してくれる「Syntaxhighlighter」 よりシンプルで見やすく、コードが少ないので採用した 「google-code-prettify」のご紹介です。 と言うのも、「Syntaxhighlighter」ではちょくちょく不具合が(・・;) 私の環境では、他のJQueryやプラグインの関係で競合してしまいERRORが連発する事が何度かありました。..

続きを読む

Googlemapカスタマイズ方法(レスポンシブ対応)【JavaScript編】

2016/11/0316:53
前回のおさらいGoogleMapをレスポンシブ対応で埋め込む【API Key取得編】 今回はGooglemapカスタマイズ方法【JavaScript編】です。 それでは早速… HTML <head> </head> <body onload="initialize();"> <div id="map_custmomize"></div> </body> もしくは、下記コード <head> </head> <body> <div id=..

続きを読む

GoogleMapをレスポンシブ対応で埋め込む【API Key取得編】

2016/10/2616:08
お客様のサイトのイメージにあった配色でオリジナルのGoogleMapをレスポンシブサイトに! まずは、Google Maps API Keyを取得する事から始めましょう。 Google Maps API Keyを取得する手順 ※2016年6月からGoogle Maps API Keyが必須! 2016年6月22日から、Google Map APIの利用に開発者向けAPIキーが必ず必要になりました。 そのために、APIキーを使わずに新しくGoogle Mapを..

続きを読む

ブログ内でコードの表示を綺麗に表示してくれる「syntaxhighlighter」

2016/10/1219:09
覚書を記録する中でコードの表示は必須! という事でコードの表示を綺麗にしてくるプラグインを導入しようと考えまして… 【syntaxhighlighter】を使用する事にしたのですが、まぁ〜、ハマってしまったので記録として 下準備から まずは、SyntaxHighlighter本家サイトからダウンロード バージョンはSyntaxHighlighter3.0.83 Google先生で検索した結果下記サイトを参考に導入 http://honttoni.bl..

続きを読む

もっと見る