example

chriskalani:

I wrote this little javascript app to help me stay on top of daily todo’s. It works like you’d expect, with a couple constraints: First, every morning it starts over fresh. Your list from the day before is thrown in the garbage. The idea is to encourage the completion of all tasks each day and prevent the addition of frivolous unobtainable tasks. Second, there’s no reordering. I want to try and trust my subconscious; if I add a task before another, then it’s because my mind has determined it’s priority by the order in which it’s remembered.
So far it’s worked really nicely for me. Better than anything I’ve come across in my travels. Perhaps you’ll enjoy it too: http://todokyo.com

chriskalani:

I wrote this little javascript app to help me stay on top of daily todo’s. It works like you’d expect, with a couple constraints: First, every morning it starts over fresh. Your list from the day before is thrown in the garbage. The idea is to encourage the completion of all tasks each day and prevent the addition of frivolous unobtainable tasks. Second, there’s no reordering. I want to try and trust my subconscious; if I add a task before another, then it’s because my mind has determined it’s priority by the order in which it’s remembered.

So far it’s worked really nicely for me. Better than anything I’ve come across in my travels. Perhaps you’ll enjoy it too: http://todokyo.com

uxrave:

Meta: Tumblr dashboard design iterations.

uxrave:

Meta: Tumblr dashboard design iterations.

zachklein:

A couple months ago I published beaverbrook.com, a photo blog about a forest in Upstate New York where I spend a lot of time with friends. It’s my happiest place on Earth! 

The custom Tumblr theme I made features big images spanning the entire browser window. Some people said they wanted the same theme, too, so I posted a call for help to help me polish the theme to accomodate all post types.

It took a bunch of back and forth, and David ColeJohn Holdun and I finally wrapped up version 1.0 last weekend. All post types are formatted to fit nicely, one entry per browser view. I call it Slides and you can play with it here.

You can make it your theme for $49. The price is high to keep volume low (less customer support), and all profits go to Beaver Brook to continue the forest regeneration program I started there. If there’s enough I’d love to buy a few more neighboring acres to preserve even more woods (that would make me so proud!).

I’m excited to see what you do with it. Otherwise, thanks for the feedback and love.

staff:

Introducing: Highlighted Posts
Every now and then, a post comes along that’s meant for big things. It could be pulling the wraps off your new project, promoting your next show, raising awareness for a cause, or just sharing a truly incredible photo. 
Today you’ll have a new option to Highlight those extra-important posts. For one dollar, your post will stand out in the Dashboard with a customizable sticker to make sure your followers take notice!

staff:

Introducing: Highlighted Posts

Every now and then, a post comes along that’s meant for big things. It could be pulling the wraps off your new project, promoting your next show, raising awareness for a cause, or just sharing a truly incredible photo. 

Today you’ll have a new option to Highlight those extra-important posts. For one dollar, your post will stand out in the Dashboard with a customizable sticker to make sure your followers take notice!

devgupta:

How to write emails for mutual contacts and thank you notes.

devgupta:

How to write emails for mutual contacts and thank you notes.

Email: Mutual Contact

Email: Thank You Note

Git Is Simpler Than You Think

nfarina:

It was about one year ago that we switched to Git. Previously, we used Subversion, through the Mac app Versions, which (rightly) holds an Apple Design Award.

I made the executive decision to leave our comfy world of Versions because it seemed clear that Git was winning the Internet. There was much grumbling from my teammates, who were busy enough doing actual work thank you very much.

But I pressed forward. We signed up for accounts on Github. We learned how to type 'git push' and 'git pull'. We became more confident. Git is just like any other source control system! But it wasn’t long before one of our devs called me over to look at a…situation.

Read More

decodering:

Facebook’s HTML5 Resource Center

