Aligning Images

dding an image to a web page is fairly straightforward. While the img element has its own alignment attribute, it’s now better practice to control image alignment through CSS. You can use CSS to control where the image appears in relation to other elements using relative positioning, floats, and margins. Alternatively, you can control an [...]

Continue Reading →

0 Comments

Laying Out Pages

or designers, the abundance of web access devices creates an abundance of opportunities for potentially awkward interpretations of our web pages. Luckily, CSS floats, CSS frameworks, and responsive layouts enable us to separate the presentation of a web page (what it looks like) from the content (images and text). That’s a good thing. When content [...]

Continue Reading →

0 Comments

Image Maps

utting basic link tags around an image makes the entire image a link. Alternatively, an image map, created by web pioneer Kevin Hughes in 1993, allows for multiple links at predefined areas within an image. Back then, you had to use server-side programming to get image maps to work. Eventually, though, the browser vendors programmed [...]

Continue Reading →

0 Comments

Images for the Web

mages made the web boom. In its early days, the World Wide Web was about colleagues sharing scientific papers written in text so dry it would make Shakespeare weep. If it wasn’t for the simple img element, a once nonstandard bit of HTML proposed by Marc Andreessen and coded into the now-relic Mosaic browser, we’d [...]

Continue Reading →

0 Comments

Lists and Icons Fonts

eople seldom read the web. Studies have found that people skim. Visitors to your website are experts at scoping out a web page. Their eyes dart from one corner to another looking for words and high-contrast imagery to determine if they’re in the right place. They look for what user experience researcher Jared Spool calls [...]

Continue Reading →

0 Comments

Transparency and Shadow

For practical purposes, let’s think of pixels as squares. Images made up of these square building blocks can only have edges with right angles, and can only have smooth-looking edges when they’re rectangles. Working with rectangles leads to boxy layouts. Web designers use transparency to break out of this boring, boxy mentality; with transparency, they [...]

Continue Reading →

0 Comments

Challenges in Web Design

eveloping a new version of a browser once took a year; now, browser companies update their products every couple of months. The World Wide Web Consortium (W3C), the web standards body, frequently updates its recommendations on how browsers should work. Users are no longer chained to the desktop; they can access the Web on their [...]

Continue Reading →

0 Comments

Web Typography

ommunication is emotional. Words written by authors such as Upton Sinclair, Harriet Beecher Stowe, and Thomas Paine have moved people to tears, sparked movements, and changed the course of nations. How words are presented visually affects how readers perceive them. Matching the right font with the right message is the role of the designer. When [...]

Continue Reading →

0 Comments

Styling with CSS

hen we get ready each day, we don’t change our internal organs to get ready for the day. No, we just change our clothes. Changing a website design should be as easy as changing a set of clothes. Imagine you’re designing a website that consists of twenty pages, and you want to change design elements [...]

Continue Reading →

0 Comments

Understanding HTML

he Internet is full of content. Pretty much everything you can think of is waiting for you to see, and it was all put there by people like you and me. You too can take an active role in creating content for the web. HTML is the key to getting your ideas out there for [...]

Continue Reading →

0 Comments