sunpig + pattern   48

An Ajax-Include Pattern for Modular Content | Filament Group, Inc., Boston, MA
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
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
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
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
Responsive Navigation Patterns | Brad Frost Web
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
Better Numerical Inputs for Mobile Forms | David Goss
RT @davidjgoss: Using pattern="[0-9]*" as suggested by @brad_frost is useful in other ways too -
input  type  number  numeric  keypad  ios  iphone  pattern  html  webdev  usability  spinner 
february 2012 by sunpig
Web Intents: A fresh look - Tales of a Developer Advocate
"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
Prices and plans design patterns | For A Beautiful Web
"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:



description:


tags: