タグ ドロップダウンメニュー
新着順 10 users 50 users 100 users 500 users 1000 usersGitHub、作業中(WIP)のPull Requestを示す「Draft Pull Request」機能を発表 - Publickey
GitHub、作業中(WIP)のPull Requestを示す「Draft Pull Request」機能を発表 GitHubは、新機能「Draft Pull Request」を発表しました。Pull Requestを発行する際に、通常のPull Requestにするか、あるいはDraft Pull Requestにするかをドロップダウンメニューで選べるようになりました。 Draft Pull RequestはPull Req... 続きを読む
Facebookに特定の友人を1カ月だけミュートする機能 - PC Watch
米Facebookは、一時的に特定の友人、ページ、グループのフォローを30日間だけ外す「スヌーズ」機能を追加した。投稿の右上のドロップダウンメニューから「スヌーズ」を選ぶことで有効になる。18日の週より随時機能の利用が可能になる。 特定の友人やページ、グループの投稿があまりにも多くてうっとうしく感じられるが、フォローを外すのははばかられるといった状況で便利な機能。スヌーズしたことは相手には通知さ... 続きを読む
Slack、メッセージにドロップダウンの新メニュー--複雑なワークフローに対応 - CNET Japan
Slack Technologiesは、同社が手がける職場用コラボレーションプラットフォーム「Slack」でやり取りされるメッセージのインタラクティブ性を強化する目的で、新たなメニューを追加した。この メッセージメニュー により、ユーザーはクリック可能なドロップダウンメニューを使って、より複雑なワークフローをSlack内で完了できる。 今や1日あたり500万人のアクティブユーザー、150万人の有料... 続きを読む
CSSで組んだドロップダウンメニューとスライドメニューを両立させたレスポンシブなメニューの作り方【コピペでOK】 - Yukihy Life
以前、メニューバーをトグルメニューと両立してレスポンシブスタイルにするカスタムを書きました。 www.yukihy.com トグルメニューは、ボタンを押すと上下にスライドするようなものでしたが、 現在このブログでやっているみたいに、横からのスライドにして、なおかつPC版では子メニューも設定できるようにしてみたいと思います! カスタマイズを行う際は、必ず以前のコードをメモ帳などにバックアップをとって... 続きを読む
3flab inc. | #Illustrator でフォントを変えるのが面倒くさい
Illustrator で、選択したテキストのフォントを変更する場合、書式メニューや文字パネル、コントロールの文字をカーソルで操作すると思います。 このフォントを変更する行為って、地味にクリック数が多かったり、やたらと長いプルダウンメニュー(ドロップダウンメニュー)から選択しなければならなかったり、フォントを絞り込むためにフォント名を入力したり… 何かとめんどくさいです。 それらの不満を解消するた... 続きを読む
CSSで組んだドロップダウンメニューとトグルメニューを両立させたレスポンシブなメニューの作り方【コピペでOK】 - Yukihy Life
2015-12-01 CSSで組んだドロップダウンメニューとトグルメニューを両立させたレスポンシブなメニューの作り方【コピペでOK】 Web制作 jQuery CSS Tweet 以前、グローバルメニューとトグルメニューを両立してレスポンシブスタイルにするメニューバーを作りました。 以前の記事 www.yukihy.com このメニューバー、CSSを勉強したてに作ったものなので、若干の不満な点など... 続きを読む
Twitter、ブロックリストの共有機能を追加、CSVファイルでエクスポート/インポート可能 -INTERNET Watch
ニュース Twitter、ブロックリストの共有機能を追加、CSVファイルでエクスポート/インポート可能 (2015/6/11 12:45) Twitterは10日、ブロックしたアカウントのリストを他のユーザーと共有できるようにしたと発表した。 Twitter.comの「設定」にある「ブロックしたアカウント」画面において、「高度なオプション」のドロップダウンメニューから、ブロックリストのエクスポート... 続きを読む
CSSで作ったドロップダウンメニューのドロップの動きいろいろ
アクセシビリティを考えたドロップダウンメニューを実装する | Webクリエイターボックス
多くのWebサイトに設置されているドロップダウンメニュー。うまくカテゴリー分けされていれば非常にわかりやすく、スペースも取らないので制作側からも愛されていますね。しかしアクセシビリティの観点から考えると、ちょっとやっかいな存在ではあります。マウスがうまく利用できないユーザーはキーボードを使ってページやリンクを移動しますが、ドロップダウンメニューは tab キーを使ってもサブメニューが表示されないの... 続きを読む
全ツイート履歴をインポートする方法 - ツイセーブ
ツイセーブにはツイッターの全ツイート履歴をインポートする機能があります。この機能を利用することにより、全ての過去ツイートを瞬時に検索できるようになります。ツイッターから全ツイート履歴をダウンロードする[Twitterのアカウント設定] からページ右上にある設定アイコンをクリックし、ドロップダウンメニューから [設定] を選択[全ツイート履歴をリクエストする] をクリックダウンロードの準備が整ったら... 続きを読む
CSSだけで作る「多階層」なドロップダウンメニュー|Webpark
以前書いた「CSSだけで作る動きのあるドロップダウンメニュー|Webpark」という記事が検索エンジン経由でそこそこアクセスがあり、よく質問をいただきます。そのなかで多階層にできないのかという質問があったので作ってみました。 IE7の場合擬似要素が使えませんので、次の階層があることを示す矢印が表示されません。ドロップダウンの機能はIE7でも問題ありませんので、IE7に対応させる場合は矢印を画像にす... 続きを読む
CSSだけで作るamazon風な縦型メガメニュー|Webpark
先日、「CSSだけで作る動きのあるドロップダウンメニュー」という記事のコメント内で、amazonのようなメガメニューをCSSだけで作れないのかというコメントいただきましたので作ってみました。 CSSだけですのでメニューの現れ方など若干違います。box-shadowとborder-radiusはIE8以下で、矢印を作るための擬似要素はIE7以下で非対応ですが、メニューとしての機能は果たせます。 では... 続きを読む
Eコマース用のさまざまなUIエレメントが揃ったフラットなデザインのPSD素材 | コリス
商用でも無料で利用できるロイヤリティフリーのEコマース用のフラットなデザインのUIキットを紹介します。 Ecommerce Flat UI Kit Vol.1 (PSD) PSDにはプロダクト用のウィジェットをはじめ、カテゴリ用のウィジェット、買い物カート、アカウントのログイン、ドロップダウンメニュー、ソーシャルコンテンツ用のボタンなど、さまざまなエレメントが揃っています。 素材のキャプチャ ダウ... 続きを読む
レスポンシブでクールなドロップダウンメニュー実装例:phpspot開発日誌
Drop-Down Navigation: Responsive and Touch-Friendly Osvaldas Valutis レスポンシブでクールなドロップダウンメニュー実装例 次のようなレスポンシブなドロップダウンメニューのデモです。デモページはこちら。 シンプルですがかなり良い感じに動いているみたいです。 そのまま使うのもいいですし、1から実装する際の参考にしてみてもよいかもしれま... 続きを読む
PCではマウスホバー、スマフォではタップで動作するレスポンシブなドロップダウンメニューを実装するjQueryプラグイン・FlexNav - かちびと.net
CSSだけで作る動きのあるドロップダウンメニュー|Webpark
よくあるタイプのドロップダウンメニューをCSSだけで作りました。CSS3のtransitionを使うことで動きを付けています。また、最近フラットなデザインが流行っているようなので、何となくフラットな感じにしてみました。 今回は最初のサンプルを詳しく解説します。後の2つは少し変えるだけで作ることができます。コードはサンプルの下に載せています。 では、HTMLから解説していきます。 HTML <ul ... 続きを読む
ニュース - Dropboxがクライアントアプリを強化、メニューで共有が手軽に:ITpro
クラウドベースのストレージサービスを運営する米Dropboxは現地時間2013年3月12日、デスクトップ向けクライアントアプリケーションの強化を発表した。ドロップダウンメニューから共有の承認など様々な操作を一元的に行えるようにした(画面)。 誰かが自分とリンクやフォルダーを共有した場合、リアルタイムで招待通知が届く。メニューバー上に通知の受信が分かるように表示され、ドロップダウンメニューからすぐに... 続きを読む
Twitter BootstrapをベースとしたフラットなデザインのUIキット・Flat UI - かちびと.net
Twitter Bootstrapベースに作られたシンプルでフラットなデザインのUIキット・Flat UIのご紹介。今年はこの手のスタイルよく見かけますけど、確かに見やすいですね。 Flat UI フラットなデザインで見やすい印象です。このまま使うのはアレですけど参考にはなりました。 ドロップダウンメニューとかフォーム周りとか。 ツールチップとかとか。Bootstrapに含まれているコンポーネント... 続きを読む
レスポンシブなCSSベースのドロップダウンメニュー「Top Drawer」:phpspot開発日誌
Top Drawer - A smooth dropdown menu for responsive web design | Experiment #5 レスポンシブなCSSベースのドロップダウンメニュー「Top Drawer」 JavaScriptを使わずCSS transformsを使ってレスポンシブなドロップダウンをアニメーションさせつつ表示できます。 シンプルなサイトな作りにしたい場合は... 続きを読む
風呂のふたのような開閉をするドロップダウンメニューを実装できるjQueryプラグイン。 → Makisu ~ CSS 3D Dropdown Concept - コメンター
コメンターとは コメンターは、クリエイターの気になるサイトやページをシェアして、匿名ならではの自由なコメントをみんなで楽しむコミュニティです。 このページをシェア 上記リンクをブックマークツールバーに登録することで、閲覧中のサイトをその場でシェアできます。 続きを読む
クリックするとリストが開くドロップダウンメニューの実装方法いろいろ。デザインがかわいいので参考にしたい。 → Custom Drop-Down List Styling | Codrops - コメンター
Custom Drop-Down List Styling | Codrops - A tutorial on how to create some custom drop-down lists. We'll show you five examples with different looking drop-down menus and lists for various purposes. 続きを読む
TweetDeck がv1.5にアップデート、左右スワイプなど操作性改善 (動画) - Engadget Japanese
Twitter がパワーユーザー向けのクライアント TweetDeckを v1.5にアップデートしました。主な更新点はコラム移動や再配置などの操作性改善。まず中央上部のコラムボタンがドロップダウンメニューになり、一覧から望みのコラムに直接飛べるようになりました。この一覧で右にある「Ξ」アイコンを掴むことで、ドラッグ&ドロップで楽に再配置ができます。 また画面下に水平スクロールバーが加わわったほか、... 続きを読む
Googleの、あの「黒い帯」を自由に並べ替えるChrome拡張:Big G Black Bar Sorter | Lifehacking.jp
Googleサービスもずいぶん増えてきましたので、Gmailなどにアクセスした際に見られる上部のあの「黒い帯」では全てが表示できなくなりました。実際、一部は「その他」のドロップダウンメニューの中に隠れています。 しかし解せないのは、最も利用するサービスが表示されているわけでも、マイナーなものがドロップダウンに隠れているわけでもなく、Gmail のようなサービスでもドロップダウンに入ってしまっていて... 続きを読む
Gmailの自動翻訳機能が正式にリリースされました! : ライフハッカー[日本版]
Googleは、かねてよりGmail Labsで開発が進められていた「自動翻訳機能」を正式にリリースしました。Gmailの受信箱に、デフォルト設定している言語以外の言語のメールが届くと、メール詳細画面に翻訳ボタンが表示されます。原文が何語であるかはGmailが自動で判断してくれますが、翻訳ボタンのとなりにあるドロップダウンメニューから翻訳元言語を選び直すことも可能です。 また、ブラウザのページタイ... 続きを読む
ユニークなボックスタイプのナビゲーションメニューを実装するjQueryプラグイン・BoxyMenu - かちびと. net
いろいろとアイデアが参考になった ので備忘録。ボックスタイプのナビ メニューで、ユニークなUIです。こ ういうアイデアというか、発想が出 てくるようになりたいです。 というわけでただのメモ。僕では思い浮かばないアイデアで素敵だったので衝動的に書き留めておきます。 BoxyMenu 一見変哲も無いコンテンツですけど・・・どうもドロップダウンメニューにして当然、みたいな流れが自分の中にあったのでいい刺... 続きを読む