Jeremy Loyd
Creative Director @hearsparkbox. Designer of the responsive web among other things. Find me on twitter @jeremyloyd.
Tutorials
  • Web Design
    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…
  • Web Design
    Typographic Readability and Legibility400x400
    115 shares
    When using typography on the web, there are many things to keep in mind in order to create a page that provides clear access to the content and presents it in a legible way. Typically this can be broken down into two buckets: Readability and Legibility. Readability refers to the way in which words and blocks of type are arranged on a page. Legibility refers to how a typeface is designed and how well one individual character can be distinguished from another. For the sake of this article, I’ll talk a bit about both, suggesting some specific techniques to improve your typography.Read More…
  • Web Design
    Understanding Typographic HierarchyThumb400x400 v3
    53 shares
    One of the most important techniques for effectively communicating (or “honoring”) content is the use of typographic hierarchy. Typographic hierarchy is a system for organizing type that establishes an order of importance within the data, allowing the reader to easily find what they are looking for and navigate the content. It helps guide the reader’s eye to where a section begins and ends, whilst enabling the user to isolate certain information based on the consistent use of style throughout a body of text.Read More…
  • Web Design
    The Sparkbox Responsive Design ProcessPreview
    104 shares
    At Sparkbox our responsive design process is fluid and changing, just like the technology we build with. I thought it would be nice to visualize this with a flowchart to illustrate our process, the team, our tools and workflow.Read More…