【初心者向け】HTMLタグに直接CSSを指定して使える囲み枠いろいろ - おとなんつづり
ブログを書いていると、文章を枠で囲んで表示させたい時がありませんか。 でも実際にどう書けばよいのか私を含め初心者には少々難しいですよね。そこで今回は、先輩方のサイトを参考に自分なりに加工した囲み枠をご紹介します。 はじめに タイトル付き囲み枠 色タイトル付き・角丸 色タイトル付き・四角 枠の中に入ったタイトル タイトルなし囲み枠 シンプルな囲み枠・少し小さめ シンプルな囲み枠・画面いっぱい 見出し代わりや目立出せたい文字に 同じ色を使った囲み枠と下線セット 短い囲み枠（ボタン風） 左寄せボタン風 中央ボタン風 右寄せボタン風 最後に 追記 はじめに 本格的にブログをはじめて、ようやく１年が経とうとしています。 CSSもHTMLも詳しくない私は、枠を１つ使うにも時間がかかって大変でした。ひょっとして、同じように苦労されている方がいらっしゃるんじゃないでしょうか。 そこで今回は自分で使って便利
「タイトルタグの重複」対策 FC2ブログパーフェクト版（俺的に） - FC2BLOGカスタマイズ
Google SEO対策をする上で最重要となるツールが、Google自らが提供しているGoogleウェブマスターツール。そのツールの最適化メニューにあるHTMLの改善に「重複するメタデータ(descriptions)」と「タイトルタグの重複」という項目があり、重複するページの件数が記載されている。 異なるURLのページでタイトルや説明が重複するのはユーザビリティが悪いという事だろう。わざわざ項目を設けているくらいなので、どの程度かはわからないが、SEOにも影響があると思われる。 そして、FC2でブログをそのまま使っていると、この重複件数が増えまくる。 前の記事でレベルの高いテンプレートがたくさんあるなんて書いたが、この重複問題の対策については、まだ完璧なものを見た事が無い。SEO対策済テンプレートなどもあるし、みんな努力はしてるが、完璧に対策できてるのはまだ見た事が無い。 なので、重複が気
Blogger 高速化 javascriptとcssの圧縮効果を測定
最近少しでもページの表示を速くしようとしてHTMLをいじくりまわしています。調べていたらjavascriptとcssの圧縮が効果があるようなのでどれくらいの効果があるのか測定してみました。 圧縮はこの辺りのサイトを使いました。 「Online YUI Compressor」 http://refresh-sf.com/yui/ 「Compressor」 http://compressor.ebiene.de/ 「Compress HTML」 http://www.textfixer.com/html/compress-html-compression.php htmlの中で圧縮できるcssとjavascriptを全部圧縮して測定してみました。 測定の結果は 圧縮前 圧縮後 体感的にはきびきびした
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
コーダーの仕事が楽になる！レスポンシブ対応のさまざまなHTMLテンプレートが驚くほど簡単に作成できる -Aperitif
