海外で有名なデザインおしゃれなトグルボタンをコーディングしてみた

2023/10/15 75 users figma デザイナ コーディング プロ Xアカウント

FigmaのXアカウントがおしゃれなトグルボタンを公開していて、「コーディング泣かせだ」との声を見かけたので、改めて自分でコーディングしてみようと思い書いてみました。 デザイナに作れよ！って言われれば作るよ。だってぷろだもん。https://t.co/HF6afHhfzm https://t.co/IXl7iufv7v pic.twitter.com/T4x4uV7tKX — ... 続きを読む

トグルボタンが混乱を招く理由 | UX MILK

2019/09/05 39 users Anthony UX Movement ユーザ 混乱 スペース

AnthonyはUX Movementの設立者で執筆者です。素敵なWeb体験をこよなく愛し、ユーザのために日々奮闘しています。 すべてのボタンがアクションを実行するわけではありません。たとえばトグルボタンなどは、アプリの状態を変えるために使われます。１つのコントロールで複数の機能をもつので、UIのスペースを節約すること... 続きを読む

CSSだけでボタンが出入りするトグルボタンを実装 – Spider Webs

2017/08/29 17 users シロマ CSS ウインドウサイズ Demo 実装

CSSだけでボタンが出たり入ったりするトグルボタンを実装する方法です。こんにちは、シロマ @mademode です。 今回は、下のデモのようなクリックするとボタンがにゅっと出てくるトグルボタンを実装します。 デモの左下にあるボタンをクリックしてみて下さい。 DEMO このブログでもウィンドウサイズが狭くなると、フォローボタンがトグルボタンに収納されます。 JavaScriptを使わずに、CSSだけ... 続きを読む

TwitterBootstrapのトグルボタンを拡張する『bootstrap-toggle-buttons』 | IDEA*IDEA

2012/10/02 34 users TwitterBootstrap Bootstrap 速度

ちとメモ的にエントリー。Bootstrapのトグルボタンを拡張してくれるCSS+JSですね。ボタンの見た目もそうですが、切り替わる速度まで変更することができます。 ↑ 基本的なトグルボタン。 ↑ Bootstrap的なスタイルもつけられます。 ↑ 速度も変えられます。 スマホアプリなんかに良さそうですね。ご興味のある方は以下からどうぞ。 » nostalgiaz/bootstrap-toggle-... 続きを読む

Macの隠しファイルをトグルボタンで表示・非表示設定できる『ShowOrHide』 : ライフハッカー［日本版］

2012/05/16 20 users ライフハッカー Mac ＵＳＢドライブ 古いフォルダ ファイル

Apple , MacOS , ソフトウェア , デスクトップツール Macの隠しファイルをトグルボタンで表示・非表示設定できる『ShowOrHide』 2012.05.16 20:00 コメント数：[ 0 ] Tweet Macファイルには隠しファイルになっていて表示されないものが意外に多いです。普通わざわざそれらを表示させる必要はないですが、古いフォルダやUSBドライブを掃除する時にこれらのフ... 続きを読む