Many developers are now using HTML5 to build apps. It is easy to develop for and it works across a number of different platforms, with minimal or no code change. You can code in something as simple as Notepad, and instantly see it come to life in the browser on your desktop, phone, or tablet.
Today we are releasing three new HTML5 resources to help developers learn from our experience and the experience of other industry leaders building HTML5 apps:
HTML5 Resource Center helps you build, test, and deploy your web app.
HTML5 Blog covers a wide range of HTML5 topics written by Facebook and industry experts.
HTML5 Developer Group is the place for raising questions and sharing insights with fellow HTML5 developers.

via Introducing HTML5 Resource Center

decodering:

Facebook’s HTML5 Resource Center

Many developers are now using HTML5 to build apps. It is easy to develop for and it works across a number of different platforms, with minimal or no code change. You can code in something as simple as Notepad, and instantly see it come to life in the browser on your desktop, phone, or tablet.

Today we are releasing three new HTML5 resources to help developers learn from our experience and the experience of other industry leaders building HTML5 apps:

  • HTML5 Resource Center helps you build, test, and deploy your web app.
  • HTML5 Blog covers a wide range of HTML5 topics written by Facebook and industry experts.
  • HTML5 Developer Group is the place for raising questions and sharing insights with fellow HTML5 developers.
via Introducing HTML5 Resource Center

IT’S TIME

destroy/dstorey: What are CSS Shaders? →

dstorey:

Adobe announced a proposal for CSS Shaders at Adobe Max two days ago. This was backed by both Opera and Apple, and the spec will be developed by the FX Task Force at the W3C. For those of you who are not aware, the FX task force is an elite band of ninjas’s chosen from the ranks of the CSS…


Notes from HTML5 Readiness Hacking
Update: HTML5 Readiness now shows how HTML5 support has evolved since 2008. Click away to see the spurt of growth in 2010!
Paul Irish pinged me on Thursday evening wondering about visualizing browser support perHTML5/CSS3 feature for his presentation at JSConf on April 17th. I thought it would be a fun exercise in creating it with the “cool” features of CSS3. Soon, Paul had registered the domain and HTML5 Readiness was born. Here are some of the design and implementation notes from that process.
DESIGN
The intention of the visualization is to show how much support exists for each new HTML/CSSfeature. I remembered the graphic showing the distribution of wealth among religious Americans and I thought a similar structure would work for this one too and I really liked this ad for General Dynamics by Erik Nitsche.
Paul wanted to show support for 8 browsers (IE 7, 8, 9, Opera 10.10, Safari 4, Chrome 4, Firefox 3.5, and Firefox 3.7). The browsers are grouped into color schemes based on their underlying rendering engine - e.g. all Firefox versions are shades of blue, Chrome/Safari - yellow, IE - pink. Each ray also has a different background color if it is a CSS3 feature.
Each browser is represented with a tile on the bar and gets an equal width of space, so if you see a bar that is full, that means that feature has universal support among all the 8 browsers.

Notes from HTML5 Readiness Hacking

Update: HTML5 Readiness now shows how HTML5 support has evolved since 2008. Click away to see the spurt of growth in 2010!

Paul Irish pinged me on Thursday evening wondering about visualizing browser support perHTML5/CSS3 feature for his presentation at JSConf on April 17th. I thought it would be a fun exercise in creating it with the “cool” features of CSS3. Soon, Paul had registered the domain and HTML5 Readiness was born. Here are some of the design and implementation notes from that process.

DESIGN

The intention of the visualization is to show how much support exists for each new HTML/CSSfeature. I remembered the graphic showing the distribution of wealth among religious Americans and I thought a similar structure would work for this one too and I really liked this ad for General Dynamics by Erik Nitsche.

Paul wanted to show support for 8 browsers (IE 7, 8, 9, Opera 10.10, Safari 4, Chrome 4, Firefox 3.5, and Firefox 3.7). The browsers are grouped into color schemes based on their underlying rendering engine - e.g. all Firefox versions are shades of blue, Chrome/Safari - yellow, IE - pink. Each ray also has a different background color if it is a CSS3 feature.

Each browser is represented with a tile on the bar and gets an equal width of space, so if you see a bar that is full, that means that feature has universal support among all the 8 browsers.

online.