CSS 3D Tutorials | Movies and Videos | Educational

CSS 3D Tutorials

CSS 3D Tutorials CSS3D Instant Download Price
In Stock
$ 24.99 USD
CartoonSmart
Buy and Download Description


Learn how to transform your site with all the cool 3D features of CSS, while keeping it safe for older browsers. If you've got some familiarity with the 2D properties of CSS, you'll have no problem jumping head-first into exploring the 3D aspects. To get you comfortable with the 3D environment and terms like "z-axis, orthographic", the course begins by using Blender, a free program, you can use to visually play around in a three-dimensional space (without having to tinker with CSS code). Once you get used to thinking in 3D space, our fantastic instructor Lawrence Turton will guide you through some amazing CSS projects. You can see some samples below, and even get started with the course for free.

 

Video Descriptions


1: Introduction to the course - 2 Minutes


What this course entails?
Why should you be interested in this course as a web developer or designer?
2: Quick Overview of Blender- 23 Minutes


Workspace Areas
Navigating the Viewport
3D cursor, Create and Duplicate Objects
Dimensions and Scaling
Object Relationships
Object Manipulation
Layers


3: 3D terminology - 15 Minutes


Understanding the Viewport
Orthographic and Perspective Modes
Perspective origin
Vertices, Faces and Objects
Local and Global Axises
4: From Blender to the Browser - 13 Minutes


Viewport
Orthographic or Perspective
Axises
Perspective Origin
5: Setting up the Development Environment - 16 Minutes


Introduction to SASS
Lesson Structure
Setting up the 3D Environment
6: Viewport & Creating Faces - 17 Minutes


DOM Viewport
Translating & Rotating the Face
7: Creating Faces Part Two - 20 Minutes


Scaling the Face
Local Axises
Normal Side of the Face
Transform Origin
8: Starting the Cube- 19 Minutes


Getting started creating a cube
Preserving 3D
9: Completing Faces of the Cube - 24 Minutes


Finishing all faces
Perspective Origin
Objects Origin
10: Extending & Animating the Cube - 18 Minutes


Extending the Cube
Animating the Cube
11: Completing 3D Cube Animation - 16 Minutes


Finish Animating the Cube
Correcting Faces
12: Cube Fallback Support - 13 Minutes


Using Modinizr
Apply CSS Fallback Styles
13: Object Hierarchy Progressive Enhancement - 15 Minutes


Setting up the 3D Environment Progressively
14: Object Hierarchy Creating Objects - 16 Minutes


Building Objects
Understanding Hierarchies
15: Object Hierarchy Animation - 17 Minutes


Animating a Two Step Hierarchies
16: Finish Object Hierarchy Animation - 20 Minutes


Adding a Level
Using Preserve3D For Hierarchy Perspective
Animating Top Level
17: Cool CSS 3D Projects - 26 Minutes


ImpressJS
Oridomi
18: Overview & Conclusion- 5 Minutes


Overview of the Course
Conclusion

Learn how to transform your site with all the cool 3D features of CSS, while keeping it safe for older browsers. If you've got some familiarity with the 2D properties of CSS, you'll have no problem jumping head-first into exploring the 3D aspects. To
Recent Reviews Be the first to Review this product!
0 0 0 0 reviews