Location: Home » Links
Links
Doctype - Doc Type Declaration
Doctype Switch: Summary Table
http://gutfeldt.ch/matthias/articles/doctypeswitch/table.html
referred by Mindscrew
Browser screenshots on Mac (Safari 2, IE 5.2.3, Mozilla 1.7.7)
referred by csarvenWhat's in a name | And all that Malarkey
http://www.stuffandnonsense.co.uk/archives/whats_in_a_name.html
The Meaning of Semantics Take II: Naming Conventions for Class and ID in CSS
Alternative Style: Working With Alternate Style Sheets: A List Apart
CSS2/DOM Styling an Input type="File"
Practical CSS Layout Tips, Tricks, & Techniques
Using background-image to replace text
http://stopdesign.com/articles/replace_text/
referred by uberwald
Mandarin Design: CSS Opacity and Transparency
PNG & CSS
CSS Transparency for Images
http://www.domedia.org/oveklykken/css-transparency-image.php
Transparent custom corners and borders
http://www.456bereastreet.com/archive/200505/transparent_custom_corners_and ...
CSS Transparency for IE, Mozilla
Linking Style Sheets to HTML
Nifty Corners
Doug's CSS Rounded Corners
Building a page template - a step by step tutorial
http://www.maxdesign.com.au/presentation/wentworth/
Building a page template - a step by step tutorial
Advanced Tables Tutorial
http://markl.f2o.org/tutorial/tables/Advanced_Tables.html
referred by hupthur
CSS Fixed Footer
CSS & JavaScript, Replace Select
Design for Accessibility
http://www.andybudd.com/presentations/skillswap05/accessibility
Accessible Tables
tabs
Another tab exsample, from Eric MeyerTabs
Even more improved tabs with no images.Tabs
Improved "sliding doors" from alaTabs
How to do those nifty tabs with images and everything.Form Builder
Rounding Corners in CSS
W3Schools HTML Tag Listing
CSS Class and ID Selectors
Elastic Design (Flexible Layouts)
Bring on the Tables - Standards
http://www.456bereastreet.com/archive/200410/bring_on_the_tables/
The CSS Playground - A CSS Image Map
zAlanM's Manifesto
AlanM's Manifesto
A List part: Night of the Image Map
CSS Tips & Tricks Part 1
http://www.456bereastreet.com/archive/200503/css_tips_and_tricks_part_1/
IE Accessibility Tool Bar
Avoid Verdana font
This site explains why Verdana font is not a good choice for Web sites. It shows comparison of fonts when they are resized including Verdana. Referred by csarvenNo Margin for Error
http://www.andybudd.com/archives/2003/11/no_margin_for_error/
Margin collapsing. Referred by bitwise
HTML Dog Bad Tags
http://www.htmldog.com/guides/htmlintermediate/badtags/
"his page looks at some of the HTML tags of fairytale worlds and prehistoric times. Bad, nasty, downright ugly little things that belong to outdated HTML standards, random proprietary nonsense that only half-work in one sub-version of one browser or tags that have simply been superseded by newer tags."
Prop-Clear: CSS min-height Hack
http://www.greywyvern.com/code/min-height-hack.html
referred by Huvet
Hiding email addresses
hiding email address, 2 CSS, and other methods. referred by csarvenFlash of Unstyled Content (FOUC)
CSS Properties to JavaScript Reference
tr border trick for IE
give the illusion of a tr border for IE. referred by csarvenxStandard xhtml WYSIWYG Editor
To download, you are forced to enter an email address. I have gone through this, abusing my email, and have the direct links to provide you with hassle-free method of getting their LITE edition.
The Absolute Minimum Any Designer Should Know About Character Encoding
Joel on Software takes a look at character encoding (charsets) and tells you why they're important, and how to use them.Use of Definition Lists
What Definition Lists can be used for and what they are not to be used for.IE Three Pixel Float Gap
http://www.positioniseverything.net/explorer/threepxtest.html
A fix for IE adding 3 pixels next to a float.Holy CSS, Zeldman!
Massive CSS reservoir.CSS Panic Guide
Introductions to CSS and XHTML.Flash Satay: Embedding Flash While Supporting Standards
http://www.alistapart.com/articles/flashsatay/
The proper way to put flash on a web-site.
Stylesheet Including Methods: Browser Compatibility
Referred by csarvenbnovc's paste service
#sql nopaste - collaborative irc debugging
No paste! - pasting to knowpaced
Wilco - Pastecode Service
SourceX v2.0.5 - Paste Service
PHPaste - Online debugging of PHP, SQL, HTML, XML, Javascript
nopaste service
NoMorePasting! - Paste Service
Nopaste - Paste Service
PHP Pastebin - Paste your code and link to it
PHP Pastebin - Collaborative IRC debugging
Using XHTML/CSS For an Effective SEO Campaign
The Gentle Art of Persuation
http://www.themaninblue.com/writing/perspective/2005/01/10/
referred by huphtur
Character Encoding Tables
Ascii Table - Character Codes And HTML, Octal, Hexand Decimal Charts
HTML Codes - Table of ASCII Characters And Symbols
http://www.ascii.cl/htmlcodes.htm
Standard ASCII set, HTML Entity names, ISO 10646, ISO 8879, ISO 8859-1 Latin alphabet No. 1 Browser support: All browsers
HTML 4.01, ISO 10646, ISO 8879, Latin extended A and B, Browser support: Internet Explorer > 4, Netscape > 4
Full CSS Property Compatibility Chart
http://www.corecss.com/properties/full-chart.php
referred by Mr_Monk
Default stylesheet for HTML 4.0
Search Engine Optimization, The Best Way
http://www.7nights.com/asterisk/archive/2004/08/seo-best-way
referred by huphtur
IE 5.x List Item Gap Bug
http://phonophunk.phreakin.com/articles/ie-fix-for-gaps-between-list-items. ...
VisiBone Font Survey Results
http://www.visibone.com/font/FontResults.html
Referred by Subsonic
Ten CSS Tricks You May Not Know
http://www.evolt.org/article/Ten_CSS_tricks_you_may_not_know/17/60369/
Shorthand, multiple classes, !important, image replacement.
Ten Things Your Web Sites Should be Doing
http://www.digital-web.com/news/2004/12/ten_things_your_web_sites_should_be ...
referred by huphtur
Forgotten Element Types
http://www.autisticcuckoo.net/archive.php?id=2004/12/15/forgotten-element-t ...
referred by huphtur
Sons of Suckerfish
http://www.htmldog.com/articles/suckerfish/dropdowns/
A very clean dropdown-menu ready for you to use.
Conditional Comments
Problems With Using Frames
Frames - The Problems and Solutions
http://dorward.me.uk/www/frames/
Frames problems solutions frames
Multiple Versions of IE
http://www.insert-title.com/web_design/?page=articles/dev/multi_IE
Multiple Versions of IE
CSS Text Size Using ems
http://www.clagnut.com/blog/348/
CSS relative text sizing, referred by csarven
Internet Explorer Issues
http://www.computerworld.com.au/index.php?id=117316298
Browser ie issues, referred by huphtur
HTML Entities Reference
CSS reference
CSS reference
Web page analyzer
http://www.websiteoptimization.com/services/analyze/
Load a page at dial up speed.
CSS Vault resources
Maxdesign Selectutorial
Supporting IE in 2004
http://www.dkeithrobinson.com/asterisk/archive/2004/02/supporting-internet- ...
Browser ie support, referred by huphtur
Web Standards Link Bonanza
http://www.simplebits.com/notebook/2004/06/21/bonanza.html
Web standards link bonanza, referred by zAlanM
CSS paste service
Suckerfish Drop Down Menus
http://www.htmldog.com/articles/suckerfish/dropdowns/
Suckerfish drop downs dropdowns menus, referred by huphtur
Switching to Mozilla
http://www.7nights.com/dkrprod/gwt_six.php
Mozilla browser, referred by huphtur
Character-sets listing
http://www.iana.org/assignments/character-sets
Character-sets listing, referred by deStijl
css why tables are bad for layout
css js filter list
css mezzo blue
display your site in different browsers
how to develop with css
Pure CSS popups
http://www.meyerweb.com/eric/css/edge/popups/demo.html
Css popups, referred by huphtur
Table Ruler
W3C (x)html Validator
Validates your (x)html markup. Paste a URL, and submit.
CSS validator
CSS Reference
CSS revised image replacement
3 column layout
http://www.pixy.cz/blogg/clanky/css-3col-layout/
CSS 3 column layout, referred by bungrudi
XHTML content-typing
XHTML sending as text/html considered harmful
Maxdesign Floatutorial
Specifcy a content-type
CSS Zen Garden
A Road Map to Standards
http://www.mezzoblue.com/archives/2004/04/30/a_roadmap_to/
CSS web standards - a road map, referred by huphtur
Layout reference
Clean site with a very organized and professional structure
Why Tables For Layout is Stupid
Position: fixed For IE
List Style Type
http://www.blooberry.com/indexdot/css/properties/list/lstype.htm
Layout reference
Layout reference with 100% width menu with fixed width / body centered.
No Preload Image Rollover
CSS Vault
Web Standards ROI
http://www.7nights.com/asterisk/archives/web_standards_roi.php
How to Clear Floats Without Structural Markup
Browser Archive
Browsers archivejs random number
Center Block Element
http://css-discuss.incutio.com/?page=CenteringBlockElement
Center block element vertical/horizontal
HTML ASCII Reference W3schools
Styling Form Widgets
http://www.themaninblue.com/writing/perspective/2004/04/28/
CSS styling form widgets, referred by zAlanM
Mozilla Firefox
Browser Stats
http://www.w3schools.com/browsers/browsers_stats.asp
Browser stats, referred by elkelkelk
Pseudo Classes
http://www.htmldog.com/guides/cssintermediate/pseudoclasses/
Budget design reference
Webpage layout
Background Images
http://www.htmldog.com/guides/cssintermediate/backgroundimages/
CSS background image, referred by huphtur
Margins and Padding
Maxdesign Listamatic
Form elements
http://css-discuss.incutio.com/?page=FormElements
CSS form elements, referred by huphtur
Hosting Service
CSS Vault layouts
Firefox Web Developer Toolbar
Accessible, stylish form layout
http://www.themaninblue.com/writing/perspective/2004/03/24/
CSS accessible stylish form layout, referred by zAlanM
huphtur home page
CSS Selector Pattern Matching
border spacing
http://www.w3.org/TR/REC-CSS2/tables.html#propdef-border-spacing
Css border spacing, referred by Phrogz
(Note that border-spacing is not supported by IE)CSS Vertical Centering
http://www.hicksdesign.co.uk/articles/css/vertical_centering_with_css/
CSS Drop Shadow
CSS Maxdesign Building a Layout
HTML Label Tag W3schools
CSS Vertical Centering
Hacks for IE6 CSS2 Support
CSS Position W3schools
CSS Link Specificity
CSS Print Your Way
CSS What Are ID And Classes?
http://www.meyerweb.com/eric/thoughts/2004/07/18/competent-classing/
XHTML W3C Faq
Developing With Web Standards
http://www.456bereastreet.com/lab/developing_with_web_standards/
CSS Maxdesign Listutorial
CSS Submitted Sites
CSS Sprites Image Slicing's Kiss of Death
Creating Custom Corners & Borders Part II
Creating Custom Corners & Borders
Web Design Don't Use Click Here links
IMU Standards
Firefox Web Developer Toolbar
CSS Support Table
CSS Victoria's Vertical Centering
Facts And Opinion About Fahrner Image Replacement
How to Conceive a Layout
http://www.mezzoblue.com/archives/2003/12/16/how_to_conce/
Good CSS primer run-through tutorial to build a fixed width, centered site with floats.
Suckerfish Drop Down Example
http://www.htmldog.com/articles/suckerfish/dropdowns/example/bones1.html
css suckerfish drop down example bones3
Mozilla.org Markup Reference
http://www.mozilla.org/contribute/writing/markup
CSS mozilla.org markup reference, referred by huphtur
Color Scheme Generator 2
http://wellstyled.com/tools/colorscheme2/index-en.html
Wellstyled.com color scheme generator 2
Website Services
Web Standard Design Service
The Trouble With EM 'n EN (and Other Shady Characters)
http://www.alistapart.com/articles/emen/
The trouble with em ?n en (and other shady characters), referred by deStijl
Mozilla Firefox Support Forum
Web Design Articles
css inline block
Float: The Theory
http://www.positioniseverything.net/articles/float-theory.html
CSS float theory, referred by zAlanM
CSS Maxdesign Listutorial Rollover menu
http://css.maxdesign.com.au/listutorial/roll_introduction.htm
Horizontal Tab Menu
http://phrogz.net/JS/Tabtastic/index.html
Horizontal tab menu, referred by Phrogz
3 Column Layouts
http://css-discuss.incutio.com/?page=ThreeColumnLayouts
CSS 3 columns layout, referred by huphtur
Scorning Standards
http://www.meyerweb.com/eric/thoughts/2004/07/17/scorning-standards/
Scorning web standards by Eric Meyer, referred by zAlanM
css un-styled form
http://www.themaninblue.com/experiment/InForm/
css un-styled form, referred by huphtur
Aylar paste service
center horizontal
http://phrogz.net/tmp/centercontent.html
Css center horizontal, referred by Phrogz
Box Vertical Simple
http://devilock.mine.nu/query/boxes_vert_simple.html
CSS box vertical simple, referred by dew
Using :after to Clear Floats
http://cssing.blogspot.com/2004/08/using-after-to-clear-floats.html
referred by mmmbeer
Drop Down Menu Example
http://www.alistapart.com/d/horizdropdowns/horizontal.htm
Alistapart drop down menu example vertical/horizontal
Drop Down Menu Example
http://www.alistapart.com/d/horizdropdowns/horizontal2.htm
Drop down menu vertical horizontal example
Drop Down Menus
http://www.alistapart.com/articles/horizdropdowns/
Alistapart drop down menus, horizontal
DHTML Select Combo Box
CSS Tableless Layouts
CSS Understanding Vertical-Align
Suckerfish Drop Down Example
http://www.htmldog.com/articles/suckerfish/dropdowns/example/bones2.html
Suckerfish drop downs dropdowns menu example bones2
DHTML CSS Menu Example
DHTML Select Box
http://webfx.eae.net/dhtml/select/jsGenerated.html
DHTML select combo box using javascript
Blocks by Default Stack
http://cssing.blogspot.com/2004/08/blocks-by-default-stack.html
CSS block stack default, referred by mmmbeer
CSS Typography Reference
http://www.thenoodleincident.com/tutorials/typography/template.html
CSS Tableless Forms
Benefits of Fixed Width Design
http://www.notestips.com/80256B3A007F2692/1/TAIO-5TT34F
CSS fixed width benefits, referred by elkelkelk
CSS Reformat The Table
http://moronicbajebus.com/playground/cssplay/reformat-table/
CSS Relative Font Sizes
Suckerfish Drop Down Example
http://www.htmldog.com/articles/suckerfish/dropdowns/example/bones3.html
Suckerfish drop down example bones3
AlanM's Blog
Very little on web standards, mostly the whining and rants of a lunatic
Containing floats
http://www.complexspiral.com/publications/containing-floats/
Eric Meyer at Complex Spiral Consulting explains floats and how to keep them under control.
Writing Semantic Markup
http://www.digital-web.com/articles/writing_semantic_markup/
Semantics, HTML, XHTML, and Structure - Semantics - Articles
http://www.brainstormsandraves.com/articles/semantics/structure/
Help improve support for Web Standards in HTML email
http://www.456bereastreet.com/archive/200709/help_improve_support_for...
Help keep accessibility and semantics in HTML
http://www.456bereastreet.com/archive/200705/help_keep_access...
The Meaning of Semantics
http://www.456bereastreet.com/archive/200503/the_meaning_of...
Understanding and extending semantics in HTML
http://www.456bereastreet.com/archive/200708/understanding...
Graphic designers misunderstanding Web standards
Web Standards: it's about quality, not compliance
Web Misunderstandards
Design sites and web standards
Validation alone is not enough
Microsoft makes accessible and standards compliant HTML email impossible
Bill Gates on Web standards: Huh?
Six things that suck about the Web in 2006
Afraid of CSS and valid code? Read this.
HTML vs. XHTML on standards compliant websites
http://www.456bereastreet.com/archive/200606/html_vs_xhtml...
Microsoft and Internet Explorer vs. web standards
Ten deadly sins of web design
Windows Live Shopping for IE Windows only
Alt text is an alternative, not a tooltip
Always specify character encoding
Validity does not equal best practices
Failed redesigns: Use web standards or don’t bother redesigning
Ten reasons to learn and use web standards
Standards do not stifle creativity
A web professional can never stop learning
http://www.456bereastreet.com/archive/200511/a_web_professional...
Design sites and web standards
IE7 will only support well-formed RSS feeds
http://www.456bereastreet.com/archive/200511/ie7_will_only...
Use the label element to make your HTML forms accessible
http://www.456bereastreet.com/archive/200711/use_the_label...