Advertisement
HTML/CSS

Hi-Performance Web Design with Data URIs – New on Premium

by

In today's Premium tutorial, we're going to be taking some of the theory covered in our Data URI introductory article, building upon some of the examples used to develop a fully realized user interface. Just to keep things interesting, we'll also be making our design responsive and we'll be using the Dribbble API and jQuery to pull in some images from the Envato Dribbble feed.


Become a Tuts+ Premium member to gain access to the whole tutorial, as well as hundreds of other advanced videos, tutorials, and courses.


Quick Preview

Check out the demo - what's the most noteworthy thing about it? That's right, it's lightening fast. Follow this Premium tutorial and learn how to incorporate a whole host of performance enhancing techniques in your own web design!


Tuts+ Premium

The recently re-launched Tuts+ Premium is a service that provides top-tier training in a variety of creative fields. Whether you prefer books, visual training, or in depth tutorials, we have you covered. While we unfortunately can't afford to provide the service for free, it's only $19 a month - less than you'd spend on dinner.

We hope you'll consider checking it out! In addition to learning a huge variety of new skills, it's also a fantastic way to say thank you to Webdesigntuts+.

Related Posts
  • Code
    WordPress
    The Beginner's Guide to Selecting a WordPress ThemeBeginnersguide
    When you're first starting out with your site or blog, it's easy to rush into things because of the desire to get things up and running as quickly as possible. In some cases, that works fine, in others it's not always the best idea. And in this case, it's the latter.Read More…
  • Web Design
    HTML/CSS
    Build a Responsive, Single Page Portfolio with Sass and Compass - New on PremiumDribbble preview
    There's a lot that goes into creating a web site these days. We're now building websites using HTML5, CSS preprocessors, APIs, custom typography and more. Our design challenges include responsive architecture, resolution independence and multi-device interaction support. In this Premium tutorial, we'll build a single page portfolio that covers aspects of all these techniques.Read More…
  • Web Design
    HTML/CSS
    Responsive Navigation: Toggle Patterns - New on PremiumNav patterns preview
    Welcome to the third in a Premium series which looks at responsive navigation patterns. This tutorial will walk you through three patterns where navigation is toggled on and off to conserve space at the top of the page. It's time to stop copying and pasting - check out today's Premium tutorial and start understanding!Read More…
  • Web Design
    HTML/CSS
    Examining Responsive Navigation: Footer Patterns – New on PremiumPreview
    Welcome to the second in a Premium series which looks at responsive navigation patterns. This article will walk you through four patterns where navigation moves to the footer, conserving space at the top of the page. It's time to stop copying and pasting - check out today's Premium tutorial and start understanding!Read More…
  • Web Design
    HTML/CSS
    Examining Responsive Navigation Patterns - New on PremiumPreview
    As web designers create more and more responsive sites, patterns continually emerge for how we handle global navigation. This is the first in a series of posts focused on how to develop some of those patterns. It's time to stop copying and pasting - check out today's Premium tutorial and start understanding!Read More…
  • Web Design
    Site Elements
    Awesome CSS3 Menu With jQuery Fallback - New on PremiumPreview small
    In this Premium screencast tutorial I'll show you how to build an awesome, versatile navigation menu. It features notification bubbles, a Mega Menu and unlimited sub menus (as we'll be smart with our CSS selectors). There'll be some cool CSS3 transitions, plus we'll write a jQuery plugin to rescue older browsers which don't support the effects.Read More…