Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

Pluralsight

Leveraging Fluid-width Principles for Responsive Design in jQuery

via Pluralsight

Overview

In this jQuery tutorial, we'll learn how to code a fluid-width website from scratch that looks great on all devices, using only a text editor and a browser. Software required: Sublime Text 2, Google Chrome 40, Photoshop CS6.

In this jQuery tutorial, we'll learn how to code a fluid-width website from scratch that looks great on all devices, using only a text editor and a browser. The lessons will show you how to start with a blank document and code the HTML, CSS, and JavaScript needed to make the website look and behave as designed. While coding the website, we'll learn important fluid-width responsive principles to ensure the website scales down to any size. In later lessons, we'll learn about some of the more advanced techniques such as responsive images, CSS3 animations, and performance tricks to make our website perform optimally on any device. By the end of the jQuery training, we'll have leveraged fluid-width principles and media queries to make our website work on a desktop, mobile phone, and everything in between. Software required: Sublime Text 2, Google Chrome 40, Photoshop CS6.

Syllabus

  • Introduction and Project Overview 1min
  • Leveraging Fluid-width Principles for Responsive Design in jQuery 134mins

Taught by

Saif Ebrahim

Reviews

4.5 rating at Pluralsight based on 11 ratings

Start your review of Leveraging Fluid-width Principles for Responsive Design in jQuery

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.