Perry Branch's Bookmarks tagged reference → View Popular

You are here: Diigo Home > Perry Branch's Bookmarks

Expand All 1 - 20 of 43 Next › Last »

Google AdSense Ad Formats

Here are the defacto industry standards for ad sizes and shapes. Use when laying out a page.

Tags: advertising, design, graphics, reference, web on 2008-03-07 and saved by6 people -All Annotations (0) -About

more fromwww.google.com

HTML DOM Node Tree

Good summary of the HTML DOM Family Tree. Describes what the terms "ancestor, parent, sibling, children and descendants" mean in relation to an HTML document.

Tags: dm3105, dom, html, midterm, reference, tree on 2008-02-24 -All Annotations (0) -About

more fromwww.w3schools.com

HTML 4.01 / XHTML 1.0 Reference

Tags: cheatsheet, development, html, reference, web on 2008-02-24 and saved by31 people -All Annotations (0) -About

more fromwww.w3schools.com

W3Schools Online Web Tutorials

Tags: css, design, development, directory, howto, html, links, reference, tutorials, web on 2008-02-24 and saved by422 people -All Annotations (0) -About

more fromwww.w3schools.com

15Expand

mezzoblue § CSS Crib Sheet

Tags: css, design, development, reference, theory, tips, web on 2008-02-24 and saved by30 people -All Annotations (0) -About

more fromwww.mezzoblue.com

A great list of things to consider when creating the CSS for your HTML. I've highlighted my favorites.
post by pabranch on 2008-01-17

When relying on floats for layouts, make sure they clear properly.
Add Sticky Note
- I generally use clear:both by default. I only specify left or right if there is a specific reason. This applies mostly to div layout I suppose rather than simply floating images etcetera.
  posted by pabranch on 2008-01-27
When in doubt, validate.
Add Sticky Note
- Validation helps you find that unmatched opening tag or forgotten quote. I regularly use validation as a sanity check after adding a significant amount of content and markup to a page.
  posted by pabranch on 2008-01-25
property order
Add Sticky Note
- I am torn about the right order. I often use alphabetical order to make it easy to determine if a particular property has been set. But part of me really wants to group related properties together.
  
  Thoughts DIIGOers?
  posted by pabranch on 2008-01-17
Some browsers are case-sensitive.
Add Sticky Note
- This can be an ugly item to figure out, particularly for a newbie. Similar issues occur with file names when developing on windows but deploying on another OS that cares about case.
  posted by pabranch on 2008-01-17
Name classes/IDs based on function, not appearance.

If you create a .smallblue class, and later get a request to change the text to large and red, the class stops making any form of sense. Instead use descriptive classes like .copyright and .pullquote.
Add obvious borders to help debug layouts.
Some users will definitely have a larger or smaller default than you; try to accomodate as large a range as possible.
Divide and Conquer: use commenting to turn off large sections of style.
Make sure your desired effect actually exists.

There are browser-specific CSS extensions that aren’t in the official spec.
If you build a site testing in a broken browser, your code begins relying on the broken rendering of that browser.

Version Control with Subversion

Tags: documentation, reference, scm, subversion, svn on 2008-02-20 and saved by8 people -All Annotations (0) -About

more fromsvnbook.red-bean.com

2Expand

Actual Browser Sizes (final) - Baekdal.com

This is a creative example of quantitative user research. According to the findings from this article the "above the fold" size that will apply to the most people browsing is 776px wide by 424px high. This takes into account the browser chrome and surfing w/o being maximized.

I think this study should be performed regularly, every couple of years perhaps to follow display size changes.

Tags: browser, design, development, reference, sizes, tools, web on 2008-02-20 and saved by9 people -All Annotations (0) -About

more fromwww.baekdal.com

CSS Reference

Tags: cheatsheet, cool, css, development, essential, reference, web on 2008-02-13 and saved by7 people -All Annotations (0) -About

more fromwww.css-ref.com

2Expand

CSS - Contents and compatibility

A very readable table of CSS feature support across several current browsers.

Tags: compatibility, css, essential, reference on 2008-02-13 and saved by18 people -All Annotations (0) -About

more fromwww.quirksmode.org

CSS Reference

Tags: css, design, development, learning, reference, tutorial, web on 2008-02-13 and saved by83 people -All Annotations (0) -About

more fromreference.sitepoint.com

3Expand

CSS - Quirks mode and strict mode

Page contains "Quirks Mode" history, theory and a wonderful resource in the form of a table showing the differences for the most common current browsers. Many good external links as well.

Tags: css, doctype, essential, history, html, quirks-mode, reference, standards, web on 2008-02-12 and saved by7 people -All Annotations (0) -About