I was recently putting together some CSS for columns. There was a few pre-determined widths that the columns needed to accommodate. For whatever reason (maybe because every grid framework in the world is this way) my mind went right to trying to find a common building block size. All columns are either the size of one building block or a multiple of a building block with gutter widths added.
Lea is a front end web developer from Greece. You have likely heard of her, as ever since she started blogging in English (read more about that below), she’s had quite a boom in popularity. Or perhaps you’ve seen some of her work. She’s created a number of one-page sites that either show off amazing things CSS can do or help you with a difficult/tedious task.
I asked Lea some questions about critical reaction to her work,…
We already have ::first-letter and ::first-line which are useful. Why not expand those out into a full set of selectors that follow the same pattern of the ::nth-child family? I attempt to make the case here.
When it comes to centering things in web design, the more information you have about the element being centered and its parent element, the easier it is. So what if you don’t know anything? It’s still kinda doable.
There is just too many awesome Lorem Ipsum (placeholder) text generators going around lately not to round them up.
Just save the website from the browser (in Firefox, you get an .html file and all the resources), drop it in your Public folder, and use the right-click contextual menu to grab the public URL.
I bet there is a couple things in this slide deck from Lea Verou that you didn't know about CSS3.
Mac users, this is really worth checking out. As you work on local projects, you have your HTML and CSS open in your text editor of choice, and the web page open in a browser. With LiveReload, as soon as you save files the changes appear in the browser (with CSS, it doesn't even need to reload the page). It also works with all the popular preprocessors and instantly compiles as you save. Might just change the way you work. I have a feeling it's going to change mine.
You'll probably start seeing .on() and .off() on tutorial sites so just a heads up, that's new syntax for event binding in jQuery (although all the old methods still work too).
