DigitalOcean provides cloud products for every stage of your journey. Get started with $200 in free credit! Let’s say you were tasked with creating a UI in which users can rate three candy bars from their most to least favorite. A grid of radio buttons isn’t a terrible way to go about this. A (small) grid of radio buttons. The good news is that radio buttons have natural exclusivity in the name-gr
<div class="type_1"></div> <div class="type_2"></div> <div class="type_3"></div> <div class="type_4"></div> <div class="type_5"></div> <div class="type_6"></div> <div class="type_7"></div> <div class="type_8"></div> <div class="type_9"></div> <div class="type_10"></div> <div class="type_11"></div> <div class="type_12"></div> [class^="type_"]{ display:inline-block; margin:0 5px 5px 0; width:100px;
DigitalOcean provides cloud products for every stage of your journey. Get started with $200 in free credit! CSS is capable of making all sorts of shapes. Squares and rectangles are easy, as they are the natural shapes of the web. Add a width and height and you have the exact size rectangle you need. Add border-radius and you can round that shape, and enough of it you can turn those rectangles into
CSS3でグラフを作る手法はList of CSS3 Graph and Chart Techniquesにあるように色々公開されているんだけども、 ソースで見ると意味不明だったりするものが多いんで それならテーブルをグラフにしちゃえばいいじゃんと思って試してみたのがコレです。 CSSでTableを折れ線グラフに変える – jsdo.it – share JavaScript, HTML5 and CSS 作り方 tableとその中身をdisplay:blockにする theadの要素でx軸とy軸のベースを作る trで各ポイントの基準になるx軸とy軸の線を描く tr→x軸の線 tr:before→y軸の線 tr:after→y軸の数値 thをx軸に配置 tdでグラフの線を描く td→線 :befor, :after→線両端の○ ベースと線に画像を使えばIEにも対応できるけど割愛。 表向き表
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く