HTML5でWebページを作成する時のベースになるシンプルなコードで書かれたテンプレート
HTML5でWebページを作成する時に役立つ、必要最小限のブランクのテンプレート、ナビゲーションを上部に固定配置、写真画像などの背景画像をブラウザいっぱいに表示させるシンプルなテンプレートを紹介します。 画像: Girly Drop HTML5で作成する時の必要最小限のテンプレート ナビゲーションを上部に固定配置 背景画像をブラウザいっぱいに表示 ※以前、当ブログで紹介したものもバージョンアップされています。 HTML5で作成する時の必要最小限のテンプレート まずは、HTML5でWebページを作成する時にのシンプルなブランクのテンプレート。 A Generic HTML5 Template -GitHub ライセンスはCC0 1.0で、個人でも商用でもクライアントの案件でも無料で利用できます。利用する際に、許可やコピーライトの明記などは必要ありません。 テンプレートはIE9や8以下への最低
ヘッダー、フッターをブラウザ幅いっぱいにする方法
色んな方法があると思いますがスタイルシートでmin-widthを使い簡単に出来ます。通常のホームページレイアウトは大きく分けると、全体を囲むボックス、ヘッダー用ボックス、メイン用ボックス、フッター用ボックスになっています。 このレイアウトを全体を囲むボックスを無くし、ヘッダー用ボックス、メイン用ボックス、フッター用ボックスに変えさらにヘッダーを幅いっぱいにする為のボックス（仮名称headerbg）とフッターを幅いっぱいにする為のボックス（仮名称footerbg）を加えます。 ここではメインの幅を940pxで作成した例で説明していきます。ヘッダーボックス（仮名称header）の幅を940px、メインボックス（仮名称container）の幅を940px、フッターボックス（仮名称footer）の幅を940pxにします。そこにヘッダーフッターをブラウザ幅いっぱいにするボックスが入っています。下記の
[CSS]楽しい動きが満載！ボタンや画像用の40種類以上のホバーエフェクトがまとめられたスタイルシート -Hover.css
ボタンやロゴや画像にclassを加えるだけで簡単に利用できるホバーエフェクトがまとめられたスタイルシート（SASSも有り）を紹介します。 40種類以上のCSS3アニメーションは、見てるだけでも楽しいです。 Hover.css Hover.css -GitHub Hover.cssの使い方 Hover.cssのデモ Hover.cssの使い方 使い方は非常に簡単です。 Step 1: 外部ファイル 当スタイルシートを外部ファイルとして記述します。 <head> <link href="css/hover-min.css" rel="stylesheet"> </head> 一部のエフェクトだけを使用したい場合は、そのスタイルだけコピペすればOK! Step 2: HTML あとは、ボタンやロゴや画像にclassを指定するだけで、さまざまなホバーエフェクトが利用できます。 <a class="
モックアップが手軽に作れるサービス「FROONT」*二十歳街道まっしぐら
【ぷにぷに】今買える課金コインをまたまた全部買って引く!!【ゆっくり実況 ホロライブコラボ 妖怪ウォッチ】
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
CodePen - Front End Developer Playground & Code Editor in the Browser
34のフリーで綺麗なXHTML/CSSテンプレート:phpspot開発日誌
HTMLやCSSがわからなくても、無料で簡単にウェブサイトを作れるWebアプリ「Orbs」 | ライフハッカー・ジャパン