Dan Eastwell, Web Interface Designer and Developer

Month

February 2012

25 posts

yepnope.js → yepnopejs.com

A conditional loader that sits on top of modernizr:

yepnope({
  test : Modernizr.geolocation,
  yep  : 'normal.js',
  nope : ['polyfill.js', 'wrapper.js']
});
Feb 21, 2012
#javascript #optimisation
Micro js javascript library aggregator → microjs.com
Feb 21, 2012
#javascript #optimisation
Simple caching for node.js → github.com
Feb 21, 2012
“I cannot design directly into the browser. My creative brain switches at the point when I open my html/css editor, and starts thinking in terms of structure and how to achieve the look of my design using as much native CSS as possible.” —Design and build are different things, conceptually. http://www.sazzy.co.uk/2012/02/why-i-cant-design-in-the-browser/
Feb 21, 2012
Detailed mobile and platform usage stats/graphs → lukew.com

via https://twitter.com/#!/alexhorstmann/status/171906836952391683

Feb 21, 2012
http://nodebeginner.org/ → nodebeginner.org

Really enjoying this easy to read introduction to node. 

Feb 20, 2012
How to Trigger CSS3 Transitions on Click using :target → tangledindesign.com

Click something, something else animates (open, e.g tabs) via https://twitter.com/#!/stefsull/status/171698501468700672

Feb 20, 2012
“[Our process] boiled down to one core concept: pairing designers with developers. This process informed the development of nearly every feature in Bootstrap.” —A List Apart: Articles: Building Twitter Bootstrap 
Feb 20, 20121 note
@kasthomas Against bloatware → asserttrue.blogspot.com

Which I agree with, on almost every point, and have been thinking for several years.

Feb 20, 20121 note
“The boilerplate is a great starting point that has no UI components and the Bootstrap is all about UI.” —Is Bootstrap a complement OR an alternative to HTML5 Boilerplate (or viceversa)? - Quora
Feb 20, 2012
Bootstrap, from Twitter → twitter.github.com

#ui #framework #LESS

Feb 20, 2012
“

Whatever you’re doing online now – whether it’s Google AdWords, social media, SEO, email marketing – whatever it is, measure it.

Do more of what is working, stop doing what isn’t working, and start testing something new.

If you’re not actually doing anything to market your business online at the minute then pick something – anything – and start testing and measuring.

”
—http://twiggal.com/1217/5-truth-bombs/ via https://twitter.com/#!/IsabelleOC/status/170149883473436672
Feb 16, 2012

January 2012

20 posts

State of HTML5 video → longtailvideo.com
Jan 27, 2012
#html5 #video #adaptive streaming #streaming #flash #ios #safari #mobile
Use CSS transitions to link Media Queries and JavaScript → paulrhayes.com

/via https://twitter.com/#!/codepo8/status/162833078115504128

Jan 27, 2012
#css #transition #media queries #javascript #responsive design
“‘The need for application hosting declines - both the application and “putting your data in the cloud” can now be handled by a Freenode or Tahoe-LAFS-like WebRTC library.’” —

http://carcaddar.blogspot.com/2012/01/webrtc-and-file-api.html

/via https://twitter.com/#!/msimoni/status/162194086042943488

This seems interesting, but it needs further explaining in for me to understand it. #hosting #webrtc #sockets #html5

Jan 27, 201210 notes
#hosting #webrtc #html5 #apis #sockets
Modern Pictograms is a typeface for interface designers and programmers. → thedesignoffice.org

/via https://twitter.com/#!/codepo8/status/162466312088600576

Jan 26, 20121 note
#icons #free #web
“

When faced with an unfamiliar term users feel a sense of doubt. This creates one of two reactions…

The sense of doubt leads to uncertainty and inaction.
They feel a need to understand the unfamiliar term and so waste time investigating the section in case it contains relevant content to them.

”
—http://boagworld.com/tumblog/does-your-labelling-cause-confusion/
Jan 25, 2012
“

Zombie LARP effectively gives the player very few verbs. In fact, it basically gives them “shoot” as in “shoot the gun at the zombie” and “run”.

And “die horribly” Mary added.

