Get flash to fully experience Pearltrees
How it's working A web crawler follows the links of your site. On each page, we retrieve the CSS files and list the selectors. The selectors are tested on the html page. If the selector matches an element, it is marked as used. When all the files have been visited, a new css file with only the used selectors is built.
CSS grid frameworks can make your life easier, but they’re not without their faults. Fortunately for us, modern techniques offer a new approach to constructing page layouts. But before getting to the solution, we must first understand the three seemingly insurmountable flaws currently affecting CSS grids. Problems Problem #1: They’re Not Semantic The biggest complaint I’ve heard from purists since I created The 1KB CSS Grid two years ago is that CSS grid systems don’t allow for a proper separation of mark-up and presentation.
This week’s Web Tool of the Week is a free CSS prettifer that turns your unorganized CSS into neatly formatted code. ProCSSor.com is a simple to use app that allows you to input your CSS and format is according to your coding preferences. I’m the type of web designer who loves neat code. I would gladly spend an afternoon just formatting my code to make sure it looks neat and organized.
* This post is regularly updated. *
Apart from Floats , the CSS Specificity is one of the most difficult concepts to grasp in Cascading Stylesheets. The different weight of selectors is usually the reason why your CSS-rules don’t apply to some elements, although you think they should have. In order to minimize the time for bug hunting you need to understand, how browsers interpret your code. And to understand that, you need to have a firm understanding on how specificity works . In most cases such problems are caused by the simple fact that somewhere among your CSS-rules you’ve defined a more specific selector.
Not so long ago i had a problem with one site. There was name of user in vertical text. Link to example My first thought was “i will use php and generate image for each user”. But after that i thought that it is bad idea, if there will be many visitors. So i decide to output it using html
Because we’re always on the look out for ways to speed up our web application , one of my favorite tools for optimization is the YSlow Firefox extension . Based on rules created by research done by Yahoo engineer, Steve Souders (his book High Performance Web Sites is a must read for anyone interested in front end engineering), the tool hooks into Firebug and helps you diagnose issues that can shave seconds off your pages’ load times. While we were able to implement most of the suggestions fairly easily, Rule #3, which specifies adding a far futures Expires header required a bit of elbow grease that some of you might be interested in.