Front-end Developer

Grab the code below
<div style="width:100%;color:cornflowerblue;background:black;padding-top:3px; text-align:center;font-family:Georgia,Times;font-size:54px;font-weight:bold;line-height:1em;padding-bottom:5px;" onClick="top.location.href='http://www.front-end-developer.com/';"> <span title="Link naar Texturizer Filter site" onmouseover="this.style.color='white';" onmouseout="this.style.color='cornflowerblue';">Front-end</span><span style="font-family:geneva,arial;color:cornflowerblue;font-size:12px;font-weight:bold;padding-left:5px;">Developer</span></div> <div style="width:100%;background:cornflowerblue;text-align:center;font-size:small;font-family:system,geneva;font-weight:bold; "> “Pure CSS XHTML Banner” …</div> <p>

There are many advantages to designing with Cascading Style Sheets. CSS is extremely easy to learn and rework once a basic site framework has been established. Websites, or website components can easily be changed into something totally different just by swapping a single CSS file, or a line within a CSS file.

CSS designers always seem to have a few different elements that they commonly use over and over in all designs, these can include navigation elements and form fields, among other items. Smashing Magazine has compiled a list of 53 CSS Techniques that you couldn’t live without, linking out to tutorials on CSS navigation, tabbed navigation, bar graphs, rounded corners, hover effects, image map, submit buttons, custom bullets, and sidenotes. Whether you are new to CSS, or have been in it for a while, these are some great tutorials to have archived as reference materials.

The 2008 edition of Web 2.0 Expo is now underway in San Francisco. Check out all the highlights from the show:

• Photos
• News and Coverage
• Blog
• Live Twittering

Attending Web 2.0 Expo? Use some of the networking tools to connect with other attendees while you are here.

Please note: Online registration for Web 2.0 Expo San Francisco is now closed. Please come down to Moscone West and register on-site.

Web 2.0 technologies are empowering us in ways we could only have imagined even just a few years ago. We’re able to build more, connect more, have more fun, sell more stuff, share more than ever before—and do it all faster. But as the pace of change and innovation accelerates, separating signal from noise, useful from annoying, genuine from fluff becomes increasingly challenging.

What tools and applications are right for a given project? How can we provide a more meaningful experience for users and customers? How can we have a positive impact on the world we live in? What are the ways we can create more value for our businesses? How do we gather and focus datapoints to deliver relevant information? How can we increase conversation and collaboration?

The second Web 2.0 Expo San Francisco takes the pulse of the Web ecosystem and looks to its future, training a spotlight across the Web 2.0 universe to illuminate how the Internet Revolution is being created and delivered. Web 2.0 Expo is for the builders of the next generation web: designers, developers, entrepreneurs, marketers, business strategists, and venture capitalists, people who have experiences to share and a passion for learning–the hot new thing, lessons from failures, innovations and inspirations, and the practical applications of all of the above. What will you do with the power of Web 2.0?

Experience Web 2.0 Expo

A companion event to the Web 2.0 Summit, Web 2.0 Expo is an expanded, inclusive gathering for the technology and business communities through a combined conference and tradeshow. Read more about Web 2.0 Expo San Francisco

Web 2.0 Expo San Francisco happens April 22-25, 2008 at Moscone West. Whether you’re new to the Web 2.0 world or an expert or in Ajax, Ruby, tagging, the social graph, user experience, meta-programming, search engine marketing, community building, web operations, user-generated content, building startups from scratch, or “Web2.0-ifying” the enterprise, come to Web 2.0 Expo San Francisco and immerse yourself in the Web 2.0 experience.

Tracks at Web 2.0 Expo San Francisco 2008:

• Strategy and Business Models
• Marketing and Community
• Design and User Experience
• Fundamentals
• Development
• Focus on Mobile Web
• Focus on Web Operations
• Focus on Social Platforms
• Sponsored Sessions

In addition to on-stage sessions, keynote presentations, workshops, panel discussions, and demos, Web 2.0 Expo San Francisco will provide ample opportunity for all participants to engage face-to-face:

• A vibrant Expo Hall bustling with essential products, tools, services, and projects at the cutting edge of technology
• Launch Pad, an opportunity to publicly unveil new companies and products
• Web2Open, a space where any participant can lead a conversation with other attendees
• Expo Booth Crawl, parties, and other fun networking events

The inaugural Web 2.0 Expo San Francisco attracted 8,500 attendees from companies and organizations like:
Adobe Systems, America Online, American Greetings Interactive, Apple, BA Venture Partners, BP, Centers for Disease Control, Discovery Health Media, Dow Jones, EMC, Experian Interactive, First Round Capital, Hitachi, Ltd., Hummer Winblad Venture Partners, IEEE, Intel, Intuit, Jet Propultion Laboratory, Labrador Ventures, MTV Networks, Magazine Publishers of America, McGill University,, Merrill Lynch, Monster, Motion Picture Association of America, Nokia, North Bridge Venture Partners, Northrop Grumman, RealNetworks, Simon & Schuster, Standard & Poor’s, Sun Microsystems, The Heritage Foundation, The Wall Street Journal Online, Turner Broadcastings Systems Inc., University of Richmond, University of Southern California, Walt Disney, WhitePages.com, and many, many more.

According to Jakob Nielsen, these are the 10 most common usability violations found in web applications:

1. Non-standard interface controls, such as home-grown scrollbars
2. Inconsistency in the way things work, appear and are labelled across the app
3. No providing proper affordances that give people visual clues about what they can do with an object (e.g. that they can drag-and-drop an object)
4. Not giving proper feedback about what is happening
5. Bad error messages that don’t tell what went wrong and how to fix it
6. Asking for the same information twice
7. Not providing defaults (e.g. in a list of radio buttons)
8. Dumping users into the app without giving them an idea of how it works
9. Not indicating how collected information will be used
10. Offering system-centric features that reflect the system’s internal view rather than the users

And generous as Jakob is, he also has a bonus mistake: Reset buttons on web forms.

Links:
Top-10 Application-Design Mistakes