[go: up one dir, main page]
More Web Proxy on the site http://driver.im/

タグ

listに関するruedapのブックマーク (42)

  • [CSS]ナビゲーションやリストなど、inline-block要素の間にできる隙間を解決する方法

    ナビゲーションを実装する時など、ul要素を使って水平に並べると意図しない隙間ができてしまうのを解決する方法を紹介します。 Fighting the Space Between Inline Block Elements [ad#ad-2] デモ 解決方法 floatでいいんじゃないの デモ まずは、元となるコードから。 HTML nav要素を使い、a要素で各アイテムを実装します。 <nav> <a href="#">One</a> <a href="#">Two</a> <a href="#">Three</a> </nav> CSS 「display: inline-block;」を使って水平に並べます。 nav a { display: inline-block; padding: 5px; background: red; } このままだと、下記のように意図しない隙間ができてしまいま

  • blockとtable-cellの組み合わせ

    displayプロパティーの値のひとつであるtable-cellは、通常tableやinline-tableと組み合わせて使う。リストに使うと空白を作らずに各項目を並べられ、かつfloatプロパティーを使うより色々面倒くさくない。その場合にtableやinline-tableではなくblockと組み合わせると、table-cellの幅の自動調整が行われなかったり、他にもマークアップ上での制約や組み合わせ必須なプロパティーなどがないという特徴があり、スタイリングの自由度が上がる。 ul { margin: 0 auto; padding: 0; display: table; width: 80%; } li { display: table-cell; } tableと組み合わせる場合、幅の自動調整によりリスト項目の内容により幅がまちまちになってしまうので、widthプロパティーを使うのが

    blockとtable-cellの組み合わせ
  • 横並びのリストのセンタリング

    リストを横並びにしてセンタリングというのはよく使う。ただよく使う(われる)わりには「これ!」というようなテクニックがないような気がする。inline-blockで並べた場合は項目の間に隙間ができ、floatで並べた場合はセンタリングがトリッキーすぎる。気分で色々使い分けてたけど最近はdisplay: inline-tableをよく使うようになって、これで良いかなーという感じ。 <nav class="paging"> <ul> <li><a href="foo">Prev</a></li> <li><a href="bar">Next</a></li> </ul> </nav> というようなマークアップの一般的なページング・ナビゲーションだと、 .paging { text-align: center; } .paging ul { display: inline-table; } .pa

    横並びのリストのセンタリング
  • dlのdt dd を横並びに

    何かと便利な定義リスト。 用語集や、Q&Aなど使いどころは沢山あるけれど、同じ行にしたいと思うことがしばしば有るかと思います。 しかし、中々思うように横並びが出来ないのが定義リスト。 今回はそんな厄介な定義リストのサンプルを作ってみました。 まずはスタイルシート。 dl { border:1px solid #999; width:390px; } dt { float:left; width:100px; padding:5px 0 5px 10px; clear:both; font-weight:bold; } dd { width:260px; margin-left:100px; padding:5px 5px 5px 10px; border-left:1px solid #999; } こんな感じです。 そして、実際の画面では↓こんな感じで表示されると思います。 もっとテーブ

    dlのdt dd を横並びに
  • Help with Lists

    <path opacity="0" d="M0 0h24v24H0z" /> <path d="M17.207 11.293l-7.5-7.5c-.39-.39-1.023-.39-1.414 0s-.39 1.023 0 1.414L15.086 12l-6.793 6.793c-.39.39-.39 1.023 0 1.414.195.195.45.293.707.293s.512-.098.707-.293l7.5-7.5c.39-.39.39-1.023 0-1.414z" /> </svg>" data-icon-arrow-left="<svg width="28px" height="28px" viewbox="0 0 28 28" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://ww

    Help with Lists
  • [haml] Re: Trouble with nested lists

  • リストの横並び時に生まれる< li >の隙間を解決する5つの方法

    ナビゲーションやリストを水平に並べると、なぜか少し隙間が生まれてしまうことがあります。今回はこの現象の解決方法をいくつか紹介したいと思います。 結構簡単な方法なので、知っている人も多いと思いますが、もし知らない人がいれば、ちょっとは役に立つかと思います。基的にはfloatで解決すれば良いと思いますが、floatを使うと都合が悪くなる場合などもあると思うので(width指定とか、センタリングとか)、そんなときのためにどうぞ。 個人的にメモしておいたものを、WEBにUPして管理しておきたいという意味もあり、今回記事にしています。 元となるソース HTML <ul> <li>バナナ</li> <li>リンゴ</li> <li>ミカン</li> </ul> CSS ul { margin:0; padding:0; list-style:none; } ul li { display: inli

    リストの横並び時に生まれる< li >の隙間を解決する5つの方法
  • 本日12月1日より、プログラマ有志による技術系Advent Calendarが各所ではじまる | gihyo.jp

    日12月1日より、プログラマ有志による各技術系Advent Calendarが一日目を担当する人のblogではじまっている。ここ数年は、師走の風物詩になっている。 一般的なAdvent Calendarは、12月25日のクリスマスを楽しみに待つために、12月1日から24日までのカレンダーの日付の部分(扉だったりする)がめくられるようになっており、1日ずつその日の日付の部分をめくると天使や動物の絵などが見えるという仕組み(もちろん、様々なバリエーションがある⁠)⁠。 これに発想をえて、技術系Advent Calendarでは基的に、12月1日から25日までの25日間、プログラミング言語縛りなどの最低限のルールで、毎日別の人(同じ人が複数回担当することもある)が自分のblogにて記事を書くという形式になっている(特設サイトを用意して、記事をまとめる手法もある⁠)⁠。なお、国内ではATND

    本日12月1日より、プログラマ有志による技術系Advent Calendarが各所ではじまる | gihyo.jp
  • [B! Titanium] donayamaのブックマーク

    Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 答え:キミと同じくらいに、かな。 こんにちは。この1年くらい、Titaniumなんてオワコンって言い捨てるのは、特に良心の咎めもなく(だいたいPHPをくさすのと同じくらい)気軽にできることで、塩分控えめ安心安全な雲の高みから技術っぽいことを語る挨拶代わりに丁度いいというのがテック系の常識となりつつあるようです。かくいうわたくしめも「Titanium、覚えていますか?」といったタイトルでスライドを作ったりしてウケを狙うこともあります。かつてTitaniumに喜んで飛びついた物見高いアルファな人たちもすでに去り、RubymotionとかRe

  • Rails Contributors - All time

    Ruby on Rails contributors

  • RFC日本語版リスト

    リンク上の問題や追加情報があるようでしたらどしどし連絡してください。 インターネットに散らばるRFCの 日語訳(和訳)のリンクリストを作りました。 多分、同じ翻訳で、コピーが複数あると思えるのはまとめて1行にしています。 (高橋邦夫さんが訳したRFC1855はあまりにもコピーが多いので一部のリンクのみ掲載しています) 同じRFCを、多分別の人が翻訳したと思えるのは別の行にしています。 時代の流れでなくなったページもあります(場所が変わって見つかっていないだけかもしれません)。 [日語訳]が付いていない所はそんなページと思ってください。 ソースにはコメントとしてURLを残してあります。 いずれかのアーカイブを探せば見つかるかもしれません。 これらの日語訳は完全なものとは限りません。 間違って翻訳していたり、 途中だけ翻訳されてたり、翻訳の途中で中断・中止してる事もあります。 翻訳の公開

  • SSL 証明書 比較チャート

    Comodoは一時的 - 疑似CAであって、信頼されたルートを所有しない-その結果、Comodoは彼らの証明書がブラウザによって信頼されるためにUTN/AddTrust・ チェイニング・プログラムを使用しています。 UTN/AddTrustSSL証明書を出すために使われるUTN/AddTrustのルート証明書は、また、Comodoの証明書を出すために使われ ます。 XRampもまた、一時的 - 疑似CAであって、信頼されたルートを所有しない-その結果、XRampは彼らの証明書がブラウザによって信頼されるためにGlobalSign・チェイ ニング・プログラムを使用しています。 * RapidSSL.comは、現在Comodo InstantSSL顧客に対して、無料でRapidSSL証明書を発行するサービスを提供しています。 InstantSSL Wildcard顧客に対しても、無料のRap

  • これまでに使った20のjQueryプラグイン :: 5509

    delicious(nori_17/tagged:jquery)から実際に使ったものをメモ。 順番はたぶん登録が古い順なはず。たまに自作がまじってます。自作のは5509って振ってます。 deliciousからのみ抜き出したので使ったけど入ってないのがたくさんありそう。20なはずがない… Galleria http://devkick.com/lab/galleria/ 画像ギャラリープラグイン。これはきれいですよね。でもちょっと重い。 FancyBox 確か商用でも使えるhighslideみたいなのを探してた気がする。 tablesorter http://tablesorter.com/docs/ シンプルにデータ並び替え。管理画面には欠かせないですね。 prettyPhoto 角丸がかわいいLightboxクローン。 AjaxZip2 http://www.kawa.net/works

  • トラブルインフォ (海外旅行、危険・犯罪情報) > 海外旅行のよくあるトラブル事例の具体例と対策の紹介

    人は狙われやすい! これは頭に入れておかなければなりません。これは、まずお金を持っていると言うイメージ、そしてだましやすい、狙いやすい、そういったイメージからです。実際そうなんですから仕方ないです。 海外がとても危ないと言うわけではないのです。ただ日が特別平和なのです。今でも。例えばどこかで物を無くしたら、お店や交番に届いたりしますよね。買い物をすれば一円単位できちんとおつりをくれますし。値段を吹っかけたりしません。交通機関もほとんど遅れませんよね。そんな日の常識は世界の非常識です。そんな事は海外では考えられません。そうでないのが当然なのです。同じ感覚で海外に出て、被害に遭う人が多いです。特にアジア、ヨーロッパは日人観光客が多く、狙われやすいです。 対策ですが、一目で旅行者と判る様な目立つ格好は避けましょう。例えばカメラを肩から提げたり、高級時計を付けたり、日のままのおしゃれな

  • 海外旅行持ち物リスト

    海外旅行の持ち物・必需品の準備なら[旅具]は、海外を自由気ままに一人旅してみたい方や、バックパッカー初心者の方々を応援するサイトです。 世界一周旅行した経験をもとに、実際に使ってみて使える!あると便利!絶対必要!と思った海外旅行必需品をリストアップしました。・・・とはいえ、海外旅行のスタイル・目的、個人の趣味・こだわり等によっても準備するべき必需品は変わってきますので、必要に応じて調整してくださいね。 ※とくに世界一周や不特定多数の国々を周遊する長期海外一人旅・バックパッカーに最適な海外旅行持ち物リストとなっています。 海外一人旅基礎知識、あぶない海外旅行記もあります。

  • 私が乗り換えてきたiPhoneアプリのまとめ - ライフハックブログKo's Style

    (管理人コウスケのiPhoneホーム画面初公開!?w) ほぼ毎日1つ以上、新しいiPhoneアプリを試しているコウスケです。 日々素晴らしいiPhoneアプリに出会うので、当然あまり使わないものは削除し、同じ用途のものはなるべく絞っていきます。 iPhone 3GSを購入して1年ということもあり、今回はこれまでにどんなアプリを使い、どんなアプリに乗り換えたのかをまとめてみましたよっ。 皆さんのオススメもあればぜひ教えてくださいね。

  • 大島てる CAVEAT EMPTOR: 事故物件公示サイト

    大島てる物件公示サイトです。これらを取引する際には注意しましょう。

    大島てる CAVEAT EMPTOR: 事故物件公示サイト
  • ログイン - Google アカウント

    ログインお客様の Google アカウントを使用 メールアドレスまたは電話番号 メールアドレスを忘れた場合 ご自分のパソコンでない場合は、シークレット ブラウジング ウィンドウを使用してログインしてください。 ゲストモードの使い方の詳細 次へアカウントを作成

  • 私が厳選して愛用するGoogleChromeExtension12個+消した奴36個*ホームページを作る人のネタ帳

    この2年でノートPC2台購入。自他のPCはクラッシュしてリカバリー。会社のPCは新しいのがあたり、再セットアップ。 そんなこんなで、会社はまぁともかくとして、とりあえず全PCが比較的3ヶ月に一度リカバリーしてもいいように、自分用にメモとして残しておきます。 色々試した結果残ったExtension そもそも。 「これだけは入れておきたいGoogleChromeExtension50」とか、「はずせないお勧めExtension75」とか、お前らは当にそれだけ全部入れてやっているのかと問いただしたい。 とりあえず60近く入れると、ボタンが隠れて恐ろしく使いにくくなる上、起動してもすぐクラッシュするようになった。なにより、いちいち起動のたびにわけのわからないローディングが走ったり、カクカクする。 皆さんもひとまず入れすぎには注意しよう。 あと、例えば愛用しているdeliciousのExtensi

    私が厳選して愛用するGoogleChromeExtension12個+消した奴36個*ホームページを作る人のネタ帳
  • XPの理論と実践を学べる6冊

    この6冊 XPエクストリーム・プログラミング入門 よくわかる最新XPエクストリームプログラミングの基と仕組み XPエクストリーム・プログラミングアドベンチャー eXtremeProgramming実践レポート eXtremeProgrammingテスト技法 XPエクストリーム・プログラミング検証編 ソフトウェア開発の新たな潮流として登場したXP(エクストリーム・プログラミング)は、いまやブームの時期を過ぎ、少しずつですが現場に定着し始めた感があります。提唱者のケント・ベックは、開発現場で蓄積されたさまざまな問題点を終息させるアプローチとして、XPは登場するべくして登場したのだ、というような発言をしています。 今回紹介する6冊のXP関連書籍群は、XPブームの端緒となったものから実践を経て生み出された記録、論文集で構成されています。すなわち、理論としてのXPを知るための基文献、実践段階で効

    XPの理論と実践を学べる6冊