タグ ドロップダウンメニュー
人気順 5 users 10 users 50 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... 続きを読む
CSSで組んだドロップダウンメニューとスライドメニューを両立させたレスポンシブなメニューの作り方【コピペでOK】 - Yukihy Life
2016/02/14
349 users
CSS
コピペ
Yukihy Life
スライドメニュー
以前、メニューバーをトグルメニューと両立してレスポンシブスタイルにするカスタムを書きました。 www.yukihy.com トグルメニューは、ボタンを押すと上下にスライドするようなものでしたが、 現在このブログでやっているみたいに、横からのスライドにして、なおかつPC版では子メニューも設定できるようにしてみたいと思います！ カスタマイズを行う際は、必ず以前のコードをメモ帳などにバックアップをとって... 続きを読む
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を勉強したてに作ったものなので、若干の不満な点など... 続きを読む
CSSで作ったドロップダウンメニューのドロップの動きいろいろ
アクセシビリティを考えたドロップダウンメニューを実装する | Webクリエイターボックス
2014/09/03
209 users
アクセシビリティ
TAB
サブメニュー
マウス
観点
多くのWebサイトに設置されているドロップダウンメニュー。うまくカテゴリー分けされていれば非常にわかりやすく、スペースも取らないので制作側からも愛されていますね。しかしアクセシビリティの観点から考えると、ちょっとやっかいな存在ではあります。マウスがうまく利用できないユーザーはキーボードを使ってページやリンクを移動しますが、ドロップダウンメニューは tab キーを使ってもサブメニューが表示されないの... 続きを読む
CSSだけで作る「多階層」なドロップダウンメニュー｜Webpark
2013/10/15
144 users
Webpark
矢印
階層
CSS
擬似要素
以前書いた「CSSだけで作る動きのあるドロップダウンメニュー｜Webpark」という記事が検索エンジン経由でそこそこアクセスがあり、よく質問をいただきます。そのなかで多階層にできないのかという質問があったので作ってみました。 IE7の場合擬似要素が使えませんので、次の階層があることを示す矢印が表示されません。ドロップダウンの機能はIE7でも問題ありませんので、IE7に対応させる場合は矢印を画像にす... 続きを読む
CSSだけで作る動きのあるドロップダウンメニュー｜Webpark
2013/04/09
222 users
Webpark
Ｔｒａｎｓｉｔｉｏｎ
CSS
HTML
最初
よくあるタイプのドロップダウンメニューをCSSだけで作りました。CSS3のtransitionを使うことで動きを付けています。また、最近フラットなデザインが流行っているようなので、何となくフラットな感じにしてみました。 今回は最初のサンプルを詳しく解説します。後の2つは少し変えるだけで作ることができます。コードはサンプルの下に載せています。 では、HTMLから解説していきます。 HTML <ul ... 続きを読む
[CSS]IE6, 7も考慮した、CSS3で実装するドロップダウンメニュー | コリス
2011/04/04
453 users
コリス
ユーザビリティ
CSS
チュートリアル
見栄え
IE6, 7でもドロップダウンとしての機能を損なうことなく、そしてCSS3対応ブラウザでは更に見栄えをよくし、ユーザビリティも向上させるスタイルシートのチュートリアルを紹介します。デモページ：IE6での表示下記は各ポイントを意訳したものです。HTMLHTMLはシンプルで、ドロップダウンはリストの入れ子で実装されています。Home 続きを読む
ちょっとした飾りに使えるCSS3.0ジェネレータ『CSS3.0Maker』*ホームページを作る人のネタ帳
2011/02/17
367 users
ネタ帳
ホームページ
スポンサード
タブ
特定
はてぶ数もすごいし既にご存知の人も多そうだけど、かゆいところをパパっとCSSで書きだしてくれるジェネレータ。CSS3.0Makerのご紹介。 スポンサード リンク解説 特定のもの以外は大体トップページのドロップダウンメニューにあります。 CSS3.0 Maker | CSS3.0 Generator | CSS 3.0 Generator トップページにある左のメニューと上の並ぶタブは同じページに... 続きを読む
CSS+HTMLのみで実装出来る、クロスブラウザ対応のWebデザインテクニック集 - かちびと.net
2010/06/15
821 users
クロスブラウザ対応
CSS
net
ソース
HTMLタグ
cssとHTMLタグのマークアップ のみで実装出来るテクニック集 です。クロスブラウザ対応のみ をcss-playから探したので、 ついでにご紹介します。 jsが使えない環境でデザインする機会があったのでメモがてらエントリー。css-playを中心に、あとはググったりSBMで探したり。マークアップはリンク先をご確認下さい。css-playはソースを。 シンプルなドロップダウンメニュー シンプルなド... 続きを読む
ドロップダウンメニューにテーブルやフォーム等何でも埋め込んでしまえるjQueryプラグイン「MegaMenu」:phpspot開発日誌
2010/05/19
325 users
Plugins
jQueryプラグイン
テーブル
フォーム
ドロップダウンメニューにテーブルやフォーム等何でも埋め込んでしまえるjQueryプラグイン「MegaMenu」 2010年05月19日- Plugins | jQuery Plugins ドロップダウンメニューにテーブルやフォーム等何でも埋め込んでしまえるjQueryプラグイン「MegaMenu」。 ドロップダウンメニューといえば、複数のアイテムが表示され、クリックするとページ移動するというのが普... 続きを読む
これは注目！jQueryでExtばりにリッチなＵＩが実装できる「jQuery Ribbon」:phpspot開発日誌
2009/05/27
302 users
グルーピング
jQuery
コンポーネント
ＨＯＭＥ
注目
これは注目！jQueryでExtばりにリッチなＵＩが実装できる「jQuery Ribbon」 2009年05月28日 jQuery Ribbon - Home これは注目！jQueryでExtばりにリッチなＵＩが実装できる「jQuery Ribbon」。 利用すれば、コントロールのグルーピングや、ドロップダウンメニュー、階層リストなどのリッチなコンポーネントが実装できるみたい。 jQuery Ri... 続きを読む
JQueryで簡単に作るドロップダウンメニューいろいろ | DesignWalker
2009/02/26
441 users
jQuery
DesignWalker
シンプ
エフェクト
今回は、JQueryを使って簡単に導入できるドロップダウンメニューをいろいろとご紹介。 ブログなどでも利用できるシンプルなものをなるべくピックアップしてまとめてみました。 初心者の方には、マウスオーバー時のメニューのでかたがそれぞれ微妙に違っていたりするので、好みのエフェクトを見つけて使ってみてもいいかもしれませんね。 Simple jQuery Dropdowns デモ | ダウンロード シンプ... 続きを読む
800個以上のの背景パターンを入手できるサイト「Kaliber10000」 - GIGAZINE
2006/08/08
247 users
GIGAZINE
NEXT
Kaliber10000
閲覧
いろいろな背景パターンとして利用できる画像が置いてあります。画像によっては商用利用可能なものもあります。とにかくものすごい数があるので、飽きません。 詳細は以下から。 Kaliber10000 { The Designers' Lunchbox } 「Next」をクリックしてたどることができる数はわずかなので、ドロップダウンメニューの「View by name」からであれば確実に全種類を閲覧可能で... 続きを読む