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 using CSS3 to complete ten branding and presentation projects, from a personal business card to a PowerPoint-style presentation. These projects will help you understand some of the newest design techniques that CSS3 brings to the table. We’ll be using CodePen to build each one.
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
- How to make a fully scalable and responsive logo using SVG and CSS3.
- Use CSS3 to make background patterns, business cards, an animated spotlight effect, and more.
- Create a walking animation sprite, learn to recolor SVG images, and make a moving background that runs on infinite loop.
- Create a “PowerPoint”-like presentation and a polaroid-style image gallery using CSS3.
- Learn how to make motion typography with CSS, and how to create a smooth-scrolling, horizontally paged picture book.
- Create a cover section for a site using CSS3 vertical parallax scrolling.
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.