※スマホ対応はしてません。

タグ: CSSプログラミング

CSSでiOS風のチェックボタンをつくるチュートリアル。(CSS おれおれ Advent Calendar 2012 – 21日目)

カテゴリー: CSS

CSS おれおれ Advent Calendar 2012 – 21日目

セフセフ。

iOSの選択ボタン。HTMLでいうチェックボタン的なもの。”Switch Control”というらしいです。

Switch Control風チェックボックス

HTML

こんな感じです。

(さらに…)

CSSでiOS風の選択ボタンをつくるチュートリアル。(CSS おれおれ Advent Calendar 2012 – 10日目)

カテゴリー: CSS

CSS おれおれ Advent Calendar 2012 – 10日目

iOSの選択ボタン。HTMLでいうラジオボタン的なもの。”Segmented Control”というらしいです。

Segmented Control風ラジオボタン。

HTML

こんな感じです。

(さらに…)

CSSだけでタブ切り替えを実装してみた。(CSS Programming Advent Calendar 2012 – 06日目)

カテゴリー: CSS

CSS Programming Advent Calendar 2012 – 06日目

JavaScriptを使わず、CSSを駆使してそれっぽい事をやるCSSプログラミングのアドベントカレンダーへの投稿記事です。

いわゆるタブ的な動きを、CSSだけで組みました。(※実務で使っちゃ駄目ですよ!)

タブのCSS自体の組み方はこちらをどうぞ:

デモ

どーん!

仕組み

(さらに…)