はてブログ

はてなブックマーク新着エントリーの過去ログサイトです。



タグ ドロップダウンメニュー

新着順 人気順 5 users 10 users 50 users 100 users 500 users 1000 users
 
(1 - 25 / 39件)

GitHub、作業中(WIP)のPull Requestを示す「Draft Pull Request」機能を発表 - Publickey

2019/02/17 このエントリーをはてなブックマークに追加 113 users Instapaper Pocket Tweet Facebook Share Evernote Clip 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 Instapaper Pocket Tweet Facebook Share Evernote Clip Slack ワークフロー Slack内 ドロップダウン 有料

Slack Technologiesは、同社が手がける職場用コラボレーションプラットフォーム「Slack」でやり取りされるメッセージのインタラクティブ性を強化する目的で、新たなメニューを追加した。この メッセージメニュー により、ユーザーはクリック可能なドロップダウンメニューを使って、より複雑なワークフローをSlack内で完了できる。 今や1日あたり500万人のアクティブユーザー、150万人の有料... 続きを読む

CSSで組んだドロップダウンメニューとスライドメニューを両立させたレスポンシブなメニューの作り方【コピペでOK】 - Yukihy Life

2016/02/14 このエントリーをはてなブックマークに追加 349 users Instapaper Pocket Tweet Facebook Share Evernote Clip CSS コピペ Yukihy Life スライドメニュー

以前、メニューバーをトグルメニューと両立してレスポンシブスタイルにするカスタムを書きました。 www.yukihy.com トグルメニューは、ボタンを押すと上下にスライドするようなものでしたが、 現在このブログでやっているみたいに、横からのスライドにして、なおかつPC版では子メニューも設定できるようにしてみたいと思います! カスタマイズを行う際は、必ず以前のコードをメモ帳などにバックアップをとって... 続きを読む

3flab inc. | #Illustrator でフォントを変えるのが面倒くさい

2015/12/08 このエントリーをはてなブックマークに追加 83 users Instapaper Pocket Tweet Facebook Share Evernote Clip Illustrator カーソル フォント 3flab 行為

Illustrator で、選択したテキストのフォントを変更する場合、書式メニューや文字パネル、コントロールの文字をカーソルで操作すると思います。 このフォントを変更する行為って、地味にクリック数が多かったり、やたらと長いプルダウンメニュー(ドロップダウンメニュー)から選択しなければならなかったり、フォントを絞り込むためにフォント名を入力したり… 何かとめんどくさいです。 それらの不満を解消するた... 続きを読む

CSSで組んだドロップダウンメニューとトグルメニューを両立させたレスポンシブなメニューの作り方【コピペでOK】 - Yukihy Life

2015/12/01 このエントリーをはてなブックマークに追加 166 users Instapaper Pocket Tweet Facebook Share Evernote Clip トグルメニュー 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 Instapaper Pocket Tweet Facebook Share Evernote Clip Twitter エクスポート twitter.com リスト

ニュース Twitter、ブロックリストの共有機能を追加、CSVファイルでエクスポート/インポート可能 (2015/6/11 12:45) Twitterは10日、ブロックしたアカウントのリストを他のユーザーと共有できるようにしたと発表した。 Twitter.comの「設定」にある「ブロックしたアカウント」画面において、「高度なオプション」のドロップダウンメニューから、ブロックリストのエクスポート... 続きを読む

CSSで作ったドロップダウンメニューのドロップの動きいろいろ

2015/02/13 このエントリーをはてなブックマークに追加 199 users Instapaper Pocket Tweet Facebook Share Evernote Clip CSS ドロップ

続きを読む

アクセシビリティを考えたドロップダウンメニューを実装する | Webクリエイターボックス

2014/09/03 このエントリーをはてなブックマークに追加 209 users Instapaper Pocket Tweet Facebook Share Evernote Clip アクセシビリティ TAB サブメニュー マウス 観点

多くのWebサイトに設置されているドロップダウンメニュー。うまくカテゴリー分けされていれば非常にわかりやすく、スペースも取らないので制作側からも愛されていますね。しかしアクセシビリティの観点から考えると、ちょっとやっかいな存在ではあります。マウスがうまく利用できないユーザーはキーボードを使ってページやリンクを移動しますが、ドロップダウンメニューは tab キーを使ってもサブメニューが表示されないの... 続きを読む

全ツイート履歴をインポートする方法 - ツイセーブ

2014/03/30 このエントリーをはてなブックマークに追加 19 users Instapaper Pocket Tweet Facebook Share Evernote Clip 全ツイート履歴 Twitter 方法 瞬時 ツイッター

ツイセーブにはツイッターの全ツイート履歴をインポートする機能があります。この機能を利用することにより、全ての過去ツイートを瞬時に検索できるようになります。ツイッターから全ツイート履歴をダウンロードする[Twitterのアカウント設定] からページ右上にある設定アイコンをクリックし、ドロップダウンメニューから [設定] を選択[全ツイート履歴をリクエストする] をクリックダウンロードの準備が整ったら... 続きを読む

