はてブログ

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



タグ 20px

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

marginとline-heightによる"真の余白"について考える | SimpleIsm

2015/06/09 このエントリーをはてなブックマークに追加 73 users Instapaper Pocket Tweet Facebook Share Evernote Clip コーダー margin line-height 余白 1px

まだまだWeb制作においては、デザイナーがデザインしたものをコーダーがコーディングする、というような流れが多いように思う。 デザイナーは1pxにもこだわる人たちなので、コーダーもそれに応えるように、きちんとデザイン通りに表現する。 余白の指示書などがあるとありがたい。例えば、「ここは20px、ここは40px、ここは60px」というような具合。デザイナーによっては、余白がそれぞれバラバラだったりして... 続きを読む

CSSで作る見出しデザイン | Web’Notes

2014/02/14 このエントリーをはてなブックマークに追加 413 users Instapaper Pocket Tweet Facebook Share Evernote Clip CSS 見出しデザイン relative bold SOLID

見出しはサイトの見た目を決める上で重要な箇所です。 印象的な見出しは、それだけでサイトを引き立ててくれます。 今回は、そんな見出しのデザインをCSSで10パターン作成してみましたので、参考にして下さい。 .heading1{ position:relative; padding-left:20px; border-bottom:2px solid #ccc; font-weight: bold; ... 続きを読む

TEST CORDING » Sass:共通のプロパティをまとめる様々な方法をCSSと比較してみた

2012/10/17 このエントリーをはてなブックマークに追加 3087 users Instapaper Pocket Tweet Facebook Share Evernote Clip Sass Orange font-size color CSS

今回のエントリーでは、 Sass による共通のプロパティや設定をどうまとめるかについて書いてみます。結局どうやって書くのが安定しているのか? ということを試行錯誤する際に参考にしてみてください。 CSS 元となるCSSソース div.container h1 { color: orange; font-size: 20px; } div.container ul { font-size: 20px... 続きを読む

はてブの糞すぎるレイアウトをとりあえずどうにかするusercss - いさぢちんメモ

2011/04/06 このエントリーをはてなブックマークに追加 53 users Instapaper Pocket Tweet Facebook Share Evernote Clip いさぢちんメモ charset important はてブ

はてなブックマークのエントリーページを改良しました - はてなブックマーク日記 - 機能変更、お知らせなど一覧性云々はともかく、エントリページがとにかく見難いので。@charset "utf-8";/* Name: はてブ*/div#container {min-width:0px!important;}.curvebox-body {padding-right:20px!important;}d... 続きを読む

 
(1 - 4 / 4件)