css
< technos web
< stephdebayonne
Get flash to fully experience Pearltrees
CSS is nearly used on every modern website design. However, having to write and structure CSS code from scratch every time you have a project is extremely time consuming. Below, we present you with 13 amazingly useful CSS tools for hacking on writing time consuming code.
Twice a month, we revisit some of our readers’ favorite posts from throughout the history of Nettuts+. This tutorial was first published in November, 2010. So you learned the base id , class , and descendant selectors – and then called it a day? If so, you’re missing out on an enormous level of flexibility. While many of the selectors mentioned in this article are part of the CSS3 spec, and are, consequently, only available in modern browsers, you owe it to yourself to commit these to memory. Let’s knock the obvious ones out, for the beginners, before we move onto the more advanced selectors.
On 04.26.10, In Freebies , Themes , Web Templates are light and very simple, but they have many uses. Html Resume templates will help you to set up a professional online CV in minutes. “Under Construction” templates allow you to keep your users informed, while you work at your website. Virtual business cards are perfect to get you and your works on the web immediately. 97 different style mini templates to choose from.
CSS has always been great to enhance buttons; but using CSS3, the RGBa property, and of course a lot of creativity, you can create modern and clean buttons. The folks at Zurb will show you how in this great tutorial. Note that I enjoyed that technique so much that I used it on my own comment form! In order to enhance your images and give them a unique look and feel, the box-shadow CSS3 property is a must. Here is the code used in the example below: Although this technique can be considered as experimental only (It doesn’t work on IE, as you can expect…), I have to admit that I was surprised to see that this demo only uses CSS3 and no Javascript at all.
In this tutorial we will create a unique sliding box navigation. The idea is to make a box with the menu item slide out, while a thumbnail pops up. We will also include a submenu box with further links for some of the menu items. The submenu will slide to the left ...
Having seen umpteen diagrams showing how padding, border and margin work together, but not the order in which elements are stacked, I decided to try and fill this hole, and draw a 3D CSS Box Model. If you would like to modify the original, or just need a high quality version, feel free to use the original .ai file (requires Illustrator CS).
Apr 9 2012 The :target pseudo selector in CSS is both pretty cool and pretty limited in what it can do. In this article we discuss some things it can be helpful with, it’s limitations, and some work arounds.