Skip to main content

Home/ CSS Evangelist/ Contents contributed and discussions participated by Perry Branch

Contents contributed and discussions participated by Perry Branch

Perry Branch

The Web Standards Project - 0 views

  •  
    Home of the Acid tests.
Perry Branch

Actual Browser Sizes (final) - Baekdal.com - 0 views

  • in order to support 95% of your visitors, you need to design for a maximum size of 776x424px
  •  
    The final section "What size do I need to support?" has the findings summary, but the entire article is a very worthwhile read.
  •  
    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.
Perry Branch

Wufoo · HTML Form Template & CSS Design Gallery - 0 views

  •  
    Lots of great examples of forms and css styles to go with them.
Perry Branch

A List Apart: Articles: Understanding Web Design - 0 views

  • Architecture (the kind that uses steel and glass and stone) is also an apt comparison—or at least, more apt than poster design. The architect creates planes and grids that facilitate the dynamic behavior of people. Having designed, the architect relinquishes control. Over time, the people who use the building bring out and add to the meaning of the architect’s design.
  • Web design is the creation of digital environments that facilitate and encourage human activity; reflect or adapt to individual voices and content; and change gracefully over time while always retaining their identity.
  • Great web designs are like great buildings. All office buildings, however distinctive, have lobbies and bathrooms and staircases. Websites, too, share commonalities.
  • ...1 more annotation...
  • The experienced web designer, like the talented newspaper art director, accepts that many projects she works on will have headers and columns and footers. Her job is not to whine about emerging commonalities but to use them to create pages that are distinctive, natural, brand-appropriate, subtly memorable, and quietly but unmistakably engaging.
  •  
    A good discussion of Web Design in the context of traditional design.
Perry Branch

CSS - Contents and compatibility - 0 views

  •  
    This is an excellent resource comparing browser CSS support.
  •  
    A very readable table of CSS feature support across several current browsers.
Perry Branch

Interactive CSS Box Model Demo - 0 views

  •  
    Does this help you understand the Box?
Perry Branch

Common fonts to all versions of Windows & Mac equivalents (Browser safe fonts) - Web de... - 0 views

  •  
    Another thing to consider is that many Windows users have the Office suite or at least MS Word which comes with many fonts preslected for installation. Also look at the fonts used by OpenOffice and other popular opensource editors.

    These additional fonts are also good potential candidates for your font-family!

Perry Branch

Mike Davidson - sIFR - 0 views

  • Proper use and best practices

    sIFR is a powerful tool. So powerful, in fact, that you can completely ruin a web page with it if you get overzealous and don’t exercise restraint.

  • sIFR is for headlines, pull quotes, and other small swaths of text
  • type which accents the rest of the page. Body copy should remain browser text.
  •  
    Optimized dynamic generation of Flash movies bound using javascript to provide rich Font experience regardless of the client. Degrades gracefully. Looks interesting when you just HAVE to have that PERFECT font.

    Note that it is NOT intended for full paragraphs or any type of extended passages. Serves a similar function as Text Images.

Perry Branch

pastebin - collaborative debugging tool - 0 views

  •  
    @ToDo: Set this up on CAS and DM3105
Perry Branch

Buttonator - 0 views

  •  
    Can create some basic buttons for free. A monthly subscription will get you many more. Good for prototypes etc.
Perry Branch

mezzoblue § CSS Crib Sheet - 0 views

  • 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.
  • When in doubt, validate.
  • When relying on floats for layouts, make sure they clear properly.
1 - 12 of 12
Showing 20 items per page