All Courses

Try our all courses tutorials

— every online course includes free video tutorials. Become a member to keep learning, with unlimited access to every course in our library.
65 courses · 1,986 video tutorials
sort by:
  • view course page for Designing Icons for the Web

    Designing Icons for the Web with James Williamson

    Learn techniques and best practices for designing smart, visually interesting website icons in any software.

    2h 50m
    Intermediate
     
    Viewers:

  • view course page for HTML5 Canvas and WebGL in Flash Professional CC

    Create a shared pool of content for a set of related projects—an HTML5 video, a WebGL-rendered interactive ad, and an HTML5 Canvas game—using Flash Professional CC.

    1h 36m
    Intermediate
     
    Viewers:

  • view course page for Design the Web: CSS Animated Rollovers

    Learn to create animated rollovers with CSS3.

    29m 46s
    Beginner
     
    Viewers:

  • view course page for Building Custom HTML5 Video Playback with AngularJS

    Develop a customized responsive video app that performs and appears great in all browsers, using AngularJS and Bootstrap.

    1h 22m
    Intermediate
     
    Viewers:

  • view course page for Advanced Responsive Layouts with CSS Flexbox

    Learn how to use the CSS Flexible Box Layout module (aka Flexbox) to create advanced responsive layouts.

    1h 49m
    Intermediate
     
    Viewers:

  • view course page for Design the Web: HTML Background Video

    Learn to use HTML5 video as a design element, by running it below other text and graphics on your website.

    28m 39s
    Beginner
     
    Viewers:

  • view course page for Responsive Images

    Responsive Images with Morten Rand-Hendriksen

    Responsive images are the next evolution in web design. Learn how to implement them today, with these real-life best practice scenarios for implementing responsive images in production sites.

    1h 22m
    Intermediate
     
    Viewers:

  • view course page for Design the Web: Responsive SVG Images

    Learn how to combine scalable vector graphics with CSS media queries to create responsive images for your websites and other interactive projects.

    22m 50s
    Beginner
     
    Viewers:

  • view course page for Making Your Site Retina-Ready

    Learn how to make your site "retina"-ready by optimizing graphics and other content so that it looks great on retina (HiDPI) and non-retina displays alike.

    3h 13m
    Intermediate
     
    Viewers:

  • view course page for Creating an Animated Steam Sprite Sheet with After Effects

    Learn to create a realistic steam animation with After Effects, using a particle system animation and a sprite sheet.

    42m 19s
    Intermediate
     
    Viewers:

  • view course page for Creating Retina Graphics with Photoshop and Illustrator

    Learn to create beautiful, HiDPI (aka retina) graphics for a variety of screen sizes, using the tools in Photoshop and Illustrator.

    1h 11m
    Intermediate
     
    Viewers:

  • view course page for Pictures that Move: Creating Cinemagraphs with Photoshop, After Effects, Flixel, and Cliplets

    Learn how to use Photoshop, After Effects, and two dedicated tools—Flixel and Cliplets—to explore the creative possibilities of cinemagraphs: static photos that contain areas of motion.

    3h 15m
    Advanced
     
    Viewers:

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

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

    33m 40s
    Beginner
     
    Viewers:

  • view course page for Edge Animate Essential Training

    Discover how to use Edge Animate to create interactive designs and animated motion graphics for websites, mobile apps, digital magazines, and ebooks.

    4h 44m
    Beginner
     
    Viewers:

  • view course page for Design the Web: Layer Comps

    Design the Web: Layer Comps with Chris Converse

    Discover how to use Photoshop layer comps to storyboard your interaction designs.

    26m 5s
    Intermediate
     
    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.

    33m 0s
    Beginner
     
    Viewers:

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

    Learn to create web animations from a simple Illustrator file, with Ai2Canvas—a free plugin that works with nearly every version of Illustrator, from CS3 to CC.

    48m 29s
    Beginner
     
    Viewers:

  • view course page for Design the Web: Using Symbols in SVG

    Create new SVG graphics and then convert them into efficient, reusable symbols.

    20m 31s
    Beginner
     
    Viewers:

  • 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 (2012)

    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 Responsive Media

    Responsive Media with Christopher Schmitt

    Make your media as responsive as your site's layout. Learn to prepare video, fonts, and images to display correctly on a wide variety of devices.

    58m 10s
    Beginner
     
    Viewers:

  • view course page for Deploying Icon Fonts for the Web

    Learn to find, deploy, and style icon fonts and add fast, effective vector artwork to your website.

    2h 4m
    Intermediate
     
    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: Creating Smaller Graphics 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 UX Design Tools: InDesign

    UX Design Tools: InDesign with Justin Putney

    Learn how to design wireframes and prototypes with InDesign.

    1h 38m
    Intermediate
     
    Viewers:

  • view course page for Photoshop CC for Web Design

    Learn to create UI elements, web graphics, wireframes, and functional mockups that transition beautifully and easily to production with Photoshop.

    3h 43m
    Intermediate
     
    Viewers:

  • view course page for Creating Icon Fonts for the Web

    Creating Icon Fonts for the Web with James Williamson

    Learn how to create your custom icon font quickly and easily from existing icons or your own hand-drawn artwork, using tools like Illustrator, Fontello, Glyphs Mini, and more.

    3h 56m
    Intermediate
     
    Viewers:

  • view course page for UX Design Tools: Illustrator

    Start your UX designs in Illustrator. Learn how to create custom reusable symbols, add text, use artboards to design for multiple screens and application states, and export your wireframes as PDFs.

    1h 11m
    Intermediate
     
    Viewers:

  • view course page for UX Design Tools: Photoshop

    UX Design Tools: Photoshop with Justin Putney

    Learn how to use Photoshop shapes, styles, and layers to create wireframes, prototypes, and other UX design documents.

    53m 24s
    Intermediate
     
    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 Photoshop CS6 for Web Design

    Reveals how designers can create vibrant web graphics, wireframes, and complete web site mockups in Photoshop with navigation bars and buttons.

    4h 56m
    Appropriate for all
     
    Viewers:

  • view course page for Up and Running with Hype

    Design interactive motion graphics with Hype, a timeline-based environment that creates efficient, back-end HTML5 and JavaScript code that brings your animations to life.

    1h 37m
    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 Online Presentations with reveal.js

    Build slideshows that harness the full power of the web with reveal.js.

    2h 2m
    Intermediate
     
    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 Up and Running with HTML5 Video

    Takes you through the history of video on the web, and shows you how to move forward with HTML5.

    1h 50m
    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 CSS: Formatting Visual Data

    Learn to style lists, tables, charts, and graphs with CSS, HTML5, and JavaScript.

    1h 37m
    Intermediate
     
    Viewers:

  • view course page for Create a Homepage Marquee with Edge Animate

    Use Edge Animate and HTML5, jQuery, and CSS to create a custom, interactive homepage marquee.

    1h 8m
    Intermediate
     
    Viewers:

  • view course page for CSS: Gradients

    CSS: Gradients with Justin Seeley

    Discover CSS gradients, and add depth and texture to your web designs while reducing load times.

    1h 13m
    Beginner
     
    Viewers:

  • view course page for CSS: Animations

    CSS: Animations with Val Head

    Presents a short series of CSS animation techniques, such as looping, playing, pausing, and more, and puts them together in a small project: an animated infographic.

    1h 56m
    Intermediate
     
    Viewers:

  • view course page for CSS: Visual Optimization

    CSS: Visual Optimization with Justin Seeley

    Take a tour of a workflow that optimizes CSS code for easier navigation, organization, and readability.

    1h 11m
    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 Fireworks CS6 Workshop

    Understand where Fireworks fits into the workflow for digital media projects ranging from simple web page prototyping to interface design for rich Internet applications.

    6h 51m
    Beginner
     
    Viewers:

  • view course page for Illustrator for Web Design

    Illustrator for Web Design with Justin Seeley

    Create vibrant web graphics, wireframes, and complete web site mockups with the strong layout and color management tools in Adobe Illustrator.

    5h 27m
    Appropriate for all
     
    Viewers:

“Your website has become a verb. I had a client tell me today that they were lynda.comming their way through learning new software. You’ve joined the ranks of Googling, Photoshopping, and Skyping!” —Jill W.
more from our members »

Get started

Learn more, save more. Upgrade today!

Get our Annual Premium Membership at our best savings yet.

Upgrade to our Annual Premium Membership today and get even more value from your lynda.com subscription:

“In a way, I feel like you are rooting for me. Like you are really invested in my experience, and want me to get as much out of these courses as possible this is the best place to start on your journey to learning new material.”— Nadine H.

Start your FREE 10-day trial

Begin learning software, business, and creative skills—anytime,
anywhere—with video instruction from recognized industry experts.
lynda.com provides
Unlimited access to over 4,000 courses—more than 100,000 video tutorials
Expert-led instruction
On-the-go learning. Watch from your computer, tablet, or mobile device. Switch back and forth as you choose.
Start Your FREE Trial Now
 

A trusted source for knowledge.

 

We provide training to more than 4 million people, and our members tell us that lynda.com helps them stay ahead of software updates, pick up brand-new skills, switch careers, land promotions, and explore new hobbies. What can we help you do?

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.