アメブロ初心者の方でもアメブロカスタマイズで人気のある横並びメニューを簡単に作成出来るように「Ameba Menu Generator」を作成しました。メニューのデザインやレイアウトはプレビューを見ながら作成出来るように …
REED MORE →
アメブロ横並びメニュー簡単作成ジェネレーター
Google Mapのレスポンシブ ウェブ デザイン対策
Googleではレスポンシブ ウェブ デザインの推奨していますので、Google Mapも画面サイズ（PC Tablet smartphone)によって表示サイズが変わると便利だと思います。 そこで今回はGoogle M …
REED MORE →
Google Mapで任意の場所に目印やシェイプで位置を簡単表示
住所を入力して検索して使うGoogle Mapですが、住所のない任意の箇所、例えば海岸や山の中に目印やシェイプで囲んで位置を簡単に表示することもできます。 今回はGoogle Mapで任意の場所に目印やシェイプで位置を簡 …
REED MORE →
カスタマイズで覚えておきたいCSSのposition
カスタマイズ初心者の方は、この記事を読む前に下記の記事を読まれることをオススメします。 カスタマイズする時に理解しておきたいdiv要素 Google Chrome Developer Toolsで要素を確認 Google …
REED MORE →
Google Chrome Developer ToolsでCSSを確認
前回の記事「Google Chrome Developer Toolsで要素を確認」の後編みたいな感じですが、今回はDeveloper ToolsでCSSを確認する方法を紹介します。 この記事を見る前に「Google C …
REED MORE →
Google Chrome Developer Toolsで要素を確認
各ブラウザにはWeb開発者向けにとっても便利なツールがあります。 Internet Explorerだと開発者ツール、Firefoxだと要素を調査、Safariだと要素の詳細を表示、Google Chromeだと要素を検 …
REED MORE →
カスタマイズする時に理解しておきたいdiv要素
ブログなどのソースを確認してみると、<body>～</body>の中には特に<div ●=”★”>～</div>みたいなコードが沢山あると思います。 この<div>～ …
REED MORE →
htmlで使うclassとidって何？
htmlのコードを確認してみると<body>～</body>内には<● class=”◆”>とか<● id=”◆”>のようなコードがたくさんあります …
REED MORE →
スクロールで背景画像を別々に動かすパララックス効果
通常背景画像は記事を下にスクロールすると一緒に移動するか、もしくは背景画像が固定された状態でしか設定できません。しかしJQueryを使うと背景画像が横、斜めなど好きな方向に動かすことができます。 今回は、パララックス効果 …
REED MORE →
背景画像をフルスクリーンで簡単スライドショー
背景画像をフルスクリーンでスライドショー出来る方法を紹介します。JQueryのプラグインは使わないで簡単なコードだけでスライドショーしますので設置も簡単で軽量だと思います。 背景画像をフルスクリーンで簡単スライドショーの …
REED MORE →
