HTML全般
h1タグのユニーク化
橋本 (2012年3月21日 17:56)
Webｺﾝｻﾙﾃｨﾝｸﾞ部 / HTML全般 / Movable Type
こんにちは、デザイナーの橋本です。 SEOの観点から、h1タグはユニークでなくてはならないと言われます。 h1タグのユニークとは、全ページ異なるh1とテキストを記述する事を言います。 一見、とても面倒な事のように思われますが、MT（MovableType）を使えば特に意識する事も無く、実現出来ます。 ちょっと、テンプレートを見てみましょう。 インデックスページ もしインデックスペ...
IE7以下はもういらない？
牧野 (2012年1月30日 10:50)
HTML全般 / ビジネスソリューション課 / システムソリューション事業部
みなさん、こんにちは。 システムソリューション事業部 ビジネスソリューション課の牧野です。 以前ご紹介したIEBlogで、興味深い記事が公開されました。 よくある IE 対応での問題を解決する MicrosoftがIEの各バージョンのレンダリングに 有用な対応策を提示してくれたのかとも思ったのですが、 そういうわけでは無かったようです。 記事では、IE10、IE9、IE8以前といった分け方で、 ...
『GreyBox』でWebページや画像をポップアップで出す
川本 (2012年1月11日 18:03)
Webｺﾝｻﾙﾃｨﾝｸﾞ部 / HTML全般
こんにちは、デザイナーの川本です。 今回は、画像やWebサイトをポップアップ表示できるJavascript、『GreyBox』を紹介いたします。 ポップアップするスクリプトで代表的なものは『Lightbox2』など色々ありますが、Webページをポップアップ表示できるものは珍しいのではないでしょうか。 実際使用しているページがホームページの中にありますので、紹介いたします。 （ページ下部の『システム...
「margin」「padding」のどちらを使いますか？
橋本 (2011年11月30日 11:56)
Webｺﾝｻﾙﾃｨﾝｸﾞ部 / HTML全般
こんにちは、デザイナーの橋本です。 CSSで余白や位置決めに、「margin」「padding」を使いますが、一見同じように見えていても、それぞれ他への影響が違っているので注意が必要です。 左側のソース div, p { margin: 0px; padding: 0px; } .top { background-color: #999; } .middle { background-co...
リストの高さを揃える便利なJS
橋本 (2012年4月18日 23:52)
Webｺﾝｻﾙﾃｨﾝｸﾞ部 / HTML全般
こんにちは、デザイナーの橋本です。 リストタグを使っていて、一番不便に感じるのは高さを揃えられない事ですね。 可変サイズのテキストが入ったり、テキストのボリュームが一定でない時は、本当に困ります。 特に「float:left」を使って横並びにして複数段にしたり、背景に色が入っていたりすると 見た目がガタガタになってしまいます。 でも、「heightLine.js」を使えば、一気に解決します。 参考...
続きを読む→