アメブロ初心者の方でもアメブロカスタマイズで人気のある横並びメニューを簡単に作成出来るように「Ameba Menu Generator」を作成しました。メニューのデザインやレイアウトはプレビューを見ながら作成出来るように …
REED MORE →
アメブロ横並びメニュー簡単作成ジェネレーター
Google Mapのレスポンシブ ウェブ デザイン対策
Googleではレスポンシブ ウェブ デザインの推奨していますので、Google Mapも画面サイズ（PC Tablet smartphone)によって表示サイズが変わると便利だと思います。 そこで今回はGoogle M …
REED MORE →
YouTubeをcssで可変にするトリック
CSS のメディア クエリを使いYouTubeを画面サイズ（PC Tablet smartphone)によって表示サイズを変更するのは難しいです。しかしCSS: Elastic Videosで紹介されているcssで可変に …
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で背景画像を動かすアニメーション効果
JQueryで背景画像のアニメーション効果を紹介しているサイトはいくつかありますが、webOpixelさんの記事「jQueryで背景画像をアニメーションで無限ループさせる」が一番分かりやすく勉強になりました。この記事を元 …
REED MORE →
