undercurrentのブックマーク / 2016年5月13日

undercurrent id:undercurrent

2016年5月13日のブックマーク (5件)

Wordmark
Wordmark helps you choose fonts by quickly displaying your text with your fonts.
undercurrent 2016/05/13
webサービス

フォント
リンク
http://web-directors.net/modules/pico/index.php?content_id=87
undercurrent 2016/05/13
webデザイン
リンク
CSS 初学者だった頃に知りたかったこと | rakuishi.com
この記事では、自分が CSS 初学者だった頃に知りたかったことをまとめています。 Normalize.css Chrome, Safari, Firefox, IE などといったブラウザには、各々、デフォルトスタイルが当てられています。これにより、同じ要素なのに、余白や文字の大きさが微妙に異なる、といったことが起こります。そこで登場する Normalize.css は、各ブラウザの違いを吸収し、各要素の有用なデフォルトのスタイルを維持したものです。Normalize.css を使えば、どのブラウザで見た時にも同じスタイルが当てられます。 Normalize.css は、HTML の head 内で以下のように宣言して使います： <link rel="stylesheet" href="/css/normalize.css"> <link rel="stylesheet" href="/c
undercurrent 2016/05/13
webデザイン

CSS
リンク
[CSS]スニペットとしてストックしておきたい、レスポンシブ対応のパンくずとステップを実装するチュートリアル
レスポンシブ対応のパンくずとマルチステップのナビゲーションを紹介します。 HTMLもCSSも非常にシンプルで、カスタマイズ性にも優れた有用なスニペットとしても利用できます。デモページ HTML HTMLの基本構造です。 <nav> <ol class="cd-breadcrumb"> <li><a href="#0">Home</a></li> <li><a href="#0">Gallery</a></li> <li><a href="#0">Web</a></li> <li class="current"><em>Project</em></li> </ol> </nav> nav要素で実装し、各アイテムはol要素に「.cd-breadcrumb」で基本のスタイルを適用します。基本のスタイル基本のスタイルでは各アイテムを並らべるために「display: inline-block;
undercurrent 2016/05/13
webデザイン

HTML

CSS
リンク
おすすめプラグイン（2013年）
undercurrent 2016/05/13
HTML
リンク
- 2016年5月20日
- 2016年5月13日
- 2016年5月12日