タグ

uiとcssに関するkiyo_hikoのブックマーク (5)

  • Documentation - Materialize

    flash_on Speeds up development We did most of the heavy lifting for you to provide a default stylings that incorporate our custom components. Additionally, we refined animations and transitions to provide a smoother experience for developers. group User Experience Focused By utilizing elements and principles of Material Design, we were able to create a framework that incorporates components and an

  • html checkbox toggle switch - Google 検索

    すべて画像動画書籍 input要素でON/OFFのスイッチを作成してみよう... reffect.co.jp Create Custom Switches With... www.cssscript.com Transform Checkbox Into... www.jqueryscript.net input要素でON/OFFのスイッチを作成してみよう... reffect.co.jp How to create the switch... www.youtube.com Convert Checkbox to Toggle... codeconvey.com Custom Checkbox Design... www.youtube.com Custom Checkbox Toggle... codes4education.com Safari 17.4 が input... hyp

    html checkbox toggle switch - Google 検索
  • CSS で作る Tumblr モバイルアプリ風メニュー


    1 CSS   Tumbler Android  Tumblr for Android 稿 UI CSS  JavaScript jQuery 使  CSS  Tumblr   FirefoxSafariChrome  iOS 6 Safari IE IE10 IE9    Tumblr Staff 
    CSS で作る Tumblr モバイルアプリ風メニュー
    kiyo_hiko
    kiyo_hiko 2013/04/22
    かっこいい // 左手の親指っぽい並び
  • チェックボックス、ラジオボタンを大きく表示して使う:その2

    以前掲載した「チェックボックス、ラジオボタンを大きく表示して使う」では、WebコントロールのCheckBoxやRadioButtonでは大きく表示できないためHTMLコントロールを使う方法を紹介しました。 それに対してコメントを寄せてくれた蒼い音速鼠さんの情報によりWebコントロールでも可能なことが判り、また前回のサンプルソースではIE8に対応できない問題も解決することができました。 そこで改正版サンプルを作成しましたので紹介します。 bigctrsamp2.lzh(24KB) ・Default.aspx: HTMLコントロールによるサンプル ・Default2.aspx: Webコントロールによるサンプル Webコントロールでサイズを変更するにはInputAttributesプロパティでスタイルの設定を行えば良いこと。 IE8でも有効にするにはスタイルにborder:noneやborde

    チェックボックス、ラジオボタンを大きく表示して使う:その2
    kiyo_hiko
    kiyo_hiko 2013/02/08
    タッチ向けなどにラジオボタン、チェックボックスを巨大化
  • スマフォ対応の洗練されたUIエレメントがすぐに実装できるCSSとJSの開発キット -Skeleton

    Forms -フォーム [ad#ad-2] Skeletonの特徴 スマフォ対応のグリッド Skeltonでは軽量の960pxのグリッドシステムを採用しています。 ブラウザやタブレット、スマートフォンなどスクリーンのサイズが小さくなると、そのサイズに最適なレイアウトに変更します。 Fast to Start 洗練されたベーシックなUIエレメントをあらかじめ用意してあるので、すばやくサイトの制作が始められます。 Style Agnostic SkeltonはUIのフレームワークではありません。最もベーシックなスタイルを提供していますが、あなたの好きなデザインを適用することができる開発キットです。 Skeltonの対応ブラウザ・デバイス Latest Chrome (Mac/PC) Firefox 4.0, 3.6, 3.5, 3.0 (Mac/PC) Latest Safari IE9, I

  • 1