Advertisement

Typography

Latest Posts
  • Typography
    Tips to Help You Properly Mix Text With ImageryLorem
    213 shares
    In this article, we will discuss five different aspects of placing text over images that will help you properly mix copy and imagery.Read More…
  • Typography
    Improving Web Typography for Visually Impaired UsersGlasses
    148 shares
    We in the web industry often create for the majority, making our work tolerable for those in the minority. That isn't good enough. In this article we're going to examine ways to improve the typographic experience for visually impaired users on the web.Read More…
  • UI Design
    Designing an Elegant Blog Layout in PhotoshopBlog design 400px
    374 shares
    In this tutorial I am going to show you how to create a simple, elegant blog layout in Photoshop. We'll use a strong image above the fold (wherever that may be) with some straightforward messaging, followed by very clean and elegant typography.Read More…
  • Typography
    Getting the Hang of Hanging PunctuationGrand motel text effect
    424 shares
    Hanging Punctuation is a powerful typographic tool for creating optically aligned bodies of text. Unfortunately, it has been largely forgotten on the web... until now. We’ll take a look at the value of hanging punctuation and how you can partially implement it using a little JavaScript and a CSS rule which has been around for years.Read More…
  • Sublime Text
    Simple Visual Enhancements for Better Coding in Sublime TextSublime thumb
    580 shares
    Sublime Text offers thousands of extensions and settings to make a personalized code editor available for everyone. Right now, I’m going to show you some settings, plugins, themes, and color schemes to help make the coding experience more visually appealing. This won't just make your screen prettier, it'll make you a better coder!Read More…
  • Typography
    Start Using Quotation Marks the “Correct” WayQ retina
    97 shares
    Quotation marks, speech marks, inverted commas; whatever you call these forms of punctuation, you might well be using them incorrectly. Let’s take a quick look at what’s correct, what isn’t, and what you can do within your CSS to make sure your quotes are properly formatted.Read More…
  • Typography
    A Web Designer's Typographic BoilerplateB
    96 shares
    I like to use a typography.css in my projects; a separate file which houses all the basic structural typographic styles I'll need. A lot of what's found within it is obvious stuff (heading sizes, for example) but it also contains less obvious things which I don't want to forget. Let's work our way through the checklist..Read More…
  • Typography
    Figuring Out @font-faceF preview
    40 shares
    Within the last five years, typography on the web has taken quite an about face (sorry, pun intended). It used to be that web designers were constrained to using web-safe fonts only; system fonts available on all users' computers. As you can imagine (or experienced first-hand), this was frustrating to us type freaks, but we dealt with it. However, in a weird way it was kind of nice because you had a limited set of fonts to choose from, so the time spent picking the perfect font was minimal (I’m not complaining). Now though, a font specific to the look and feel you want to achieve is possible, and companies can now project their visual brand language through typography.Read More…
  • Typography
    How to Establish a Modular Typographic ScaleScale retina
    129 shares
    Possibly the most obvious typographic question in the hands of a designer is "which typefaces should I use?" The second question, one which rarely gets the kind of attention it ought, is "at what sizes should I set my type?" Establishing a modular scale is the best way to determine typographic sizes, in fact, it can help with laying out measurements and proportions across your whole page layout.Read More…
  • Typography
    H&FJ Web Fonts: A Field GuideHfj retina
    14 shares
    Since Hoefler & Frere-Jones announced their foray into the world of web fonts, the internet has been overflowing with the rejoicing of designers and typographers everywhere. Finally, one of the most popular type foundries out there has released their long-awaited competitor to the web font services of late!Read More…
  • Typography
    Pairing Fonts is Like Feeding Children..Font pairing menu retina
    5 shares
    When starting a web design project there are a lot of difficult decisions to make, including the classic: selecting fonts. Well executed typography can engage visitors, when they'd otherwise perhaps skim over the main body of content.Read More…
  • Typography
    Taking Ems Even FurtherEven more ems retina
    30 shares
    I recently wrote about ems; what they are, how they're used and some bits and pieces to bear in mind when you implement them yourself. I only scratched the surface though, and the comments thread threw up twice as many questions as the article answered! In this follow-up I'll take things further, looking at ems in even more detail.Read More…