YOUR FEEDBACK
Architect0001@Nubifer.com wrote: Cloud Computing is a broad term. Simply searching "Cloud Computing" on Google wi...


2008 East
DIAMOND SPONSOR:
Data Direct
Frontiers in Data Access: The Coming Wave in Data Services
PLATINUM SPONSORS:
Red Hat
The Opening of Virtualization
Intel
Virtualization – Path to Predictive Enterprise
Green Hills
IT Security in a Hostile World
JBoss / freedom oss
Practical SOA Approach
GOLD SPONSORS:
Software AG
The Art & Science of SOA: How Governance Enables Adoption
PlateSpin
Effective Planning for Virtual Infrastructure Growth
Fujitsu
Automated Business Process Discovery & Virtualization Service
Ceedo
Workspace Virtualization
Click For 2007 West
Event Webcasts

2008 East
PLATINUM SPONSORS:
Appcelerator
Think Fast: Accelerate AJAX Development with Appcelerator
GOLD SPONSORS:
DreamFace Interactive
The Ultimate Framework for Creating Personalized Web 2.0 Mashups
ICEsoft
AJAX and Social Computing for the Enterprise
Kaazing
Enterprise Comet: Real–Time, Real–Time, or Real–Time Web 2.0?
Nexaweb
Now Playing: Desktop Apps in the Browser!
Sun
jMaki as an AJAX Mashup Framework
POWER PANELS:
The Business Value
of RIAs
What Lies Beyond AJAX?
KEYNOTES:
Douglas Crockford
Can We Fix the Web?
Anthony Franco
2008: The Year of the RIA
Click For 2007 Event Webcasts
SYS-CON.TV
MXDJ TOP LINKS YOU MUST CLICK ON !


The Year of CSS
The future has arrived

I'm not one who normally tries to predict the future. I ignore stock market tips, advice from psychics, and weather reports. But I think I can safely say that 2004 will see some of the most fundamental changes in Web-site design since the birth of Netscape Navigator. This is the year of CSS.

Sure, Cascading Style Sheets isn't a new technology - the original recommendation came out in 1996. And if you've been building sites for the last few years, it's likely you've been taking advantage of the formatting control CSS offers - from typographic nuances like line-height and text-indent, to fine-tuned background, border, and margin controls. But odds are, for your most important sites, you've steered clear of CSS layout and stuck with the tried-and-true Web-layout workhorse - HTML tables.

