タグ 最下部
人気順 5 users 10 users 100 users 500 users 1000 usersモダンCSSでよく使用されるレイアウトを実装するまとめ
2021/11/25
212 users
モダンCSS
レイアウト
ブッダ
まとめ
ヘッダ
ヘッダ・フッタ・コンテンツ・サイドバー、フルページのレイアウト、最下部のフッタ、中央配置、カードなど、一般的なWebサイトやスマホアプリのUIをモダンCSSで実装する方法を紹介します。 CSSの実装はデバイスベースからコンテンツベースに移行しているのが現状です。これからのプロジェクトに役立つCSSのテクニックを... 続きを読む
骨折相次ぐ人間ピラミッド 最下部の荷重は200キロ超！ 「達成感味わわせたかった」というが…… (1/4) - ITmedia ニュース
2015/10/28
133 users
荷重
歯止め
花形種目
ピラミッド
中学校
骨折相次ぐ人間ピラミッド 最下部の荷重は200キロ超！ 「達成感味わわせたかった」というが…… (1/4) 組体操の「ピラミッド」で起きた骨折事故をめぐり学校現場が揺れている。大阪府の中学校で10段ピラミッドに挑み、再び6人の重軽傷者を出した。「行きすぎ」ともいわれる高層化に歯止めをかける動きが出始めた。 運動会の花形種目である組み体操の「ピラミッド」で起きた骨折事故をめぐり学校現場が揺れている。... 続きを読む
[CSS]IE8もサポート、レスポンシブ対応のさまざまなレイアウトを手軽に使いたい人にぴったりな超軽量スタイルシート -GridLayout | コリス
2015/08/21
92 users
コリス
マルチカラム
スティッキー
グリッドレイアウト
CSS
最近のWebページでよく使用されるシンプルな1カラム、マルチカラム、カード型のレイアウトをはじめ、フッタが常に最下部に表示されるスティッキー、Webアプリなど、人気のグリッドレイアウトを簡単に実装できる超軽量スタイルシートを紹介します。 もちろんレスポンシブ対応で、古い環境（IE8+, iOS5+, Android3+）もサポートされています。 レイアウト用だけのフレームワークを必要としている人に... 続きを読む
[CSS]フッタの表示をコンテンツ量が少ない時は最下部に固定、多い時は成り行きにするシンプルなテクニック | コリス
2015/05/11
131 users
ブッダ
footer
コリス
マージン
Body
デモページ（コンテンツ量が多い時） 実装 HTML 最小限の構成はこんな感じです。 コンテンツはmain要素でなくても平気です。コンテンツとフッタだけあればOK。 <body> <main> メイン コンテンツ </main> <footer> フッタ </footer> </body> CSS デモではフッタの高さを5emに設定しており、それに合わせてbodyにマージンを設定します。 // ST... 続きを読む
意外と知られてないBetterTouchToolの便利ワザ。連続したアクションを自動で処理する方法。 | あなたのスイッチを押すブログ
2013/04/14
56 users
BetterTouchTool
過言
カスタマイズ
便利ワザ
Macユーザーであれば必須のアプリと言っても過言ではない「BetterTouchTool」。無料でありながらも、自分好みのカスタマイズを幅広く行えることで人気です。 私もこれまでにいくつかの記事を紹介して来ましたので、まだの方は当エントリーの最下部にリンクを用意したので、ご参考にどうぞ。 さて、同じアプリに関して６回も紹介しているのに、未だにその機能のすべてを使えているわけではないようです。 そう... 続きを読む
驚愕！！5秒でTシャツがショップ風に仕上がる超簡単たたみ方・裏ワザ★ | FASHIONISTA☆ 目指せファッションリーダー！道場 | ファッション | まにあ道 - 趣味と遊びを極めるサイト！
2013/03/14
162 users
左手
一瞬
FASHIONISTA
道場
驚愕
驚愕！！一瞬でTシャツがショップ風に仕上がる超簡単たたみ方・裏ワザ★ はじめに まずはこちらの動画をどうぞ！！ 必要なのは手とTシャツのみです！！！ やり方 1：スペースのある場所で、Tシャツを右上の画像のように左側に襟が来るよう広げて置き、画像の「A、B、Cの点」と「それらを結ぶ線」を意識し頭に入れておきます（A～Cの線はたたんだ時の脇線になり、Bが折り畳んだ最下部になります）。 2：左手でAを... 続きを読む
[CSS]ヘッダは上部固定で、フッタはコンテンツが少なくても最下部にするスタイルシート、レスポンシブにも対応！ | コリス
2013/02/25
471 users
ブッダ
ナビゲーシ
コリス
ヘッダ
CSS
ナビゲーションを配置したヘッダはスクロールしても常に上部に固定されており、フッタはコンテンツの量が少なくても最下部に配置されるページを実装するスタイルシートを紹介します。 Sticky footer with fixed navbar コンテンツが少なくてもフッタは最下部に、レスポンシブ対応で！ デモ Bootstrapに素晴らしいデモがあったので、そこからデモを紹介します。 デモでは、ナビゲーシ... 続きを読む
iPhone版Chromeの使い方: ブックマークレットを登録する・呼び出す方法 - AppBank
2012/07/09
84 users
Evernote
AppBank
ブックマークレット
瞬時
ブラウザをより便利にする「ブックマークレット」。これを使えばページの最下部へ瞬時に移動したり、表示しているページを Evernote などに保存できます。そんなブックマークレットはネット上で多数公開されており、無料で利用することができます。 もちろんブックマークレットは Chrome でも利用できます。そこで、今回は便利なブックマークレットの探し方・Chrome への登録方法・Chrome で活用... 続きを読む
わかりやすい見積書の書き方 / Maka-Veli .com
2012/07/02
1227 users
Maka-Veli .com
PDF
見積書
ディレクター
最近流行り(？)の「見積額」じゃないです。見積書自体の書き方。 ディレクターやってるとこういうのが気になってしょうがないのです・・・ sample.pdf 最下部にデータ置いておくんで、好きに使ってください。リンクも名前....MOREわかりやすい見積書の書き方 is a post from: Maka-veli.com 続きを読む
ドロップシャドウって色んな種類あるんで、PSD作ってみました。もちろんフリー・商用可。ダウンロードしてっちゃって下さい。 / Maka-Veli .com
2012/02/20
103 users
ドロップシャドウ
psd
zip
両端
商用可
色んなサイト見てると、本当色んなドロップシャドウかけてるんで、じゃあどういうのが見てて気持ちいいかなーと思って色々とやってみました。 サンプル作ったは良いけど持っててもアレなんで、PSDをZipで固めて置いておきます。 お好きにどうぞ。※PSDダウンロードは最下部にあります。 普通のドロップシャドウ。 普通ですね。ほんと、普通です。 両端めくれ上がってる系。 よく見られますよね。紙なんかの表現の際... 続きを読む
ブラウザ「Safari」の使い方。Safariを格段に強化する「ブックマークレット」編。
2011/08/05
879 users
Safari
格段
Evernote
Twitter
ブラウザ
皆さま「ブックマークレット」って知っていますか。ブックマークレットとは、「Safariをもっと便利に使うための機能拡張」のことです。ブックマークレットを使えば、こんなことができるようになります。 ページの最下部への移動 読んでいるページをInstapaper（アプリ）やEvernote（アプリ）に保存する サイトのソース表示を表示する 閲覧中のページをtwitterでつぶやく 驚きですよね！そうな... 続きを読む
ブログの最下部にTwitterやFlickrのストリームを流せるティッカー生成サイト「iticker」*二十歳街道まっしぐら
2011/02/25
57 users
Twitter
Flickr
カウンタ
フッター
ティッカー
iticker サイトのフッターにティッカーを埋め込めるサイト 「iticker」はサイトの最下部に埋め込むティッカー生成サイトです。 サイトの下部にTwitterの情報やフォロミーボタン、Flickrの写真ストリームを載せられます。 また、現在何人のユーザが自分のサイトを見てくれているかのカウンタもあります。 常に表示されるのではなく、小さくちょこっと埋め込めることもできて邪魔になりませんよ。 ... 続きを読む
[CSS]背景画像をページの最下部に固定表示させるスタイルシート | コリス
2009/01/19
255 users
コリス
ブッダ
スクロールバー
div
CSS
Fixed Footer Backgrounds with CSS demo, demo 2 デモではスクロールバーの有無の２パターンがあり、スクロールをしてもブラウザのサイズを変更しても背景画像がフッタの位置に固定表示されています。 仕組みの概要は、bodyに背景色と背景画像を指定し、背景画像は「fixed bottom」にします。 コンテンツを内包するdiv（headwrap）を設置し、ページ... 続きを読む