www.nubobeauty.com

Completely new to coding? This engaging course can help you pick up the popular JavaScript programming language, as well as a programming library called p5.js.

Learn how to choose the correct mix of HTML, JavaScript, CSS, and other assets to deliver polished web-based animations.

Learn how to create Scalable Vector Graphics (SVG) files for websites and applications using Adobe Illustrator.

Animate content with JavaScript and native web technologies. Explore how to configure and animate DOM elements, animate within the HTML5 canvas, and use the Web Animations API.

Explore the animation capabilities of Angular. Learn how to animate elements in your web applications, and build more engaging user experiences.

High-quality media is a must for any website. Get tips for creating, optimizing, and implementing graphics, animation, video, and audio in the most modern way possible.

Shows how to create custom web graphics and web site mockups with Fireworks CS6.

Learn how to use Sketch's features and extensions to export design assets, CSS and HTML, and animation in high-quality formats and integrate with other UX design platforms.

Learn how to use Adobe Animate CC for web design projects. Explore how to create a header, build banners, create graphics, apply animation, and incorporate interactivity.

Learn to create optimized web graphics that download quickly and look great on a variety of devices, including Retina displays.

Learn to use Photoshop to create cinemagraphs—still images that have moving components.

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

Learn to turn block quotes on your webpage into stylish pull quotes with nothing more than CSS.

Find out how to create simple CSS animations such as rollover buttons, 3D transforms, animated graphics and logos, load screens, and more.

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.

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

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.

Learn to create animated rollovers with CSS3.

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

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

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

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

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.

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

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

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

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

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

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

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

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

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.

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.

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

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

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

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.

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

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