Articles Archive

featured

Announcing Design Curate: Freebies and Resources for Designers

We’re incredibly excited to let you know about a new project we’ve been working on for the past few months — Design Curate. While we love to share inspiration and articles here, we also wanted a place to offer some fantastic freebies and resources for designers.

Design Curate already has a growing collection of freebies — PSDs, WordPress themes, CSS/HTML snippets, and lots more! We’ll be adding new free resources every week, along with featuring a few commercial design goodies from time to time as well.

Read on to find out more about the new site, or just head over and take a look!

January 24th, 2012 Posted in Design Shack
compatibilitybuffer-f

Nailing Browser Support in CSS3 and HTML5: Invaluable Resources to Use Today

screenshot

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
wf-didones-f

Weekly Freebies: 6 Sophisticated and Free Didone Fonts

screenshot

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
clichelogos-f

5 Cliché Logo Design Trends to Avoid

screenshot

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
cssbuttonapp-f

Create Amazing CSS Buttons on the Fly With CSSButton.Me

screenshot

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
borderbad-f

Beating Borders: The Bane of Responsive Layout

screenshot

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
mlblogos-f

New Logos for the Marlins, Orioles and Jays: Did They Get Better or Worse?

screenshot

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
printtoweb-f

Keep That New Year’s Resolution and Make the Leap From Print to Web Design

screenshot

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
wf-freshicons-f

Weekly Freebies: 12 Fantastic, Fresh and Free Icon Sets

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
css-beforeafter-f

The Lowdown on :Before and :After in CSS

screenshot

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
Subscribe


Membership