New technologies are making web development more exciting than ever before. HTML5 and CSS3 provide a double dose of modern practices that are absolutely refreshing and empowering. Unfortunately, utilizing these technologies can considerably complicate your quest for cross browser compatibility.
How can you know which techniques are safe to use now and which you should either provide alternatives to or avoid altogether? Join us as we take a look at a handful of our favorite resources that quickly and easily help you make informed decisions about real world HTML5 and CSS3 implementation.January 23rd, 2012 Posted in CSS
Didone typefaces (also known as Moderns) are a particularly classy type of font that is characterized by heavy contrast between the thick and thin portions (the vertical parts are thick) and typically very thin, unbracketed serifs. They’re a lot like slab serifs that want to be upscale and fancy.
This particular classification of typeface is one of the rarer breeds to find in the free font world so be sure to take all you can get. Today we’ve got a great little collection of six beautiful and free Didone fonts for you to download and enjoy.January 20th, 2012 Posted in Freebies
Logos are one of the trickiest areas in the graphic design world. It takes almost zero talent to make a logo, virtually anyone can do it. However, making a good logo requires a lot of insight, artistic skill and patience.
Too often we see designers falling into the trap of rushing into a logo design project and coming up with ideas that are so overused that they’re downright cringe-worthy. Today we’re going to take a look at five logo trends that fit this description. Read on to see if any of your go-to techniques are on the list.January 20th, 2012 Posted in Graphics
Today we’re going to have some fun as we take a look at an awesome new free tool for web developers simply called CSS Button. This web app makes it quick and easy to make the CSS buttons of your dreams using simple and intuitive controls.
I’ve seen quite a few other CSS button makers before and almost none really merit repeated use, but this site has a lot going for it and can genuinely save you a lot of time and frustration. Let’s jump in and check it out!January 19th, 2012 Posted in CSS
Responsive design often requires setting your widths using percentages. This is easy enough to accomplish, that is until you start throwing borders into the mix. If your columns and total width are set using percentages, a static border size wreaks havoc on your layout.
Today we’re going to look at a couple of different ways to beat this problem. You’ll learn how to create a completely fluid layout that doesn’t mind extra borders or padding one bit.January 18th, 2012 Posted in CSS
With a new year always comes new branding attempts. Organizations want a fresh face to signal progress and ongoing evolution and branding is the vehicle that designers use to achieve this goal.
As we all know quite well, this is a risky venture with large entities. If it goes well, your customers (or fans in this case) love you for it. If it doesn’t, you’re setting yourself up for plenty of public ridicule. Today we’re going to venture into the world of sports and check out three new Major League Baseball team logo designs. Which teams are updating their look for the new year? Were they successful or is the result a surefire embarrassment? Read on to find out!January 17th, 2012 Posted in Graphics
You’ve been designing for print since college and have an eye for what makes visuals work. But the landscape has changed (and for some, might even look a little scary). So when the ball dropped at the start of 2012, your resolution was to learn a little more about the digital side of it all and make yourself that much more marketable.
Now is the time to get started. There are tons of resources out there to help print designers get their feet wet in coding, HTML and digital design. Because of the skills you already possess as a print designer, the transition might even be easier than you think. You already know how to use text, color and images, but need the skills to make it happen in the online format. With a little time and dedication, almost anyone can learn the basics with a few great (and free) tutorials right at your computer.January 16th, 2012 Posted in HTML
It’s 2012 and time to refresh your stock of web design icons. Stop using the same old sets and add some new resources to the mix. Today we’ve got twelve awesome icons sets that are completely free to download and use.
No matter what type of project you’re working on, we’ve got your covered. From general purpose web design icons to social media and payment methods, these twelve sets cover an impressive range of potential uses.January 13th, 2012 Posted in Freebies
We recently took a look at :active, an extremely handy pseudo-class selector that can be used to create some awesome mouse-down effects. Today we’re going to take a step back and explore some other “pseudo” items, this time we’ll be looking at the pseudo-elements :before and :after. You’re probably beginning to see these used all over the web in advanced CSS examples so you might as well jump in and learn to use them yourself.
What is a pseudo-element and how does it differ from a pseud-class? Why do pseudo-elements sometimes have one colon and sometimes have two? How are :before and :after implemented in CSS? What are some ways that developers all over the web are using these tools to perform amazing feats of modern coding? Read on to find out.January 13th, 2012 Posted in CSS
You’ve been there a thousand times, staring at a big empty canvas that simply doesn’t seem to work with the photo that the client has provided. Perhaps you have a vertical space and a horizontal photo (or vice versa), or maybe the image is simply too small to resize without unacceptable quality loss. What now?
Today we’ll go over some tricks of the trade and teach you how to cope with images that don’t fit where you need them to. The next time you run into a problem, you’ll be ready!January 12th, 2012 Posted in Graphics