Pages tagged xhtml:

fecklessmind - How to create perfect form mark up and style it with CSS
http://fecklessmind.com/2009/01/23/how-to-reliable-forms-with-css/
トータル1000種類以上、XHTML/CSSのフリーのテンプレート配布サイト集 | コリス
http://coliss.com/articles/build-websites/operation/work/2425.html

Smashing Magazineのエントリーから、XHTML/CSSのフリーのテンプレートを配布しているサイトを紹介します。 100 Free
Everything you Know is Wrong! - NETTUTS
http://nettuts.com/videos/screencasts/everything-you-know-is-wrong/
NETTUTS/Themeforest.net guru Jeffrey Way says: "Everything is changing. This weekend, I read a very interesting book: 'Everything You Know About CSS is Wrong'. The book illustrates how, now that IE has passed the ACID 2 test, we can finally begin to build our websites the proper ways. Up until now, we've been forced to implement hacks to form the perfect layout - absolute positioning, precarious floats, etc. But that's all beginning to change! I'll show you how in twenty minutes."
Everything You Know About CSS is Wrong
Placeholder HTML Markup with Lorem Ipsum — Jon Tan 陳
http://jontangerine.com/silo/html/placeholder/
Simple scalable CSS based breadcrumbs | Veerle's blog
http://veerle.duoh.com/blog/comments/simple_scalable_css_based_breadcrumbs/
A few days ago I was implementing breadcrumbs in a website I’m working on. Not that I sincerely believe every site needs this, but on some occasions and to some users breadcrumbs are practical. Anyhow, it gave me the idea to write an article about it because it’s been a while since I last wrote about anything CSS-related. The one I’ll share with you is a very simple one. It uses only one simple graphic. The rest is basic CSS styling with an unordered list as HTML code.
Quick and easy Breadcrumb tutorial using CSS!
Adam Oliver’s Blog » Blog Archive » A Quick Selection of CSS Tips
http://blog.adamoliver.net/tutorials/a-quick-selection-of-css-tips/
Adam Oliver’s Blog » Blog Archive » A Quick Selection of CSS Tips - http://blog.adamoliver.net/tutorials/a-quick-selection-of-css-tips/
よく使うCSSティップス。
Tips/ハック
Headings, heading hierarchy, and document outlines | 456 Berea Street
http://www.456bereastreet.com/archive/200901/headings_heading_hierarchy_and_document_outlines/
An article about html semantics and accessibility
"Recently my coworkers and I have been discussing HTML headings and heading hierarchy. This may not sound like something you need to spend a lot of time discussing, but there are some situations when it seems very difficult to find a solution without compromises."
Should logo be H1 and similar issues
43 PSD to XHTML, CSS Tutorials Creating Web Layouts And Navigation | 1stwebdesigner - Love In Design
http://www.1stwebdesigner.com/tutorials/43-psd-to-xhtml-css-tutorials-creating-web-layouts-and-navigation/
fecklessmind - How to create perfect form markup and style it with CSS
http://fecklessmind.com/2009/01/23/how-to-reliable-css-forms/
サイト制作のためのテンプレートをごっそり自動生成してくれる『Project deply*』 | IDEA*IDEA
http://www.ideaxidea.com/archives/2008/11/project_deply.html
必要ファイルを自動生成
エエ感じ!
PHPで携帯サイト - phpspot
http://phpspot.net/php/mobile.html
PCサイトを作っていると、その性質の違いに驚くはず。 画面表示用のコーディングを行う際に押さえておきたい部分を紹介します!
Getting Semantic With Microformats, Introduction ~ A Blog Not Limited
http://www.ablognotlimited.com/articles/getting-semantic-with-microformats-introduction/
Beginning of a great series on basic microformats
XHTML CSS Accessible Forms » Matt Varone
http://www.mattvarone.com/web-design/clean-accesible-form-foundation/
Valid, flexible, and portable form foundation with XHTML/CSS
101 High Quality CSS And XHTML Free Templates And Layouts: Part 1 | 1stwebdesigner - Love In Design
http://www.1stwebdesigner.com/resources/101-high-quality-css-and-xhtml-free-templates-and-layouts-part-1-2/
101 More Quality CSS, XHTML Free Templates: Part 2 | 1stwebdesigner - Love In Design
http://www.1stwebdesigner.com/resources/101-more-quality-css-xhtml-free-templates/
10 Rare HTML Tags You Really Should Know - Nettuts+
http://net.tutsplus.com/articles/web-roundups/10-rare-html-tags-you-really-should-know/
10 Rare HTML Tags You Really Should Know
I should look into these!
10 Reasons Why Your Code Won’t Validate (and How to Fix it) - NETTUTS
http://net.tutsplus.com/articles/web-roundups/10-reasons-why-your-code-wont-validate-and-how-to-fix-it/
8 methods to bring your front end coding to rockstar levels | StylizedWeb.com
http://stylizedweb.com/2009/03/30/8-methods-to-bring-your-front-end-coding-to-rockstar-levels/
20 Excellent Mootools Techniques for Rich User Interface
http://digg.com/d1oH58
The User experience has dramatically improved over the past few years, resulting in rich and responsive user interface. AJAX, javascript and CSS are widely used to offer users the dynamic interaction that they have come to expect from advanced, sophisticated, professional solutions. There’s a lot of powerful interactivity you can bring to your site to spice up just about any web page using one of the most powerful and modular javascript libraries—MooTools! It’s important to note that small and useful features can cleverly deal with hiding and showing important information in non-traditional ways. Today, we will have a look at 20 creative techniques using MooTools javascript framework for rich UI in modern day websites.
In the Woods - Examples and Tips for Great HTML/CSS Formatting
http://blog.themeforest.net/tutorials/examples-and-tips-for-great-htmlcss-formatting/
Examples and Tips
RT @IsaacVanName: Examples and #Tips for Great #HTML/#CSS #Formatting http://twurl.nl/qf5aue (via @rilwis) [from http://twitter.com/Bleau/statuses/1583534304]
An overlooked aspect of websites is the formatting of HTML and CSS documents. This affects validation, SEO, and visual ease of use. Visual ease of use is the last thing most authors tend to keep in mind, but it’s still very important.
Html and Xhtml cheat sheets | Css Reflex - Design Blog | Web Design | Inspiration and Resources for Designers
http://www.cssreflex.com/2009/05/html-and-xhtml-cheat-sheets.html
How to Convert a Photoshop Mockup to XHTML/CSS
http://line25.com/tutorials/how-to-convert-a-photoshop-mockup-to-xhtml-css
Shows a sensible, organised, standards-based approach and would help getting organised for such a piece of work
Why Does Clean Markup Matter in Web Design? | Webdesigner Depot
http://www.webdesignerdepot.com/2009/05/why-does-clean-markup-matter-in-web-design/
Markup Hierarchy - Advantages in SEO
http://www.sohtanaka.com/web-design/markup-hierarchy-advantages-seo/
Un ejemplo interesante, a tener en cuenta, para el diseño de páginas web
30 Tutorials On Converting A PSD To XHTML And CSS | Creative Nerds
http://creativenerds.co.uk/tutorials/30-tutorials-on-converting-a-psd-to-xhtml-and-css/
tutorial design webdesign photoshop pdx css
30 of the best tutorials on web for converting A PSD to a XHTML & CSS layout. These tutorials you will learn the process on how to create a Photoshop
Psd para xhtml e css
6 Free PSD/(X)HTML-Templates | Freebies | Smashing Magazine
http://www.smashingmagazine.com/2009/06/04/6-free-psdxhtml-templates/
e think deeply, feel rejuvenated, and have our minds brimming with bright new ideas. If you are thinking that I am taking you on a spiritual realm, you are right! This is our intention through the template titled ‘Solitude’.
6 Free PSD/(X)HTML-Templates | Freebies
smashingmagazine.com: psd/xhtml templates
ฟรีเลย์เอาต์เว็บ 6 อันจาก Smashing
Coding like it's 1999 ~ Authentic Boredom
http://cameronmoll.com/archives/2009/06/coding_like_its_1999/
Recently I made the switch back to HTML 4 for DOCTYPEs and px for font-size (sound like 1999 again?), and I’ve tweeted about it occasionally. I’m documenting the switch more thoroughly here.
"I’ve chosen to go with HTML 4.01 Strict as the DOCTYPE in my projects moving forward, favoring it above XHTML 1.0 Strict and HTML 5. I’ll briefly explain my reasoning."
HTML 5 – In a nutshell, HTML 5 is the next major version of the hypertext markup language. The good news is meaningless div and span elements will be replaced by more meaningful elements such as nav, header, and video.
Cameron Moll on HTML5 and px for font-size
10 Ways To Make Your Site Accessible Using Web Standards | How-To | Smashing Magazine
http://www.smashingmagazine.com/2009/06/18/10-ways-to-make-your-site-accessible-using-web-standards/
20 great tutorials on PSD to XHTML Conversion | [Re]Encoded.com
http://www.reencoded.com/2009/06/16/20-great-tutorials-on-psd-to-xhtml-conversion/
Now when it comes for coding its really tough to code a well designed photoshop mockup specially to make it browser compatible as coding (css/xhtml) standards changing day by day. Today I would like to share with you guys some great tutorials on converting a PSD to HTML / XHTML specially for beginners and intermediate learners to advance there coding skills.
20 great tutorials on PSD to XHTML Conversion
20 great tutorials on PSD to XHTML Conversion | [Re]Encoded.com
Yes, You Can Use HTML 5 Today! [HTML & XHTML Tutorials]
http://www.sitepoint.com/article/html-5-snapshot-2009/
Great article explaining how to use HTML 5 now.
Might be time to start looking at the use of HTML 5 for development now
50 Free High-Quality and “New” (X)HTML/CSS Templates | Noupe
http://www.noupe.com/css/50-free-high-quality-and-new-xhtmlcss-templates.html
Keryx (X)HTML Elements Best Practice Sheet
http://keryx.se/resources/html-elements/
Todos elementos ( Creio eu ) de HTML
Free Typographic XHTML/CSS-Layouts For Your Designs | CSS, Freebies | Smashing Magazine
http://www.smashingmagazine.com/2009/07/08/free-typographic-xhtmlcss-layouts-for-your-designs/
Just the thing for quick site knock-ups.
In May we announced the Typographic Layout Design Contest that aimed to collect beautiful typographic (X)HTML CSS-based layouts created by the design community and release them
Possible Blog Theme
http://www.smashingmagazine.com/2009/07/08/free-typographic-xhtmlcss-layouts-for-your-designs/
An Unofficial Q&A about the Discontinuation of the XHTML2 WG
http://hsivonen.iki.fi/xhtml2-html5-q-and-a/
praegnanz.de: HTML/CSS/JS-Kickstart 0.9
http://praegnanz.de/weblog/htmlcssjs-kickstart
Grundlegendes Gerüst für statische Webseiten.
Bastelsatz für statische Webseiten
MIX Online's Gestalt: Write Ruby, Python and XAML in your HTML pages.
http://www.visitmix.com/Labs/gestalt/
Coding a Beautiful Website From Scratch: Plus Tutorial - Nettuts+
http://net.tutsplus.com/articles/news/coding-a-beautiful-website-from-scratch-plus-tutorial/
WEb site design
As a sequel to last week's popular tutorial, "Design a Beautiful Website From Scratch", we will be converting our beautiful design into a valid HTML/CSS website.
Misunderstanding Markup: XHTML 2/HTML 5 Comic Strip | How-To | Smashing Magazine
http://www.smashingmagazine.com/2009/07/29/misunderstanding-markup-xhtml-2-comic-strip/
Now that the development of XHTML 2 is discontinued, should we stick to XHTML 1.0 or move forward to HTML 5 or better prefer the old HTML 4? Let’s set things straight once and for all. In this post we are trying to clear up the confusion, explain what is what and describe what markup language you can use for your web-sites.
Misunderstanding Markup: XHTML 2/HTML 5 Comic Strip
Since the official announcement of W3C to stop working on the development of XHTML 2 in the end of 2009 and increase resources on HTML 5 instead, there has been a lot of confusion and various debates about the “proper”markup language for modern and future web-development. With XHTML 1.0, XHTML 2, HTML 4, HTML 5 and XHTML 5 we have so many languages that it’s really getting hard to keep track!
The Skinny on Doctypes
http://www.dustindiaz.com/skinny-on-doctypes/
Proposes we use the skinny doctype? that's a doctype?
<!doctype html>, that's it.
At Google, we have this obsession with byte size. And by byte size, any “lack-therof” the better. Therefore the doctype you will find on most Google webpages while still triggering the browser into “standards mode” is as simple as you see below:
A List Apart: Articles: Unwebbable
http://www.alistapart.com/articles/unwebbable/
It’s time we came to grips with the fact that not every “document” can be a semantic “web page.” Some forms of writing just cannot be expressed in HTML—or they need to be bent and distorted to do so. But for once, XML can help. Joe Clark explains.
e
"The creation myth of the web tells us that Tim Berners-Lee invented HTML as a means of publishing physics research papers. True? It doesn’t matter; it’s a founding legend of the web whose legacy continues to this day. You can gin up as many web applications as you want, but the web is mostly still a place to publish documents."
25 Detailed Tutorials for Coding Up Your Web Designs
http://line25.com/tutorials/25-detailed-tutorials-for-coding-up-your-web-designs
Good - 25 tutorials for coding websites
DelliStore: A Free Professional CSS/XHTML/PSD-Template | Freebies | Smashing Magazine
http://www.smashingmagazine.com/2009/05/02/dellistore-a-free-professional-cssxhtmlpsd-template/
This template is a full px-based, cross-browser-compliant (X)HTML/CSS-template. It consists of 4 custom pages; the PSD-source is included in the release package. You may modify this template for a e-commerce web site, restaurant, pool and spa web-sites and other caters, ventures and facilities
Over the last months we’ve heard numerous complaints about the lack of quality in our freebie releases. We are aware that our readers have high
Ideal para tienda, spa,...
Adactio: Journal—Misunderstanding markup
http://adactio.com/journal/1595
"XHTML 2 is dead. Long live XHTML …as HTML 5."
The death of XHTML has been greatly exaggerated.
The W3C announced last week that the XHTML 2 Working Group will wrap up at the end of this year. This should have been a straightforward, welcome announcement. Instead it has confused a lot of people who believe that it heralds the end of XHTML—see, for example, the comments on Zeldman’s blog post.
Supercharge Your CSS with PHP Under the Hood - Nettuts+
http://net.tutsplus.com/tutorials/php/supercharge-your-css-with-php-under-the-hood/
Not sure is a good approach but is a nice concept
Cascading Style Sheets is a presentational style sheet language. In that sense, it does not have a lot of the functionality that many developers want to satisfy their programmer instincts. Today, we're going to go over how to supercharge your CSS by putting some PHP under the hood.
20+ Best Psd to XHTML/CSS Tutorials
http://www.bestpsdtohtml.com/20-best-psd-to-xhtml-css-tutorials/
Many web designers find it difficult to convert their Photoshop designs into valid HTML/XHTML markups, either due to work load or in-efficiency in quality conversion. This gives a rise to the need of quality PSD tutorials for those who can not outsource their work or wants to learn on their own. Below are the 20+ best PSD to HTML tutorials which are selected form all over the Internet. This post can certainly help you to learn or clear your doubts regarding PSD slicing.
A List Apart: Articles: Get Ready for HTML 5
http://www.alistapart.com/articles/get-ready-for-html-5/
intro to HTML 5, input validation, canvas, regular expressions, SVG
With support in Chrome, Firefox 3.5, Opera, and Safari, HTML 5 is coming at you like a runaway train. Here are some suggestions to help you prepare to get on board rather than be left at the platform or tied to the tracks.
none of that will help you understand HTML 5 as much as using the new elements. You can modify part of an existing site or experiment by creating new pages.
20+ HTML Forms Best Practices for Beginners - Nettuts+
http://net.tutsplus.com/tutorials/html-css-techniques/20-html-forms-best-practices-for-beginners/
Carsonified » How to Create a Valid Non-Javascript Lightbox
http://carsonified.com/blog/design/css/how-to-create-a-valid-non-javascript-lightbox/
ThinkVitamin - Carsonified's blog about the web
“Misunderstanding Markup” 日本語訳
http://standards.mitsue.co.jp/resources/mm_comic/
“Misunderstanding Markup: XHTML 2/HTML 5 Comic Strip”
重要な話。XHTML*2*が死んじゃっただけ。HTML5のXML構文はXHTML5と呼ぶのでFAでいいのかな
xhtml2の解説マンガ
Maintainability Guide (Beta) – Jens Meiert
http://meiert.com/en/blog/20090617/maintainability-guide/
This documentation on maintenance and maintainability means a start. I’ve been focusing a lot on these topics over the last few weeks, maybe a bit longer, so it’s been about time to share some beef, and to still, all of a sudden, double the documentation that’s out there.
HTML 5 And CSS3 Cheat Sheets Collection
http://www.webresourcesdepot.com/html-5-and-css3-cheat-sheets-collection/
Rediscovering HTML tables
http://woork.blogspot.com/2009/09/rediscovering-html-tables.html
XHTML & CSS Lightbox
http://www.growldesign.co.uk/projects/lb/#close
Lightbox without the Javascript. Me likey.
XHTML
iWebSkel: The Ultimate Website Skeleton! Uncompress and Code.
http://iwebskel.com/
iWebSkel: The Ultimate Website Skeleton! By Federico Maggi http://iwebskel.com
iWebSkel is the ultimate ready to use kit for website design. It features only the latest version essential components to start developing quickly using XHTML, CSS, and Javascript. Elegantly packed together.
99 High-Quality Free (X)HTML/CSS Templates | Showcases | instantShift
http://www.instantshift.com/2009/09/29/99-high-quality-free-xhtmlcss-templates/
Bulletproof CSS Sliding Doors « Azadcreative / Front-end Web Developer
http://azadcreative.com/2009/03/bulletproof-css-sliding-doors/
css sliding doors technique
Styling Blog Comments: Correct Markup and Free Examples - Templatica
http://templatica.com/post/25/styling-blog-comments-correct-markup-and-free-examples
ケータイ3キャリアに対応するためのDOCTYPE宣言について | ke-tai.org
http://ke-tai.org/blog/2009/10/14/doctype/
XHTMLを使ってケータイサイトを作成する際には、HTMLの冒頭にDOCTYPE宣言を記述する必要があります。 先日からこの「DOCTYPE宣言」に関するブログエントリーが人気を集めているようなので、当サイトも触れてみようと思います。 下記2つのサイトでは、どちらもif文でユーザエージェントを判定して、DOCTYPEを出し分けるという処理を紹介しています。
RegEx match open tags except XHTML self-contained tags - Stack Overflow
http://stackoverflow.com/questions/1732348/regex-match-open-tags-except-xhtml-self-contained-tags/1732454#1732454
genius
If you parse HTML with regex you are giving in to Them and their blasphemous ways which doom us all to inhuman toil for the One whose Name cannot be expressed in the Basic Multilingual Plane, he comes. HTML-plus-regexp will liquify the n​erves of the sentient whilst you observe, your psyche withering in the onslaught of horror.
Heh. "The only moral of this story is that you should never attempt to parse HTML with a regular expression, but there are some occasions when it is unavoidable".
12 Useful Tutorials to Style Web Forms
http://www.queness.com/post/1274/12-useful-tutorials-to-style-web-forms
yling a tableless css web form requires advanced skills in CSS. Besides that, we have to consider the form accessibility and usability as well. With all these tutorials, they will show you the right way to implement web form.
携帯サイト[xhtml]のコーディング前のチェックポイント │ これからゆっくり考L +α
http://sakaki0214.com/2009/11/30031500.html
前回のhtml版に引き続き、今回はxhtmlの場合です。 htmlと比べて出来ることが増えるので色々なデザインの再現が可能ですが、やはり3キャリア1ソースとなると気をつけるべきポイントがいくつかあります。 背景画像は1つのみ 違う背景色が連続するところはdivの使い方に注意 フォント関連 リンク色が複数存在する tableは使ってもいいか 横並びの画像の横幅合計が240だと崩れる可能性アリ
携帯サイト[xhtml]のコーディング前のチェックポイント
素敵!
Everything you need to know about HTML5 | News | TechRadar UK
http://www.techradar.com/news/internet/why-html5-is-here-today-and-not-2022-654828
introduction with useful starting points
What's new in HTML5 and what happened to XHTML2.
very good article!!
HTMLを綺麗に保つ12の原則 | エンタープライズ | マイコミジャーナル
http://journal.mycom.co.jp/news/2008/11/14/011/index.html
HTMLコードをクリーンにするための12の原則。
HTMLを綺麗に保つ12の原則
Build a Calendar Using PHP, XHTML, and CSS
http://davidwalsh.name/php-calendar
Build a Calendar Using PHP, XHTML, and CSS
Perfection kills » Optimizing HTML
http://perfectionkills.com/optimizing-html/
HTML Slidy (1)
http://www.w3.org/2005/03/slideshow.html#(1)
CSS3 + Progressive Enhancement = Smart Design • Perishable Press
http://perishablepress.com/press/2010/01/11/css3-progressive-enhancement-smart-design/
article about progressive enhancement using css3 colours could be used for anna's website
covers Multiple Backgrounds, Background Sizing, Border Images, Rounded Corners, Drop Shadows, Text Shadows, Alternate Row Styles, Opacity & Transparency, Custom Fonts, Custom Text-Highlight Styles, Multi-Column Content Display, Box Sizing, RGBa Colors and Transparency, Word Wrap, Resizable Elements, CSS Transitions, CSS Color Gradients, Rotating Elements
XHTML/CSS web forms: 5 simple techniques | TRIF3CTA | Austin, TX
http://trif3cta.com/blog/entry/xhtml-css-web-forms-5-simple-techniques/
XHTML/CSS web forms: 5 simple techniques by Judd Lyon Feb 14, 2009Filed in: Web design & development Technique 1: The Label Sandwich Wrap your inputs, selects, and textareas in the label element, and set them all as block-level. Set radio buttons and checkboxes to display inline so they'll appear on the same line. If you'd like your label and radio buttons/checkboxes on separate lines, you can either choose not to wrap it in the label, or use a hard line-break. One of each is shown below. While this may seem a little funky, the W3C actually shows this in their "implicit" label example.
Fix It Fast: Rapid IE6 CSS Debugging | Viget Inspire
http://www.viget.com/inspire/fix-it-fast-rapid-ie6-debugging/
IE6 CSS Debugging
border: 1px solid red !important;
JavaScript WYSIWYG Editor – TinyEditor - Web Development Blog
http://www.leigeber.com/2010/02/javascript-wysiwyg-editor/
30 Latest High-Quality Free (X)HTML/CSS Templates Must See Now
http://www.themeflash.com/30-latest-high-quality-free-xhtmlcss-templates-must-see-now
模板
A List Apart: Articles: Web Standards for E-books
http://www.alistapart.com/articles/ebookstandards/
The internet did not replace television, which did not replace cinema, which did not replace books. E-books aren’t going to replace books either. E-books are books, merely with a different form.
[Think IT] 第2回:携帯サイトの制作から公開まで (1/3)
http://www.thinkit.co.jp/article/143/2/
携帯サイト構築時にお世話になったりならなかったりした記事
Coding Up a Web Design Concept into HTML & CSS
http://line25.com/tutorials/coding-up-a-web-design-concept-into-html-css
I've recently been working on a design concept for a Wordpress theme as part of a personal project. In this walkthrough we'll go through the process of
Coding Horror: HTML Validation: Does It Matter?
http://www.codinghorror.com/blog/archives/001234.html
igners who can create old-style "Tag Soup" pages that do work flawlessly in every browser; there certain
The web is, to put it charitably, a rather forgiving place. You can feed web browsers almost any sort of HTML markup or JavaScript code and they'll gamely try to make sense of what you've provided, and render it the best they can. In comparison, most programming languages are almost cruelly unforgiving. If there's a single character out of place, your program probably won't compile, much less run. This makes the HTML + JavaScript environment a rather unique -- and often frustrating -- software development platform.
But the question remains: does HTML Validation really matter? Yes. No. Maybe. It depends. I'll tell you the same thing my father told me: take my advice and do as you please.
SitePoint » SVG Is The Future Of Application Development
http://www.sitepoint.com/blogs/2008/12/22/svg-is-the-future-of-application-development/
SitePoint Blogs: News, opinion, and fresh thinking for web developers and designers
ValidForm Builder - Easy and safe XHTML 1.0 strict forms with validation!
http://validformbuilder.org/
【書評】 「実践Web Standards Design」が名著すぎる - IDEA*IDEA ~ 百式管理人のライフハックブログ ~
http://www.ideaxidea.com/archives/2009/01/web_standards_design.html
良いらしい。
まだ途中ではありますが、いまいちわかっていなかったDOCTYPEやらマージンの相殺やらfloatやらCSSのセレクタの指定方法だとかがすっきりとわかってかなり気持ちいいです。 r0012124 ↑ ところどころカラーでわかりやすいです。 ウェブ標準やらブラウザ対応やらについては建前ちっくなものもありますが、この本では「現場で使える」手法が満載されているのが素敵すぎます。 こういう本は個々人のスキルレベルによるのでおすすめが難しいですが、CSSでのレイアウトにいまいち自信が持てない、という人にはおすすめですよ。
実践Web Standards Design
「実践Web Standards Design
A useful print stylesheet • CSS & (X)HTML • Kilian Valkhof
http://kilianvalkhof.com/2008/css-xhtml/a-useful-print-stylesheet/
Articulo sobre como utilizar css para preparar una pagina para impresion
Getting Semantic With Microformats, Part 1: rel ~ A Blog Not Limited
http://www.ablognotlimited.com/articles/getting-semantic-with-microformats-part-1-rel
This first installment of the series focuses on microformats for link-based relationships using the rel attribute. Let's get started, shall we?
100 Fresh And Free xHTML Templates Of Year 2010 | Graphic and Web Design Blog
http://www.1stwebdesigner.com/freebies/fresh-free-xhtml-templates-2010/
You will find here just really new templates, mostly created in this year 2010 to ensure quality and templates being trendy!
61 High Quality And Free xHTML Templates Part 2: Year 2010 | Graphic and Web Design Blog
http://www.1stwebdesigner.com/freebies/high-quality-free-xhtml-templates-2010/
This is part 2 of really fresh and high quality XHTML templates free for you to download, study and get inspired - all in the same time!
マークアップエンジニアじゃなくても覚えておきたいHTMLとCSSの話(~HTML5・CSS3、IE8 それぞれの準備に向けて) - livedoor ディレクター Blog(ブログ)
http://blog.livedoor.jp/ld_directors/archives/51169400.html
角丸の実装方法が書かれている
ディレクターとして把握しておいた方が良いHTML/CSS関連のお話とのこと。良い記事です。
django-html - Google Code
http://code.google.com/p/django-html/
Want html form tags using a django form? This is what you need
Allows setting doctype and avoiding self-closing tags in forms, for HTML4. I'm finding Django's insistence on XHTML-style self-closing form tags quite annoying.
django html
This package represents an experimental approach to improving the way Django outputs form widgets. At the moment, widgets created using django.forms are outputted as XHTML (with self closing /> tags) even if the rest of your site uses HTML. This package solves this problem by introducing two new template tags: {% doctype %} and {% field %}.
<p>Some nice template tags for getting django forms to output valid html instead of the default xhtml. Nice for sites where you're working with html 4.</p>
補完機能が強力で無駄なキーボードタイプを少なくしてくれるXHTML/CSSエディタ『SEEdit Maxi II』 | Macの手書き説明書
http://veadardiary.blog29.fc2.com/blog-entry-2211.html
CSS、XHTML、JavaScript、RSS、PHPなどWebサイト作りにまつわるほとんどすべてのテキスト編集ができます。
CSS、XHTML、JavaScript、RSS、PHPなどWebサイト作りにまつわるほとんどすべてのテキスト編集ができます。 補完機能が並外れて強力かつ使いやすいのが特徴です。
[CSS]画像に枠線やウォーターマーク、キャプションをつけるスタイルシート | コリス
http://coliss.com/articles/build-websites/operation/css/2459.html
画像に枠を入れる
画像に枠と影をつけるのを、CSSでやる。
Creating Your Own XHTML & CSS Framework | Spyre Studios
http://spyrestudios.com/creating-your-own-xhtml-css-framework/
A lot of developers like to use a framework when they code. While frameworks can save you valuable coding time, I believe using pre-made frameworks to sometimes be limiting and unproductive... If you’re business is based on handwritten, clean and accessible code, I personally feel like it’s cheating to use someone else’s code. It’s also never as clean because it’s someone else’s coding style mixed into yours. To use one of these frameworks requires that you either change the code each time to fit your style, or that you change your style of coding to fit theirs. You’ll also end up deleting a lot of what’s included in the framework because you probably won’t need it.
A lot of developers like to use a framework when they code.
it's the way I think.
SuperStretch! – A Vertically Fluid Layout Using CSS | Devon Web Design and Development - MightyMeta
http://www.mightymeta.co.uk/superstretch-a-vertically-fluid-layout-using-css/
A vertically fluid layout using CSS.
It results in a layout that stretches both horizontally and vertically to the browser viewport. It includes a vertical navigation bar where button heights also stretch. It works in FF, Safari, Chrome, Opera, and IE 6-8 ++++