Advertisement
HTML/CSS

Quick Tip: Create a Rating System With CSS, Web fonts and Sprites

by

In this Quick Tip video tutorial I'll show you how to create a rating system using CSS, web fonts and sprites.


Watch Screencast


Alternatively, Download the video, or subscribe to Webdesigntuts+ screencasts via YouTube

Additional Resources

Related Posts
  • Web Design
    CMS
    Improving Our Tumblr Theme Navigation and Post NotesTumblr 27 retina
    We've reached the end of our Tumblr theming series! In this video we're going to add some styling to our post notes and the tag page. We'll also be adding some extra CSS which will make navigating the site a little easier.Read More…
  • Web Design
    CMS
    Tumblr Appearance Options: Select ElementsTumblr 24 retina
    It's time to add some more Appearance Options to our Tumblr theme. In this episode, we're going to add a select element, populated with a list of Google fonts, allowing users to choose which fonts are used in the theme.Read More…
  • Code
    JavaScript & AJAX
    JavaScript Animation That Works (Part 1 of 4)Spriting icon large
    HTML is the language that the web is built in and it's kind of a strange beast. Although it was originally intended as a way to easily share academic information across the Internet, it has been slowly transformed to accommodate the media-rich environment we know and love. Because of the haphazard nature of HTML (and JavaScript, the programming language that manipulates elements in HTML and makes them interactive), sometimes we have to think outside the box a bit. In this tutorial series, I will show you how to do cross-browser animation using a method called spriting. And, because this is a learning opportunity, we will be doing it all without any external libraries (like jQuery).Read More…
  • Web Design
    CMS
    Completing the Tumblr Post Type CSSTumblr 16 retina
    In this episode we'll complete the CSS for our Tumblr Post Types. We'll also be talking a little about escaped entities within CSS, such as arrows and bullets. Grab a brew, it's a long one.Read More…
  • Web Design
    CMS
    Continuing With Our Tumblr Theme's CSSTumblr 15 retina
    In this part of our Tumblr theming series, we're going to continue with our theme's CSS. We'll be working directly on the live site, as a number of elements won't show up otherwise. Let's dig in!Read More…
  • Web Design
    CMS
    Styling Our Tumblr ThemeTumblr 13 retina
    Having finished the HTML markup for our theme, it's now time to begin playing with CSS. In this tutorial we'll gather everything we need to start styling; colors, typography details and so on.Read More…