ユーザーのインタラクションを伴うさまざまなUIコンポーネントをCSSで実装できる軽量フレームワーク -Ellegant CSS

2023/04/09 16 users インタラクション モーダル UIコンポーネント CSS 要素

ハンバーガーメニューを使用したスマホ用のナビゲーション、アニメーションで表示されるモーダル、要素を表示・非表示するトグル、要素を切り替えるスイッチなど、ユーザーのインタラクションを伴うUIコンポーネントをCSSで実装できるフレームワークを紹介します。 Ellegant CSS Ellegant CSS -GitHub Ellegant CSSの特... 続きを読む

WindowsでUbuntu 22.04を操作する【リモートデスクトップ】 - Qiita

2022/04/26 24 users Qiita リモートコントロール リモートデスクトップ 接続

設定を開く 共有からリモートデスクトップを開く リモートコントロール を有効にする リモートデスクトップアドレスとユーザ名とパスワードをメモする。Remote Desktopのトグルを二回押す(再起動) リモートデスクトップ接続を開く リモートデスクトップアドレスを入力し、接続を押す ユーザー名とパスワードを入力し、OK... 続きを読む

CSSで実装が面倒なトグルをさまざまなデザインで簡単に実装できるCSSの軽量ライブラリ -MoreToggles.css | コリス

2020/03/09 18 users Git iOS コリス class CSS

シンプルなHTMLに、実装が面倒なトグルをclassを加えるだけで簡単に実装できるスタイルシートを紹介します。 iOSやAndroidのスタイルをはじめ、チェックやスクエアなど、さまざまなデザインのトグルを簡単に実装できます。トグルは拡大縮小にも対応しているので、非常に便利です。 MoreToggles.css MoreToggles.css -Git... 続きを読む

トグルスイッチの誤用をやめよう | UX MILK

2019/11/20 324 users トグルスイッチ Anthony 誤用 UX Movement

AnthonyはUX Movementの設立者で執筆者です。素敵なWeb体験をこよなく愛し、ユーザのために日々奮闘しています。 トグルスイッチを使うべき場合と使うべきでない場合があります。デザイナーが誤った使い方をするとユーザーの混乱とイライラにつながります。使うべきタイミングを知るには、さまざまなタイプのトグルの状... 続きを読む

[半角/全角]キー不要に？　WindowsのIME切り替えがMac方式に - ITmedia NEWS

2018/12/26 850 users Windows ITmedia News キー 半角 全角

Windowsの日本語入力がMac風になる。[無変換]は[英数]に、[変換]は[かな]に読み替えよう。 Windowsで[かな]と[英数]の入力モードを切り替えるときは[半角/全角]キーを使ってトグル切り替えする。これが近々Macと同じ方式に変わりそうだ。 マイクロソフトWindows Blogの12月20日公開版によれば、Windows 10 Insider Previ... 続きを読む

おや、Google Chromeのようすが…？／「Chrome先輩の左上の押せないスイッチの押し方はこちらです」「.switchのz-index:100にしてください」 - Togetter

2018/07/19 18 users Togetter z-index Switch Chrome

Chromeの左上のトグルみたいなのなんなの。めっちゃ気になるんだけど！（しかもクリックしてもなにもおきない） pic.twitter.com/BFTmnTRBiq 続きを読む

デザイナーとアプリエンジニアが仲良く開発できるためのチートシートを作る - Qiita

2017/12/08 46 users Qiita iPhone カンフ チートシート デザイナー

Classiアドベントカレンダー8日目は、デザイナー @shio312 がお送りします。 はじめに あるデザイナーとアプリエンジニアの会話 ・iPhoneナビゲーションバーを差しながら「グロナビが〜」 ・iPhoneで作ったカンプを差しながら「Androidもこの切り替えスイッチのUIで〜」 ・「Androidも下から画面出せばいいじゃん」 ・「トグル？iOSだっけ」 上記デザイナーの発言、全てエ... 続きを読む

フルスクリーンでオーバーレイの検索ボックス - Weblog - Hail2u.net

2015/02/11 62 users Weblog hail2u.net vmin オーバーレイ

