Purpose?
Well, simple. Sometimes forgetting is a part of the job. So many tasks, so many deadlines. In the case of CSS, there are plenty of things that need workarounds, plenty of good ways of achieving them, and still as many bad ones. 30 Seconds of CSS is an awesome tool for remembering forgotten code, and, in the case of beginners, for learning the best practice when applying it.
What’s included?
Well, don’t expect incredibly complicated or a complete solution for your next project, but some of these, for beginners, can be eye-opening. For most, these elements are used on a constant basis, personally, most of these we know and use by heart, but it’s great to see a reminder from time to time, and, nevertheless, the bookmark bar can house one more link for a great resource.
The best and most useful part we found, is each resource has a special section where the browser support is mentioned, in percentages. There are still some unsung heroes around here that probably support IE7!
- ClearFix
- Constant Width to Height Ratio
- Custom Text Selection
- Donut Spinner
- Easing Variables
- Etched Text Effect
- Gradient Text Effect
- Hairline Border
- Horizontal and Vertical Centering
- Mouse Cursor Gradient Tracking
- Overflow Scroll Gradient
- Popup Menu
- Pretty Text Underline
- Shape Separator
- System Font Stack
- Triangle
- Truncate Text