I’ve heard a number of people make statements lately like: “If you’re using Lorem Ipsum text, just stop it.” Or similar. That argument, expanded, goes something like this. Design exists to serve content. Lorem ipsum is fake content. If you’re already designing, and you are using fake content, you are not serving the content and thus not doing your job as a designer correctly.
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.
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.
Bret Victor:
Now, take out your favorite Magical And Revolutionary Technology Device. Use it for a bit.
What did you feel? Did it feel glassy? Did it have no connection whatsoever with the task you were performing?
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.