増えてきたフルスクリーンでオーバーレイの検索ボックスだが、まだこれといった無難な実装方法はないように見える。今だとvw/vh/vmin/vmax単位を使ってレイアウト、:target擬似クラスを使ってトグルという形にすれば、ほぼCSSで実現できそうだ。 View Demo: Fullscreen Overlay Searchbox デモではShow Searchboxというリンクをクリックすると検... 続きを読む

ショートもロングも簡単に大人カワイイを作れるダッフルコートコーデ

2015/01/13 25 users ダッフルコート ロング ショート 大人かわいい 男女どちら

ダッフルコートは男女どちらが着ても、とても合わせやすいアイテムです。なぜなら、シンプルなディテールに見えて、トグルやフードなど、誰にでもわかりやすい特徴があるためです。というわけで、ダッフルコートコーデ第2弾をご紹介します。着るだけで特徴が出やすいダッフルコート 今日は、冬の定番アウターのダッフルコートコーディネート第2弾をご紹介したいと思います。 第1弾はこちらでご紹介しました。 参考： 安心で... 続きを読む

英語圏のオープンソースプロジェクトにおける翻訳ドキュメントの問題点とその解決のための一方策（仕切り直し版）

2014/02/17 50 users 英語圏 オープンソースプロジェクト 解決 訳文 問題点

少し前にオープンソースプロジェクトにおける翻訳ドキュメントの作成における問題点とその解決案について記事を書いたんだけど、要は翻訳ドキュメント内に原文をそのセンテンスごとに埋め込んで、原文と訳文の対応付けを保証しつつこれをトグル表示させることで原文が翻訳ドキュメントの表示上の邪魔にならないようにするといったもので、そのときに併せてこれをスクリプトで実現したtogglateというツールも作ってそのツー... 続きを読む

デザイナーさんの為のjQuery講座 Lv.2 [動かす編] | 株式会社LIG

2013/09/06 20 users 株式会社LIG デザイナーさん おさらい モチベーション 操作

お盆休み中はリア充でした。　鳥よしです。 前回、記事を書いた際にテキストの編集じゃモチベーションが上がらん！との意見を頂いたので、今日は前回のおさらい(デザイナーさんの為のjQuery講座Lv.1)も兼ねて、色々動かしてみようと思います。 手を抜いているわけではないのです。 勉強会の内容を見直してもらえればいいのです。 1.前回の内容を駆使して、トグルしてみよう！ トグルとは、ある同じ操作を繰り返... 続きを読む

透明感が美しい！さまざまな背景にマッチするUIエレメントのPSD素材 -Blugraphic | コリス

2013/05/12 159 users blugraphic コリス UIエレメント psd 背景

特にブラーな背景などの繊細で美しい背景に映える、透明感が美しいUIエレメントのPSD素材を紹介します。 Transparent Ui Kit (Psd) Transparent Ui Kitには、ブログやコーポレートサイトなどに利用できるさまざまなUIエレメントが含まれています。 ボタン、タグ、ラジオボタン、チェックボックスなど メニュー、検索ボックス、ソーシャルメディアなど トグル、ページネーシ... 続きを読む

SiriからiPhone5のテザリングを呼び出す方法。 – すまほん!!

2012/10/14 39 users Siri prefs テザリング すまほん iPhone5

せっかくテザリングができるようになったiPhone5。 しかしiPhoneは、通知バーやロック画面にテザリングのトグルを置くことができません。 じゃあiPhoneらしくボイスコマンドで呼んでみよう、と思っても、 Siriさんはテザリングなんて知らないそうですよ。 仕方が無いので、連絡先に「テザリング」氏を追加します。 名前と読みは「テザリング」、Webの欄に「prefs:root=INTERNET... 続きを読む

iPhone5のLTE「切断可能」　3G運用でバッテリーを節約可能であることが明らかに – すまほん!!

2012/09/14 15 users LTE すまほん 切断 iPhone5 バッテリー

ACCN氏のLOCKERSに投稿した写真によると、iPhone5はLTEのオン/オフをトグルで簡単に変更できるようです。 一般設定の中のモバイルデータ通信から、ユーザーが能動的にLTEを切り替えできています。 ドコモのXiスマートフォンは、LTEと3Gの切り替えを自動で行っていますが、この作業が常に行われているためにバッテリーはあまりもたないという結果に陥りがちです。XPERIAを始めとする一部の... 続きを読む