This was a demo originally by Martin Ivanov, utilizing hidden checkboxes and adjacent sibling combinators to set the “state” of each folder. The live demo has since fallen off of the internet, so I’ll post a copy of it here, …
<!DOCTYPE HTML>
<html>
<head>
<script type="text/javascript">
timer = 0;
function onLoad(){
document.addEventListener("visibilitychange",stateChanged);
document.addEventListener("webkitvisibilitychange", stateChanged);
document.addEventListener("msvisibilitychange", stateChanged);
}
function stateChanged(){
console.log(document.webkitVisibilityState);
if(document.hidden || document.webkitHidden || document.msHidden){
//new tab or window minimized
timer = new Date().getTime();
}
else {
alert('You were away 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 …
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.…
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.…
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’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).…
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 …
The default WordPress theme at the time of this screencast is TwentyEleven, a wonderfully simple and responsive design. That is, until we post an awesome YouTube video as a new blog post and the responsiveness breaks down. The video doesn’t …
