この記事はFrontrend Advent Calendar 2014 - Qiita 2日目の記事です。 CSSでデジタルっぽい数字の表現をする 実際のサンプルとコードはCodepenで確認できる。 （Google Chrome 39.0.2171.71 だけでしかまだ確認していない） よくある<div></div>一個でシリーズとかでもなく、<span></span>でドット部分を用意し、position:absoluteで配置し、点灯箇所を数字ごとに変えているだけ。上下のドットだけで構成しているような場合は、<div></div>一個でもつくれそうな気がしないでもないが、真ん中のタイプはちょっと苦しそうだったので、素直に<span></span>を並べてつくった。 真ん中のやつ 上下は特に難しいことはしていないが、真ん中のやつは、少しばかりどうつくるか悩んだ。コード全体は先ほどのCo
Normally, delete actions trigger a confirmation dialog. Like so: Delete We're not huge fans of this. It assumes that the user is wrong, and it means an extra click for the user. We prefer to think the user is right (but still has the option to cancel). We thought up this fun new interaction: ✖Delete For irreversible actions like refunding a purchase, or sending an email — this works great and does
Learn about CSS counters, the figure element and how to combine both for automatically numbering figures in a web page. When writing articles, blog posts, tutorials, magazine entries or anything else, you will often want to include some images, charts, photographs, or even videos and code snippets to illustrate your content. That being said, you will most likely want to attach some kind of caption
Mar 17, 2012 One of the challenges Chisel presents is the lack of syntax highlighting for code snippets. Luckily, this can be solved with -- surprise, surprise -- VIM! VIM includes a plugin called TOhtml. Calling this will convert the current file into HTML, complete with coloring if syntax highlighting is enabled. This works on hightlighted text too. To execute, enter normal mode and type: :TOhtm
Get affordable and hassle-free WordPress hosting plans with Cloudways — start your free trial today. Chances are if you want to number things in order on a website, the ordered list (<ol>) is your guy. It also is pretty reasonable that you want to style those numbers. Strangely enough, styling those list numbers isn’t a very easy thing to in CSS. Thankfully it’s also not impossible. Roger Johansso
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
