A Closer Look at CSS Frameworks by Christian Montoya, christianmontoya.com
Understanding This Chart Please read the related blog post: A Closer Look at CSS Frameworks — ChristianMontoya.com. Website A homepage, which is a unique site with a unique address, is consider good because it is a go-to place for the framework. Subdomains and subpages are considered less than ideal because those are easier to lose track of and more difficult to transfer in the case of project own
hail2u.net - Weblog - floatで並べたリストのセンタリング
ページング・ナビゲーションなどでリスト項目をfloat: left;で横に並べるというのは割りと良く使われると思う。並べること自体は特に難しいわけではないが、その並べたリスト全体をセンタリングしようとするとちょっとややこしい。display: inline-block;を使う手法やdisplay: table;を使う手法という黒魔法的(私見)な手法で実現可能だが、position: relative;でもいける。 ややこしい理由は簡単で、センタリングでよく使われるtext-align: center;やmargin: 0 auto;といった手法が通用しないから。検索するとすぐ出てくる比較的メジャーなdisplayで頑張る方法もわかりやすいし悪くはないのだけど、同一セレクタ内で複数のdisplayを駆使する必要があることやzoomマジックなどを併用する必要があることからコードがややこしくなる
Stu Nicholls | CSS PLAY | Horizontal unordered list non floating
Information Using display:table; which is understood by all the modern browsers, we can center a horizontal menu of unknown width by using margin values. For IE6 and IE7 we can use display:inline-block; and display:inline; which gives the menu a width value and then position this using text-align. When using display:table; in Firefox, you must also use display:table-row; in the following element t
A Little-known Way to Replace Some Scripts with CSS Counters — SitePoint
January 6, 2009A Little-known Way to Replace Some Scripts with CSS Counters Ever since Eric Meyer highlighted how capable CSS is at his css/edge collection, we’ve been looking for ways to replace effects that were once only possible using JavaScript with CSS-based equivalents. Replacing executable scripts with style sheets often improves performance and results in a more accessible page. One of th
List of CSS Frameworks - Webtecker
Posted on April 17, 2008 by Brett Bittke About a week ago a reader here named Andy Ford commented on the post 14 CSS Tools to Save you Time. Andy asked “why no mention of any CSS frameworks?”, well the truth is I really enjoy writing all on my own code and never looked into frameworks. But since I’ve heard these CSS Frameworks save lots of time and are fully tested in all browsers I decided to tak
2007年の「CSSやWeb標準」ベストエントリー100選＋α - Trans
2007年にCSSやWeb標準に関するどんなテクニックや議論があったのかを書き出しておくのも一興かなと思いまとめてみると大変なことになってしまいました。 筆者より一言 CSSな人たちは「懐かしいなー」と振り返ってもらえればいいですし、今年こそCSSやるぞ！と思っている人は参考に、また違う言語の人たちは「へえー」とでも思ってもらえれば。 このリスト自体は、個人的に運営していたCSS Engine in Japanから引っ張ってきたものです。そのため本来なら入れるべきなのに抜け落ちている記事もかなりあります。カテゴリーや順序は適当です。また、2007年と言っておきながら、たまに今年のものとかも入っていることはご愛嬌。その上、ベストエントリーと書いておきながら、良質なエントリーが抜け落ちていることも認めます。 ただ、CSSの議論も一段落しているので、そろそろこの検索も役目を終えたなーと思い、その
パイプ区切りナビゲーションバーをネガティブマージンで | Takazudo Clipping*
パイプ区切りのテキストナビゲーションバーが、単純な構造でできた。これなら2行目以降の左や右端に無駄パイプが残らなくてよさげ。 サンプルHTML <div> <ul> <li>HTML</li> <li>Blog</li> <li>XHTML</li> <li>CSS</li> <li>Seminar</li> <li>Usablity</li> </ul> </div> div{ overflow:hidden; _height:0; /* holly hack for ie6 */ min-height:0; /* fix has layout bug for ie7 */ } ul{ margin:0 0 0 -11px; _height:0; /* clear float for ie6 */ min-height:0; /* clear float for ie7 */ } ul:
CSS: Double Lists - Mike’s Experiments
Mike’s Experiments - CSS: Double Lists This experiment uses some simple mark-up and a small amount of CSS to cleverly create a single, semantically proper, unordered list appearing in two columns. This is normally done with a table structure which really falls short if the items should be listed. Get the XHTML, CSS, source. Go to back to the Mike’s Experiments index. A single styled list presente
CSS examples
Site not Updated!! This site hasn't been maintained or updated for a considerable number of years and is just left in place for historic reasons. Many of the techniques discussed here are not relevant these days and use out-dated techniques not applicable to today's web design structures. The demos may still be of interest as they show various techniques but most of these demos were created before
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Adobe - CS5.5 Master Collection
lxpages.com
http://spreadsheets.google.com/pub?key=prvB_MFPHuEHOYL7ulKmYOQ&output=html
mezzoblue § Counter Intuitive
http://builder.com.com/5100-6371_14-5810687.html
http://www.smileycat.com/miaow/archives/000230.html
http://komodomedia.com/blog/samples/ratings.htm