Start learning with our library of video tutorials taught by experts. Get started

Web Design

Whether you want to design and create a website for the first time or you’ve been designing websites for years, our expert-taught video tutorials have something for you. Learn to use WordPress or jQuery, design with CSS or write HTML, and even publish content.
John Hersey
.

Design and Develop Engaging Websites

Learn real-world techniques to build websites. Start with the fundamentals, or dive into the code. lynda.com covers all of these topics, and more.

Try our Web Design tutorials

— every online course includes free video tutorials. Become a member to keep learning, with unlimited access to every course in our library.
Design Aesthetics for Web Design

Learn the basic principles of good design for the web

Photoshop for Web Design

Create web graphics and site mockups in Photoshop

jQuery for Web Designers

Take your web designs to the next level with jQuery

Skill level

Software

Author

  • Chris Converse

More options

24 Web Design courses · 421 video tutorials
sort by:
  • view course page for Design the Web: SVG Rollovers with CSS

    Learn how to style SVG graphics and make them respond to changes to rollover states with CSS.

    23m 47s
    Beginner
     
    Viewers:

  • view course page for Edge Animate Essential Training

    Discover how to use the complete Edge Animate toolset to lay out and animate motion graphics for your website, mobile devices, digital magazine, iBooks, and more.

    5h 8m
    Beginner
     
    Viewers:

  • view course page for Design the Web: Pie Charts with CSS

    Learn how to display your data in a pie chart, with nothing more than HTML and CSS.

    25m 33s
    Beginner
     
    Viewers:

  • view course page for Design the Web: Graphics and CSS Pseudo-Elements

    Learn to combine graphics and pseudo-elements to add more design and layout possibilities without adding more HTML to your web pages.

    18m 16s
    Beginner
     
    Viewers:

  • view course page for Design the Web: Working with PNG-8

    Create compressed PNG-8 images that display quickly and beautifully on a variety of websites, especially those targeting mobile devices.

    20m 27s
    Beginner
     
    Viewers:

  • view course page for Design the Web: Adobe Generator for Graphics

    Save time creating web and interactive graphics with Photoshop and Adobe Generator.

    19m 45s
    Beginner
     
    Viewers:

  • view course page for Design the Web: From Illustrator to HTML5 Canvas

    Convert your vector artwork into dynamic HTML5 Canvas artwork with a free plugin for Adobe Illustrator.

    21m 35s
    Beginner
     
    Viewers:

  • view course page for Creating a Photo Gallery in WordPress with jQuery

    Learn to create a custom photo gallery for WordPress that goes beyond the built-in look and feel.

    54m 36s
    Beginner
     
    Viewers:

  • view course page for Creating a Responsive Web Design

    Make your website more readable and efficient to download with Chris Converse's responsive website techniques.

    1h 44m
    Beginner
     
    Viewers:

  • view course page for Creating a Responsive HTML Email

    Design a responsive HTML email that will adapt to varying screen sizes and render correctly in over 30 different email clients, including Gmail, Outlook, and Yahoo.

    1h 32m
    Beginner
     
    Viewers:

  • view course page for Design the Web: Getting CSS from Photoshop

    Speed up your CSS workflow. Extract CSS from an existing design comp automatically using Photoshop's Copy CSS feature.

    24m 8s
    Beginner
     
    Viewers:

  • view course page for Design the Web: Automating Web Graphics

    Learn to composite hundreds of unique, data-driven graphics in Photoshop automatically, using variables and a simple text file.

    30m 49s
    Beginner
     
    Viewers:

  • view course page for Creating an iPad App with HTML5 and PhoneGap Build

    19m 5s
    Beginner
     
    Viewers:

  • view course page for Design the Web: Slice Tool

    Design the Web: Slice Tool with Chris Converse

    Learn to create multiple, optimized web graphics from a single Photoshop or Illustrator file with the powerful and versatile Slice tool.

    26m 45s
    Beginner
     
    Viewers:

  • view course page for Design the Web: Multiple Graphic Sizes

    Leverage Smart Objects, clipping masks, and slices, in Photoshop and make graphics that will look razor sharp on any screen size.

    16m 37s
    Beginner
     
    Viewers:

  • view course page for Design the Web: Animated Loading GIFs

    Create custom animated GIFs for your websites, mobile applications, and other interactive projects in Photoshop.

    26m 10s
    Beginner
     
    Viewers:

  • view course page for Design the Web: Sprite Sheets

    Learn techniques in this Photoshop tutorial to make sprite sheet creation fast and versatile.

    20m 49s
    Beginner
     
    Viewers:

  • view course page for Creating an Animated Infographic with Edge Animate

    Tell a more compelling story in Edge Animate with an animated infographic.

    36m 3s
    Beginner
     
    Viewers:

  • view course page for Design the Web: Simulating Web Text

    Simulate the look of anti-aliased fonts in your next website mockup with this Photoshop tutorial.

    12m 25s
    Beginner
     
    Viewers:

  • view course page for Design the Web: Video Graphics and Animation

    Learn to edit video and add custom graphics and animations to your projects in Photoshop CS6 with this Photoshop tutorial.

    24m 44s
    Beginner
     
    Viewers:

  • view course page for Design the Web: Smart Objects

    Learn to speed up your design and production time in this Photoshop tutorial with the use of Smart Objects.

    29m 2s
    Beginner
     
    Viewers:

  • view course page for Design the Web: Clipping Masks

    Shows you how to use clipping masks to create interesting design effects in Photoshop, while leaving the original images unharmed and ready for further edits.

    17m 29s
    Beginner
     
    Viewers:

  • view course page for Create an Animated Star Field with Edge Animate

    Create a randomized animation with just a few lines of JavaScript and Edge Animate.

    42m 6s
    Appropriate for all
     
    Viewers:

  • view course page for Create an iPad Web App

    Create an iPad Web App with Chris Converse

    Discover how to create an app-like experience for iPad with HTML, CSS, and jQuery, while bypassing the need for Objective-C or the App Store.

    1h 27m
    Beginner
     
    Viewers:

“There are quite a few things that make lynda.com the best online learning platform. One of the greatest is that you guys listen and respond to your audience and I can’t thank you enough for doing so.” —Nathan
more from our members »

Get started

Thanks for signing up.

We’ll send you a confirmation email shortly.


Sign up and receive emails about lynda.com and our online training library:

Here’s our privacy policy with more details about how we handle your information.

Keep up with news, tips, and latest courses with emails from lynda.com.

Sign up and receive emails about lynda.com and our online training library:

Here’s our privacy policy with more details about how we handle your information.

   
submit Lightbox submit clicked
Terms and conditions of use

We've updated our terms and conditions (now called terms of service).Go
Review and accept our updated terms of service.