External resources
for web design and coding
This is a collection of links to pages that I have bookmarked over the years. Some pages may be outdated, and some may no longer exist. At some point, I'll clean up the page.
Font size
- Web Matters - The Wrong Size Fonts
- tekrider.net - Beauregard T. Shagnasty's Font Sizing
- Beauregard T. Shagnasty's Font Sizing
- Why do I see so little of my default text size on web pages?
- Browser Defaults Are Too Big?
Standards
- The Business Benefits of Web Standards
- Using Web Standards in your Web Pages
- The Web Standards Project The Web Standards Project is a grassroots coalition fighting for standards which ensure simple, affordable access to web technologies for all.
- Developing With Web Standards | 456 Berea Street
- Web standards checklist A site built to web standards should adhere to standards (HTML, XHTML, XML, CSS, XSLT, DOM, MathML, SVG etc) and pursue best practices (valid code, accessible code, semantically correct code, user-friendly URLs etc).
- Dan's Web Tips: Characters and Fonts Hints and tips about character sets and fonts in Web development.
- Developing With Web Standards | 456 Berea Street
- W3C QA - How to achieve Web standards and quality on your Web site? W3C QA - A series of things to improve and achieve quality on your Web site.
- Web Authoring Standards Document A draft standard for professional web page authoring, expressed in the language of ESA PSS-05 software engineering standards.
- W3C QA - Buy standards compliant Web sites W3C QA - Why and how you should require that Web agencies deliver standard compliant Web sites
- Manage
Validation
- Why Validate? W3C's easy-to-use HTML validation service, based on an SGML parser.
- Validating against a custom DTD - No to XHTML - Spartanicus' Web tips
- Why is valid HTML important to everyone?
HTML
- HTML 4.01 Specification
- Nikita The Spider * Ingen Reklam, Tack (No Spam, Please)
- Coolnerds Electronic HTML Reference HTML Quick Reference Coolnerds HTML Reference Core HTML tags Colors RGB Triplets Hexr colors Decimal colors
- alt.html FAQ: Frequently Asked Questions
- HTTP Made Really Easy Tutorial: Quickly learn how to use HTTP in your network applications, if you know basic sockets programming. Covers HTTP 1.0 and HTTP 1.1. Includes sample clients in Perl.
- The global structure of an HTML document: Headings
- Activating the Right Layout Mode Using the Doctype Declaration Explains how browsers use doctype sniffing to switch the layout mode between the quirks mode and the standards mode.
- Dave Raggett's Introduction to HTML
- Dave Raggett's Introduction to HTML: More advanced features
- The Mailto: Myth
- 4 Reasons to Validate your HTML There are 4 important reasons to validate your HTML: Netscape 1.2, Netscape 2.0, Netscape 3.0, and Netscape 4.0.
- Site Valet - Why Validate?
- posh - Microformats
- How to write HTML forms Links to tutorials and references about HTML forms and to documents on special topics related to them.
- Dan's Web Tips: Titles, META Tags, LINK tags, and Search Engine Robots How to identify a web page for browsers and search engines.
- Member Center Login
- Truth & Consequences of web site design - XHTML Truth & Consequences of web site design - XHTML.
- Surfin’ Safari - Blog Archive » Understanding HTML, XML and XHTML
HTML5
- Dive Into HTML 5
- HTML 5, one vocabulary, two serializations - W3C Q&A Weblog It seems not very clear for many people. So let's set the record straight. HTML 5 can be written in html and XML.
- HTML 5
- New elements in HTML 5 HTML 5 introduces new elements to HTML for the first time since the last millennium. New structural elements include aside, figure, and section. New inline elements include time, meter, and progress. New embedding elements include video and audio. New interactive elements include details, datagrid, and command.
- The first working draft of HTML 5 is here!
- HTML 5 - Wikipedia, the free encyclopedia
- Conversation With X/HTML 5 Team An XHTML reference focused on best practices, plus articles and tutorials on CSS, XML, Web standards and accessibility.
- XHTML 2 and HTML 5 - who will win?- This ‘N That
- The WHATWG Blog » Blog Archive » (X)HTML 5 will have the only usable implementation of ruby markup
- latest working draft of HTML 5 specifications
- 5 Exciting Things to Look Forward to in HTML 5 - ReadWriteWeb HTML 5 is the upcoming major revision of the HyperText Markup Language (HTML), the main method of marking up content for sharing on the World Wide Web. HTML's ...
- CSSquirrel : Comic Update: The HTML5 Show (AKA, A Mess): Kyle Weems CSSquirrel is the personal website of Kyle Weems, a web developer in Bellingham, WA
- Keep calm and carry on (with HTML5) | Stuff and Nonsense
- Bruce Lawson’s personal site : HTML5 articles and sections: what’s the difference? Bruce Lawson's blog, focussing on web accessibility, web standards, travellers tales, and music
- Everything You Always Wanted to Know About HTML5 … So CSS3 lets you have rounded corners, and HTML5 gives you and elements. Big whoop. Sometimes it can be hard
Frames
- alt.html FAQ: [HTML Frames] Why are frames so evil?
- Frames Suck Most of the Time (Jakob Nielsen's Alertbox December 1996) frames, usability, hypertext, navigation, Web pages, unified conceptual model, atomic unit of Web content
- Using frames: Overview
- Introduction to HTML and URLs
- CSS - Quirks mode and strict mode
Doctype
- W3C QA - Recommended list of DTDs you can use in your Web document W3C QA - List of valid DTDs you can use in your document
- Help for The W3C Markup Validation Service W3C's easy-to-use HTML validation service, based on an SGML parser.
- tekrider.net - HTML/XHTML Doctypes tekrider.net
htaccess
- .htaccess tricks and tips.. part one: tips, tricks, hints, examples; juicy .htaccess information. .htaccess files. cool htaccess tricks and tips, how-to, know-how, usage and examples.. a corz-style tutorial.
- .htaccess tricks and tips.. part two: url rewriting with mod rewrite. .htaccess files. cool htaccess tricks and tips, how-to, know-how and examples.. a corz-style tutorial.
- Markup, Typesetting and the Law
- learn web standards :: web pages aren't printed on paper Westciv CSS and web standards learning resources - web pages aren't printed on paper
- HTML Entities
- HTML Tip: Why Valid Code Matters Why do many webmasters - who are so meticulous about every other aspect of design - ignore one of the basic components of a good Web site? Many just don't how important valid HTML code is to both page display and site promotion.
- Adjusting text size in your browser You can easily adjust the text size in all common web browsers. This page shows you how.
- Setting up your browser - Syntactic accessible Web design Jim Wilkinson's Web site, specialising in universal Web accessibility - setting up your browser
- 24 ways: Make Your Mockup in Markup 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.
- Max Design - Ideal line length for content I'd like to design a site that uses optimal line lengths. I also want the line length to stay within the optimal range no matter what default font size the user has set in their browser. Is it possible?
- tekrider.net - A FAQ of Sorts tekrider.net
- W3C QA - Recommended list of Doctype declarations you can use in your Web document W3C QA - List of valid Doctype declarations you can use in your document
- Search Engine Articles and Resources - SitePoint Forums Search Engine Articles and Resources Search Engine Optimization
- FAQ: Search Engine Optimization - SitePoint Forums FAQ: Search Engine Optimization Search Engine Optimization
- how to structure html headings and titles | the 200ok weblog
- Semantic HTML and Search Engine Optimization - Opera Developer Community Opera Developer Community article: Semantic HTML and Search Engine Optimization
- Structure of an HTML 4.0 Document An explanation of elements, tags, and attributes, and how they are used in an HTML 4.0 document.
- HTML tutorial - The Basics
- Don't forget to add a doctype - Quality Web Tips W3C QA - Valid Web pages need a doctype
- tekrider.net - A FAQ of Sorts tekrider.net
- A Minimal HTML Document (HTML5 Edition) Back in 2008, I posted a detailed breakdown of the set of tags you should include at the bare minimum
- Mozilla Web Developer FAQ - MDC
- Be careful with non-ascii characters in URLs | 456 Berea Street Unless you have really strong internationalisation requirements, consider sticking to the following characters in URLs: a-z, A-Z, 0-9, -, ., _, and ~.
CSS
- Full property table
- GRC | Script-Free Pure-CSS Menu Demo GRC site-wide menuing system research and development.
- Three col equal height demo A css method of having three full height cols, with any combination of content.
- CSS layout, 3 columns with Header and Footer, Ordered columns, Netscape 4 compatible
- Default style sheet for HTML 4
- BrainJar.com: CSS Positioning
- Media types
- Stopdesign | Throwing Tables Out the Window A design consultancy led by Founder and Principal, Douglas Bowman, based in San Francisco, California, Stopdesign specializes in a simple, beautiful aesthetic, balance of form and function, and highly flexible design.
- Visual formatting model
- css-discuss
- WebDev - CSS Layout Templates Get Several Free CSS Layout Templates, by Ben Meadowcroft
- Front Page - css-discuss
- Writing Efficient CSS - MDC
- What happens in Quirks Mode in web browsers?
- A List Apart: Articles: Alternative Style: Working With Alternate Style Sheets Understanding alternate style sheets and making them work in all browsers. A cross-browser way to dynamically switch between alternate cascading style sheets.
- Truth & Consequences of web site design - Font size Truth & Consequences of web site design - Font size.
- An examination of the 'clagnut' method of relative font sizing in CSS A.K.A. What's wrong with the 'clagnut' method of relative font sizing
- Forcing the footer to always be at the bottom of a page at Advanced CSS Design Resources - last-child.com CSS Toys for Professional Web Developers
- A List Apart: Articles: In Search of the Holy Grail
- Cascading Style Sheets Level 2 Revision 1 (CSS 2.1) Specification
- Listamatic: one list, many options - Using CSS and a simple list to create radically different list options
- Adobe - Developer Center : Tableless Layouts with Dreamweaver 8
- alt.html FAQ: [CSS Positioning] Why should I use CSS layouts over tables?
- Seven Reasons to go Table Free
- Andy Budd::Bspgraphy: An Objective Look at Table Based vs. CSS Based Design
- Tables My Ass - HTML Dog Blog - HTML Dog How to make web pages - A good practice guide to HTML and CSS.
- Tableless layout HOWTO
- A List Apart: Articles: Practical CSS Layout Tips, Tricks, & Techniques Advanced techniques of CSS website design.
- Verify tableless layouts - w3tableless.com w3tableless.com: check here if websites are conforming w3c tableless recommendations.
- WDVL: Toss out your Tables! CSS is the scene! Simply stated, using CSS for page layout is - once you get the hang of it - much more powerful and much simpler than using tables. CSS enables you to separate presentation from content, which we'll just say is a good thing. Theory aside, there are several practical problems with tables, which most of us would be glad to be rid of.
- Net Resources: Moving from Tables to CSS Edinburgh internet computer training materials for Net Resources web design courses
- Fancy Form Design Using CSS [CSS Tutorials] Form design is the necessary evil of web development. Don't you wish you had a wizard's wand to create accessible yet attractive forms? We have found such a wizard! Here, Cameron Adams shows you how to use CSS to create forms that are both great-looking and usable, and gives you the code you need to make the job easy.
- Eric's Archived Thoughts: Diagnostic Styling
- Eric's Archived Thoughts: Diagnostic Styling
- Selectutorial: CSS selectors
- Containers and their children
- CSS: Style the Non-Obvious – Jens Meiert
- Equal Height Columns with Cross-Browser CSS & No Hacks Equal Height Columns with Cross-Browser CSS & No Hacks
- When accessibility is not your problem (Joe Clark)
- http://www.w3.org/TR/CSS2/css2.txt
- Eric's Archived Thoughts: Unitless line-heights
- Automatic numbering with CSS Counters - Opera Developer Community Opera Developer Community article: Automatic numbering with CSS Counters
- CSS Differences in Internet Explorer 6, 7 and 8 « Smashing Magazine
- CSS3-based Tooltip example
- BrainJar.com: Experiments in Web Programming Experiments in web programming. Features articles, tutorials and example code related to client-side and server-side web development. Heavy on the standards.
- Dave Raggett's Introduction to CSS
- CSS: Current Work - W3C
- CSS Text Level 3
- Selectutorial: CSS selectors
- Accessible CSS (AIR 2003 Training)
- Ideal line length for content | Max Design Is there an ideal line length for content? To quote a passage from Web Style Guide - Basic design principles for creating web sites. The
- Web Browser Default Text Size Default is default for good reason. Make web page text the size you want it to be. Exercise your autonomy. Jesus saves!
- Centring using CSS (Dorward Online) Methods for centring block and inline elements using Cascading Style Sheets
- Centring using CSS (Dorward Online) Methods for centring block and inline elements using Cascading Style Sheets
- Specificity | HTML Dog
- CSS Specificity: Things You Should Know - Smashing Magazine
- About the CSS 2.1 Specification
- CSS gradients for all web browsers, without using images - Robert's talk #gradient { color: #fff; height: 100px; padding: 10px; /* For WebKit (Safari, Google Chrome etc) */ background: -webkit-gradient(linear, left top, left bottom,
- CSS Hacks Descriptions of the most effective CSS hacks for select web browsers.
- Equal Height Columns using CSS - Ed Eliot
- Equal Height Columns - revisited - In search of the One True Layout
- Problems with the Equal Height Columns method - In search of the One True Layout
- Equal height columns - companion columns method Introducing a technique for equal heights aspect of columns.
- The W3C CSS Validation Service
- /* Position Is Everything */ — Modern browser bugs explained in detail! Advanced CSS demos and bug reports
- An examination of the 'clagnut' method of relative font sizing in CSS A.K.A. What's wrong with the 'clagnut' method of relative font sizing
- CSS Specificity And Inheritance - Smashing Magazine CSS’ barrier to entry is extremely low, mainly due to the nature of its syntax. Being clear and easy to understand, the syntax makes sense even to the inexperienced...
- Selectutorial: What is a rule or "rule set"?
- CSS Properties Index – Jens O. Meiert
- CSS Transparency Settings for All Browsers | CSS-Tricks Transparency is one of those weird things that is treated completely differently in all browsers. To cover all your bases, you need four separate CSS
- CSS Sprites: What They Are, Why They’re Cool, and How To Use Them | CSS-Tricks This post was originally co-authored in late 2007 by me and Volkan Görgülü, I'm updating it now to improve it a bit and make it more current. You've heard
- The Mystery Of CSS Sprites: Techniques, Tools And Tutorials - Smashing Magazine
- Why you should know the new CSS3 selectors? | Your Inspiration Web The new CSS3 specification introduces several innovations in many areas. Exactly for this reason it has been subdivided in various modules, independent between them. The selectors module, which probably is going to be the first to become a recommendation of W3C, is costituted by all selectors of CSS 2.1 specification introduced in previous articles, plus a series of new entries of which we are going to provide a quick overview. There are many good reasons to immediately start becoming familiar with these new selectors, but before listing them, let's take a look at these novelties brought by CSS3.
- Web Design References: Cascading Style Sheets Web Design References: News and info about web design and development. The site advocates accessibility, usability, web standards and many related topics.
- 30 Pure CSS Alternatives to Javascript - Speckyboy Design Magazine With all the cool things that surround Javascript (especially with jQuery) its easy to forget that it’s possible to push pure CSS (with a touch of HTML) into
- why css3 is worse than ie6 debugging - work blog - onderhond.com I remember them. The days when css2.1 was pretty much all there was to css. css3 was a faraway dream, a promised land full of easy coding and free afternoons and IE6 was the devil, making our job a living hell with all its buggy quirks and lack of standards. How naive we all were back then huh.
- Tech Times
- How to Center an Absolutely Positioned Element Using CSS Centering an absolutely positioned element is a CSS challenge that occurs now and then. The solutions seem obvious once I’ve
- Web Designer's Checklist, Web Designers' Browser Support Checklist : FindMeByIP : what browser am I using, how modern is my web browser, and what's my IP address? Web Designer's Checklist, Web Designers' Browser Support Checklist
- A List Apart: Articles: Responsive Web Design
- EZ-CSS: Template files (starters) ez-css modules and layouts are embedded into this page.
- onwebdev: CSS forms tutorial: default styles
- Making CSS Count Backwards Did you know that CSS Counters can go backwards? Neither did I until I needed it, and I discovered that
- Introduction - CSS tutorial EchoEcho.Com : The complete CSS tutorial
- onwebdev: Generating a multiplication table with CSS
- Make a Footer Stick to the Bottom of the Page An easy to use CSS sticky footer to make a footer stick to the bottom of the page.
- How do I get a floating footer to stick to the bottom of the viewport in IE 6? - Stack Overflow
SEO
- Are All SEO Marketing Experts Completely Insane?
- Search engine optimization Search engine optimization
- Search engine optimization basics, Part 1: Improve your standing in search engines Making your Web site attractive to search engines is a key factor for your success as a Web site developer. Get the basic information you need to organically optimize your Web site in this four-part series. In Part 1, you'll receive a foundation in search engine optimization so you can organically optimize your Web site and create Web pages that are usable, accessible, and friendly to search engines.
- Duplicate Content Duplicate content issues determination, analysis and corrections for Duplicate Content Penalties.
- Web Page Analyzer - free website optimization tool website speed test check website performance report from web site optimization Free web page analysis service tests page size, composition, and download speed. Recommends speed improvements based on best practices for usability, HCI, and website optimization for maximum website performance.
- Top SEO Mistakes by Beginners - Affiliate forum, tutorials, articles affiliate programs The 5 Most Common SEO Mistakes By Kalena Jordan Having been in the business of optimizing web sites for high search engine rankings for o
- Intelligent site structure for better SEO! - Opera Developer Community Opera Developer Community article: Intelligent site structure for better SEO!
- How To Use HTML Meta Tags - Search Engine Watch (SEW) This tutorial explains how to use HTML meta tags, with links to meta tag generators and builders. From SearchEngineWatch.com, a guide to search engine submission and registration.
- Meta Tags - Search Engine Optimization Meta Keyword Tag for SEO
- SEO Site Audit Reports - Search Engine Optimization Site Reviews - SEO from High Rankings High Rankings customized SEO Website Audits provide you with the SEO answers you're seeking. In our 12 year history, we have worked on hundreds of websites in over 40 different industries. We've seen every type of website imaginable, and have solved numerous SEO problems for our clients.
- Free Keyword Suggestion Tool From Wordtracker Use the free keyword suggestion tool from Wordtracker to help your website rank higher in the search engines.
- SEO - Search Engine Optimization | Read SEOmoz, Rank Better SEOmoz is a hub for the search marketing industry, providing an SEO Services Marketplace, a popular SEO Blog, SEO Tools and premium content.
- SEO Chat Forums - Search Engine Optimization SEO Chat Forums - over 85,810 members on our SEO Chat forum.
- SEO Book.com ~ SEO Training Made Easy A leading SEO resource focused on helping successful webmasters make money and increase their profits through driving targeted traffic to their sites by improving their rankings in Google and other major search engines.
Hosting
- Web Hosting, SSL, Live Chat Services, Website Builder - IDigitalNet Standard Hosting - Linux Plans IDigitalNet aims at providing windows hosting, linux hosting, email hosting, domain registration, domain transfer, website builder, live chat services, digital certificates, shopping cart and quality customer support.
- HOSTGATOR WEB HOSTING - cPanel, Reseller, and Dedicated Website Hosting We offer high quality web hosting, along with reseller hosting and dedicated servers. We host over 200,000 domains.
- CirtexHosting - Affordable and Quality WebHosting - About Us
- Search and Find Web Hosting at HostSearch.com Search for web hosts, view the best web hosting deal and read hosting reviews, news, interview, articles and more.
- Free DNS service - Easy, web-based domain manager - ZoneEdit.com Free DNS service what you're looking for? - ZoneEdit.com is a simple, web-based domain manager which allows you OR your clients to SAFELY administrate DNS, mail and web forwarding. Our clients range from large ISP's to individuals.
- Host Multiple Domains: Setting Up Virtual Hosts With Webmin - RimuHosting Host Multple Domains with Apache and Webmin
- PowerVPS :: Premier provider of Windows and Linux VPS Hosting - utilizing Virtuozzo and Windows Virtual Server Technology PowerVPS offers the fastest and most reliable Plesk VPS, cPanel VPS, DirectAdmin VPS, webmin VPS, and Windows VPS servers and VDS servers, Virtual Private Server and Virtual Dedicated Server
- cheap webhosting, ffmpeg hosting, adult hosting, CPanel, WHM, Fantastico EasiHost provides you with high quality internet services, DDOS protection and unbeatable server stability.! An all in one internet services provider you can trust.
- Web Hosting - Shared cPanel Web Hosting If you need to find web hosting to host your website, you can trust HostGator LLC. We host over 1,800,000 domains on our servers.
- Web Hosting solution: Reliable Web Hosting, 24/7 Top Customer Care, Exclusive Website Extras The BEST web hosting solution for personal and small business websites: reliable and fast servers, devoted support, premium functionality, and value-added extras. PHP hosting, Joomla hosting, Wordpress hosting. SiteGround - the best web hosting company for 2008 and 2009!
- Web Hosting by DreamHost Web Hosting: Web Sites, Domain Registration, WordPress, Ruby on Rails, all on Debian Linux! DreamHost Web Hosting - Providing scalable Linux-based web hosting and FREE domain registration. Offering PHP, Perl/CGI, MySQL, SSL, Jabber, Ruby on Rails, RealMedia, and much more!
- 50Webs - Professional and Free Web Hosting Free/low-cost web hosting services for individuals/webmasters. Host your domain names, email/ftp accounts free of charge. .com .net .org .info .biz .us .co.uk .me .ca .eu .mobi .tv .de .it .nl .in .name .cc .ws .be .me.uk .at .asia .cn co.nz domains.
- Interlink Connectivity Inc.
Readability
- Text and Margin Width Influences
- Optimal Line Length
- Is Multiple-Column Online Text Better? It Depends!
- Reading Comprehension and Rate: One Column vs. Three Columns University of Maryland students' human-computer interaction experiements for CMSC 434, taught by Ben Shneiderman
- Usability News - 6.2 2004 -- Reading Online Text: A Comparison of Four White Space Layouts
- AJET 7(2): Priestly (1991) - instructional typographies using desktop publishing Instructional typographies using desktop publishing techniques to produce effective learning and training materials. Australian Journal of Educational Technology, 7(2), 153-163.
- Typotheque: The Science of Typography by Ellen Lupton ‘Scientific’ studies of typography and legibility are analysed by Ellen Lupton... !--
- Web Matters - Why you should avoid Verdana
- How to size text using ems | clagnut/blog Text for the screen is sized with CSS in terms of pixels, ems or keywords. Pixels is easy, keywords are well documented. That leaves ems. I will now attempt to show you how ems can be as quick and easy to use as pixels. -->
- Information Architects » Blog Archive » The 100% Easy-2-Read Standard iA is a strategic design agency in Tokyo, Japan. We analyze business goals, user needs and develop interfaces that match.
- David Ross: Web Design Criteria My Web pages are designed according to criteria based on the Viewable With Any Browser Campaign.
- Top 10 Web Design Mistakes of 2005 (Jakob Nielsen's Alertbox) The oldies continue to be goodies - or rather, baddies - in the list of design stupidities that irk users the most.
- zomigi.com » Why browser zoom shouldn’t kill flexible layouts
- iA » The 100% Easy-2-Read Standard Most websites are crammed with small text that is a pain to read. Why? There is no reason for squeezing so much information onto the screen. It's just a stupid collective mistake that dates back to a time when screens were really, really small.
- iA » The 100% Easy-2-Read Standard Most websites are crammed with small text that is a pain to read. Why? There is no reason for squeezing so much information onto the screen. It's just a stupid collective mistake that dates back to a time when screens were really, really small.
- Ned Batchelder: Bad web typography: full justify
- Juicy Studio: Luminosity Colour Contrast Ratio Analyser
- Accessibility Color Wheel Accessibility Color Wheel - choose color combinations to improve the readability of your pages !--
How not to
-
->
Bad examples
- Mandriva Linux One | Mandriva
- The Problem with CSS is ... [CSS Tutorials] You know all of those tricky CSS layout techniques that you've spent years mastering? Well, be prepared to abandon them all. OK, maybe not immediately, but as Rachel and Kevin explain in this excerpt from the forthcoming SitePoint title, Everything You Know About CSS is Wrong!, the way we lay out pages is about to change forever...
- The Problem with CSS is ... [CSS Tutorials] You know all of those tricky CSS layout techniques that you've spent years mastering? Well, be prepared to abandon them all. OK, maybe not immediately, but as Rachel and Kevin explain in this excerpt from the forthcoming SitePoint title, Everything You Know About CSS is Wrong!, the way we lay out pages is about to change forever...
- The Masque of the Red Death | CD AudioBook | Dramatic Performances of Fine Literary Horror | Full details of the CD Audiobook entitled
- CD Audiobooks | Dramatic Performances of Literary Horror
- Chapter 5 - Layers (div) with CSS. XHTML HTML CSS tutorial - Layers (div) with CSS
- CSSgirl Designs - cssgirl, formerly triple l productions, is your one stop shop for all of your blog and web design needs. Specializing in blog design for the past 5 years cssgirl has the experience, knowledge and creativity to help you develop your blog. Blog designer specializing in Wordpress, Expression Engine, Movable Type and CMS designs. Expert with CSS and XHTML. Photoshop ninja.
- Jonathan - Snook.ca Snook.ca - Web Design, Development and Consulting Services
- W3C: HTML blockquote cite Attribute Free HTML XHTML CSS JavaScript DHTML XML DOM XSL XSLT RSS AJAX ASP ADO PHP SQL tutorials, references, examples for web building.
- Jim Rapoza's Top Web Developer Mistakes
- arngren, TV, TV med DVD, elektronikk,roboter,hobby,data,pc,gaver,conrad,teknikk,isbitmaskin,tank,helikopter,gadgets,teknologi,mobiltelefon,tv,raketter,armb�ndsur,atv,rc produkter,omformer,oversetter,st�vsuger,bilbane,alarm,ufo,dummy kamera,lcd tv, laser jammer, laservarsler, radar varsler, radarvarsler, robotst�vsuger, Fjernstyrt helikopter, akvarie, aquarie, aquarium, akvarium, hengende akvarium, bilde akvarium, digital-tv, riks-tv Electronics, Technology and Gadget products. Elektronikk, teknologi, rc produkter, fjernstyrte produkter og Gadgets.
Accessibility
- The Access Manifesto
- 26 Steps to a More Accessible Website Simple ideas to improve your sites accessibility 26 steps to a more accessible website
- Message Web Design - Drop-down menus; no thanks! In this article I list out the main reasons I find drop-down menus problematic in website design and why I would always advise against their use.
- Navigational pulldown menus in HTML Can you construct a pull down (drop down) menu in HTML so that the menu entries correspond to Web page addresses? Yes. There are various methods, and some of them can be technically reliable. This document also explains better alternatives to navigational pulldown menus.
- Drop-Down Menus: Use Sparingly (Jakob Nielsen's Alertbox) Drop-down menus are often more trouble than they are worth and can be confusing because Web designers use them for several different purposes. Also, scrolling menus reduce usability when they prevent users from seeing all their options in a single glance.
- Viewable with Any Browser: Campaign
- Introduction - Dive Into Accessibility
- VisCheck
- » SEO: Flash Is Evil. Five Big Reasons Not to Use Flash Five big reasons why you should not use Flash when doing SEO
- A List Apart: Articles: CSS Talking Points: Selling Clients on Web Standards
- Message Web Design - Why websites look different in different browsers There are many reasons why a web page may look different on different browsers. Some of these relate to the user’s computer and their personal browsing preferences, and others to the way browsers actually work . Some of the biggest discrepancies rel
- definition: PICture ELement (pixel), pixel perfect layout | Motive Web Design Glossary Definition. 'Pixel perfect' layout.
- accessibility - minimum font size - Gunlaug's homepages
- PVII Document
- Web Accessibility - Text Equivalents Web Accessibility Tutorial, Text Equivalents
Interface
- Gestures, the iPhone, and Standards: A Developer's Questions A discussion of the nature and use of gestures in a computer controlled by screen-contact and some of the issues with regards to developing standards.
- Message Web Design - Drop-down menus; no thanks! In this article I list out the main reasons I find drop-down menus problematic in website design and why I would always advise against their use.
.htaccess
- apache redirect 301 ".htaccess" - Google Search
- .htaccess Tutorial - Block An IP Address
- Clockwatchers - .htaccess Tutorial - Error Messages
Layout
- Three Column Layouts - css-discuss
- HTML and CSS Tutorials, References, and Articles | HTML Dog
- Using Web Standards in your Web Pages - MDC
- Why tables for layout is stupid: problems defined, solutions offered
- Web Design Course - Online Class - Online Designing and developing a web site
- Web Design and Development Tips & Tutorials - The Webmaster's Reference Library / WebReference.com
- Two Column Layouts (7)
- Vertical centering using CSS
- Message Web Design - Drop-down menus; no thanks! In this article I list out the main reasons I find drop-down menus problematic in website design and why I would always advise against their use.
- Table design versus CSS design
- Toggle (show/hide) elements in a Definition List TJKDesign.com | Using the DOM to toggle HTML elements...
- A List Apart: Articles: Fluid Grids
- The myth of the perfect width for web design
- Page Frameworks | Web Style Guide 3
- 24 ways: Ignorance Is Bliss 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.
- How to use HTML Frames Properly - Mark Parnell
Affiliates
- GLOBAL INFO SERVICE - Affiliate Program
- Tables Vs. CSS - A Fight to the Death [CSS Tutorials] Talk is cheap, especially where tables and CSS are concerned. Sergio puts his money where his mouth is as he creates the same design twice - using tables, then CSS - in this action-packed, hands-on battle to the death.
Quirks mode
Tools
Tutorial
- Opera Web Standards Curriculum
- 8: Colour Theory - Opera Developer Community Opera Developer Community article: 8: Colour Theory
- Professional Web Developers
- Web Sites: Getting Started | Creative Beacon This tutorial goes over getting started in the very basics of web design, such as how to choose a good domain name, and things to consider when choosing hosting.
SSI
XHTML
- http://www.hixie.ch/advocacy/xhtml
- Activating Browser Modes with Doctype Explains how browsers use doctype sniffing to switch the engine mode between the quirks mode and the standards mode.
- XHTML—What’s the Point? (Draft, incomplete)
- Beware of XHTML An explanation of why XHTML may be a poor choice of document format in most cases.
- No to XHTML - Spartanicus' Web tips
- XHTML Properly Served
- Why I Use HTML 4.01 Strict | yellow5.us A couple days ago, Surfin’ Safari posted a guide on understanding HTML, XML and XHTML, in which they recommend against using XHTML for a few reasons.
- Truth & Consequences - You don't know Truth & Consequences of web site design - You don't know.
- Why I hate sIFR - Arve Bersvendsen
- Dan's Web Tips: "How Do I Force...?" An answer to the common newbie questions on whether a Web author can 'force' a browser to do things.
- Dan's Web Tips Some helpful hints and tips for Web developers. Includes information on making sites more widely accessible and getting better indexing in search engines.
- sitemaps.org - Protocol
- Mozilla Web Author FAQ
- Use standard redirects - don't break the back button! - Quality Web Tips W3C QA - good use of redirection - don't break the back button!
- Why content management systems and optimisation don't mix. 10 reasons you really shouldn't have used a CMS to build your web site.
- Whizzywig Whizzywig.
- Activating the Right Layout Mode Using the Doctype Declaration Explains how browsers use doctype sniffing to switch the layout mode between the quirks mode and the standards mode.
- Visual formatting model
- http://www.rfc-editor.org/rfcxx00.html
- Online Image Optimizer: Optimize your GIFS, JPGS, and PNGS online.
- molly.com
- Building restoration THe A-D Engineering Group Ltd. is a competitve consulting engineering firm which specializes in structural design,ACAD presentations, construction operations and contract administration.
- SpywareInfo > Cookies - What they are and how they are used Information about spyware and how to guard your privacy.
- Web Page Analyzer - free website optimization tool website speed test check website performance report from web site optimization Free web page analysis service tests page size, composition, and download speed. Recommends speed improvements based on best practices for usability, HCI, and website optimization for maximum website performance.
- Universal Resource identifiers in WWW
- display-inner-statistics.php
- Why we won’t help you [dive into mark] Scene: Newbie Designer posts a link to a test page, asking for help because it doesn't behave as expected in this or that browser. Guru Designer replies, telling Newbie Designer that their page doesn't validate, and that they should go validate their page before asking such questions. Why does this happen? Why won't we help you?
- Creating Websites
- Google Static Maps API - Google Code
HTTP
- HTTP Made Really Easy Tutorial: Quickly learn how to use HTTP in your network applications, if you know basic sockets programming. Covers HTTP 1.0 and HTTP 1.1. Includes sample clients in Perl.
Domain Registration
- PayPal Domain Registration, Hosting, Reseller Hosting PayPal Domain Registration and Hosting; cheap Plesk and cPanel/WHM hosting and reseller hosting; servers in the United States and Europe.
- Buy Domain Names and Web Hosting with Paypal from WeyCrest.co.uk Weycrest - Buy your Domain Names and Web Hosting and Pay by Paypal, WeyCrest the Affordable, domain registrar and budget web hosting provider, UK Domain Names £3.19, .com's £6.75. Hosting Plans from £17.61. Reseller Hosting Packages from £9.99, Search and Register your UK domain names quickly and simply with our secure order system. Very low prices, no hidden extras. Free domain name search and web hosting advice centre
- $1.99 Paypal Domain Name Registration register domain names using Paypal with com domain names starting at $1.99
- Domainsatcost.ca - Canada's Price Leader Domainsatcost.ca offers domain name registration, hosting and e-mail services for .com, .net, .org, .biz, .info, .us, domain names. Domainsatcost.ca is a leading Canadian registrar, fully accredited by CIRA.
Apache
Resources
- Laura Michaels' Home Page - Resources for Web Designers XHTML and HTML Resources - resources of interest to web page designers.
- Web Matters - Main Page
- Common HTML Validation Problems Solutions to common HTML validation errors, including incorrect nesting of elements and use of the SCRIPT element.
- PunyPNG - PNG Compression and Image Optimization - Gracepoint After Five PunyPNG is a PNG compression and image optimization tool developed by Gracepoint Berkeley
- Resize Images online Online image resize utility to resize pictures or photos and images quickly for free. Resize jpg, png or gif pictures and Digital Photos. We make it easy to resize photos without installing any software.
Fonts
- @font-face in Depth
- Fonts by Appearance
- Becoming a Font Embedding Master - Snook.ca Snook.ca - Web Design, Development and Consulting Services
- Sex, lies, & type | i love typography, the typography and fonts blog The Week in Type Welcome to a slightly later than usual week in type. Lots happening in the world of web fonts — links to the best content below. There’s
- Anti-Grain Geometry - Texts Rasterization Exposures
- Bulletproof @font-face syntax « Paul Irish Bulletproof @font-face syntax
- @font-face - use any fonts on Web sites safely and easily | Milton Bayer I've been busy for the past few days writing down as much as I think I know about @font-face and decided to make a comprehensive guide to @font-face. To
Business
Style Guides
- Style guides and user interface implementation advice, CSS, HTML — purecaffeine.com » ux, social, gov Why good, readable style guides are so vital for translating wireframes to final web user interface screens to ensure consistency, quality and reduce the number of defects.
- The Guild of Accessible Web Designers | Joining fee for Guild of Accessible Web Designers members Welcome to the Guild of Accessible Web Designers
Usability
- Tips on Site Navigation for Mom | Devlounge
- The 10-Second Usability Test | SEO Consult - Certified Search Engine Optimisation Agency Is your site usable? Testing the usability of a site is one of the first things to be done during the search engine optimisation process. Keeping tabs on
- Website Response Times (Jakob Nielsen's Alertbox) Slow page rendering today is typically caused by server delays or overly fancy page widgets, not by big images. Users still hate slow sites and don't hesitate telling us.
JavaScript
- Improve Your jQuery Knowledge with the Source Viewer SitePoint Blogs: News, opinion, and fresh thinking for web developers and designers
- JavaScript Refresh Page Learn how to reload the page with this JavaScript refresh code.
- Feature Detection: State of the Art Browser Scripting
- Strings in JavaScript Part 2
- Designers Group News | LinkedIn
- Contents -- Eloquent JavaScript
PHP
- PHP: Manual Quick Reference
- PHP: Strings - Manual
- eZdia : Learn Share Advise eZdia Learn Share Advice
- Explaining semantic mark-up - Robert's talk I have a strong interest in semantics in general, and when it comes to web developing, the benefits of properly marking up a document should not be neglected.
- Browser Defaults Are Too Big? Browser fonts size defaults are just right. Jesus saves!
- How To Successfully Educate Your Clients On Web Development - Smashing Magazine If you are running a design agency, your job is very likely to combine business development, graphic design, technology and user experience design: a basketful of
- http://sperling.com/four-things-clients-should-know.php Functional Web Applications and Web Sites
DHTML
- A List Apart: Articles: Suckerfish Dropdowns
- JavaScript Dropdown Menu with Multi Levels - Web Development Blog This multi-level drop down menu script weighs in at only 1.2 KB. It features animation, active header persistence and multiple instance support.
- learn web standards :: web pages aren't printed on paper Westciv CSS and web standards learning resources - web pages aren't printed on paper
- All About Websites - The-Web-is-Not-Paper The Web is Not Paper. The web is a relatively new medium – in fact, it's often referred to as just that, 'new media'.
- Writing for the Web: An Information Paper from the NOF Advisory Service
- Web Matters - Flexible design of web sites This page discusses what flexible design is, why it is a good idea, and why it is much easier than many web-designers seem to think.
Browsers
- My Site Doesn't Work in X Browser An explanation of why some sites don't work in an alternative web browser and how a developer can fix it.
- Browser bugs section
- Bugs in MSIE 7 for Windows
- Adjusting text size in your browser You can easily adjust the text size in all common web browsers. This page shows you how.
- Customizing Mozilla
- A history of browsers
- Browsers and Bots Contrary to popular belief, Internet Explorer is NOT the only browser.
- Bugs in MSIE 8 for Windows
- Add-ons for Firefox
- Change text size on Web pages You can make Web pages easier to read by changing the text size or by magnifying the page (zooming in). If you change the text size, images and controls will remain in their original size. If you zoom in (or out), everything on the websize will be magnified (including text, images, and controls). Zooming will change the magnification of the website, regardless of the website's formatting. This tutorial shows you how to change web page text size and zoom in and out in Internet Explorer.
- Firefox smart keywords explained: quick search from the address bar A tutorial on how to use smart keywords in Mozilla Firefox to search from the address bar
- only IE needs DOCTYPE - additions on Gunlaug's homepages
