[B! css] craftoneのブックマーク

craftone id:craftone

cssに関するcraftoneのブックマーク (3)

よこ並びのCSS。
スマホサイトが優勢な昨今、要素をよこ並びにする機会は減ってきているのかもしれないけれど、大きい画面で見るサイトでは、ナビゲーションやタブや、商品一覧など、よこ並びにレイアウトする機会はまだまだあるんじゃないでしょうか。そんな﹁よこ並びにするためのCSS﹂も、やり方はさまざま。お馴染みのやつから、新参者まで、順番に見ていくことにします:)。よこ並び？そう、よこ並び。例えばボタンを横一列に並べたり。商品の情報なんかだと、横に3つずつ並べて改行して、多段に並べる場合もありますね。偏︵ひとえ︶に﹁よこ並び﹂と言えど、CSSにはそのやり方がたくさんあるんです:o。導入この記事で紹介するよこ並びの方法は以下の通り。 CSSの歴史的な背景から、最初はfloatプロパティを使った方法を紹介します。 float︵フロート︶要素を左右へ寄せるためのプロパティ。後続する文章︵テキスト︶などのインラ
craftone 2017/02/16
css
リンク
少ない手間と知識でそれなりに見せる、ズルいデザインテクニック// Speaker Deck
少ない手間と知識でそれなりに見せる、ズルいデザインテクニック with Sass / Compass (English Version) https://speakerdeck.com/ken_c_lo/zurui-design-technique-english-version 第一回プログラマ向けデザイン勉強会 #design4p http://connpass.com/event/1185/ で発表させていただきました。（#p4d プログラマ向けデザイン部主催イベント http://prog4designer.github.io/） @mah_lab さんがズルいデザインのRails gemを作って下さいました http://blog.mah-lab.com/2012/11/07/zurui-design-for-rails/ (Repository) https://git
craftone 2012/10/30
お手軽

design

css

Sass
リンク
美しい横メニューの作り方
<ul id="menu"> <li><a href="#">html</a></li> <li><a href="#">CSS</a></li> <li><a href="#">JavaScript</a></li> <li><a href="#">PHP</a></li> <li><a href="#">Perl</a></li> </ul> HTMLは最後まで変更しません。 #menu { width:530px; padding:0; margin:0; list-style-type: none; } #menu li { width:20%; float:left; padding:0; margin:0; text-align:center; } #menu li a { width:auto; color:#fff; font-size:12px; font-weight:
craftone 2012/05/08
これはかっこえぇ！

css
リンク
1

お知らせ

もっと読む

公式Twitter

@HatenaBookmark
リリース、障害情報などのサービスのお知らせ
@hatebu
最新の人気エントリーの配信

キーボードショートカット一覧

j次のブックマーク

k前のブックマーク

lあとで読む

eコメント一覧を開く

oページを開く

設定を変更しましたx