Archive for the ‘Design’ Category



Andy Forwark

03/03/2010

How To Easily Use Non-Web Safe Fonts In Your Designs With Cufón
01:23 pm by Andy Forwark

As a frontend developer, I don’t do much design work. I am usually handed a design and asked to build out the HTML and CSS before handing it off to the backend developer. I’m given the design, open it up in Photoshop, and as I go through and make my edits, I will sometimes notice headlines with fonts that are not safe for the web.

If you use an image to replace those headlines, it hurts the site as far as the SEO goes, right?. Wrong. Using CSS there are plenty of ways to keep the markup for the web crawlers, and the viewer will still see the design with the correct font face. To do this, you just us a simple image replacement technique with CSS, probably ten different ways to do it. These techniques work great, but what happens when your client asks you to change that headline to something else? You have to then go back to Photoshop, edit that piece of text, re-save the image, and then update your CSS with the new image name. Sounds like a lot of work to change one line of text right?

Allow me to introduce my new friend, Cufón. Cufón is a JavaScript library that renders a font file into a script that allows you to replace HTML elements on a page with that specific font file. Pretty slick right? Now when your client asks you to change the text in a headline, you only have to change it in the HTML, instead doing all of that other work!

So, whats the browser compatibility? The good news is that it works in IE6. Need I say more? And, yes the standards too (Firefox, Safari, Chrome). You can see a full list here.

One more note worth pointing out is that if the user has JavaScript turned off for some reason, then they wouldn’t see the pretty font face, but they would still see the heading on the page. So for the next project you get, don’t stress because your designer used non-web safe fonts, go ahead and try it out — it’s easy to implement into any site. You can “see” Cufón in action at The Visual Click, or over at Press75.

Do you have any secrets to add or other pieces of advice? I would love to hear your thoughts.

Andrew Holmes

02/18/2010

Bridging the gap: A web designer’s struggle between effective design and creating a flashy portfolio
04:07 pm by Andrew Holmes

picture-24

The fact is, our clients often need work done quickly and efficiently, all the while having very specific target markets in mind. It’s the designers job to meet the needs of the client and instantly adapt to their brand. Especially if there is no brand. Take web design for example. Sure, we as designers all have our standard bag of tricks, our own styles of the trade, but at the end of the day, we have the same job to do. Goals to meet. A few of those goals would be to simply get your website in front of the right people, usually lots of them and then have them think or act certain way. Its our job to take control, guiding them through this online experience, until some sort of fulfillment is met. Oh yeah, what are we trying to achieve again?. Is your target market buying something? Maybe you need to them to register, leave their email address, donate, sign up or just plan be informed. All these things play a role in how you design.

For some designers a struggle is trying to find a balance between being a creative and having to design within the rules of the web. Most will tell you that web design is enjoyable for its interactivity and seemingly endless pool of design options. Web design provides many opportunities for one to be creative, especially with the tools we have today. However, over the years standards have been set and the bending of the rules has become harder and harder. For example, navigating websites is usually done by clicking buttons spanning in a row, left to right, usually somewhere near the top of a page. Another common layout of course would be to run the navigation points down the left hand side of a webpage. But those are your only options for a typical professional website. Why, you ask?  Because it makes sense. Ford Motor Company isn’t going to release the next Fusion model with the steering wheel in the back seat, are they? Just like cnn.com isn’t going to launch their new site with the main navigation crammed somewhere near the bottom of the page. Get it?

But what if you want to? What if you want to try something new? Most designers didn’t get into this business to keep adding to the great pool of mediocrity. No way. There isn’t one designer out there who wants to produce work that’s just okay. After all, we’re all just a bunch of showoffs who want to produce web sites that impress, making our clients say that great three-letter-word: “Wow!” Hey, we paid good money to go to that fancy art school and now we want to create the sort of designs that earn us a good reputation among clients AND other designers.

Unfortunately sometimes getting too creative is a tough sell in the business of web design. Believe me. But that doesn’t mean there isn’t any room to showcase or express your design abilities. Its up to us to balance the rules of the web and our creative minds by finding new ways to achieve the client’s goals. I feel it is important to break out of that standard bag of tricks as long as you can remember to never let your finger too far off the pulse of what matters most. Good effective design or our company’s flashy portfolio?

Photo: juhansonin