February 2012
8 posts
1 tag
1 tag
jQuery Collapse →
A lightweight jQuery plugin that enables expanding and collapsing content.
1 tag
Keep-in-View.js →
Don’t allow elements to scroll out of view by having them stick to the top or bottom of a window.
3 tags
Pears →
Collect, test, and experiment with interface pattern pairings of CSS & HTML. Pears is an open source WordPress theme, enabling people like you to get your own pattern library up and running quickly.
Grab the theme at Github.
Install the theme.
Create markup & style patterns.
Learn.
2 tags
1 tag
1 tag
Why tabs are clearly superior →
Because:
Tabs take up less space
Tabs can be personalized
Tabs are better for collaboration
You don’t depend on certain tools
Tabs are easy to select
Code indented with tabs is easier to copy & paste
But what about the web? Tabs are super wide there!
Are spaces always evil?
1 tag
Say hello to Bootstrap 2.0 →
Here’s a look at some of the most prominent changes:
Completely overhauled documentation for nearly every component
A brand new Customize page to tailor your Bootstrap experience
New 12-column, responsive grid system
New table styles with a common base class for improved compatibility with other tools
New form styles with smarter defaults, requiring less HTML
Icons, graciously...
January 2012
29 posts
2 tags
1 tag
2 tags
2 tags
A Beginners Guide to HTML & CSS →
Lesson 1: Terminology, Syntax, & Introduction
1 tag
1 tag
1 tag
Useful CSS Snippets for Your Coding Arsenal →
3 tags
1 tag
2 tags
HTML 5 Canvas Deep Dive →
Canvas is a 2D drawing API recently added to HTML and supported by most browsers (even Internet Explorer 9 beta). Canvas allows you to draw anything you want directly in the webbrowser without the use of plugins like Flash or Java. With a deceptively simple API, Canvas has the ability to revolutionize how we build web applications for all devices, not just desktops. This session is a three hour...
1 tag
1 tag
2 tags
1 tag
1 tag
The Absolute Minimum Every Software Developer... →
Ever wonder about that mysterious Content-Type tag? You know, the one you’re supposed to put in HTML and you never quite know what it should be?
2 tags
1 tag
Bootstrap Generator →
Kick-start your Twitter Bootstrap project the way you want. Simply alter the options below and click “Generate” to get your compiled Bootstrap CSS file.
2 tags
TABLEIZER! →
A quick tool for creating HTML tables out of spreadsheet data
Pretty good code too.
2 tags
2 tags
bootstrap.io/demo →
Coming soon…
1 tag
1 tag
1 tag
3 tags
Markdownifier - fuckyeahmarkdown.com →
A tool to convert HTML into Markdown.
It uses the Readability algorithm to determine what part of the page is actually of interest, cutting out the ads and comments and such. What you get back is a plain text representation of the page, ready for adding to any text-based note taking application, or just storing in text files on your disk. Sometimes it doesn’t work. I’m just letting you know.
...
1 tag
1 tag
js.js →
js.js is a JavaScript interpreter in JavaScript.
1 tag
1 tag
1 tag
Hogan.js →
JavaScript templating from Twitter.
(github)
December 2011
47 posts
1 tag
Hashify.me →
Hashify does not solve a problem, it poses a question: what becomes possible when one is able to store entire documents in URLs?
(discussion on Hacker News)
1 tag
1 tag
1 tag
1 tag
How To Build a Modern Website in 2011 →
Please note: I am not saying anything startlingly new, but because it’s hard not to get dizzy amidst the constant back-and-forth and endless RSS feeds, I’m hoping it’s helpful to gather the fundamentals into one place - it certainly is for me anyway!
Tom Milway summarises the state of cutting edge web design as it stands at the end of 2011:
Mobile First, Responsive Design
Mobile-First
...
1 tag
1 tag
1 tag
1 tag
1 tag
The problem with CSS pre-processors →
I’ve been considering to use a CSS pre-processor like SASS, LESS, Stylus, etc, for a very long time. Every time someone asked me if I was using any of these tools/languages I would say that I’m kinda used to my current workflow and I don’t really see a reason for changing it since the problems those languages solves are not really the problems I’m having with CSS. Then yesterday I read two blog...
1 tag
5 tags
2 tags
Preboot.less →
Preboot is a super awesome pack of mixins and variables to be used in conjunction with LESS, a CSS preprocessor for faster and easier web development.
As used in Bootstrap, so you probably already knew…