Image sprites, a bandwidth and server trip saver
Earlier I kind of dismissed image-based icons as a thing of the past. It’s actually not. My preference of course is to use icon fonts, but if you haven't guessed already, like regular fonts, icon fonts are not multi-color, and do not provide the full design possibilities found in image-based icons:
So if you plan to use them, it's . . .
Using icon fonts to give your website a more polished look
Icons give a website a really nice touch, and they pack a lot of design punch. You've heard the expression, "a picture is worth a 1000 words." Icons certainly express a lot, and usually within a tiny 16-pixel by 16-pixel area.
Back in the day we used to use images for icons, but this slowed down the user experience – each image . . .
This is the year the first member of Generation AI was born. 2016.
Both the human and the machine.
The rest of us are confused, concerned, excited, or willfully ignorant to what this will mean.
Up until now things have been moving fast in technology, but we haven't seen anything yet. Innovation for Generation AI will accelerate at a pace . . .
Up until now our focus has been foundation code and information architecture. In explaining information architecture I emphasize storytelling while purposefully deemphasizing design. Here is why:
Firstly, think about what your pages do, not what they look like. Let your design flow from the services which they will provide to your users, . . .
Coding a live nongraphical wireframe using the index card exercise and paper prototyping
So with the index card exercise done, the next step in the website design process is to take the resulting information architecture and create a nongraphical wireframe. Imagine your monitor as the blank canvas of an artist. Before the artist begins paintings often times he or she draws an outline. That's what we're going to do, . . .
Gathering and organizing information in web design
Before you begin coding it's important to take a few preliminary steps. What follows is a technique I use for gathering all the blocks of information that will ultimately make up a websites story, establish a layout, and define the user experience.
I'm going to make the assumption that you have conducted basic client discovery and . . .
The building blocks of information architecture
As a front end developer, without getting super complex or requiring a lot of money, there are three basic ways to go about designing a website:
- Start from scratch and architect and design everything yourself
- Work with a graphic designer from the get-go and implement his or her design mockup into your website
- Start from scratch and architect . . .