PUBLIC MARKS from oqdbpo with tags tips & css

24 ways is the advent calendar for web geeks. Each day throughout December we publish a daily dose of web design and development goodness to bring you all a little Christmas cheer.

Without a doubt, a logical and structured layout is the best way to go. Not only because your layout varies between browsers, but also because CSS has a lot of ways to position every element you have. Today we wanted to share with you some quick tips on how to avoid easy pitfalls when creating your CSS layout. This is the first part in this series as there are SO MANY good tricks out there and if you see an easier or better methods, then post a comment below or email me. I will do my best to include it in our next post in this series.

フロントエンドデベロッパであるAlex Bischoff氏は5日(米国時間)、A List ApartにおいてKeeping Your Elements' Kids in Line with Offspringという名のもと、CSSやHTMLの記述方法について細かい技巧をまとめて発表した。同ドキュメントにはHTMLやCSSを記述するうえで、スマートにそしてシンプルに記述するためのテクニックがまとまっている。

Welcome to the SitePoint CSS Reference! We’ve worked hard to make this the most detailed and up-to-date reference on the subject available. To get started, try our handy search box, or click on one of the headings to browse that section of the reference.

Tue 15 Jan 2008 1053 CSS 90 responses I’ve been pondering reset styles over the past few months, and come to a bit of a shift in my thinking. Here’s the result of that thinking.

目的 対象ブラウザをIE6, IE7, Mozilla Firefox, Opera, Safariとする。IE6は後方互換モードにし、form要素やinput要素にCSSを適用して、以下の背景画像の白い部分に入るように、できるだけフォームの大きさや位置をあわせたいと考える。しばしばグリッドに従ってレイアウトが必要なサイト内検索用の検索フォームを念頭においているが、他でも応用可能だ。

Type selectors を XHTML Abstract Modules の順番に沿って記述 - hxxk.jp ガイドラインを作成および公開・共有し、ルールの統一 - 2xup セットフォーマットを厳密に定義して可読性を高める - orz.cc CSS2 Specification の記述順を元にプロパティの記述順を決定 - pur*log W3C の CSS の記述順を元にプロパティの記述順を決定 - LIPPiN HTML の階層構造に合わせて CSS の記述もインデントする - Lucky bag::blog .css ファイルの先頭にルールを明確に記述しておく - Code-404 CSS の自分ルール - nulog その他関連しそうなリソース 模索結果

The difference between a good web designer and a great one is the ability to know how to take short cuts and save time without compromising the quality of work. Pixelsurgeon’s Jason Arber has put together 20 top tips and tricks you should be using to give your work that all-important professional edge

css, clean css, css formatter, css optimizer, css optimiser, web design tools, web design tutorials, css tutorial, clean design, clean graphics, graphic design, macromedia, adobe, dreamweaver, flash, frontpage, html, javascript, ajax, php, asp, best css,

Web Developer's Handbook is a pocket-edition of the Web-Dev-Bookmarks (alvit.de/web-dev) - a list of essential web-sites, which make the life of web developers easier.

TwinHelix Designs: Freelance DHTML, JavaScript, CSS, CGI and more

A demonstration of what can be accomplished visually through CSS-based design.

Public CSSはtableを使わないで、CSSとxhtmlでレイアウトを組むコツを紹介しています。

HTMLタグ・スタイルシート・特殊文字等の早見表