CSSだけで作る「多階層」なドロップダウンメニュー|Webpark

2013/10/15 このエントリーをはてなブックマークに追加 144 users Instapaper Pocket Tweet Facebook Share Evernote Clip Webpark 矢印 階層 CSS 擬似要素

以前書いた「CSSだけで作る動きのあるドロップダウンメニュー|Webpark」という記事が検索エンジン経由でそこそこアクセスがあり、よく質問をいただきます。そのなかで多階層にできないのかという質問があったので作ってみました。 IE7の場合擬似要素が使えませんので、次の階層があることを示す矢印が表示されません。ドロップダウンの機能はIE7でも問題ありませんので、IE7に対応させる場合は矢印を画像にす... 続きを読む

CSSだけで作るamazon風な縦型メガメニュー|Webpark

2013/09/02 このエントリーをはてなブックマークに追加 78 users Instapaper Pocket Tweet Facebook Share Evernote Clip Webpark border-radius CSS 矢印 若干

先日、「CSSだけで作る動きのあるドロップダウンメニュー」という記事のコメント内で、amazonのようなメガメニューをCSSだけで作れないのかというコメントいただきましたので作ってみました。 CSSだけですのでメニューの現れ方など若干違います。box-shadowとborder-radiusはIE8以下で、矢印を作るための擬似要素はIE7以下で非対応ですが、メニューとしての機能は果たせます。 では... 続きを読む

Eコマース用のさまざまなUIエレメントが揃ったフラットなデザインのPSD素材 | コリス

2013/05/30 このエントリーをはてなブックマークに追加 51 users Instapaper Pocket Tweet Facebook Share Evernote Clip コリス ロイヤリティフリー psd UIエレメント PSD素材

商用でも無料で利用できるロイヤリティフリーのEコマース用のフラットなデザインのUIキットを紹介します。 Ecommerce Flat UI Kit Vol.1 (PSD) PSDにはプロダクト用のウィジェットをはじめ、カテゴリ用のウィジェット、買い物カート、アカウントのログイン、ドロップダウンメニュー、ソーシャルコンテンツ用のボタンなど、さまざまなエレメントが揃っています。 素材のキャプチャ ダウ... 続きを読む

レスポンシブでクールなドロップダウンメニュー実装例:phpspot開発日誌

2013/04/25 このエントリーをはてなブックマークに追加 86 users Instapaper Pocket Tweet Facebook Share Evernote Clip レスポンシブ navigation phpspot開発日誌

Drop-Down Navigation: Responsive and Touch-Friendly Osvaldas Valutis レスポンシブでクールなドロップダウンメニュー実装例 次のようなレスポンシブなドロップダウンメニューのデモです。デモページはこちら。 シンプルですがかなり良い感じに動いているみたいです。 そのまま使うのもいいですし、1から実装する際の参考にしてみてもよいかもしれま... 続きを読む

PCではマウスホバー、スマフォではタップで動作するレスポンシブなドロップダウンメニューを実装するjQueryプラグイン・FlexNav - かちびと.net

2013/04/21 このエントリーをはてなブックマークに追加 85 users Instapaper Pocket Tweet Facebook Share Evernote Clip マウスホバー タップ スマフォ net

続きを読む

CSSだけで作る動きのあるドロップダウンメニュー|Webpark

2013/04/09 このエントリーをはてなブックマークに追加 222 users Instapaper Pocket Tweet Facebook Share Evernote Clip Webpark Transition CSS HTML 最初

よくあるタイプのドロップダウンメニューをCSSだけで作りました。CSS3のtransitionを使うことで動きを付けています。また、最近フラットなデザインが流行っているようなので、何となくフラットな感じにしてみました。 今回は最初のサンプルを詳しく解説します。後の2つは少し変えるだけで作ることができます。コードはサンプルの下に載せています。 では、HTMLから解説していきます。 HTML <ul ... 続きを読む

Twitter BootstrapをベースとしたフラットなデザインのUIキット・Flat UI - かちびと.net

2013/03/05 このエントリーをはてなブックマークに追加 94 users Instapaper Pocket Tweet Facebook Share Evernote Clip Twitter Bootstrap net ベース デザイン

Twitter Bootstrapベースに作られたシンプルでフラットなデザインのUIキット・Flat UIのご紹介。今年はこの手のスタイルよく見かけますけど、確かに見やすいですね。 Flat UI フラットなデザインで見やすい印象です。このまま使うのはアレですけど参考にはなりました。 ドロップダウンメニューとかフォーム周りとか。 ツールチップとかとか。Bootstrapに含まれているコンポーネント... 続きを読む

