- Overview
- Transcript
7.1 Recap
Well, you just finished this course. I hope you learned something new from it. I wanted to make each lesson as a small snippet of information so you can absorb it better but just in case things are still not clear please let me know on the forum or the comments — I’ll try and help out as much as I can.
In the end, let me give you a quick tour of what I showed during the course.
I started with some typography related techniques and talked about drop caps, font stacks and some shorthand notations.
Next up I’ve showed you how to create some custom radio buttons and checkboxes — all done with CSS. Along with that, I made a small introduction to the focus and hover states of text inputs and how they can be styled.
The third chapter was dedicated to positioning and I’ve talked about some neat tricks for centering text and images.
Next up were CSS generated elements. Some very simple techniques for creating triangles, circles and an awesome layered paper effect.
Finally, three useful techniques that I use in lots of projects. The first one was about the very popular back to top button. It was followed by the nth-child selector — the one capable of selecting even and odd elements. In the last lesson I showed you a technique for creating fluid images.
Many thanks for watching this course.
I’m your teacher Adi Purdila and from all of us at Tuts+, have a great day!
1.Introduction
1.1Welcome00:41
2.Typography
2.1Use CSS Shorthand04:05
2.2Change Text Selection Color01:50
2.3Awesome Font Stacks04:10
2.4Drop Caps03:00
2.5Style Placeholder Text02:15
2.6Remove Dotted Outline on Links02:03
3.Forms
3.1Create Custom Radio Buttons and Checkboxes06:38
3.2Create Awesome States on Form Elements04:14
4.Positioning
4.1Horizontal and Vertical Centering03:48
4.2Absolutely Center an Image03:41
4.3Properly Clear and Contain Floats05:00
5.CSS Generated Elements
5.1CSS Triangles05:14
5.2CSS Circles01:36
5.3Create a Layered Paper Effect05:30
5.4Get Creative With the List Bullets05:24
6.Useful Techniques
6.1Create a Fixed Back to Top Button03:35
6.2Even and Odd Rows03:36
6.3Create Fluid Images01:41
7.Conclusion
7.1Recap01:47
7.1 Recap
Well, you just finished this course. I hope you learned something new from it. I wanted to make each lesson as a small snippet of information so you can absorb it better. But just in case things are still not clear, please let me know on the forums or the comments. I'll try and help out as much as I can. In the end, let me give you a quick tour of what I showed you during the course. I started with some typography-related techniques and talked about drop caps, font stacks, and some shorthand notations. Next up, I showed you how to create some custom radio buttons and check boxes all done with CSS. Along with that, I made a small introduction to the focus-and-hover state of text inputs and how they can be styled. The third chapter was dedicated to positioning. And I've talked about some neat tricks for centering text and images. Next up were CSS-generated elements, some very simple techniques for creating triangles, circles, and an awesome layered paper effect. Finally, three useful techniques that I use in lots of projects. The first one was about the very popular back-to-top button. It was followed by the nth-child selector, the one capable of selecting even and odd elements. In the last lesson I showed you a technique for creating fluid images. So many many things for watching this course. I'm your teacher, Adi Purdila, and from all of us at Tuts+, have a great day.
