CSS and HTML Coding Today

Dec 6, 2007 - 2:21 pm 1 by
Filed Under PubCon 2007

It seems that half of the panel was unable to make it at the last minute.

Marc Juneau - Nolagraphics.com

Gives his background - started at GoDaddy and now has own company.

History of Web

- 1 site to 160 million - Web started as text base - Along came graphics and flash

Problems started in about 1996 - sites were built of just flash and images

Why does this make it hard? - search engines only see html - many different ways sites were being coded in html - in many cases there was more code then content

W3c Gets Noticed

Why validate? Clients will never notice.

- 2 schools of thoughts - make it look good no matter what the html looks like - design to a standard

*shows a bloated code sample*

Advantages - helps when multiple people are working on something - everyone knows the standards

Ted Ulle - The MEWS Group - CSS and HTML Today

XHTML - what he considers a misstep

There are a lot of reasons we should not use XHTML - there is a thread on WMW that goes into great detail and should be looked at it.

HTML - the M stands for (the audience yells Markup)

Semantic Meaning vs. visual Rendering

HTML - semantic CSS - visual

Under used CSS

- common elements deserve their own default style rules (p tag, h1, and so on)

-

Whats the deal? Its a CSS Toolkit and allows you to be very flexible - .c - text align center - .s - is a small font - Line-height - it matters - set radio (1.25) not px or pt - improves readability and comprehension - plugs Usability News and how it is a must read - its from Wichita.edu and only comes out a few times a year

Abused CSS

- Hiding Anchors - Dont let aesthetics trump communication - Removing underscores? - Use redundant link cues - color/background-color - font variations - hover behaviors - Links are the core of the web

- Span tag - should be rare, very rare - it exposes weak CSS planning

- H1 and H2 - Do not use just for presentation - use an imitation style for H1 and H2

A guy does a stand-in as a presenter and uses a presentation from last year.(didnt catch his name)

Shows what is a "standard way" for CSS menus.

Shows a dynamic sample that can be written in PHP, Perl, ASP or any other language.

Advantages - less code - less storage - faster download of css

Q: What is a difference between an ID and a Class

A: ID is for something that only appears once on a page. Marc puts in that he uses IDs for layout and class for everything else.

Q: Image replacement - any techniques?

A: Tester: Some of the old ways (putting text 950 pixels over) looks like spam. SWF Object is the best way for replacing flash. He is suggesting that Adobe and Flash do it for you - that it creates the alternative text on the fly.

Contributed by DaveR.

 

Popular Categories

The Pulse of the search community

Follow

Search Video Recaps

 
- YouTube
Video Details More Videos Subscribe to Videos

Most Recent Articles

Google Updates

Google November 2024 Core Update Heats Up This Weekend

Nov 17, 2024 - 8:10 am
Search Forum Recap

Daily Search Forum Recap: November 15, 2024

Nov 15, 2024 - 10:00 am
Search Video Recaps

Search News Buzz Video Recap: Google November 2024 Core Update, AI Overview Hyperlinks, SEO, Ads, AdSense & More

Nov 15, 2024 - 8:01 am
Google Maps

Google Maps Search For Products Nearby Carousel

Nov 15, 2024 - 7:51 am
Google

iPhone Gets Native Google Gemini App

Nov 15, 2024 - 7:41 am
Google

Google Chrome To Spotlight Merchant Center Promotions

Nov 15, 2024 - 7:31 am
Previous Story: Effective Action Based Copywriting