レスポンシブなCSSベースのドロップダウンメニュー「Top Drawer」:phpspot開発日誌

2013/02/06 このエントリーをはてなブックマークに追加 22 users Instapaper Pocket Tweet Facebook Share Evernote Clip 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 Instapaper Pocket Tweet Facebook Share Evernote Clip コメンター ふた 開閉 jQueryプラグイン クリエイター

コメンターとは コメンターは、クリエイターの気になるサイトやページをシェアして、匿名ならではの自由なコメントをみんなで楽しむコミュニティです。 このページをシェア 上記リンクをブックマークツールバーに登録することで、閲覧中のサイトをその場でシェアできます。 続きを読む

クリックするとリストが開くドロップダウンメニューの実装方法いろいろ。デザインがかわいいので参考にしたい。 → Custom Drop-Down List Styling | Codrops - コメンター

2012/10/05 このエントリーをはてなブックマークに追加 11 users Instapaper Pocket Tweet Facebook Share Evernote Clip 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 Instapaper Pocket Tweet Facebook Share Evernote Clip Twitter TweetDeck 水平スクロールバー ほか

Twitter がパワーユーザー向けのクライアント TweetDeckを v1.5にアップデートしました。主な更新点はコラム移動や再配置などの操作性改善。まず中央上部のコラムボタンがドロップダウンメニューになり、一覧から望みのコラムに直接飛べるようになりました。この一覧で右にある「Ξ」アイコンを掴むことで、ドラッグ&ドロップで楽に再配置ができます。 また画面下に水平スクロールバーが加わわったほか、... 続きを読む

Googleの、あの「黒い帯」を自由に並べ替えるChrome拡張:Big G Black Bar Sorter | Lifehacking.jp

2012/06/29 このエントリーをはてなブックマークに追加 21 users Instapaper Pocket Tweet Facebook Share Evernote Clip Chrome拡張 Lifehacking.jp Gmail

Googleサービスもずいぶん増えてきましたので、Gmailなどにアクセスした際に見られる上部のあの「黒い帯」では全てが表示できなくなりました。実際、一部は「その他」のドロップダウンメニューの中に隠れています。 しかし解せないのは、最も利用するサービスが表示されているわけでも、マイナーなものがドロップダウンに隠れているわけでもなく、Gmail のようなサービスでもドロップダウンに入ってしまっていて... 続きを読む

Gmailの自動翻訳機能が正式にリリースされました! : ライフハッカー[日本版]

2012/05/11 このエントリーをはてなブックマークに追加 26 users Instapaper Pocket Tweet Facebook Share Evernote Clip Gmail 原文 デフォルト ライフハッカー となり

Googleは、かねてよりGmail Labsで開発が進められていた「自動翻訳機能」を正式にリリースしました。Gmailの受信箱に、デフォルト設定している言語以外の言語のメールが届くと、メール詳細画面に翻訳ボタンが表示されます。原文が何語であるかはGmailが自動で判断してくれますが、翻訳ボタンのとなりにあるドロップダウンメニューから翻訳元言語を選び直すことも可能です。 また、ブラウザのページタイ... 続きを読む

ユニークなボックスタイプのナビゲーションメニューを実装するjQueryプラグイン・BoxyMenu - かちびと. net

2012/01/29 このエントリーをはてなブックマークに追加 56 users Instapaper Pocket Tweet Facebook Share Evernote Clip ナビゲーションメニュー 備忘録 発想 アイデア メモ

いろいろとアイデアが参考になった ので備忘録。ボックスタイプのナビ メニューで、ユニークなUIです。こ ういうアイデアというか、発想が出 てくるようになりたいです。 というわけでただのメモ。僕では思い浮かばないアイデアで素敵だったので衝動的に書き留めておきます。 BoxyMenu 一見変哲も無いコンテンツですけど・・・どうもドロップダウンメニューにして当然、みたいな流れが自分の中にあったのでいい刺... 続きを読む

Ubuntuの新しいメニューシステム「Head-Up Display」 | スラッシュドット・ジャパン Linux

2012/01/27 このエントリーをはてなブックマークに追加 23 users Instapaper Pocket Tweet Facebook Share Evernote Clip Ubuntu RAD 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 Instapaper Pocket Tweet Facebook Share Evernote Clip 備忘録 コンテンツスライダー 正式名称 ドロップダウン net

気になったので備忘録。ドロップダウン のメニューやコンテンツスライダーなど、 一般的によく見かけるUIを取り入れたWeb サイトをレスポンシブWebデザイン対応で 構築する為の勉強用になるかと思って メモ書き。まだちゃんと触ってません。 というわけで今日はただのメモ書きです。こんなのあったよ程度で。 YAMB 正式名称はYET ANOTHER BOILERPLATE FOR RESPONSIVE ... 続きを読む

 
(1 - 25 / 39件)