Understanding the Lingo: Typography Glossary
In Articles, by Carrie Cousins
Ascender, descender, tail, ligature. What do they all mean? A glossary of terms can help you understand the parts of type for your next project
typography
Effective Typography-Driven Web Design
In Articles, by Carrie Cousins
Using type as a primary design element comes with a set of characteristics that are often found in clean and easy-to-read websites.
Type Effects in Web Design: It’s All About Moderation
In Articles, by Carrie Cousins
Type effects – from bolding, italics, tilting, strokes and underlines – can make or break the typography on your site. Using type effects in moderation is the key.
Rotating Words with CSS Animations
In Tutorials, by Manoela Ilic
Using CSS Animations we will change or rotate some parts of a sentence.
Successful Web Design: It’s All About The Details
In Articles, by Carrie Cousins
Pay attention to alignment, contrast, type effects and color because these items can make or break your website design.
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.
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. […]
