Skip to content

Instantly share code, notes, and snippets.

@lalaalaaa
lalaalaaa / cssGridOverlay.css
Created October 14, 2011 16:17
CSS Grid Overlay
body::before { content:""; position:fixed; background:url(grid.png) 50% 0; z-index:1; top:0; right:0; bottom:0; left:0; pointer-events:none; }
/* http://www.css-101.org/articles/trick-for-rapid-prototyping/ */
@lalaalaaa
lalaalaaa / index.html
Last active December 25, 2015 15:09
Class #5: HTML/CSS About Page
<!doctype html>
<html>
<head>
<title>Your Name</title>
<link rel=stylesheet href="style.css" type="text/css">
</head>
<body>
<!-- HEADER -->
@lalaalaaa
lalaalaaa / 0_reuse_code.js
Created October 23, 2013 02:58
Here are some things you can do with Gists in GistBox.
// Use Gists to store code you would like to remember later on
console.log(window); // log the "window" object to the console
@lalaalaaa
lalaalaaa / javascript_resources.md
Created October 23, 2013 02:58 — forked from jookyboi/javascript_resources.md
Here are a set of libraries, plugins and guides which may be useful to your Javascript coding.

Libraries

  • jQuery - The de-facto library for the modern age. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use API that works across a multitude of browsers.
  • Backbone - Backbone.js gives structure to web applications by providing models with key-value binding and custom events, collections with a rich API of enumerable functions, views with declarative event handling, and connects it all to your existing API over a RESTful JSON interface.
  • AngularJS - Conventions based MVC framework for HTML5 apps.
  • Underscore - Underscore is a utility-belt library for JavaScript that provides a lot of the functional programming support that you would expect in Prototype.js (or Ruby), but without extending any of the built-in JavaScript objects.
  • lawnchair - Key/value store adapter for indexdb, localStorage
@lalaalaaa
lalaalaaa / css_resources.md
Created October 23, 2013 02:58 — forked from jookyboi/css_resources.md
CSS libraries and guides to bring some order to the chaos.

Libraries

  • 960 Grid System - An effort to streamline web development workflow by providing commonly used dimensions, based on a width of 960 pixels. There are two variants: 12 and 16 columns, which can be used separately or in tandem.
  • Compass - Open source CSS Authoring Framework.
  • Bootstrap - Sleek, intuitive, and powerful mobile first front-end framework for faster and easier web development.
  • Font Awesome - The iconic font designed for Bootstrap.
  • Zurb Foundation - Framework for writing responsive web sites.
  • SASS - CSS extension language which allows variables, mixins and rules nesting.
  • Skeleton - Boilerplate for responsive, mobile-friendly development.

Guides

@lalaalaaa
lalaalaaa / rails_resources.md
Created October 23, 2013 02:58 — forked from jookyboi/rails_resources.md
Rails-related Gems and guides to accelerate your web project.

Gems

  • Bundler - Bundler maintains a consistent environment for ruby applications. It tracks an application's code and the rubygems it needs to run, so that an application will always have the exact gems (and versions) that it needs to run.
  • rabl - General ruby templating with json, bson, xml, plist and msgpack support
  • Thin - Very fast and lightweight Ruby web server
  • Unicorn - Unicorn is an HTTP server for Rack applications designed to only serve fast clients on low-latency, high-bandwidth connections and take advantage of features in Unix/Unix-like kernels.
  • SimpleCov - SimpleCov is a code coverage analysis tool for Ruby 1.9.
  • Zeus - Zeus preloads your Rails app so that your normal development tasks such as console, server, generate, and specs/tests take less than one second.
  • [factory_girl](h
@lalaalaaa
lalaalaaa / lists
Created October 23, 2013 03:00
Lists are moments in time...
"...lists are moments in time, they aren’t golden rules."
-- http://37signals.com/svn/?n=338
@lalaalaaa
lalaalaaa / what-its-like
Created October 23, 2013 03:03
What It’s Like To Go Back To Your High School « Thought Catalog
Perhaps the problem is not that things don’t feel new anymore. Perhaps the problem is that I need things to feel fresh in order for them to feel valuable. Like a 60-year-old man in a shiny red convertible, I’ve equated newness with importance. I read once that things can change, but only with abandonment. I do not think I’ll ever go back to my high school. I cannot imagine why I would ever need to do that again. Yes, it was the land I grew up on. But now it’s a burning field.
-- http://thoughtcatalog.com/michelle-king/2012/03/what-its-like-to-go-back-to-your-high-school/
@lalaalaaa
lalaalaaa / your-best
Created October 23, 2013 04:38
Your best...
"Your best may not always be amazing or incredible… but whatever it is, use it."
-- Chris Guillebeau
http://chrisguillebeau.com/3x5/never-save-it-for-later/
@lalaalaaa
lalaalaaa / water
Created October 23, 2013 17:17
"This is water."
(If anybody feels like perspiring [cough], I'd advise you to go ahead, because I'm sure going to. In fact I'm gonna [mumbles while pulling up his gown and taking out a handkerchief from his pocket].) Greetings ["parents"?] and congratulations to Kenyon's graduating class of 2005. There are these two young fish swimming along and they happen to meet an older fish swimming the other way, who nods at them and says "Morning, boys. How's the water?" And the two young fish swim on for a bit, and then eventually one of them looks over at the other and goes "What the hell is water?"
This is a standard requirement of US commencement speeches, the deployment of didactic little parable-ish stories. The story ["thing"] turns out to be one of the better, less bullshitty conventions of the genre, but if you're worried that I plan to present myself here as the wise, older fish explaining what water is to you younger fish, please don't be. I am not the wise old fish. The point of the fish story is merely that the most obvio