Web Graphics

Learn how to create web graphics that look beautiful, download quickly, and contribute to a user-friendly interface experience. Tutorials cover image compression, selecting a color palette, creating interactive wireframes and prototypes with Fireworks, designing infographics, and more.

Try our Web Graphics tutorials

— every online course includes free video tutorials. Become a member to keep learning, with unlimited access to every course in our library.
13 Web Graphics courses · 242 video tutorials
sort by:
  • 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 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 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 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 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 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 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 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:

“I'm a new subscriber. I'm 10 minutes in and I can't thank you enough. I'm learning what would normally cost me nearly $1,000!” —Melissa K.
more from our members »

Try it free

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.