タグ ドロップダウンメニュー
人気順 5 users 50 users 100 users 500 users 1000 usersGitHub、作業中（WIP）のPull Requestを示す「Draft Pull Request」機能を発表 － Publickey
2019/02/17
113 users
wip
GitHub
Publickey
pull req
GitHub、作業中（WIP）のPull Requestを示す「Draft Pull Request」機能を発表 GitHubは、新機能「Draft Pull Request」を発表しました。Pull Requestを発行する際に、通常のPull Requestにするか、あるいはDraft Pull Requestにするかをドロップダウンメニューで選べるようになりました。 Draft Pull RequestはPull Req... 続きを読む
Slack、メッセージにドロップダウンの新メニュー--複雑なワークフローに対応 - CNET Japan
2017/04/12
13 users
Slack
ワークフロー
Slack内
ドロップダウン
有料
Slack Technologiesは、同社が手がける職場用コラボレーションプラットフォーム「Slack」でやり取りされるメッセージのインタラクティブ性を強化する目的で、新たなメニューを追加した。この メッセージメニュー により、ユーザーはクリック可能なドロップダウンメニューを使って、より複雑なワークフローをSlack内で完了できる。 今や1日あたり500万人のアクティブユーザー、150万人の有料... 続きを読む
CSSで組んだドロップダウンメニューとスライドメニューを両立させたレスポンシブなメニューの作り方【コピペでOK】 - Yukihy Life
2016/02/14
349 users
CSS
コピペ
Yukihy Life
スライドメニュー
以前、メニューバーをトグルメニューと両立してレスポンシブスタイルにするカスタムを書きました。 www.yukihy.com トグルメニューは、ボタンを押すと上下にスライドするようなものでしたが、 現在このブログでやっているみたいに、横からのスライドにして、なおかつPC版では子メニューも設定できるようにしてみたいと思います！ カスタマイズを行う際は、必ず以前のコードをメモ帳などにバックアップをとって... 続きを読む
3flab inc. | #Illustrator でフォントを変えるのが面倒くさい
2015/12/08
83 users
Illustrator
カーソル
フォント
3flab
行為
Illustrator で、選択したテキストのフォントを変更する場合、書式メニューや文字パネル、コントロールの文字をカーソルで操作すると思います。 このフォントを変更する行為って、地味にクリック数が多かったり、やたらと長いプルダウンメニュー（ドロップダウンメニュー）から選択しなければならなかったり、フォントを絞り込むためにフォント名を入力したり… 何かとめんどくさいです。 それらの不満を解消するた... 続きを読む
CSSで組んだドロップダウンメニューとトグルメニューを両立させたレスポンシブなメニューの作り方【コピペでOK】 - Yukihy Life
2015/12/01
166 users
トグルメニュー
CSS
コピペ
www.yukihy.com
2015-12-01 CSSで組んだドロップダウンメニューとトグルメニューを両立させたレスポンシブなメニューの作り方【コピペでOK】 Web制作 jQuery CSS Tweet 以前、グローバルメニューとトグルメニューを両立してレスポンシブスタイルにするメニューバーを作りました。 以前の記事 www.yukihy.com このメニューバー、CSSを勉強したてに作ったものなので、若干の不満な点など... 続きを読む
Twitter、ブロックリストの共有機能を追加、CSVファイルでエクスポート／インポート可能 -INTERNET Watch
2015/06/11
13 users
Twitter
エクスポート
twitter.com
リスト
ニュース Twitter、ブロックリストの共有機能を追加、CSVファイルでエクスポート／インポート可能 （2015/6/11 12:45） Twitterは10日、ブロックしたアカウントのリストを他のユーザーと共有できるようにしたと発表した。 Twitter.comの「設定」にある「ブロックしたアカウント」画面において、「高度なオプション」のドロップダウンメニューから、ブロックリストのエクスポート... 続きを読む
CSSで作ったドロップダウンメニューのドロップの動きいろいろ
アクセシビリティを考えたドロップダウンメニューを実装する | Webクリエイターボックス
2014/09/03
209 users
アクセシビリティ
TAB
サブメニュー
マウス
観点
多くのWebサイトに設置されているドロップダウンメニュー。うまくカテゴリー分けされていれば非常にわかりやすく、スペースも取らないので制作側からも愛されていますね。しかしアクセシビリティの観点から考えると、ちょっとやっかいな存在ではあります。マウスがうまく利用できないユーザーはキーボードを使ってページやリンクを移動しますが、ドロップダウンメニューは tab キーを使ってもサブメニューが表示されないの... 続きを読む
全ツイート履歴をインポートする方法 - ツイセーブ
2014/03/30
19 users
全ツイート履歴
Twitter
方法
瞬時
ツイッター
ツイセーブにはツイッターの全ツイート履歴をインポートする機能があります。この機能を利用することにより、全ての過去ツイートを瞬時に検索できるようになります。ツイッターから全ツイート履歴をダウンロードする[Twitterのアカウント設定] からページ右上にある設定アイコンをクリックし、ドロップダウンメニューから [設定] を選択[全ツイート履歴をリクエストする] をクリックダウンロードの準備が整ったら... 続きを読む
CSSだけで作る「多階層」なドロップダウンメニュー｜Webpark
2013/10/15
144 users
Webpark
矢印
階層
CSS
擬似要素
以前書いた「CSSだけで作る動きのあるドロップダウンメニュー｜Webpark」という記事が検索エンジン経由でそこそこアクセスがあり、よく質問をいただきます。そのなかで多階層にできないのかという質問があったので作ってみました。 IE7の場合擬似要素が使えませんので、次の階層があることを示す矢印が表示されません。ドロップダウンの機能はIE7でも問題ありませんので、IE7に対応させる場合は矢印を画像にす... 続きを読む
CSSだけで作るamazon風な縦型メガメニュー｜Webpark
2013/09/02
78 users
Webpark
border-radius
CSS
矢印
若干
先日、「CSSだけで作る動きのあるドロップダウンメニュー」という記事のコメント内で、amazonのようなメガメニューをCSSだけで作れないのかというコメントいただきましたので作ってみました。 CSSだけですのでメニューの現れ方など若干違います。box-shadowとborder-radiusはIE8以下で、矢印を作るための擬似要素はIE7以下で非対応ですが、メニューとしての機能は果たせます。 では... 続きを読む
Eコマース用のさまざまなUIエレメントが揃ったフラットなデザインのPSD素材 | コリス
2013/05/30
51 users
コリス
ロイヤリティフリー
psd
UIエレメント
PSD素材
商用でも無料で利用できるロイヤリティフリーのEコマース用のフラットなデザインのUIキットを紹介します。 Ecommerce Flat UI Kit Vol.1 (PSD) PSDにはプロダクト用のウィジェットをはじめ、カテゴリ用のウィジェット、買い物カート、アカウントのログイン、ドロップダウンメニュー、ソーシャルコンテンツ用のボタンなど、さまざまなエレメントが揃っています。 素材のキャプチャ ダウ... 続きを読む
レスポンシブでクールなドロップダウンメニュー実装例:phpspot開発日誌
2013/04/25
86 users
レスポンシブ
navigation
phpspot開発日誌
Drop-Down Navigation: Responsive and Touch-Friendly Osvaldas Valutis レスポンシブでクールなドロップダウンメニュー実装例 次のようなレスポンシブなドロップダウンメニューのデモです。デモページはこちら。 シンプルですがかなり良い感じに動いているみたいです。 そのまま使うのもいいですし、１から実装する際の参考にしてみてもよいかもしれま... 続きを読む
PCではマウスホバー、スマフォではタップで動作するレスポンシブなドロップダウンメニューを実装するjQueryプラグイン・FlexNav - かちびと.net
2013/04/21
85 users
マウスホバー
タップ
スマフォ
net
CSSだけで作る動きのあるドロップダウンメニュー｜Webpark
2013/04/09
222 users
Webpark
Ｔｒａｎｓｉｔｉｏｎ
CSS
HTML
最初
よくあるタイプのドロップダウンメニューをCSSだけで作りました。CSS3のtransitionを使うことで動きを付けています。また、最近フラットなデザインが流行っているようなので、何となくフラットな感じにしてみました。 今回は最初のサンプルを詳しく解説します。後の2つは少し変えるだけで作ることができます。コードはサンプルの下に載せています。 では、HTMLから解説していきます。 HTML <ul ... 続きを読む
Twitter BootstrapをベースとしたフラットなデザインのUIキット・Flat UI - かちびと.net
2013/03/05
94 users
Twitter Bootstrap
net
ベース
デザイン
Twitter Bootstrapベースに作られたシンプルでフラットなデザインのUIキット・Flat UIのご紹介。今年はこの手のスタイルよく見かけますけど、確かに見やすいですね。 Flat UI フラットなデザインで見やすい印象です。このまま使うのはアレですけど参考にはなりました。 ドロップダウンメニューとかフォーム周りとか。 ツールチップとかとか。Bootstrapに含まれているコンポーネント... 続きを読む
レスポンシブなCSSベースのドロップダウンメニュー「Top Drawer」:phpspot開発日誌
2013/02/06
22 users
CSSベース
phpspot開発日誌
Experiment
Top Drawer - A smooth dropdown menu for responsive web design | Experiment #5 レスポンシブなCSSベースのドロップダウンメニュー「Top Drawer」 JavaScriptを使わずCSS transformsを使ってレスポンシブなドロップダウンをアニメーションさせつつ表示できます。 シンプルなサイトな作りにしたい場合は... 続きを読む
風呂のふたのような開閉をするドロップダウンメニューを実装できるjQueryプラグイン。 → Makisu ~ CSS 3D Dropdown Concept - コメンター
2012/10/23
19 users
コメンター
ふた
開閉
jQueryプラグイン
クリエイター
コメンターとは コメンターは、クリエイターの気になるサイトやページをシェアして、匿名ならではの自由なコメントをみんなで楽しむコミュニティです。 このページをシェア 上記リンクをブックマークツールバーに登録することで、閲覧中のサイトをその場でシェアできます。 続きを読む
クリックするとリストが開くドロップダウンメニューの実装方法いろいろ。デザインがかわいいので参考にしたい。 → Custom Drop-Down List Styling | Codrops - コメンター
2012/10/05
11 users
We'll
コメンター
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
2012/07/18
23 users
Twitter
TweetDeck
水平スクロールバー
ほか
Twitter がパワーユーザー向けのクライアント TweetDeckを v1.5にアップデートしました。主な更新点はコラム移動や再配置などの操作性改善。まず中央上部のコラムボタンがドロップダウンメニューになり、一覧から望みのコラムに直接飛べるようになりました。この一覧で右にある「Ξ」アイコンを掴むことで、ドラッグ＆ドロップで楽に再配置ができます。 また画面下に水平スクロールバーが加わわったほか、... 続きを読む
Googleの、あの「黒い帯」を自由に並べ替えるChrome拡張：Big G Black Bar Sorter | Lifehacking.jp
2012/06/29
21 users
Chrome拡張
Lifehacking.jp
Gmail
Googleサービスもずいぶん増えてきましたので、Gmailなどにアクセスした際に見られる上部のあの「黒い帯」では全てが表示できなくなりました。実際、一部は「その他」のドロップダウンメニューの中に隠れています。 しかし解せないのは、最も利用するサービスが表示されているわけでも、マイナーなものがドロップダウンに隠れているわけでもなく、Gmail のようなサービスでもドロップダウンに入ってしまっていて... 続きを読む
Gmailの自動翻訳機能が正式にリリースされました！ : ライフハッカー［日本版］
2012/05/11
26 users
Gmail
原文
デフォルト
ライフハッカー
となり
Googleは、かねてよりGmail Labsで開発が進められていた「自動翻訳機能」を正式にリリースしました。Gmailの受信箱に、デフォルト設定している言語以外の言語のメールが届くと、メール詳細画面に翻訳ボタンが表示されます。原文が何語であるかはGmailが自動で判断してくれますが、翻訳ボタンのとなりにあるドロップダウンメニューから翻訳元言語を選び直すことも可能です。 また、ブラウザのページタイ... 続きを読む
ユニークなボックスタイプのナビゲーションメニューを実装するjQueryプラグイン・BoxyMenu - かちびと. net
2012/01/29
56 users
ナビゲーションメニュー
備忘録
発想
アイデア
メモ
いろいろとアイデアが参考になった ので備忘録。ボックスタイプのナビ メニューで、ユニークなUIです。こ ういうアイデアというか、発想が出 てくるようになりたいです。 というわけでただのメモ。僕では思い浮かばないアイデアで素敵だったので衝動的に書き留めておきます。 BoxyMenu 一見変哲も無いコンテンツですけど・・・どうもドロップダウンメニューにして当然、みたいな流れが自分の中にあったのでいい刺... 続きを読む
Ubuntuの新しいメニューシステム「Head-Up Display」 | スラッシュドット・ジャパン Linux
2012/01/27
23 users
Ubuntu
ＲＡＤ
Linux
GIMP
HUD
Ubuntuは30年来のメニューシステムを一新した「Head-Up Display」を導入することを決めたそうだ（本家/.）。 この「Head-Up Display（HUD）」ではドロップダウンメニューからコマンドを探すのではなく、検索ボックスにコマンドを入力するようになる。たとえばGIMPで「Rad」と入力すれば「Radial blur」（ぼかし半径）が候補として表示されるなど、入力はオートコン... 続きを読む
ドロップダウンメニューやスライドショーなどを取り入れたWebサイトをレスポンシブWebデザイン対応で構築する為の勉強用テンプレ・YAMB - かちびと. net
2011/12/07
37 users
備忘録
コンテンツスライダー
正式名称
ドロップダウン
net
気になったので備忘録。ドロップダウン のメニューやコンテンツスライダーなど、 一般的によく見かけるUIを取り入れたWeb サイトをレスポンシブWebデザイン対応で 構築する為の勉強用になるかと思って メモ書き。まだちゃんと触ってません。 というわけで今日はただのメモ書きです。こんなのあったよ程度で。 YAMB 正式名称はYET ANOTHER BOILERPLATE FOR RESPONSIVE ... 続きを読む