Add Impact to Type-driven Projects
In Articles by Carrie Cousins
In type-driven design, use varying type sizes, weights and color for impact and to create hierarchy.
#typography
Condensed fonts: The good, the bad, the ugly
In Articles by Carrie Cousins
Condensed fonts can be tricky use and should be avoided for blocks of type, although they can work well when used sparingly.
Understanding and Using Type Categories in Web Design
In Articles
Knowing how to identify and use fonts from different type categories can make your projects come together more easily.
Establish a Mood with Typography
In Articles by Carrie Cousins
The typefaces you select for a project can impact what people think as much as the actual message you convey.
Type Effects and Modification
In Articles by Carrie Cousins
Understanding type modifications can help designers focus on readability for chunks of type or a hint of flair for a more artistic approach.
Be Less Annoying: Reduce Bounce Rates through Better Web Design
In Articles by Patrick Cox
A properly designed site can reduce bounce rate and increase engagement significantly. In this article, six important elements are introduced that are important for reducing a site’s bounce rate.
With Rocking Letters into the New Year
In Playground by Team Codrops
2011 has been an exciting year for Codrops and we want to thank you for supporting us! We’ve learned a lot and it’s a privilege to us to be able to share our tutorials, experiments and thoughts with you. We hope that you have enjoyed our content and that it was inspiring and useful to you!
Experiments with background-clip: text
In Tutorials by Manoela Ilic
With the CSS property “background-clip: text” (which is currently only supported in Webkit browsers), we can add a background image to a text element. Today we will experiment with it and create some fun examples by adding CSS3 transitions.
6 Questions You Should Ask Yourself When Choosing Fonts
In Articles by Patrick Cox
If you’re like me, selecting fonts for your web design is going to be either easy or the most difficult task you’ll face. Fonts are a huge, powerful part of any design and they should be taken seriously so that your design can communicate its meaning and purpose correctly. Great font selections can make a web site, they can enhance your design and effectively communicate the message and goals of the web site to the user. Bad font choices can drastically alter your design and affect how your site is perceived by users.
Typography Effects with CSS3 and jQuery
In Tutorials by Manoela Ilic
Today we will create a set of nice typography effects for big headlines using CSS3 and jQuery. There are many things we can do with CSS3 animations and transitions and we’ll explore some of the possibilites.
25 Fresh Examples of Beautiful Typeface Combinations in Web Design
In Articles by Gisele Muller
Typography is a very important part of design and choosing the right type for your design can be very challenging. From print to web layouts, typography is the center piece of a good design and today we gathered a few examples of beautiful typeface combinations in web design to inspire you. In web design, typography can be used in different forms, big bold headers, simple and clean menus, explanatory text and so on. Finding a good combination of typeface is more than only good taste, it’s an art.
Interactive Typography Effects with HTML5
In Tutorials by Tim Holman
With HTML5 gaining popularity, this tutorial outlines what is really just the tip of the iceberg that is interactive design. In this tutorial I will go over the development of dynamic, and generative banners to give your website that little extra wow!
Sliding Letters with jQuery
In Playground by Manoela Ilic
Today we have a neat little effect for you. We want to bring some life to the standard hover effect by playing around with the letters in an anchor word. […]
The Problem with Web Fonts
In Articles by Patrick Cox
The problem with web fonts is that nobody wants to use the ‘safe’ fonts and you need as much live text on your site as possible. So what’s a designer […]