-
201105 Jul
Posted in CSS3 Resources, News, Tutorials
Back in March 2011 we reported that Think Vitamin were offering free access to their entire CSS3 Video Training Course for 24 hours only.
I’m pleased to announce that this week I received an email from Alan Johnson at Think Vitamin letting me know that once again they’ve decided to offer free access to the entire CSS3 Video Training Course, minus the Master Class project – which is only available to paid members. However, this time there is no 24 hour time limit, with the videos being available for ‘the foreseeable future’ – however long that may prove to be.
The collection includes over 50 videos, totalling over four hours of tutorials, ranging from CSS3 basics such as border-radius, box-shadow and CSS3 gradients, to more complex subjects including CSS3 selectors, transitions, animations and transforms.
So, if you missed them the first time around, or struggled to watch all 51 videos in 24 hours, here they are again.
The full series of videos on offer is as follows:
Borders
- Border Radius: Part 1 (5:46)
- Border Radius: Part 2 (6:01)
- Border Image: Part 1 (6:13)
- Border Image: Part 2 (4:25)
- Basic Box Shadows (5:52)
- Advanced Box Shadows (5:19)
Gradients
- Linear Gradients in WebKit (5:51)
- Linear Gradients in Firefox (2:33)
- Radial Gradients in WebKit (4:58)
- Radial Gradients in Firefox (3:46)
- Additional Syntax (4:56)
Animation
- Transitions: Part 1 (5:54)
- Transitions: Part 2 (6:28)
- 2D Transforms: Part 1 (5:30)
- 2D Transforms: Part 2 (5:25)
- 3D Transforms: Part 1 (5:58)
- 3D Transforms: Part 2 (6:04)
- Animations: Part 1 (7:46)
- Animations: Part 2 (7:34)
- Project: Part 1 (6:45)
- Project: Part 2 (6:32)
Typography
- Text Shadows (6:49)
- Text Stroke (6:40)
- Reflections: Part 1 (5:02)
- Reflections: Part 2 (4:37)
- Overflow and Wrapping (4:47)
- Columns: Part 1 (4:27)
- Columns: Part 2 (5:03)
- @font-face: Part 1 (6:29)
- @font-face: Part 2 (6:49)
- Font Services: Part 1 (4:40)
- Font Services: Part 2 (5:20)
- Project: Part 1 (5:38)
- Project: Part 2 (5:30)
- Project: Part 3 (6:27)
- Project: Part 4 (9:35)
Media Queries
- Introduction (5:08)
- Basic Syntax (7:56)
- width and height (5:59)
- device-width and device-height (5:51)
- orientation, aspect-ratio, and device-aspect-ratio (5:37)
Selectors
- Attribute Selectors (5:51)
- Pseudo-Classes: Part 1 (4:52)
- Pseudo-Classes: Part 2 (4:35)
- Pseudo-Classes: Part 3 (6:50)
- More Selectors (7:49)
Backgrounds
- Multiple Backgrounds: Part 1 (7:47)
- Multiple Backgrounds: Part 2 (7:03)
- Background Sizing: Part 1 (5:38)
- Background Sizing: Part 2 (5:38)
- Origin and Clip (6:29)
You can skip to the end and leave a response.
-
Comments
-
01.
Thanks for sharing.
I just learning CSS for my website dev.
thanks! -
02.
Great news! I’m just making my website using html+CSS3. I’ve done cool stuff so fare, without any javascript or flash animation. So those free video tutorials are welcomed! ^(^
Thanks. -
03.
Gupta says:Comment » July 8th, 2011 at 9:37 pm
Could anybody tell: how to give background border like http://kottke.org/ ? Thanks!
-
04.
-
05.
Bryan Sheperd says:Comment » July 9th, 2011 at 7:36 pm
This is a great news. Thank you for informing us. Think Vitamin really rocks and I love their training movies. There is also some a article about animations future at Timing Control for Script Based Animations
-
06.
@Gupta
The border for that website is made up of 4 divs. The left and right divs are fixed position and the top and bottom are positioned relatively so that they can be placed on top of the left and right. The corners of the border are just images in the top and bottom divs.
-
07.
The border is a small background image repeated :)
-
08.
Did not realize James already answered Gupta…and in better detail :)
-
09.
Hi i just download plugin for wordpress that use css3.how do i active the full function of the plugin.this is my site -www.seosoftwareplugin.com and i want to center the panel title
-
10.
What a great resource. Exactly what i was looking for and really well presented! Thank you
-
11.
-
12.
-
13.
-
14.
-
15.
John Rimmler says:Comment » July 22nd, 2011 at 11:35 pm
Web site in development. This is a tremendous and very generous offer. Thank you
-
16.
-
17.
Think Vitamin indeed generous excellent work…rivalling Lynda.com in quality and structure!!
Much appreciated!
-
18.
yez says:Comment » August 2nd, 2011 at 10:49 am
sadly not working anymore…only very few videos can be watched without membership…
-
19.
Frankie says:Comment » August 2nd, 2011 at 6:45 pm
At 2nd August 2011, could only access first video in each section without having to signup.
-
20.
-
21.
- 22.
-
23.
-
24.
kevin says:Comment » August 18th, 2011 at 2:06 pm
This is probably the best website I have come accross. It will not be long before I become a premium member. Kudos to all the lecturers.
-
25.
Sold Out To The Man says:Comment » August 25th, 2011 at 3:15 pm
Only the first video in each section works/is free. Please remove the rest from the list. As it stands, this post looks like an advertisement.
-
26.
Shame to see that all the videos are not available.
Jon
-
27.
-
28.
-
29.
Awesome stuff – I’ve bookmarked this link. I will definitely need those tutorials :)
-
30.
-
31.
-
32.
Hey, thx for the links…
Unfortunately I’m not able to view some videos. Tey tell me to become a member?
-
33.
Hey, thx for the links…
Unfortunately I’m not able to view some videos. Tey tell me to become a member?
-
34.
-
35.
-
36.
-
37.
-
38.
thank you so much its very help full thank you so much… i like it very much.. <:)
-
39.
-
40.
possibly one of the worst hair cuts i’ve ever seen.
- 41.
-
42.
-
43.
almost agree: tutorials don’t work in firefox, though they can be viewed with safari.
and i agree with Samiullah Khan : not free
-
44.
Teria como me enviar o login e senha para acesso a todos os videos?
Se sim, desde já agradeço!===================================================
Would send me the login and password for access to all videos?
If so, I thank! -
45.
-
46.
Only the first video in the series is free. That’s very nice but it’s not what the article stated. Is that intentional?
-
47.
Hello, Please make these work again. I would really like to have access to this new opportunities. Being very new to web development and design, these videos are so important! Please replay with my email address how I can access them. Many Thanks
-
48.
-
49.
Maybe go for the silver plan for 1 month only and download all 450 videos.
-
50.
Regi says:Comment » February 12th, 2012 at 6:30 pm
Great tutorial! signed up for a month of Silver plan. Well worth the price of admission
-
01.