One important digital UX parallel to draw here is that a limited set of verbs governs the user having a limited set of actions. When we say to users that they can only “Like” content, then “Like” doesn’t carry any nuance. When people use the “favourite” button to mark something as “read later”, “this is dreadful”, “that’s funny” and “I agree”, then forcing them to use one verb robs the action of semantic meaning.

”
—

http://www.currybet.net/cbet_blog/2012/01/london-ia-mary-hamilton-zombies.php

/via https://twitter.com/#!/currybet/status/162097692493877248 

Jan 25, 2012
Handling multiple asynchronous processes using 'promises'

http://msdn.microsoft.com/en-us/scriptjunkie/gg723713

Jan 24, 2012
“Writing code is never a one-off thing. Writing the code itself has a cost (time you spend coming up with a solution or snatching it from a random site). Having the code sit in a code base has a cost (direct cost by its impact on performance, indirect cost by its impact on understandability and maintainability). Removing the code has a cost (once you don’t need it anymore or simply redo everything).” —

http://meiert.com/en/blog/20120124/staying-clear-of-user-agents/ 

Jens Meiert on coding for the user agent and tech debts /via https://twitter.com/#!/rogerjohansson/status/161693125629325312

Jan 24, 2012
#user-agents #tech-debt #scrollto
“If a project requires an information architect, the scale of information must be vast. Without a person who understands the nature of the information, other people on the team would spend their valuable time trying to get their heads around it, preventing them from focusing on their own tasks. Information architects who have to worry about layout are distracted from their tasks: defining functionality, content, and structure.” —

/via https://twitter.com/#!/Cennydd/status/160334957619855360

http://www.boxesandarrows.com/view/where_the_wireframes_are_special_deliverable_3

Jan 20, 2012
Event namespaceing in jQuery

Just discovered that you can namespace e.g. a click event like click.loading. You can then, for example provide different interaction during a page load, then once you have the details you need, you can unbind .loading and bind what you actually want to happen…

Jan 20, 2012
JavaScript Snippets: isArray, arguments to Array, [x..y], padding, array.unique()

How to make sure something is definitely an Array in javascript:

 Object.prototype.toString.call(arg) == ‘[object Array]’;

http://uxebu.com/blog/2012/01/19/javascript-snippets-isarray-arguments-to-array-x-y-padding-array-unique/

/via https://twitter.com/#!/codepo8/status/159922860490625025

Jan 19, 201212 notes
#javascript
Jan 17, 2012
“I wanted the audience to think about bringing HTML5 into the “boring” world of day to day deliveries instead of just games and showcase sites.” —

CHRISTIAN HEILMANN : “an ad-libbed introduction to a few of the things I coded lately wrapped in a request to reclaim HTML5 as JavaScript developers.”

http://christianheilmann.com/2012/01/15/reclaim-html5-at-super-vanjs-in-vancouver-canada/

Jan 17, 2012
Attitudes to online privacy and security: study by the BBC R&D team → twitter.com
Jan 11, 2012
Kerning, ligatures - open type features in CSS → blogs.msdn.com
Jan 10, 2012
Choosing device sizes to support for your responsive designs  → mattwilcox.net

“Don’t.”

“Start with the smallest layout.

  • Use liquid layouts only, no fixed width units anywhere.
  • Stay with that layout and increase the browser width. When it looks funky, that’s your new breakpoint. Add a media-query and get designing from there up.
  • Repeat the last step until there’s no bigger monitor in your possession.”
Jan 9, 2012
“CSS optimisation: “The fastest rule is the one that doesn’t exist. ” —http://perfectionkills.com/profiling-css-for-fun-and-profit-optimization-notes/
Jan 6, 2012
Interaction

http://www.leebrimelow.com/?p=3175

“The days of calling yourself a Flash developer are over. This was fine when Flash was the only interactive game in town. Instead I recommend that you adopt a title that is technology agnostic. Personally I like the term interactive developer.”

This meshes with my ideas about Interaction Design. Flash devs know about animation, statefulness. 

Jan 5, 2012
Rounding errors in IE

http://tylertate.com/blog/2012/01/05/subpixel-rounding.html

Jan 5, 2012
New web interaction examples

http://tympanus.net/codrops/2012/01/05/examples-of-fresh-effects-in-web-design/ via https://twitter.com/#!/crnacura/status/154881303035125760

Jan 5, 2012

December 2011

1 post

Setting up Windows 7’s Windows XP Mode → ieblog.members.winisp.net

