CSSでデジタルっぽい数字の表現をする - Qiita
実際のサンプルとコードはCodepenで確認できる。 （Google Chrome 39.0.2171.71 だけでしかまだ確認していない） よくある<div></div>一個でシリーズとかでもなく、<span></span>でドット部分を用意し、position:absoluteで配置し、点灯箇所を数字ごとに変えているだけ。上下のドットだけで構成しているような場合は、<div></div>一個でもつくれそうな気がしないでもないが、真ん中のタイプはちょっと苦しそうだったので、素直に<span></span>を並べてつくった。 真ん中のやつ 上下は特に難しいことはしていないが、真ん中のやつは、少しばかりどうつくるか悩んだ。コード全体は先ほどのCodepenのCSSペインにある、.counter-digitalのあたりをみると良い。悩んだ割には単純で、擬似要素で配置した上で隣接する部分の隙間を
I am mitsuruog | いま一番気に入っているAngularJSのプロジェクト構成
この記事はAngularJS Advent Calendar 2014 - Adventarの 3 日目の記事です。 2 日目AngularJS BootstrapUI を利用した FilterSelect(@takeyama) 4 日目初心者マークの Angular.js - Uemmra3 のフルスタックエンジニア？日記(@Uemmra3) AngularJS でそれなりの規模のアプリケーションを書く場合、プロジェクトの構成って結構悩みます。 いつも悩んでます。。。 悩みすぎてちょくちょく構成変えるため、たまにアプリケーションが壊れてます。 そんなとき心もポッキリ壊れそうになります。 そんな私が、最近いいなと思っている AngularJS のプロジェクト構成について紹介します。 参考資料(有名どころ) AngularJS のプロジェクトの構成については、結構以前から議論されています。有
【たたむの苦手さん必見】ボックスシーツの “上手なたたみ方” 動画！
ボックスシーツって便利ですよね。ベッドの角に合わせてかぶせれば簡単にベッドメイキングができちゃうんですもの。 ただね、問題はボックスシーツのしまい方。和布団のシーツのように一枚の布状ではないため、洗濯後の状態はふにゃふにゃ。それをそのままたたんでも、きれいな長方形にならないの！ 結局いつも、適当なたたみ方のまんま放置……。いや、これは私がズボラなわけじゃないんだ、ボックスシーツの形状の問題なんだッ！ 今回は、私と同じくお悩みの皆さんのために、ボックスシーツの上手なたたみ方が一発でわかる動画をYouTubeよりご紹介しちゃいます！ 1、左右の角に手を入れて、一方をもう一方の角に押し込みます。 2、上下逆にして、反対のほうも同じようにします。 3、1でくっついた両角を2で作った角に押し込みます。これですべての角が片手の中におさまるように。 4、これを半分に折り、好きなサイズになるまでたたんでい
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
