Ali Jafarian

The Web Project

I'm building a new online platform for learning web design and development. Check out the KickStarter to get early access and heavily discounted rates!

View the KickStarter


  • Tutorials September 6, 2013

    Responsive Page Scrolling with jQuery and Bootstrap

    Today we’re going to build a responsive scrolling webpage using jQuery and Twitter Bootstrap. This sort of page is very popular for simpler websites that don’t need deep navigation and/or […]

    read more ›

  • Articles December 22, 2012

    Understanding Object Oriented CSS

    You may have heard the term before – Object Oriented CSS – which probably sounded confusing and way too technical. The truth is that it’s not. Object Oriented CSS (also […]

    read more ›

  • Tutorials November 9, 2012

    jQuery Image Tabs with Captions

    In this tutorial we’ll be building an image tab widget using HTML, CSS, and jQuery. This type of widget can be useful for home page hero elements, product features, main […]

    read more ›

  • Tutorials September 10, 2012

    jQuery Image Hover Captions

    Today we’re going to build some simple jQuery image hover captions. These types of captions work very well in a variety of grid formats – portfolio work, feature boxes, blog […]

    read more ›

  • Articles July 23, 2012

    Beginning Web Designer Checklist

    Becoming a web designer today is a very popular (and lucrative) career. Many graphic designers choose to take the web path for a multitude of reasons – more money, more […]

    read more ›

  • Tutorials June 14, 2012

    jQuery Slide Down Menu

    Have you ever wanted to build a slick slide down menu for categories or groups? Well today’s your lucky day! This tutorial will show you how to do just that, […]

    read more ›

  • Articles May 28, 2012

    Flexible CSS Icon Sprites

    CSS sprites have been around for a while, and for good reason. They minimize server requests (which allows web pages to load faster), and they keep CSS organized. They are, […]

    read more ›

  • Tutorials May 12, 2012

    CSS Transparent Drop Down Menu

    Today we’re going to build a transparent drop down menu using CSS and HTML. Drop down menus are very popular for websites with deeper navigation. They improve usability by allowing […]

    read more ›

  • Articles April 17, 2012

    An introduction to Responsive Web Design

    Chances are you’ve heard the term “Responsive Web Design” once or twice in the last few months. You may have seen it on a blog, a job posting, a book, […]

    read more ›

Page 4 of 41234