Tag Archives: another

Structural Semantics: The Importance Of HTML5 Sectioning Elements

Whatever you call them — blocks, boxes, areas, regions — we’ve been dividing our Web pages into visible sections for well over a decade. The problem is, we’ve never had the right tools to do so. While our interfaces look all the world like grids, the underlying structure has been cobbled together from numbered headings and unsemantic helper elements; an unbridled stream of content at odds with its own box-like appearance.

Read More:

Structural Semantics: The Importance Of HTML5 Sectioning Elements

Rapid Prototyping For Any Device With Foundation

ZURB are well-known for their wireframing and prototyping tools and in this post they present their recent tool, Foundation, a framework to help you build prototypes and production code that’s truly responsive.
You’ve probably already heard about responsive design, which is website design that responds to the device constraints of the person viewing it. It’s a hot topic right now, and with good reason: alternative devices outsell desktop PCs 4 to 1 already, and within three years more Internet traffic in the US will go through mobile devices than through laptops or desktops.

View article – 

Rapid Prototyping For Any Device With Foundation

Dear Clients, The Web Has Changed. It’s Time To Use CSS3 and HTML5 Now.

Since hearing about HTML5 and CSS3, then later reading Hardboiled Web Design by Andy Clarke, I have been working on a presentation to help me introduce these development methods to my clients. If all I said to them was, “These are the latest development methods, but there will be visual differences in your website across browsers,” I’m sure you can imagine the response I would get.
Most of my clients these days tell me they want the following:

Originally posted here:  

Dear Clients, The Web Has Changed. It’s Time To Use CSS3 and HTML5 Now.

Equal Height Column Layouts with Borders and Negative Margins in CSS

“What? Another “Equal Height Columns” article? Enough already!” If this is what you think, then think again because this solution is different. It does not rely on any of the usual tricks. It does not use images, nor extra markup, nor CSS3, nor pseudo-classes, nor Javascript, nor absolute positioning. All it uses is border and negative margin. Please note that this article will also demonstrate different construct techniques and will brush up on a few concepts.

Original post:  

Equal Height Column Layouts with Borders and Negative Margins in CSS

Thumbnail

The Ugly Showcase of Military, Intelligence And Defense Websites

Members of military and intelligence forces around the world risk their lives daily to defend their countries and assist in peacekeeping and aid missions both at home and abroad. The men and women who make up the world’s defense forces make sacrifices that most civilians wouldn’t consider to serve their countries.
So, with everything they do for us, shouldn’t they be represented online by website designs that reflect the honor and responsibility they undertake every day?

See original article: 

The Ugly Showcase of Military, Intelligence And Defense Websites

Web Design Trends 2010: Real-Life Metaphors and CSS3 Adaptation

In our earlier article about Web design trends for 2010 we covered the strong influence of print design techniques, keypress navigation, horizontal layouts, rich typography and aesthetically pleasing designs. Web design today is developing rapidly, breaking the limitations of conventional approaches and exploring the possibilites of upcoming technologies. Designers are not only experimenting with new techniques and design approaches, but they are improving the quality of their designs in both technical and conceptual respects.

Continue reading: 

Web Design Trends 2010: Real-Life Metaphors and CSS3 Adaptation

Principles Of Minimalist Web Design, With Examples

Minimalism is achieved by reducing a design to only the most essential elements. Expressions of minimalism span multiple disciplines, as well as other art forms such as music and literature. For website designers, though, minimalism can be intimidating and difficult to master.
But anyone can master minimalism. Essentially, minimalism is about breaking things down to the barest elements necessary for a design to function. It’s about taking things away until nothing else can be removed without interfering with the purpose of the design.

Originally posted here:  

Principles Of Minimalist Web Design, With Examples

The Fabulous, Must-See Work of Anthony Hare

Once in a while, I’ll be browsing the internet and would run into an artist that would just make me say, “WOW!” Well, Anthony Hare is one of them. This man has mastered the art of black and white illustrations. You absolutely need to see his work. I like his work very much. It is very clean, and the lines are sharp and crisp. Another thing that amazes me is not only the quality of his work, but the quantity of it as well.

See original:

The Fabulous, Must-See Work of Anthony Hare

Showcase Of Music Night Clubs Web Designs

The time has come for the first showcase of music night club websites here on Smashing Magazine. We’ve scanned the Web up and down to find the most original and interesting online club identities. As usual, we have Flash websites and CSS eye candy. Please notice that the aim of the post was to showcase current web designs of music night clubs, so the gallery doesn’t necessarily showcase most usable or most beautiful night club web designs out there.

Follow this link:

Showcase Of Music Night Clubs Web Designs

Thumbnail

Welcoming And Informative Introductions In Web Design

Corporate Web design has certain elements designed to attract customers. One of those elements is the introduction. The page or website introduction does what you would think: it introduces the website or page to the user and entices them to visit more of the website.
Using an introduction has several benefits. The first is that introductions can coax the user further into the website. If the introduction is colorful, well-designed and has a good title, the user will be interested in the rest of the content.

Link: 

Welcoming And Informative Introductions In Web Design