Subtle Patterns | High quality patterns for your next web project
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 
june 2011
Scaling A JavaScript Codebase
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
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
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
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.
MikeUnderscore2004@yahoo.com

MikeAtYahooDotCom@hotmail.com

Mike_WardAllOneWord@yahoo.com

AAAAAThatsSixAs@yahoo.com

One1TheFirstJustTheNumberTheSecondSpelledOut@hotmail.com
humor  mcsweeneys 
june 2011
Seth's Blog: If you're going to work...
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
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
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
“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
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
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
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
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
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
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
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
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
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
Realism in UI Design | UX Magazine
The goal is not to make your user interface as realistic as possible. The goal is to add those details which help users identify what an element is, and how to interact with it, and to add no more than those details.
design  icons  realism  ui 
may 2011
Funding a Startup Without VC - Anil Dash
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
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
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
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
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
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
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
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
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
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ş
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
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
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
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
Byte-saving Techniques - GitHub
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?
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 
may 2011
John Lithgow Gives Newt Gingrich's Press Release the Dramatic Reading It Deserves - Gawker
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
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 
may 2011
iconio — showcasing beautifully designed icons
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 
may 2011
The Mountain / Cameron Moll / Designer, Speaker, Author
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
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
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
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 
may 2011
andyedinborough/stress-css - GitHub
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
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
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
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)
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
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
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
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
« earlier      later »
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

Copy this bookmark:



description:


tags: