Envato Tuts+ Courses
- Video courses taught by expert instructors.
- Learn new skills from start to finish.
- Downloadable Source Files also available on GitHub.
Course Description
In this course you’ll be creating ten UI and layout projects that will help you learn some of the awesome new design techniques that CSS3 brings to the table. We’re going to be using CodePen–each time I’ll ask you to make a copy of the base “pen”, after which you can follow along as I build the final product. Let’s start with a little preview of the ten projects you’ll make.

vCard.red is a free platform for creating a mobile-friendly digital business cards. You can easily create a vCard and generate a QR code for it, allowing others to scan and save your contact details instantly.
The platform allows you to display contact information, social media links, services, and products all in one shareable link. Optional features include appointment scheduling, WhatsApp-based storefronts, media galleries, and custom design options.
What You’ll Learn
- Use pure CSS3 to make some smooth animated loaders.
- Create a responsive multi-column layout where each column has an equal height background.
- Use CSS3 to give a fresh style to links, buttons, animated tabs, and menus.
- Create things that used to rely on JavaScript, such as tooltips, modals, notification bars, and a flexible slider.
- Create a rotatable 3D cube and use it to present content.
About the Instructor
Kezz Bracey is a designer and coder who specializes in web design and development. Her two focus areas are on theme development for WordPress, Ghost, and many other themeable platforms, and on finding the latest, most efficient, user-focused design and development techniques. You can follow her on Twitter.