Have multiple IEs running in VMs on your machine

Dec 13, 2011

November 2011

10 posts

About Element Behaviors → msdn.microsoft.com

HTC files explained, a bit of history. Looks like they’re XML with embedded javascript. I’m sure they would have been useful before full DOM support. During the browser wars..

Nov 25, 2011
Prototypes and user tests .net magazine → netmagazine.com

Neat summary article on DIY wireframeing and testing.

Nov 25, 2011
Animated Buttons with CSS3 → tympanus.net

By ‘Mary Lou’. Very, very impressive. Beats the hell out of mouseover/mouseouts..!

Nov 24, 2011
Scalable and Modular Architecture for CSS → smacss.com

by snook.ca “I don’t think there is one true way [of building websites with CSS].”

Nov 23, 2011
Royal Pingdom: Web pages are getting more bloated → royal.pingdom.com

Apps vs web pages: as web pages become more like apps, c.f. page bloat (fractions of MBs) and full updates (many MBs) to apps, for even small changes. Consider how web pages can be made leaner and more efficient.

Nov 23, 2011
SEO Best Practices For HTML5: Truths, Half-Truths & Outright Lies → searchengineland.com

Views on HMTL5 and search engin indexing. Interesting overview of the current state of play, but no mention of <canvas> indexing.

Nov 14, 2011
Semantics in practice and mapping semantic value to its consumers « Paul Irish → paulirish.com

A reply to a reply on semantics vs pragmatism by Paul Irish. Includes a set of links concerning HTML5 and ARIA.

Nov 14, 2011
Developing a Better Country Selector » SitePoint → sitepoint.com

A jquery plugin that uses an autocomplete to hijack a select element to allow alternative spelling and typing to suggest entries.

Nov 14, 2011
Animating with javascript: from setInterval to requestAnimationFrame ✩ Mozilla Hacks – the Web developer blog → hacks.mozilla.org

/via @codepo8

Nov 1, 2011
Media choices on Amazon app scanner

@amazon I’m upgrading my music on cassette (I know!) to a digital format. The scanner on the iPhone app just shows the tape format. Could it suggest other formats?

Nov 1, 2011

October 2011

14 posts

Node.js Step by Step: Introduction | Nettuts → net.tutsplus.com
Oct 28, 2011
“Versioning: Jeff Atwood wrote recently about the Infinite Version and detailed some of the engineering work behind Chrome’s update architecture. Web apps iterate quickly (Github ships to production 10+ times a day); I think it’s fine that browsers ship with quick iterations, and version numbers are merely just a means to keep track.” —

Five Questions with Paul Irish | CSS-Tricks

PS Infinite Versioning, very rapid release cycles and updates (for apps) are going to be a Very Big Thing.

Oct 28, 2011
Oct 28, 2011
How to Break Into a Windows PC (And Prevent It from Happening to You) → m.lifehacker.com

Summary: use a Linux boot cd to access the files. Remedy: encrypt your files

Oct 28, 2011
Play
Oct 25, 2011
“The Web would be an application that ran on the Internet.” —Remembering the Day the World Wide Web Was Born: Scientific American
Oct 25, 2011
Oct 20, 2011
Next page →
2012 2013
  • January 7
  • February 3
  • March 6
  • April 1
  • May 5
  • June 4
  • July
  • August
  • September
  • October
  • November
  • December
2011 2012 2013
  • January 20
  • February 25
  • March 21
  • April 2
  • May 6
  • June 3
  • July 8
  • August 7
  • September 11
  • October 7
  • November
  • December 3
2010 2011 2012
  • January 18
  • February 1
  • March 2
  • April
  • May 1
  • June
  • July 7
  • August 1
  • September 5
  • October 14
  • November 10
  • December 1
2009 2010 2011
  • January
  • February
  • March 5
  • April 5
  • May
  • June 6
  • July 9
  • August 4
  • September 12
  • October 13
  • November 11
  • December 1
2008 2009 2010
  • January 28
  • February 26
  • March 13
  • April 7
  • May 5
  • June 5
  • July 3
  • August 1
  • September
  • October
  • November
  • December
2008 2009
  • January
  • February
  • March
  • April
  • May
  • June
  • July
  • August
  • September
  • October
  • November 1
  • December 12