タグ checked
人気順 5 users 10 users 100 users 500 users 1000 usersデザイナーたちは、仕事にiPadをつかっていない:調査結果 « WIRED.jp
2015.11.11 WED デザイナーたちは、仕事にiPadをつかっていない:調査結果 いよいよ発売される「iPad Pro」は、12.9インチの大画面を備え、スタイラスを使う「プロ用ツール」として期待されている。しかしいま、彼らプロフェッショナルたちが、iPadを使ってプロとしての仕事をこなしているのかというと、疑問が残る。 A recycled paper notebook checked ... 続きを読む
[CSS]スクリプトに依存せずに、「:checked」でできるテクニックをBootstrapに組み込むプラグイン -Bootleg.css | コリス
タブ、ドロップダウン、アコーディオン、カルーセルなど、今まではスクリプトに依存しないと実装できなかったものをスタイルシートベースで実装するBootstrapのプラグインを紹介します。 Bootstapのプラグインですが、CSSの「:checked」を使ったテクニックを学ぶのにも役立ちます。 Bootleg.css 仕組みは簡単に説明すると、見えない状態のラジオボタンを使い、そのオン・オフのチェック... 続きを読む
CSS3アニメーションを「:hover」だけではなく、他にも仕込んでみるチュートリアル | コリス
CSS3アニメーションはたいていの場合、ホバー時(:hover)に仕込まれるものが多いと思います。 ここでは他の疑似クラス「:active」や「:focus」などやMedia Queriesに仕込んでみるチュートリアルを紹介します。 下記は各ポイントを意訳したものです。 「:active」を使ってCSS3アニメーション 「:focus」を使ってCSS3アニメーション 「:checked」を使ってC... 続きを読む
[CSS]ホバー以外にも使ってみたいCSS3アニメーションのテクニック | コリス
下記は各ポイントを意訳したものです。 はじめに -「:hover」の例 「:active」でCSS3アニメーション 「:focus」でCSS3アニメーション 「:checked」でCSS3アニメーション 「:disabled」でCSS3アニメーション Media QueriesでCSS3アニメーション 対応ブラウザ はじめに -「:hover」の例 CSS3アニメーションのトリガーとしては、「:h... 続きを読む