CSS– tag –
-
WebベースのCSS 3D エディタ「Tridiv」
「Tridiv」はブラウザ上で使うことができる、WebベースのCSS 3D エディタ。サンプルとして登録されている「iPhone 4S」、「NES」、「Xwing」がやたらカッコイイのでこのデモだけでも見ておく価値ありです。 これはiPhone4S。左側にHTMLとCSSのソースコード... -
スマホ・タブレットのプロトタイプが作れるHTML/CSSフレームワーク「CLANK」
「CLANK」はスマートフォン・タブレットのプロトタイプを作成することができるオープンソースのHTML/CSSフレームワーク(ドキュメント、Blog)。ソースコードはGitHubにて公開されています。 見た目も良いし、コンポーネント指向かつ近代的なCSSテクニックを... -
CSSセレクタに関するクイズが出題される「Tricky CSS Selectors Quiz」
「Tricky CSS Selectors Quiz」はCSSのセレクターに関する様々なクイズが出題されるサイト。名前から分かる通り結構トリッキーな問題が多いようなので、腕に自身のある方におすすめします。全15問。 難易度高し? 1問目の問題がこれ。「h2 ~ p」で指定され... -
CSSの効きをクールに表示するサイト「Visualising CSS selector matches」
「Visualising CSS selector matches」はCSSの効きをカッコよく表示してくれるサイトです(作者の解説)。 使い方は簡単で、画面左上のテキストボックスに解析したいサイトのURLを入力するだけ。 しばらく待つと画面左側にサイトが、画面右側にCSSが表示され... -
CSSだけでつくられたゲーム「CSS3 PONG」
CSSだけで作られたPongゲーム(卓球ゲーム)「CSS3 Pong」。球を打ち返すための簡単なゲームだけですが、CSS3だけで、球とパドルの制御、スコアの制御まで行っているので驚きです。 球のあるあたりをクリックするとプレーすることができます。 HTMLとCSS3は... -
「jQuery datepicker skins」で美麗に日付選択
jQuery UIで利用できるDatePickerのスキン「jQuery datepicker skins」が公開されています。バリエーション豊富なので覚えておくと便利かも。 ちなみに「Designs by 365psd.com」となっています。こちらのサイトもデザイナーの方には有名なサイトですね。 -
世界よこれがトンネルだ。CSSで作られた3Dトンネルエフェクト「Tunnel vision 3D CSS」
HTMLとCSSで作られた3Dのトンネル風エフェクト「Tunnel vision 3D CSS」。 Hacker Newsでは派生していろんなバージョンが作られていました。 SASSバージョン トンネルのエフェクトが違うバージョン 逆転バージョン 視点を変えたバージョン 比べてみると面... -
CSSでダッシュボードを表示する「Donuts」
CSSでかわいらしいダッシュボードを表示することができる「Donuts」。角度の指定もできるみたいだし、便利かもです。 -
Windows 8 風のWebサイトを構築できる「Metro UI CSS」
Windows 8 スタイルのWebサイトを構築できるCSSフレームワーク「Metro UI CSS」が公開されています。 画面左上のWindowsアイコン(?)をクリックするとライブデモが表示できます。見た感じ結構Windows 8に似たいい感じのデザインになっています。 ■タイル Wi...
12