An Ajax-Include Pattern for Modular Content | Filament Group, Inc., Boston, MA
14 hours ago by sunpig
In order to lazy load nonessential content on BostonGlobe.com without introducing access barriers, we developed a simple, markup-driven “Ajax-include” pattern that enhanced certain links on a page by including a fragment of content from a URL related to their linked resource. For example, the header of BostonGlobe.com contained a link to the Weather section of the website, and that same link is also used as a marker for including a fragment of content from that section that is used to create a weather widget.
ajax
javascript
jquery
mobile
responsive
lazyload
filamentgroup
bostonglobe
pattern
quickconcat
concatenate
http
modular
14 hours ago by sunpig
UI Patterns For Mobile Apps: Search, Sort And Filter | Smashing UX Design
7 weeks ago by sunpig
But after taking a look at Craigslist mobile, it became obvious we could all benefit from some best practices around mobile search, sort and filter UI design. This article explores a dozen different ways to surface and refine the data your customers want.
theresaneil
smashingmag
development
design
pattern
search
filter
refine
save
ux
hci
sort
mobile
screen
7 weeks ago by sunpig
Organizing Your Backbonejs Application With Modules - Bocoup
9 weeks ago by sunpig
If you have spent any time looking atBackbone.js, like many others, you are probably amazed by how lightweight, flexible and elegant it is. Backbone.js is incredibly powerful, but not prescriptive in how it should be used. With great power comes great responsibility, and if you’ve tried to use Backbone.js for a large project you might be asking yourself: how do I organize my code?
bocoup
backbone
js
javascript
architeture
module
organization
organize
code
frontend
webdev
pattern
9 weeks ago by sunpig
LukeW | Multi-Device Layout Patterns
11 weeks ago by sunpig
Through fluid grids and media query adjustments, responsive design enables Web page layouts to adapt to a variety of screen sizes. As more designers embrace this technique, we're not only seeing a lot of innovation but the emergence of clear patterns as well. I cataloged what seem to be the most popular of these patterns for adaptable multi-device layouts.
lukew
responsive
adaptive
layout
linear
column
navigation
design
css
mediaquery
pattern
from twitter
11 weeks ago by sunpig
Thoughts on a (very) small project with Backbone and Backbone Boilerplate - Adventures in JavaScript Development
11 weeks ago by sunpig
RT @rmurphey: Thoughts on a (Very) Small Project With Backbone and Backbone Boilerplate
rebeccamurphey
backbone
js
javascript
code
organize
project
pattern
termplate
from twitter
11 weeks ago by sunpig
Responsive Navigation Patterns | Brad Frost Web
february 2012 by sunpig
RT @brad_frost: Responsive Navigation Patterns: an in-depth look into responsive web design navigation techniques
bradfrost
mobile
web
navigation
pattern
desktop
responsive
adaptive
width
mediaquery
adjust
webdev
frontend
february 2012 by sunpig
Web Intents: A fresh look - Tales of a Developer Advocate
july 2011 by sunpig
"Intents" is a fabulously useful software pattern. Bringing intents to the web could be awesome: /by @paul_kinlan
paulkinlan
intent
intents
software
pattern
architecture
invoke
service
july 2011 by sunpig
Starbucks Does Not Use Two-Phase Commit - Enterprise Integration Patterns
october 2010 by sunpig
"Starbucks Does Not Use Two-Phase Commit":
starbucks
coffee
pattern
programming
transaction
commit
twophase
database
messaging
acid
atomicity
consistency
failure
tolerance
fault
development
architecture
october 2010 by sunpig
Prices and plans design patterns | For A Beautiful Web
october 2009 by sunpig
"Although like many designers, I am often driven by the desire to create something different and to avoid following what others have created, I have begun to realise that in some situations, following a tried and tested pattern or convention can benefit a person's experience of a design and therefore help the company I am designing for achieve their goals. Conventions can be used as a starting point for design and a platform for innovation. 37Signals and in particular their Basecamp product site and sign-up process are what I consider to be the benchmark in this area. Their pricing and sign up page has become the standard that others have followed, as you'll see if you look at the examples featured by Györay Fekete."
andyclarke
forabeautifulweb
pattern
price
plan
pricing
choice
design
layout
abtest
html
redesign
cannybill
basecamp
example
october 2009 by sunpig
related tags
abtest ⊕ abtesting ⊕ acid ⊕ adaptive ⊕ addlistener ⊕ addyosmani ⊕ adjust ⊕ advice ⊕ ajax ⊕ ala ⊕ alistapart ⊕ ancestor ⊕ android ⊕ andyclarke ⊕ annadebenham ⊕ antipattern ⊕ api ⊕ application ⊕ architecture ⊕ architeture ⊕ aspnet ⊕ aspnetmvc ⊕ asynchronous ⊕ atomicity ⊕ attention ⊕ attributes ⊕ autism ⊕ awesome ⊕ backbone ⊕ background ⊕ basecamp ⊕ bbc ⊕ bencherry ⊕ bestpractice ⊕ bias ⊕ billiemandel ⊕ billscott ⊕ bind ⊕ bocoup ⊕ bom ⊕ bostonglobe ⊕ bradfrost ⊕ british ⊕ brits ⊕ brooks ⊕ bullseye ⊕ calendar ⊕ cancer ⊕ cannybill ⊕ cargocult ⊕ catch ⊕ choice ⊕ choose ⊕ chrisheilmann ⊕ circle ⊕ class ⊕ clearleft ⊕ closure ⊕ code ⊕ coding ⊕ coffee ⊕ column ⊕ commit ⊕ communication ⊕ compatible ⊕ concatenate ⊕ confirmation ⊕ consistency ⊕ continuous ⊕ crockford ⊕ css ⊕ custom ⊕ dark ⊕ darkpattern ⊕ data ⊕ database ⊕ date ⊕ debug ⊕ design ⊕ desktop ⊕ dev ⊕ develeopment ⊕ development ⊕ device ⊕ dialog ⊕ disabled ⊕ dom ⊕ douglascrockford ⊕ download ⊕ effort ⊕ emitter ⊕ ericmiraglia ⊕ error ⊕ event ⊕ events ⊕ example ⊕ exception ⊕ experience ⊕ expose ⊕ failure ⊕ fallacy ⊕ fault ⊕ feature ⊕ filament ⊕ filamentgroup ⊕ filter ⊕ forabeautifulweb ⊕ forward ⊕ frontend ⊕ function ⊕ funny ⊕ ga ⊕ google ⊕ googleanalytics ⊕ grid ⊕ grigs ⊕ group ⊕ guide ⊕ handling ⊕ harrybrignull ⊕ haskell ⊕ hci ⊕ head ⊕ history ⊕ html ⊕ http ⊕ human ⊕ input ⊕ inspiration ⊕ instanceof ⊕ instatiation ⊕ intent ⊕ intents ⊕ interaction ⊕ interface ⊕ invoke ⊕ ios ⊕ iphone ⊕ ixd ⊕ javascript ⊕ jesseliberty ⊕ joezim ⊕ johnresig ⊕ jquery ⊕ js ⊕ kennedy ⊕ keypad ⊕ language ⊕ large ⊕ layout ⊕ lazyload ⊕ lh ⊕ library ⊕ lift ⊕ lincoln ⊕ lindastone ⊕ linear ⊕ listener ⊕ literal ⊕ load ⊕ logic ⊕ lukew ⊕ maintenance ⊕ manmonth ⊕ markup ⊕ mdn ⊕ meaning ⊕ mediaquery ⊕ messaging ⊕ method ⊕ microevent ⊕ microformats ⊕ microsoft ⊕ mikewilcox ⊕ mobile ⊕ modal ⊕ modular ⊕ module ⊕ monad ⊕ mozilla ⊕ ms ⊕ mvc ⊕ myth ⊕ navigation ⊕ nest ⊕ new ⊕ nicholaszakas ⊕ number ⊕ numeric ⊕ object ⊕ observer ⊕ optimization ⊕ organization ⊕ organize ⊕ page ⊕ partial ⊕ pattern ⊖ patterns ⊕ paulkinlan ⊕ performance ⊕ philosophy ⊕ phone ⊕ picker ⊕ plan ⊕ polite ⊕ politeness ⊕ possibilities ⊕ practice ⊕ price ⊕ pricing ⊕ private ⊕ programming ⊕ project ⊕ psychology ⊕ public ⊕ quickconcat ⊕ rebeccamurphey ⊕ rebeccamurphy ⊕ redesign ⊕ refine ⊕ regex ⊕ removelistener ⊕ repeat ⊕ repeatx ⊕ replacement ⊕ resource ⊕ responsive ⊕ revenue ⊕ rewrite ⊕ ria ⊕ roi ⊕ rwd ⊕ save ⊕ scope ⊕ scottguthrie ⊕ screen ⊕ script ⊕ search ⊕ semantics ⊕ seo ⊕ service ⊕ sharpshooter ⊕ shichuan ⊕ smashingmag ⊕ social ⊕ software ⊕ sort ⊕ speech ⊕ speed ⊕ spinner ⊕ spolsky ⊕ standard ⊕ starbucks ⊕ statistics ⊕ stevesouders ⊕ stoptheworldiwanttogetoff ⊕ stoyanstefanov ⊕ strategy ⊕ string ⊕ style ⊕ stylesguide ⊕ superstition ⊕ tdn ⊕ tel ⊕ termplate ⊕ test ⊕ testing ⊕ theresaneil ⊕ tolerance ⊕ tracking ⊕ transaction ⊕ translatoin ⊕ try ⊕ twophase ⊕ type ⊕ ui ⊕ unit ⊕ usability ⊕ usage ⊕ useful ⊕ ux ⊕ value-class ⊕ variable ⊕ viewport ⊕ visual ⊕ visuallanguage ⊕ visualstudio ⊕ web ⊕ webapp ⊕ webdev ⊕ width ⊕ yahoo ⊕Copy this bookmark: