Subtle Patterns | High quality patterns for your next web project
june 2011
Subtle Patterns is a collection of 49 high quality design patterns for
you to use freely. New patterns added weekly. A project by Atle Mo.
design
patterns
you to use freely. New patterns added weekly. A project by Atle Mo.
june 2011
Scaling A JavaScript Codebase
june 2011
This is a story about how my team learnt to scale our JavaScript code. I hope the examples here will give confidence to developers that need to build a large JavaScript codebase but are unsure how to do so.
javascript
june 2011
Insanely fast, headless full-stack testing using Node.js
june 2011
If you're going to write an insanely fast, headless browser, how can you not call it Zombie? Zombie it is.
javascript
nodejs
testing
june 2011
Breaking The Cross Domain Barrier on Vimeo
june 2011
A screencast of the talk I gave at TXJS 2010. An introduction to the various techniques involved with third-party application development.
development
video
crossdomain
june 2011
HTML Email Boilerplate / Cameron Moll / Designer, Speaker, Author
june 2011
Tables for layout are lame, but they really are the only way to reliably craft HTML emails (currently). View source on the HTML email I sent recently and you’ll see markup similar to that of Sean Powell’s boilerplate. (I prefer only one td as a single wrapper rather than individual cells for the layout — divs can usually handle that just fine.)
htmlemail
june 2011
McSweeney's Internet Tendency: E-mail Addresses It Would Be Really Annoying to Give Out Over the Phone.
june 2011
MikeUnderscore2004@yahoo.com
MikeAtYahooDotCom@hotmail.com
Mike_WardAllOneWord@yahoo.com
AAAAAThatsSixAs@yahoo.com
One1TheFirstJustTheNumberTheSecondSpelledOut@hotmail.com
humor
mcsweeneys
MikeAtYahooDotCom@hotmail.com
Mike_WardAllOneWord@yahoo.com
AAAAAThatsSixAs@yahoo.com
One1TheFirstJustTheNumberTheSecondSpelledOut@hotmail.com
june 2011
Seth's Blog: If you're going to work...
june 2011
The biggest waste is to do that thing you call work, but to interrupt it, compromise it, cheat it and still call it work.
work
life
happiness
june 2011
History API — Infinite Scrolling and History API
june 2011
This example shows the power of the History API when combined with infinite scroll. Fluid user experience and hard linking all in one. Scroll down, click a link & press the back button, refresh the page — it all just works (well, mostly — still needs some polish).
html5
javascript
june 2011
Greenpoint Gazette:An Open Letter from Eugene Mirman to Time Warner Cable
june 2011
On April 23rd I moved and had an appointment with Time Warner Cable to come and install cable, Internet and phone service and no one showed up.
humor
fun
complaint
june 2011
Frank Chimero - Your Shit, My Stuff, Goldilocks, and Making the Bed You Sleep In
may 2011
“Add things until it starts sucking, take things away until it stops getting better.”
advice
minimalism
productivity
bestof
may 2011
How to Turn Disaster Into Gold
may 2011
We're very careful about how we explain downtime and other glitches. We don't beat around the bush. We don't try to hedge. We don't pass the blame to a vendor or another party. When our customers are affected, it's on us.
failure
customer-service
may 2011
Paul Buchheit: The two paths to success
may 2011
As explained in this TED talk by Dan Pink, extrinsic motivation is a great way to get people to do boring and repetitive tasks, but it actually harms performance on more creative tasks. Creativity is a surprisingly fragile thing. It comes from deep inside, and external concerns (most especially, "What will people think?") seem to scare it away. But that's a topic for another time.
success
motivation
may 2011
• This Place is Not a Place of Honor • Damn Interesting
may 2011
If you look at it just right, the universal radiation warning symbol looks a bit like an angel. The circle in the middle could indicate the head, the lower part might be the body, and the upper two arms of the trefoil could represent the wings.
security
design
icons
symbols
may 2011
Redesigning MailChimp | MailChimp Email Marketing Blog
may 2011
First and foremost, we approached this project out of a necessity to better organize the ever growing mountain of information and resources that our site provides our users. We were very cognizant of the fact that if we embarked on this path, we had to carefully consider how to balance our playful image with our powerful product. MailChimp helps 600,000 people send 40 million emails a day–that’s a serious business.
redesign
process
may 2011
Making Money | Small Business Advice from Jason Fried of Inc.com
may 2011
Today, I run 37signals, a software and design firm that I co-founded in 1999. Sales have grown at double-digit rates every year for the past decade; so have profits. (Like many private companies, we don't disclose revenue.) How did I learn how to do this? I have a degree in finance, but I don't remember taking any classes that even remotely taught me how to make money. I've read plenty of business books. Same thing—lots of talk about money, but not much about how to actually make the stuff.
37signals
business
may 2011
15 Strat Tips For Crafting the Coolest and Most Impressive Twitter Bio
may 2011
There’s an art to stuffing the maximum amount of coolness and success into 140 characters or less, and I’m basically the Da Vinci Code for how to do that. Here are 15 of my proven strat tips on how to really jack your follower count by making your Twitter bio as effective as possible at tricking people into thinking you’re important.
humor
twitter
may 2011
Men’s Journal » Everything You Know About Fitness is a Lie » Print
may 2011
Sure, you have to eat right — that’s another manifesto in itself — but if you just stick to a basic strength-training program, you can expect a certain wonderment about what the hell you were doing all those years, why nobody told you it was this simple before, and why nobody else in the gym appears to have heard the good news.
fitness
health
exercise
may 2011
HTML5 Rocks - Improving the Performance of your HTML5 App
may 2011
This article will try to give you the tools and techniques to work on improving the experience of your own application.
html5
javascript
performance
may 2011
Vonnegut: How To Write With Style – Novelr
may 2011
Why should you examine your writing style with the idea of improving it? Do so as a mark of respect for your readers, whatever you’re writing. If you scribble your thoughts any which way, your readers will surely feel that you care nothing about them. They will mark you down as an egomaniac or a chowderhead — or, worse, they will stop reading you.
advice
writing
may 2011
Funding a Startup Without VC - Anil Dash
may 2011
If getting venture capital is now optional for making a big, successful business, and lots of entrepreneurs might want to avoid it anyway, what are the other options? I've outlined a few other common options, including examples of companies that have made these options work, and some of the cons of each method that might explain why don't we hear about them as much as we hear about venture capital.
business
startups
funding
may 2011
Long commutes cause obesity, neck pain, loneliness, divorce, stress, and insomnia. - By Annie Lowrey - Slate Magazine
may 2011
This week, researchers at Umea University in Sweden released a startling finding: Couples in which one partner commutes for longer than 45 minutes are 40 percent likelier to divorce.
commuting
happiness
may 2011
An Opportunity for Women in the New Global Population Numbers? - Adam Werbach - International - The Atlantic
may 2011
In the last decade, most of the organizations involved in this sector have begun to focus increasingly on the status of women; but the language of "population" remains. From population reports to population bureaus, the infrastructure is named to solve a symptom of the problem, rather than the problem itself.
women
africa
population
may 2011
Mark and Delia Owens, poachers, Zambia shooting : The New Yorker
may 2011
In the early nineteen-seventies, Mark and Delia Owens, two graduate students in biology at the University of Georgia, were seized by the idea of resettling in remotest Africa
journalism
africa
may 2011
The Only Way to Get Important Things Done - Tony Schwartz - Harvard Business Review
may 2011
It turns out we each have one reservoir of will and discipline, and it gets progressively depleted by any act of conscious self-regulation. In other words, if you spend energy trying to resist a fragrant chocolate chip cookie, you'll have less energy left over to solve a difficult problem. Will and discipline decline inexorably as the day wears on.
productivity
psychology
discipline
may 2011
The Lost Eden of Childhood. Not Lost. Not Eden. — Marginal Revolution
may 2011
There is nothing wrong with a bit of personal nostalgia but when nostalgia is taken for reality it biases our thinking in counter-productive ways. One wonders, for example, what those who look back longingly at the freedom of their childhood would say about Lenore Skenazy and her free-range kids. Skenazy let her fourth-grader take the NYC subway home alone. Would Manzi applaud Skenazy for giving her kids the same freedoms he had? Or would he denounce her, as many parents did, for something tantamount to child-abuse?
freedom
nostalgia
may 2011
Coding Horror: Working with the Chaos Monkey
may 2011
One of the first systems our engineers built in AWS is called the Chaos Monkey. The Chaos Monkey’s job is to randomly kill instances and services within our architecture. If we aren’t constantly testing our ability to succeed despite failure, then it isn’t likely to work when it matters most – in the event of an unexpected outage.
programming
failure
performance
may 2011
Seth's Blog: The realization is now
may 2011
Some people insist that if we focus on "business fundamentals" and get "back to basics," all will return. Not so. The promise that you can get paid really well to do precisely what your boss instructs you to do is now a dream, no longer a reality.
business
future
may 2011
Crunching the numbers: How many people have ever lived? | 1000memories
may 2011
All this means that in the 200,000 years since Homo Sapiens took her first steps across the African plains, just 57 billion people have ever lived. Astonishingly that means over 12% of all the people ever born are walking the planet at this very moment. Or to put it another way: one in eight people who have ever been born are alive today.
math
statistics
population
may 2011
Seth's Blog: Brand exceptionalism
may 2011
The problem with brand exceptionalism is that once you believe it, it's almost impossible to innovate. Innovation involves failure, which an exceptional brand shouldn't do, and the only reason to endure failure is to get ahead, which you don't need to do. Because you're exceptional.
branding
marketing
may 2011
From Snarky Truth to Reasoned Explanation, on FarukAt.eş
may 2011
It’s not fair that a pre-birth event should negatively affect the entirety of a human being’s life—and it’s up to us all to change that. Because that’s what being human is all about.
diversity
gender
women
may 2011
Dudes, this is so not REST | Thought Palace
may 2011
What’s wrong with this? Well, the first bolded point is immediately contradicted by the ones that follow. Specifically, this cannot be a REST API, because it uses only one URL and one HTTP method. Two of the key features of HTTP-based REST are that
rest
rdio
may 2011
Losing Our Way - NYTimes.com
may 2011
Overwhelming imbalances in wealth and income inevitably result in enormous imbalances of political power. So the corporations and the very wealthy continue to do well. The employment crisis never gets addressed. The wars never end. And nation-building never gets a foothold here at home.
politics
may 2011
weinre - Home
may 2011
It's a debugger for web pages, like FireBug (for FireFox) and Web Inspector (for WebKit-based browsers), except it's designed to work remotely, and in particular, to allow you debug web pages on a mobile device such as a phone.
webkit
iphone
mobile
performance
debugger
may 2011
loads.in - test how fast a webpage loads in a real browser from over 50 locations worldwide
may 2011
How fast does your webpage load?
performance
speed
may 2011
Byte-saving Techniques - GitHub
may 2011
This is a collection of JavaScript wizardry that can shave bytes off of your code. It's mainly intended as a reference for those creating entries for 140byt.es. Feel free to add your own or send any feedback to @140bytes.
javascript
tips
github
may 2011
Jibblescribbits: Most offensive Hockey Logo Ever?
may 2011
I was just dickin around on the glorious interwebs when I came across what might be the most racist team logo in sports history, if there wasn't a team named the "Redskins".
The Denver Invaders played in the Western Hockey league in 1963-1964 under the logo below.
racism
sports
humor
offensive
logos
The Denver Invaders played in the Western Hockey league in 1963-1964 under the logo below.
may 2011
John Lithgow Gives Newt Gingrich's Press Release the Dramatic Reading It Deserves - Gawker
may 2011
Matt Cherette — Did you catch yesterday's ridiculous press release by Newt Gingrich's waning presidential campaign? Stephen Colbert wasn't prepared to give the statement a dramatic reading—"I don't think I've got it in me to convey the epic genius of this verbal spanking"—but luckily actor John Lithgow did have it in him, and on tonight's Report, he delivered.
humor
politics
video
may 2011
Augment.js - Modern JavaScript
may 2011
Enables use of modern JavaScript by augmenting built in objects with the latest JavaScript methods.
Never overrides any native implementations; it only adds what is missing.
javascript
Never overrides any native implementations; it only adds what is missing.
may 2011
HTML5 Video over Airplay (in iOS 4.3) — Gist
may 2011
HTML5 Video over Airplay (in iOS 4.3) #
html5
airplay
video
may 2011
iconio — showcasing beautifully designed icons
may 2011
Why not? Here we have a showcase of great talent, beautiful design and inspirational illustration.
Typically you see and use icons at a size that can’t fully show off the time and skill an artist has invested in the design.
icons
inspiration
mac
Typically you see and use icons at a size that can’t fully show off the time and skill an artist has invested in the design.
may 2011
The Mountain / Cameron Moll / Designer, Speaker, Author
may 2011
A large sandstorm hit the Sahara Desert on the 9th April and at approx 3am in the night the sandstorm hit me, making it nearly impossible to see the sky with my own eyes.
videos
beauty
may 2011
Hire Good Designers
may 2011
People who understand user experience, user psychology, and interaction design are going to design great user interfaces in any medium. There is nothing special about the web that makes it more or less challenging than designing on an iPad. They are just different. And good designers know the differences, understand the limitations, and will design something great for each.
design
ui
ux
may 2011
Front End Development Guidelines
may 2011
The absence of a DOCTYPE is a crime punishable by death. You may have relied on the following DOCTYPE in the past, but it's important to know that this is now being superceded by a leaner and meaner snippet.
styleguide
html
css
javascript
may 2011
leftnode/get-shit-done at master - GitHub
may 2011
get-shit-done is an easy to use command line program that blocks websites known to distract us from our work.
After cloning this repository, put it in your $PATH and ensure it is executable.
Execute it as root because it modifies your hosts file and restarts your network daemon.
productivity
github
After cloning this repository, put it in your $PATH and ensure it is executable.
Execute it as root because it modifies your hosts file and restarts your network daemon.
may 2011
andyedinborough/stress-css - GitHub
may 2011
It indexes all the elements and their classes, and then--class by class--it removes one, and times how long it takes to scroll the page. Classes that save a considerable amount of time when removed indicate problem areas.
css
testing
performance
may 2011
Sitting All Day Is Worse For You Than You Might Think : NPR
april 2011
Specifically, he found that men who reported more than 23 hours a week of sedentary activity had a 64 percent greater risk of dying from heart disease than those who reported less than 11 hours a week of sedentary activity. And many of these men routinely exercised. Blair says scientists are just beginning to learn about the risks of a mostly sedentary day.
exercise
health
standing
sitting
april 2011
Node.js Jumpstart | Intridea Blog
april 2011
In a nutshell, Node is a Javascript framework for building network apps. Network apps are broader in scope than webapps. They don't need to run on HTTP, thus freeing you to write lower level tools. Node doesn’t necessarily have to be part of your core app, and in many cases, it makes for a good fit for writing some of the support functions for your webapp. I'll cover the basics of getting Node setup, some event driven programming, and some miscellaneous Node goodies.
nodejs
javascript
april 2011
Convert XML to JSON with JavaScript
april 2011
If you follow me on Twitter, you know that I've been working on a super top secret mobile application using Appcelerator Titanium. The experience has been great: using JavaScript to create easy to write, easy to test, native mobile apps has been fun. My mobile app connects to numerous social network APIs, some of which only provide an XML response. My mini "framework" uses JSON to dynamically create widgets so I've needed a way to turn XML into JSON. I found many solutions but none of them worked. After tweaking an existing function, I've found a solution that works great.
xml
json
javascript
april 2011
HTML5 structure—div, section & article ❧ Oli.jp (@boblet)
april 2011
In writing POSH HTML we should use the most suitable or semantically accurate element. In HTML4 <div> is a general block-level container element; it doesn’t have any semantic meaning beyond being block-level, and is used when there are no more appropriate elements (i.e. all the time). There is no requirement for the things inside the <div> to be related to each other.
html
html5
article
section
div
april 2011
Experimental Theology: The Deeper Magic: A Good Friday Meditation
april 2011
But for the first thousand years of the church a different view held sway, a view Aulen labels Christus Victor. It is also called the "classical" or "ransom" view of the atonement. Aulen describes the central idea:
theology
ransom
goodfriday
april 2011
The iPhone Tab Bar « SignificantPixels
april 2011
Over the last couple of years, the iPhone has greatly popularized the tab bar navigational model for mobile handsets. Apple has put together a design rationale for the tab bar in their Human Interface Guidelines (HIG) along with lots and lots of other information — they do however leave some question unanswered. Having worked with interaction and graphical design for iPhone applications during the last couple of years I’ve managed to pick up some lessons the hard way, and in this post I would like to share my thoughts on a couple of do’s and don’ts.
design
iphone
ui
tabbar
april 2011
How To Steal Like An Artist (And 9 Other Things Nobody Told Me) - Austin Kleon
april 2011
It’s one of my theories that when people give you advice, they’re really just talking to themselves in the past. This list is me talking to a previous version of myself.
advice
creativity
design
inspiration
bestof
april 2011
37signals
3d
404
abtesting
accents
accessibility
actions
admin
adultbeverages
advent
advice
africa
airlines
airplay
ajax
alcohol
alone
amazon
animation
anywhere
app
apple
application
applications
appstore
architecture
arminianism
article
audi
automotive
autosuggest
average
awesomeux
back-button
backbone
background
ballmer
baseball
bash
baudrillard
bbc
beauty
bestof
bestpractices
beta
blogging
bobulate
bookcovers
boost
boring
branding
branson
brevity
british
browsers
bugs
building
buildings
business
buttons
buy
canvas
caring
cars
celebrity
chairs
character
characters
charitywater
cheatsheet
cheatsheetcs
children
chile
choices
christianity
christmas
chrome
church
cities
clarendon
cliché
closure
clown
code
codeigniter
codequality
coke
cold
color
colortheory
comedy
comicsans
commandline
comments
commuting
comparison
complaint
compression
computing
concept
constructivism
content
contracts
copying
copywriting
corporations
creativity
critics
cron
cronjob
cronjobs
crossdomain
css
css3
cssanimation
cssregions
cummings
customer-service
daniel
datauri
dataviz
dci
death
debugger
decoration
delight
demo
democracy
design
design-patterns
designhistory
desktops
details
development
devtools
discipline
discrimination
div
diversity
dns
documentary
documentready
dojo
dropbox
ebay
ecommerce
economics
education
email
ems
english
examples
excellence
excuses
exercise
experience
experiment
expressionengine
facebook
facts
failure
faith
fakesteve
fallacies
family
fatherhood
feminism
film
finances
fitness
fleurons
flexbox
floats
fluid
font-face
font-pairing
fonts
fontstack
food
forms
foursquare
freedom
freelancing
freemium
freezing
friendship
fun
functions
fundamentalism
funding
future
galleries
gallery
gender
geolocation
gists
git
github
gmail
goodfriday
google
gowalla
gradientmesh
grammar
graphs
gripes
grocery
grooveshark
groundhogday
groupon
gzip
halftone
happiness
hashchange
health
healthcare
hfj
hiring
homelessness
homonym
hospice
hosting
Housekeeping
hover
htaccess
html
html5
htmlemail
http
https
humor
hybrid
icons
ie
ie6
illustator
illustration
illustrator
image
industrial-design
inflation
infographic
informationdesign
inspector
inspiration
interesting
interface
internationalization
interviews
introduction
introvert
investing
ios
iPad
iphone
iphone4
iphonedev
javascript
journalism
jqtouch
jquery
js1k
json
justice
keyboard
kindness
language
laverslaw
law
laws
leadership
learning
lessn
lettering
life
lightbox
linguistics
links
lists
localstorage
lock
logic
login
logos
love
mac
malice
management
manliness
maps
marketing
master
math
mcsweeneys
measurement
media-queries
meetings
megachurches
memory
metaphor
metrics
microsoft
middleeast
midlife
minecraft
miners
minimalism
miracles
mixins
mobile
mobiledesign
modrewrite
mootools
motion
motivation
movies
music
nasa
navigation
neologisms
nerdery
netflix
news
newsletter
newspaper
newyorker
nodejs
nonprofit
nonprofits
nosql
nostalgia
npr
nyt
obama
obesity
obfuscation
offensive
oocss
oop
openid
os
packagejson
packaging
parenting
passion
passwords
patents
patterns
pennies
performance
philosophy
photography
photoshop
php
piracy
pixels
plist
plugin
png
podcast
politics
ponzi
population
pork
portland
posessions
posters
postmodernism
poverty
prediction
predictions
prefab
presentation
presentations
pricing
primes
principles
privacy
problems
process
productivity
products
profanity
professionalism
programming
pronunciation
prototype
psychology
python
questions
quine
quotes
race
racism
rails
ransom
rdio
reading
realism
reason
recession
redesign
reflection
regex
relationships
rendering
resources
responsive
rest
retirement
retro
returnfalse
rmurphey
ruby
saddleback
safari
sass
satire
scheme
science
scrolling
search
section
security
selectors
senses
seo
server
seth-godin
settings
shipping
shortcuts
signage
signal
singapore
sitting
sketching
slavery
smashing-magazine
snippets
social-media
social-network
socializing
sociology
software
solutions
space
spam
spec-work
speed
spelling
sports
sprites
ssh
ssl
stackoverflow
standards
standing
startups
statistics
stock
stories
story
strategy
style
styleguide
success
suicide
suits
survival
sustainabiity
swashes
swipely
symbols
tabbar
tabs
tailoring
target
taxes
tdd
technology
tennis
terminal
testing
textures
theology
thesis
thought
thoughts
time-travel
timelapse
tips
touch
traderjoes
tufte
tutorials
twitter
typekit
typography
ui
units
unix
urban-planning
urls
usability
usertesting
ux
validation
vendor-prefixes
versioning
video
videos
vintage
virgin
virtue
vocabulary
w3c
wallpapers
walmart
war
warren-buffett
washingtonpost
watercolor
webapp
webdesign
webfonts
webkit
WebStats
whiskey
wifi
wikipedia
wireframe
women
words
work
working
worry
writing
xkcd
xml
youtube
zimbabwe