The problem isn't CSS - the standard is robust enough to handle most design challenges. It's the browsers that we (or our bosses and clients) feel compelled to support; we fear that some vocal minority of our Web traffic still clings to Netscape Navigator 4, or Internet Explorer 3. (Please check your Weblogs! It just ain't so.)

But the dam is finally cracking. The groundbreaking work of CSS Zen Garden (www.csszengarden.com) has shown that CSS provides a level of design control that (in the right hands) can rival the best layout that print publications can offer. And it's not just personal Web zines, blogs, and "experimental" sites that are adopting CSS. Major corporations have seen the light and are following along - Wired.com, ESPN.com, FastCompany.com, and even AOL.com are using pure CSS on some if not all of their sites' pages. Yeah, that's right: AOL.

From a business perspective there's a lot to admire about CSS. In most cases, it can trim significant fat from table-heavy HTML files - meaning faster pages and lower bandwidth costs. ESPN.com, for example, estimates that they've shaved 50KB from the average page on their site, leading to a projected bandwidth savings of 2 terabytes of data per day. Amazingly, their home page (http://msn.espn.go.com) is still a visual feast of graphics and fine design details.

In addition, CSS-based designs provide great flexibility in site updates - a single CSS file can skin an entire site. Swap one CSS file for another and you can instantly change a site's look and feel - check out www.csszengarden.com to see this amazing feat in action. Fundamental changes to a layout - such as moving the navigation bar from the top of the page to a left-hand sidebar - require changing only a few CSS rules, not hours of tedious reworking of HTML code.

The original benefits of Cascading Style Sheets remain as well: CSS encourages modular design and the separation of structure (HTML) from presentation (CSS); output can be customized to a wide variety of devices so content is accessible by printers, screen-readers for the visually impaired, cell phones, PDAs and other hand-held devices, and even text-based Web browsers like Lynx; and for designers, the most important benefit of CSS is that it just looks better than anything you can do with HTML alone.

CSS isn't a Macromedia technology, but everyone developing Web sites with Macromedia tools can feel its impact. Even Flash MX 2004 provides some support for CSS to provide more unified presentation between Web pages and Flash movies. And, of course, Dreamweaver users and ColdFusion developers can take immediate advantage of CSS in their workflows. In fact, the most significant additions to Dreamweaver MX 2004 relate to CSS - from better style creation and editing to greatly improved rendering of CSS designs within Dreamweaver. That's why in the next few months we'll present a variety of articles on CSS in the Dreamweaver section of MXDJ. We'll cover the basics of CSS, as well as troubleshooting advice, advanced tips, and tricks - information you'll need to stay ahead of the curve. Enjoy the future.

About Dave McFarland
Dave McFarland is the Dreamweaver editor of MX Developer's Journal and author of Dreamweaver MX: The Missing Manual. Find out about his latest projects at www.sawmac.com. DAVEMCFARLAND@SYS-CON.COM

YOUR FEEDBACK
David McFarland wrote: Abbie, you''re right: CSS isn''t intuitive; it''s yet another tool to learn. That''s where MXDJ comes in. In the coming months, we''ll be presenting articles to help steer both novice and advanced users throught the tricky waters of CSS. We''ll present basic concepts, best practices and example driven articles to help you learn and use CSS.
Mike Ward wrote: Abbie, Don''t give up! I have been learning CSS for years (it seems) and I have been doing a lot more with it, even creating entire websites with just CSS for presentation. I understand your frustration but I think you will find it worth it if you continue working with CSS. I also agree with Steve, Top Style is a good CSS editor, but I have to say, I would prefer to work with a text editor when writing CSS so you can get a better understanding of the code behind. Good Luck, Mike
Steve Eagleson wrote: Abbie, You might consider using Top Style Pro(www.bradsoft.com), which is an editor designed for CSS. It really does make it easy to do CSS layout, and, at $79.95, is relatively inexpensive. This is the premier version of the application; the Lite version is included with DreamWeaver MX. Good luck!
Abbie Murray wrote: CSS is not intuitive. I would love to be using it but I have a difficult time beyond text basics. I committed once to trying to do a new webpage using CSS, but failed miserably. Offering examples and applications will be greatly appreciated.
LATEST FLEX STORIES & POSTS
This is my final blog from the Adobe MAX 2008 conference.
I spoke on a panel at Mashup Camp this week on why Ajax Standards matter. I was quoted by Doug Henschen of Intelligent Enterprise as saying that we are locked in a struggle for the soul of the web, so I thought I would expand on that theme. Just because the web has been open so far doe...
New releases of Flex software were announced at MAX. How Flash Catalyst works.
Adobe and ARM are gonna put Flash Player 10 and AIR, the stuff of web video and rich Internet apps, on ARM widgets by the second half of next year. They mean phones, set-tops, MIDs, TVs, car mojo and personal media devices, which have so far only had access to Flash Lite, not the best ...
Notes from the openning day of Adobe MAX 2008
Of all domestic air carriers, I like Continental the most. They showed Mamma Mia and the food was bearable. Last month, I was in the air for 14 hours flying to Japan, and now the trip across the USA is a piece of cake. I have only carry luggage with me. This small bag has all the cloth...
SUBSCRIBE TO THE WORLD'S MOST POWERFUL NEWSLETTERS
SUBSCRIBE TO OUR RSS FEEDS & GET YOUR SYS-CON NEWS LIVE!
Click to Add our RSS Feeds to the Service of Your Choice:
Google Reader or Homepage Add to My Yahoo! Subscribe with Bloglines Subscribe in NewsGator Online
myFeedster Add to My AOL Subscribe in Rojo Add 'Hugg' to Newsburst from CNET News.com Kinja Digest View Additional SYS-CON Feeds
Publish Your Article! Please send it to editorial(at)sys-con.com!

Advertise on this site! Contact advertising(at)sys-con.com! 201 802-3021


SYS-CON FEATURED WHITEPAPERS

ADS BY GOOGLE