Movatterモバイル変換

[0]ホーム
URL:

はてなブックマークアプリ

サクサク読めて、
アプリ限定の機能も多数！

アプリで開く

はてなブックマーク

  • Twitterでシェア
  • Facebookでシェア

気に入った記事をブックマーク

  • 気に入った記事を保存できます
    保存した記事の一覧は、はてなブックマークで確認・編集ができます
  • 記事を読んだ感想やメモを書き残せます
  • 非公開でブックマークすることもできます
適切な情報に変更

エントリーの編集

loading...

エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。

タイトルガイドライン

このページのオーナーなので以下のアクションを実行できます

タイトル、本文などの情報を
再取得することができます
コメントを非表示にできますコメント表示の設定

ブックマークしました

ここにツイート内容が記載されますhttps://b.hatena.ne.jp/URLはspanで囲んでください

Twitterで共有

ONにすると、次回以降このダイアログを飛ばしてTwitterに遷移します

646usersがブックマークコメント53

    ガイドラインをご確認の上、良識あるコメントにご協力ください

    0/0
    入力したタグを追加

    現在プライベートモードです設定を変更する

    おすすめタグタグについて

      よく使うタグ

        CSS で作るスマートフォン向け片手操作メニュー

        ガイドラインをご確認の上、良識あるコメントにご協力ください

        0/0
        入力したタグを追加

        現在プライベートモードです設定を変更する

        おすすめタグタグについて

          よく使うタグ

            はてなブックマーク

            はてなブックマークで
            関心をシェアしよう

            みんなの興味と感想が集まることで
            新しい発見や、深堀りがもっと楽しく

            ユーザー登録

            アカウントをお持ちの方はログインページへ

            記事へのコメント53件

            • 注目コメント
            • 新着コメント
            saya1853-p
            大変参考になりました

              その他
              torimoku
              くるくるっとまわって出てくるメニュー　やってみたい！

              その他
              apple2tea
              CSS で作るスマートフォン向け片手操作メニュー

              その他
              Kimura
              うぉぉっ、すごいなCSS3って。それよりなによりこういうUIをul, li で作れるんじゃないかって思いつくのがすごいけど。

              その他
              creaism
              CSS で作るスマートフォン向け片手操作メニュー | WWW WATCH

                その他
                plasticscafe
                すてき

                  その他
                  richard_raw
                  Pathみたいなの。これは興味深いです。次はAngelBrowserみたいなのを(ry

                  その他
                  ryownet
                  スマホ向け丸くて動くメニュー

                  その他
                  iuhya
                  いいね！

                  その他
                  wasai
                  なんかよさげ

                  その他
                  kazuph1986
                  すごい！

                  その他
                  hiro_y
                  Pathみたいな片手ナビゲーション

                  その他
                  hrtszk
                  css スマートフォン CSS3 UI webデザイン jquery webdesign HTML webデザイン smartphone

                    その他
                    masaki_minami
                    HTML5/CSS3だけでこういうのが作れる、というサンプル。スマホ向けWebサイトの作成を扱う時に参考にできそう。

                      その他
                      rytich
                      メニュー

                      その他
                      naga_sawa
                      スマートフォン、親指操作向けメニューをjQueryとCSSで組み立てる

                      その他
                      kyotaweb
                      斬新なメニュー！

                      その他
                      still_noname
                      かっこいい！

                        その他
                        fujitta358
                        いいナビ

                          その他
                          hayato86
                          CSS で作るスマートフォン向け片手操作メニュー

                            その他
                            aka_megane
                            スマホ

                            その他
                            luccafort
                            なにこれカッコイイ。あとで読む。

                            その他
                            ohashi555
                            このUI好きだから参考にしたい。

                              その他
                              sheile
                              CSS Animation / jQueryを使ってPathの左下メニュー風メニューを実装

                              その他
                              pochi-mk
                              これからの時代、こんな UI も要求されるのだろうか。ならば、Web 関連要素技術を詳細に知らないと、発想すら出てこない。業務分析しかできないSIer はこの分野では生き残れない。

                              その他
                              longroof
                              CSS で作るスマートフォン向け片手操作メニュー | WWW WATCH

                                その他
                                silverscythe
                                うおーサンプルページ楽しい

                                その他
                                VoQn
                                試す

                                その他
                                pokutuna
                                Pathっぽいやつ

                                その他
                                ks1234_1234
                                面白い。チューンしたら定番になる…かな。やっぱ手元がいいよなあ。

                                その他

                                注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

                                リンクを埋め込む

                                以下のコードをコピーしてサイトに埋め込むことができます

                                プレビュー
                                アプリのスクリーンショット
                                いまの話題をアプリでチェック！
                                • バナー広告なし
                                • ミュート機能あり
                                • ダークモード搭載
                                アプリをダウンロード

                                関連記事

                                  usersに達しました！

                                  さんが1番目にブックマークした記事「CSS で作るスマー...」が注目されています。

                                  気持ちをシェアしよう

                                  ツイートする

                                  CSS で作るスマートフォン向け片手操作メニュー

                                  ちょっとしたお遊びなんですが、普段は画面の下の隅に隠れてて、クリック （タップ） で展開、いくつか...ちょっとしたお遊びなんですが、普段は画面の下の隅に隠れてて、クリック （タップ） で展開、いくつかのショートカットメニューが表示される、しかもスマートフォンだと片手だけで操作しやすいみたいなUI をCSS と超簡単なJavaScript （jQuery 使用） で作ってみたので紹介。 久々にこの手のネタ書いた気がしますけども… ちょっとしたお遊びなんですが、普段は画面の下の隅に隠れてて、クリック （タップ） で展開、いくつかのショートカットメニューが表示される、しかもスマートフォンだと片手だけで操作しやすいみたいなUI をCSS と超簡単なJavaScript （jQuery 使用） で作ってみたので紹介。多分言葉で言っても伝わりにくいと思いますので実際のサンプルをまずは見てみてください。CSS で作るスマートフォン向け片手操作メニュー サンプル 現在最新版の Firefox

                                  ブックマークしたユーザー

                                  • saya1853-p2016/06/08saya1853-p
                                  • sekilberg2014/07/15sekilberg
                                  • g08m112013/05/05g08m11
                                  • potesai2013/04/22potesai
                                  • teppochan2013/04/21teppochan
                                  • kick1782013/03/22kick178
                                  • ikko6152013/03/14ikko615
                                  • kikansyatooomasu5552013/03/05kikansyatooomasu555
                                  • i_am_jelly2013/02/07i_am_jelly
                                  • k_31042012/09/11k_3104
                                  • acochanodp2012/08/03acochanodp
                                  • ms09242012/08/02ms0924
                                  • toricoco2012/06/19toricoco
                                  • ra-quill2012/06/18ra-quill
                                  • hiroproject2012/05/28hiroproject
                                  • sorosoronemui2012/05/14sorosoronemui
                                  • nao141152012/05/14nao14115
                                  • inouetakuya2012/04/20inouetakuya
                                  すべてのユーザーの
                                  詳細を表示します

                                  ブックマークしたすべてのユーザー

                                  同じサイトの新着

                                  同じサイトの新着をもっと読む

                                  いま人気の記事

                                  いま人気の記事をもっと読む

                                  いま人気の記事 - テクノロジー

                                  いま人気の記事 - テクノロジーをもっと読む

                                  新着記事 - テクノロジー

                                  新着記事 - テクノロジーをもっと読む

                                  同時期にブックマークされた記事

                                  いま人気の記事 - 企業メディア

                                  企業メディアをもっと読む

                                  はてなブックマーク

                                  公式Twitter

                                  はてなのサービス

                                  • App Storeからダウンロード
                                  • Google Playで手に入れよう
                                  Copyright © 2005-2025Hatena. All Rights Reserved.
                                  設定を変更しましたx
                                  [8]ページ先頭
                                  ©2009-2025 Movatter.jp