アメブロ初心者の方でもアメブロカスタマイズで人気のある横並びメニューを簡単に作成出来るように「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 →
カスタマイズで覚えておきたい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 →
htmlで使うclassとidって何？
htmlのコードを確認してみると<body>～</body>内には<● class=”◆”>とか<● id=”◆”>のようなコードがたくさんあります …
REED MORE →
Detaramehp内部のリニューアル
昨年2012年11月頃からDetaramehp内部のリニューアルを始めていて約5ヶ月かけて完成しました。外見はほとんど変わってませんが将来再度カスタマイズする際に簡単にできる準備と、後は出来るだけ他のページとかを探しやす …
REED MORE →
Googleが推薦するHTMLとCSSのコーディング方法
2012年7月12日のGoogle ウェブマスター向け公式ブログの記事「HTML と CSS のコーディングガイドライン」で紹介されていた「Google HTML/CSS Style Guide」に書いてあるコーディング …
REED MORE →
背景画像をフルスクリーンで簡単スライドショー
背景画像をフルスクリーンでスライドショー出来る方法を紹介します。JQueryのプラグインは使わないで簡単なコードだけでスライドショーしますので設置も簡単で軽量だと思います。 背景画像をフルスクリーンで簡単スライドショーの …
REED MORE →
CSSだけで背景をフルスクリーンYouTubeにする
背景にYouTubeを設置するとインパクトあるサイトが簡単に作成できます。 YouTube動画は自動再生になってますのでサイトが表示したら動画が自動で再生されます。又記事をスクロールしても動画は移動されないので常に動画が …
REED MORE →
