• Typography
    Finding the Mobile Typography Sweet SpotType
    Let’s get serious about mobile typography; we all know that mobile is massive, and we can also agree that typography is super important within a design. Typography is a fundamental design element; personally, I prefer to start with it as I create any design because it helps set a good stage for the rest of the design. So let’s talk about how we can make our mobile typography the best it can be.Read More…
  • Kids
    Web Design for Kids: TypographyWeb design for kids 09
    Welcome to the ninth lesson of our Web Design for Kids series, all about Typography. In this tutorial we will look at what typography is all about and why it’s so important in design. We have talked about the user’s experience a lot so far and this tutorial will be no exception; we’ll be working hard to make sure our text is beautiful and easy to read!Read More…
  • Icon Design
    The Pros and Cons of Icon FontsIcon fonts
    In this short video tutorial from my recent icon fonts course, I'll briefly explain what icon fonts are and how they work, and then I'll go through the pros and cons of using icon fonts compared with images. Read More…
  • Community Projects
    CodePen Challenge #3: Results!Codepen challenge 3
    Last week we asked you to take part in our third CodePen Challenge: to select your favorite Google font pairs and apply them to some sample content. Over 50 of you took part, showing us some great font combinations–here’s what you all did!Read More…
  • Community Projects
    CodePen Challenge #3: Favorite Google Font PairsCodepen challenge 3
    Another month, another CodePen Challenge! Last time we asked you to style a signup form and a whopping 68 of you took part. This time we want to see which Google font combinations you recommend–the best examples will be showcased in a week or so!Read More…
  • Icon Design
    New Course: Mastering Icon Fonts on the WebIcon fonts
    Let’s say you’re building a website that uses lots of icons. How would you implement those on the web? As image files? They worked fine in the past, but not any more; not with retina displays and responsive websites. Icon fonts are the way to go, and in this course you’ll learn all there is to know about them: what they are, how to use them, and how to make your own.Read More…
  • Icon Design
    Mastering Icon Fonts on the Web: Open AssignmentWistia
    It’s time for another open assignment! Instead of learning something by following a number of steps, I’m going to get you to complete a task.Read More…
  • Typography
    The Complete Beginner’s Guide to Chinese FontsPink
    How many glyphs are there in a Chinese font set? Does Chinese have “serifs” and “sans-serifs”? What is the Helvetica of the Chinese font world? We’ll answer all these questions and more as we cannonball into the deep end of East Asian typography.Read More…
  • Typography
    Hand Lettering for Responsive Web DesignPerfect
    In this tutorial we’ll talk about best practices for hand lettering in responsive web design, including branding, scalability, legibility and implementation. Read More…
  • Typography
    The Lazy Person’s Guide to Responsive TypographyPreview
    Typography is arguably the most important part of any website’s design. A huge header on a blank white page might look like a minimalist’s dream come true, but what happens when we start start shrinking our page for smaller and smaller devices?Read More…
  • CSS
    7 CSS Units You Might Not Know AboutRuler
    Today, I'm going to introduce you to some CSS tools you might not have known about before. These tools are each units of measurement, like pixels or ems, but it’s quite possible that you’ve never heard of them! Let’s dive in.Read More…
  • Adobe Photoshop
    Designing a Web App UI Kit‏ in Adobe PhotoshopWeb app ui kit preview
    Style guide driven development offers a hugely flexible approach to modern web design. In this tutorial I'll walk you through designing a UI (user interface) kit, whilst also explaining the decision-making that will keep our UI kit consistent and reusable.Read More…
Suggested Envato Tuts+ Course

Next lesson playing in 5 seconds

Mastering Icon Fonts on the Web$9