50 Excellent CSS3 Techniques and Tutorials for Beautiful Design
Slide Down Box Menu with jQuery and CSS3
Awesome Cufonized Fly-out Menu with jQuery and CSS3
Beautiful Photo Stack Gallery with jQuery and CSS3
The walkthrough guides through the routine of creating nice and sleek image gallery with a twist. You are going to build a sophisticated template that lays out the content (both images and text) into a grid structure and add smooth eye-pleasing transitions between slides. The component is charged with some magic produced by PHP. There are plenty of moments that need to be taken into account, so that the post is quite extensive, be ready to spend some precious time.
Speed Up with CSS3 Gradients
This original idea was brought to life by the guru of CSS3, Chris Coyier. The author dives into several types of gradients such as radial, linear and intricate repeated to achieve impressive results. The article was updated three times to comply with the changes. You can freely grab code snippets for each kind, get acquainted with browser support and explore a possible fallback.
CSS3 Progress Bars
This is another masterpiece from Chris Coyier. The artist has prototyped four lively progress bars that have a candy appearance and breathe with dynamics. They are also flexible; it means that they look great on different screen sizes. Follow the instructions to know how to create them from scratch or just download a source file.
CSS3 Loading Spinner
CSS3 Loading Spinner is an alternative way of tracking and visualizing progress status. It leverages looped circle and CSS3 potential. The author just quickly skips through the main points, giving you some hints how to achieve the same result at home. Read carefully and you will manage to get your mind around the concept.
Bubble Point Tooltips with CSS3 & jQuery
CSS3-Only Tabbed Area
Bokeh with CSS3 Gradients
Divya Manian gets the most out of transparency property that is available in CSS3 gradients. The artist has conducted several experiments in order to obtain such a stunning outcome. An accompanying tutorial comprises a concise guideline that is broken into five major points. The demo runs without problems in the majority of the modern browsers.
Shiny Knob Control with jQuery and CSS3
Shiny Knob Control with jQuery and CSS3 looks highly realistic because of shiny surfaces and professionally treated textures. The supporting effects that let users twiddle it around strengthen the impression. The concept also works in mobile devices and tablets. To get to the bottom of the idea examine the walkthrough prepared by Martin Angelov. He thoroughly explains all the unclear moments.
Having Fun With CSS3: Spinning Newspapers
Creating a PHP and CSS3 Powered About Page
Creating a PHP and CSS3 Powered About Page is not so challenging and difficult when you follow the step-by-step instructions written by Martin Angelov. He explains how to build a template with some extra functionality and excellent design using a powerful and time-tested trio of PHP, HTML5, and CSS3. He highlights details and important factors.
Making a CSS3 Animated Menu
Photobooth with PHP, jQuery and CSS3
The author illuminates an advanced technique that is based on jQuery, PHP, and Flash. Since the project enables visitors to take snapshots via camera, it simply can’t do without a helping hand of flash API and a wrapper provided by webcam.js. The article is quite interesting and informative; it is well-suited for newbies with some core competencies.
Better Check Boxes with jQuery and CSS
Coding a Rotating Image Slideshow w/ CSS3 and jQuery
The tutorial exemplifies the rotation features available in CSS3. Not only does the article include explanations and pieces of code but also some visual clues presented via screenshots. Just by following explicit instructions, you are going to create a marvelous and dynamic component for displaying multimedia in less than an hour. The solution is based on a relatively plain HTML layout and a bunch of styling tricks.
Making Better Select Elements with jQuery and CSS3
The article is centered around the idea that drop-down lists should be elaborate and informative and look consistent across various devices. You will start with HTML part, then proceed to jQuery and finish with some CSS styling that puts everything in order.
CSS3 Animated Bubble Buttons