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 FreeEverything you Know is Wrong! - NETTUTS
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 WrongPlaceholder HTML Markup with Lorem Ipsum — Jon Tan 陳
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
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
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 issues43 PSD to XHTML, CSS Tutorials Creating Web Layouts And Navigation | 1stwebdesigner - Love In Design
必要ファイルを自動生成
エエ感じ!PHPで携帯サイト - phpspot
PCサイトを作っていると、その性質の違いに驚くはず。 画面表示用のコーディングを行う際に押さえておきたい部分を紹介します!Getting Semantic With Microformats, Introduction ~ A Blog Not Limited
Beginning of a great series on basic microformatsXHTML CSS Accessible Forms » Matt Varone
Valid, flexible, and portable form foundation with XHTML/CSS101 High Quality CSS And XHTML Free Templates And Layouts: Part 1 | 1stwebdesigner - Love In Design
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
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
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
Shows a sensible, organised, standards-based approach and would help getting organised for such a piece of workWhy Does Clean Markup Matter in Web Design? | Webdesigner Depot
Un ejemplo interesante, a tener en cuenta, para el diseño de páginas web30 Tutorials On Converting A PSD To XHTML And CSS | Creative Nerds
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 css6 Free PSD/(X)HTML-Templates | Freebies | Smashing Magazine
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 อันจาก SmashingCoding like it's 1999 ~ Authentic Boredom
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-size10 Ways To Make Your Site Accessible Using Web Standards | How-To | Smashing Magazine
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.comYes, You Can Use HTML 5 Today! [HTML & XHTML Tutorials]
Great article explaining how to use HTML 5 now.
Might be time to start looking at the use of HTML 5 for development now50 Free High-Quality and “New” (X)HTML/CSS Templates | Noupe
Todos elementos ( Creio eu ) de HTMLFree Typographic XHTML/CSS-Layouts For Your Designs | CSS, Freebies | Smashing Magazine
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
Grundlegendes Gerüst für statische Webseiten.
Bastelsatz für statische WebseitenMIX Online's Gestalt: Write Ruby, Python and XAML in your HTML pages.
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
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
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
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
Good - 25 tutorials for coding websitesDelliStore: A Free Professional CSS/XHTML/PSD-Template | Freebies | Smashing Magazine
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
"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+
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
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
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+
ThinkVitamin - Carsonified's blog about the web“Misunderstanding Markup” 日本語訳
“Misunderstanding Markup: XHTML 2/HTML 5 Comic Strip”
重要な話。XHTML*2*が死んじゃっただけ。HTML5のXML構文はXHTML5と呼ぶのでFAでいいのかな
xhtml2の解説マンガMaintainability Guide (Beta) – Jens Meiert
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
Lightbox without the Javascript. Me likey.
XHTMLiWebSkel: The Ultimate Website Skeleton! Uncompress and Code.
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
css sliding doors techniqueStyling Blog Comments: Correct Markup and Free Examples - Templatica
XHTMLを使ってケータイサイトを作成する際には、HTMLの冒頭にDOCTYPE宣言を記述する必要があります。 先日からこの「DOCTYPE宣言」に関するブログエントリーが人気を集めているようなので、当サイトも触れてみようと思います。 下記2つのサイトでは、どちらもif文でユーザエージェントを判定して、DOCTYPEを出し分けるという処理を紹介しています。RegEx match open tags except XHTML self-contained tags - Stack Overflow
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 nerves 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
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 +α
前回のhtml版に引き続き、今回はxhtmlの場合です。 htmlと比べて出来ることが増えるので色々なデザインの再現が可能ですが、やはり3キャリア1ソースとなると気をつけるべきポイントがいくつかあります。 背景画像は1つのみ 違う背景色が連続するところはdivの使い方に注意 フォント関連 リンク色が複数存在する tableは使ってもいいか 横並びの画像の横幅合計が240だと崩れる可能性アリ
携帯サイト[xhtml]のコーディング前のチェックポイント
素敵!Everything you need to know about HTML5 | News | TechRadar UK
introduction with useful starting points
What's new in HTML5 and what happened to XHTML2.
very good article!!HTMLを綺麗に保つ12の原則 | エンタープライズ | マイコミジャーナル
HTMLコードをクリーンにするための12の原則。
HTMLを綺麗に保つ12の原則Build a Calendar Using PHP, XHTML, and CSS
Build a Calendar Using PHP, XHTML, and CSSPerfection kills » Optimizing HTML
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 ElementsXHTML/CSS web forms: 5 simple techniques | TRIF3CTA | Austin, TX
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
IE6 CSS Debugging
border: 1px solid red !important;JavaScript WYSIWYG Editor – TinyEditor - Web Development Blog
模板A List Apart: Articles: Web Standards for E-books
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)
携帯サイト構築時にお世話になったりならなかったりした記事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 ofCoding Horror: HTML Validation: Does It Matter?
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
SitePoint Blogs: News, opinion, and fresh thinking for web developers and designersValidForm Builder - Easy and safe XHTML 1.0 strict forms with validation!
良いらしい。
まだ途中ではありますが、いまいちわかっていなかったDOCTYPEやらマージンの相殺やらfloatやらCSSのセレクタの指定方法だとかがすっきりとわかってかなり気持ちいいです。 r0012124 ↑ ところどころカラーでわかりやすいです。 ウェブ標準やらブラウザ対応やらについては建前ちっくなものもありますが、この本では「現場で使える」手法が満載されているのが素敵すぎます。 こういう本は個々人のスキルレベルによるのでおすすめが難しいですが、CSSでのレイアウトにいまいち自信が持てない、という人にはおすすめですよ。
実践Web Standards Design
「実践Web Standards DesignA useful print stylesheet • CSS & (X)HTML • Kilian Valkhof
Articulo sobre como utilizar css para preparar una pagina para impresionGetting Semantic With Microformats, Part 1: rel ~ A Blog Not Limited
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
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
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(ブログ)
角丸の実装方法が書かれている
ディレクターとして把握しておいた方が良いHTML/CSS関連のお話とのこと。良い記事です。django-html - Google Code
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の手書き説明書
CSS、XHTML、JavaScript、RSS、PHPなどWebサイト作りにまつわるほとんどすべてのテキスト編集ができます。
CSS、XHTML、JavaScript、RSS、PHPなどWebサイト作りにまつわるほとんどすべてのテキスト編集ができます。 補完機能が並外れて強力かつ使いやすいのが特徴です。[CSS]画像に枠線やウォーターマーク、キャプションをつけるスタイルシート | コリス
画像に枠を入れる
画像に枠と影をつけるのを、CSSでやる。Creating Your Own XHTML & CSS Framework | Spyre Studios
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
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 ++++