はてブログ

はてなブックマーク新着エントリーの過去ログサイトです。



タグ 最下部

新着順 人気順 5 users 10 users 50 users 100 users 500 users 1000 users
 
(1 - 9 / 9件)
 

モダンCSSでよく使用されるレイアウトを実装するまとめ

2021/11/25 このエントリーをはてなブックマークに追加 212 users Instapaper Pocket Tweet Facebook Share Evernote Clip モダンCSS レイアウト ブッダ まとめ ヘッダ

ヘッダ・フッタ・コンテンツ・サイドバー、フルページのレイアウト、最下部のフッタ、中央配置、カードなど、一般的なWebサイトやスマホアプリのUIをモダンCSSで実装する方法を紹介します。 CSSの実装はデバイスベースからコンテンツベースに移行しているのが現状です。これからのプロジェクトに役立つCSSのテクニックを... 続きを読む

骨折相次ぐ人間ピラミッド 最下部の荷重は200キロ超! 「達成感味わわせたかった」というが…… (1/4) - ITmedia ニュース

2015/10/28 このエントリーをはてなブックマークに追加 133 users Instapaper Pocket Tweet Facebook Share Evernote Clip 荷重 歯止め 花形種目 ピラミッド 中学校

骨折相次ぐ人間ピラミッド 最下部の荷重は200キロ超! 「達成感味わわせたかった」というが…… (1/4) 組体操の「ピラミッド」で起きた骨折事故をめぐり学校現場が揺れている。大阪府の中学校で10段ピラミッドに挑み、再び6人の重軽傷者を出した。「行きすぎ」ともいわれる高層化に歯止めをかける動きが出始めた。 運動会の花形種目である組み体操の「ピラミッド」で起きた骨折事故をめぐり学校現場が揺れている。... 続きを読む

[CSS]フッタの表示をコンテンツ量が少ない時は最下部に固定、多い時は成り行きにするシンプルなテクニック | コリス

2015/05/11 このエントリーをはてなブックマークに追加 131 users Instapaper Pocket Tweet Facebook Share Evernote Clip ブッダ footer コリス マージン Body

デモページ(コンテンツ量が多い時) 実装 HTML 最小限の構成はこんな感じです。 コンテンツはmain要素でなくても平気です。コンテンツとフッタだけあればOK。 <body> <main> メイン コンテンツ </main> <footer> フッタ </footer> </body> CSS デモではフッタの高さを5emに設定しており、それに合わせてbodyにマージンを設定します。 // ST... 続きを読む

驚愕!!5秒でTシャツがショップ風に仕上がる超簡単たたみ方・裏ワザ★ | FASHIONISTA☆ 目指せファッションリーダー!道場 | ファッション | まにあ道 - 趣味と遊びを極めるサイト!

2013/03/14 このエントリーをはてなブックマークに追加 162 users Instapaper Pocket Tweet Facebook Share Evernote Clip 左手 一瞬 FASHIONISTA 道場 驚愕

驚愕!!一瞬でTシャツがショップ風に仕上がる超簡単たたみ方・裏ワザ★ はじめに まずはこちらの動画をどうぞ!! 必要なのは手とTシャツのみです!!! やり方 1:スペースのある場所で、Tシャツを右上の画像のように左側に襟が来るよう広げて置き、画像の「A、B、Cの点」と「それらを結ぶ線」を意識し頭に入れておきます(A~Cの線はたたんだ時の脇線になり、Bが折り畳んだ最下部になります)。 2:左手でAを... 続きを読む

[CSS]ヘッダは上部固定で、フッタはコンテンツが少なくても最下部にするスタイルシート、レスポンシブにも対応! | コリス

2013/02/25 このエントリーをはてなブックマークに追加 471 users Instapaper Pocket Tweet Facebook Share Evernote Clip ブッダ ナビゲーシ コリス ヘッダ CSS

ナビゲーションを配置したヘッダはスクロールしても常に上部に固定されており、フッタはコンテンツの量が少なくても最下部に配置されるページを実装するスタイルシートを紹介します。 Sticky footer with fixed navbar コンテンツが少なくてもフッタは最下部に、レスポンシブ対応で! デモ Bootstrapに素晴らしいデモがあったので、そこからデモを紹介します。 デモでは、ナビゲーシ... 続きを読む

わかりやすい見積書の書き方 / Maka-Veli .com

2012/07/02 このエントリーをはてなブックマークに追加 1227 users Instapaper Pocket Tweet Facebook Share Evernote Clip Maka-Veli .com PDF 見積書 ディレクター

最近流行り(?)の「見積額」じゃないです。見積書自体の書き方。 ディレクターやってるとこういうのが気になってしょうがないのです・・・ sample.pdf 最下部にデータ置いておくんで、好きに使ってください。リンクも名前....MOREわかりやすい見積書の書き方 is a post from: Maka-veli.com 続きを読む

ドロップシャドウって色んな種類あるんで、PSD作ってみました。もちろんフリー・商用可。ダウンロードしてっちゃって下さい。 / Maka-Veli .com

2012/02/20 このエントリーをはてなブックマークに追加 103 users Instapaper Pocket Tweet Facebook Share Evernote Clip ドロップシャドウ psd zip 両端 商用可

色んなサイト見てると、本当色んなドロップシャドウかけてるんで、じゃあどういうのが見てて気持ちいいかなーと思って色々とやってみました。 サンプル作ったは良いけど持っててもアレなんで、PSDをZipで固めて置いておきます。 お好きにどうぞ。※PSDダウンロードは最下部にあります。 普通のドロップシャドウ。 普通ですね。ほんと、普通です。 両端めくれ上がってる系。 よく見られますよね。紙なんかの表現の際... 続きを読む

ブラウザ「Safari」の使い方。Safariを格段に強化する「ブックマークレット」編。

2011/08/05 このエントリーをはてなブックマークに追加 879 users Instapaper Pocket Tweet Facebook Share Evernote Clip Safari 格段 Evernote Twitter ブラウザ

皆さま「ブックマークレット」って知っていますか。ブックマークレットとは、「Safariをもっと便利に使うための機能拡張」のことです。ブックマークレットを使えば、こんなことができるようになります。 ページの最下部への移動 読んでいるページをInstapaper(アプリ)やEvernote(アプリ)に保存する サイトのソース表示を表示する 閲覧中のページをtwitterでつぶやく 驚きですよね!そうな... 続きを読む

[CSS]背景画像をページの最下部に固定表示させるスタイルシート | コリス

2009/01/19 このエントリーをはてなブックマークに追加 255 users Instapaper Pocket Tweet Facebook Share Evernote Clip コリス ブッダ スクロールバー div CSS

Fixed Footer Backgrounds with CSS demo, demo 2 デモではスクロールバーの有無の2パターンがあり、スクロールをしてもブラウザのサイズを変更しても背景画像がフッタの位置に固定表示されています。 仕組みの概要は、bodyに背景色と背景画像を指定し、背景画像は「fixed bottom」にします。 コンテンツを内包するdiv(headwrap)を設置し、ページ... 続きを読む

 
(1 - 9 / 9件)