ohskylab + web   2747

Brunch
"A lightweight approach to building HTML5 applications with emphasis on elegance and simplicity"
web  build  automation 
16 days ago by ohskylab
Designing Great API Docs
"The most important piece of UX for a developer product isn't the homepage or the sign up process or the SDK download. It's the API documentation!"
web  api  apidesign  documentation 
16 days ago by ohskylab
The Little Manual of API Design [pdf]
"This manual gathers together the key insights into API design that were discovered through many years of software development on the Qt appli- cation development framework at Trolltech (now part of Nokia)."
web  api  apidesign  pdf 
16 days ago by ohskylab
grunt-s3
"A grunt task to automate moving files to/from Amazon S3."
web  grunt  amazon  s3  deployment  javascript  from instapaper
17 days ago by ohskylab
TodoMVC
"A common learning application for popular JavaScript MV* frameworks"
web  javascript  mvc  framework 
17 days ago by ohskylab
When good front-end optimization goes bad: How to make sure your site tests well AND looks good « Web Performance Today
"Now that we’re seeing wide-scale adoption of front-end optimization best practices, misapplication of these best practices could be delivering “false positives” — sites that test well but look bad for real users."
web  performance  hpw  testing  from instapaper
23 days ago by ohskylab
On a Repeatable Dev Project Setup
"Every development project, no matter how complex, should have a repeatable, predictable (preferably scripted) new developer project bootstrap."
web  development  deployment  readme  from instapaper
27 days ago by ohskylab
Modularity and Style Guides – David Bushell – Web Design & Front-end Development
"Style guides (or pattern libraries) are the perfect place to start a website build and a modular base. They bridge the gap between design and development. They’re somewhat similar to a traditional brand guidelines but contain less fluff & nonsense and 100% practical code examples."
web  css  styleguides  modularity  smacss  oocss  from instapaper
27 days ago by ohskylab
Stubbornella » Blog Archive » Cross-Browser Debugging CSS
"CSS has an underlying design and when you work with it, with the natural flow of how CSS is meant to be used, you will find you have a lot less bugs."
web  css  bugs  testing  debugging  from instapaper
28 days ago by ohskylab
The single responsibility principle applied to CSS — CSS Wizardry—CSS, Web Standards, Typography, and Grids by Harry Roberts
"Loosely, the single responsibility principle states that every module or chunk of code (a function etc) should do one job well and one job only. The benefits of this are mainly in the way of maintainability and extensibility. If we don’t adhere to the SRP then we are likely to end up with code which does more than it should, this means that altering one part of that code could negatively impact a seemingly unrelated part of the same snippet."
web  css  modularity  srp  from instapaper
4 weeks ago by ohskylab
Revving Filenames: don’t use querystring | High Performance Web Sites
Must remember. "Which is better: mylogo.1.2.gif or mylogo.gif?v=1.2? To gain the benefit of caching by popular proxies, avoid revving with a querystring and instead rev the filename itself."
web  performance  hpw  caching  from instapaper
4 weeks ago by ohskylab
» The EMs have it: Proportional Media Queries FTW! Cloud Four Blog
@getify @smashingmag About pixels vs ems in media-queries: http://t.co/YqcC8tpw #fronttrends Spoiler: use ems!
web  responsive  mediaqueries  from instapaper
5 weeks ago by ohskylab
linkedin/inject
"Manage your [JS] dependencies in a Library Agnostic way". Clever-looking localStorage stuff.
web  javascript  performance  loading  localstorage 
5 weeks ago by ohskylab
5 years later: print CSS still sucks / Stoyan's phpied.com
"Ditch media="print" if you have one! (Hey why isn't this a yslow/pagespeed rule?). Ditch it because in the best case scenario it will only block onload. In the worst case it will block initial paint, onload and DOMContentLoaded. Sitting in front of a white page with no feedback is the worst possible user experience."
web  css  print  hpw  performance  from instapaper
5 weeks ago by ohskylab
Serve - Delicious ERB, Haml + Sass
"Simple dynamic site generator with standardised templating tools: certainly looks nice for building those early-stage prototypes before you need a full backend."
ruby  web  development  erb  haml  sass  markdown  templating  via:infovore 
5 weeks ago by ohskylab
Google HTML/CSS Style Guide
Not revolutionary but solid. Some moderately contentious parts.
web  css  html  google  style  styleguide 
5 weeks ago by ohskylab
A Closer Look At Font Rendering | Smashing Magazine
"Now that we have a great choice of fonts that can be used on websites, it becomes clear that the translation of a design into pixels is not something that happens naturally or consistently. OS makers apply different strategies to render how typefaces are displayed, and these have evolved greatly over time (and still continue to do so). As we now look closer at fonts on screen more than ever before, we realize that the rendering of these glyphs can differ significantly between systems and font formats. What’s more, it has become clear that even well-designed fonts may not look right on Windows if they are missing one crucial added ingredient: hinting."
web  fonts  rendering  hinting  from instapaper
5 weeks ago by ohskylab
Slowy app
"Real-world connection simulator and bandwidth limiter." Very handy.
web  mac  connection  mobile  hpw  performance  bandwidth  from instapaper
5 weeks ago by ohskylab
webserver - Why move your Javascript files to a different main domain that you also own? - Stack Overflow
"The problem is that once you send HTTP headers for really aggressive caching (i.e. cache me for a week or a year or forever), these files aren't ever reliably loaded from the server any more and you can't make changes/fixes to them because things will break in people's browsers.

So, what companies have to do is stage these changes and actually change the URLs of all of these files to force people's browsers to reload them. Cycling through domains like "a.imwx.com", "b.imwx.com" etc. is how this gets done.

By using a nonsense domain name, the Javascript developers and their Javascript sysadmin/CDN liaison counterparts can have their own domain name/DNS that they're pushing these changes through, that they're accountable/autonomous for.

Then, if any sort of cookie-blocking or script-blocking starts happening on the TLD, they just change from one nonsense TLD to kyxmlek.com or whatever. They don't have to worry about accidentally doing something evil that has countermeasure side effects on all of *.google.com."
web  hpw  caching  cdn 
5 weeks ago by ohskylab
PhantomJS: Headless WebKit with JavaScript API
"PhantomJS is a headless WebKit with JavaScript API. It has fast and native support for various web standards: DOM handling, CSS selector, JSON, Canvas, and SVG."
javascript  webkit  web  browsers  headless  testing  rendering  via:infovore 
7 weeks ago by ohskylab
Fixing These jQuery | adam j. sontag
"An HTML5 presentation designed to familiarise developers with basic approaches to debugging jQuery and JavaScript code. It also introduces many of the common pitfalls most people encounter at some point on their jQuery journey."
web  debugging  development  javascript  jquery 
7 weeks ago by ohskylab
A Baseline for Front-End Developers - Adventures in JavaScript Development
"I think we’re seeing the emphasis shift from valuing trivia to valuing tools. There’s a new set of baseline skills required in order to be successful as a front-end developer, and developers who don’t meet this baseline are going to start feeling more and more left behind as those who are sharing their knowledge start to assume that certain things go without saying."
web  front-end  javascript  career  work  git  automation  rebeccamurphey  from instapaper
7 weeks ago by ohskylab
GetBPM.org | your community BPM package host
A system for managing resource dependencies for client-side browser applications.
web  bpm  packages  dependencies 
7 weeks ago by ohskylab
Publish What You Learn | Smashing Magazine
"The collaboration on apps like GitHub should be exactly what happens on blog posts. The readers posting comments should read the entire article, and should offer constructive, polite criticism and suggestions, without any unnecessary negativity."
web  development  writing  advocacy  from instapaper
8 weeks ago by ohskylab
Web Standards Trifle | And all that Malarkey
Hadn't seen this 2005-era post before.

Web standards: trifle.
Not web standards: fruit cake.

I'm not the only one who's fond of a good cake analogy.
web  css  standards  trifle  cake 
8 weeks ago by ohskylab
Bedrock | Infrequently Noted
"Let that picture sink in: at 180KB of JS on average, script isn’t some helper that gives meaning to pages in the breech, it is the meaning of the page. Dress it up all you like, but that’s where this is going."
web  javascript  hpw  performance  from instapaper
8 weeks ago by ohskylab
Introducing Grunt - Bocoup
..."a task-based command line build tool for JavaScript projects."
web  development  javascript 
8 weeks ago by ohskylab
adamdbradley/foresight.js
"Gives webpages the ability to tell if the user's device is capable of viewing high-resolution images (such as the 3rd generation iPad) before the image is requested from the server. Additionally, it judges if the user's device currently has a fast enough network connection for high-resolution images. Depending on device display and network connectivity, foresight.js will request the appropriate image for the webpage."
web  images  ipad  retina  responsive  javascript 
9 weeks ago by ohskylab
Perch Multiple Galleries
Hacktastic. But the principle works.
web  perch  galleries 
9 weeks ago by ohskylab
Touch Wiki
Javascript libraries for dealing with touch events, multitouch, normalizing across the Webkit/IE touch models, and all that jazz.
javascript  touch  github  web  via:monospaced 
9 weeks ago by ohskylab
Why AirPlay just wrecked your responsive media strategy « cvil.ly
"We can no longer presume that the content accessed through mobile devices will also be viewed on them. With AirPlay, mobile device experiences can just as easily become 10 foot lean-back experiences, negating all your assumptions about display size and bandwidth. Responsive meda strategies will need to get more sophisticated to take this into account."
web  apple  ios  responsive  mobile  context 
10 weeks ago by ohskylab
The Statistics of Web Performance
"In terms of web performance, the experience we need to measure is user perceived page load time, and the single number we need to extract depends on the distribution of measurements across the sample. There are a few contenders for what the magic number should be. Do you use the mean, median, mode, or something else? How do you determine the correctness of this number or whether your sample size is large enough? Is one number sufficient?"
web  performance  statistics  hpw 
10 weeks ago by ohskylab
Gimme Bar
A collection of styleguides.
web  css  design  styleguide 
10 weeks ago by ohskylab
One-com/assetgraph
Potentially useful. "An AssetGraph object is a collection of assets (nodes) and the relations (edges) between them. It's a basic data model that allows you to populate, query, and manipulate the graph at a high level of abstraction. For instance, if you change the url of an asset, all relations pointing at it are automatically updated."
web  css  http  js  performance  hpw 
10 weeks ago by ohskylab
« earlier      

related tags

!htaccess  !microformats  1k  4chan  4ip  24ways  37signals  43folders  @font-face  a/b  ab  abbreviation  accelerometer  accessibility  accesskeys  accountability  acrobat  acronym  actionscript  activism  adaptivepath  addevent  addthis  administration  adobe  advanced  advergame  advertising  advice  advocacy  agencies  agency  aggregator  agile  ahah  airlines  ajax  alfresco  aliasing  alistapart  alt  amazon  amd  america  analysis  analytics  andretorrez  android  andyclarke  animated  animation  annotation  announcement  anonymity  anonymous  ant  apache  api  apidesign  apml  appcache  apple  applications  apps  architecture  archive  arduino  arg  aria  arstechnica  art  article  articles  as3  askme  async  asynchronous  atg  atmedia  atom  attention  attributes  auction  audio  authentication  autocapitalize  autocomplete  autocorrect  automation  autosave  awards  aws  back  backbone  background  backgrounds  backnetwork  backup  badges  bandcamp  bandmetrics  bands  bandwidth  banking  banners  bar  basecamp  bb  bbc  bcs  beautifier  bem  benchmarking  benward  berg  bestbuy  beta  bgs  bl  blackberry  bloat  blog  blogger  blogging  blogs  blueprint  boilerplate  boingboing  book  bookmarking  bookmarklet  bookmarklets  bookmarks  books  borders  boss  boxes  boxesandarrows  bpm  brainstorm  brand  breadcrumbs  breakpoints  brief  brighton  britishlibrary  browser  browsers  bsi  bug  bugs  bugtracking  bugzilla  build  bulletproofing  bullets  bush  business  button  buttons  cache  caching  cake  cakephp  calculator  calendar  calibration  cambridge  cameronmoll  campaigns  canonical  canvas  capistrano  cappuccino  captioning  career  carousel  cart  cartography  cascade  casperjs  cd  cdn  celery  center  cew  change  character  charity  chart  charts  chat  cheatsheet  checkbox  checklist  chinese  chinwag  choooon  chrisheathcote  christianheilmann  chrome  chromeframe  cinema  clark  clean  clearfix  clearing  clearleft  cleartype  clickhere  clicky  clients  climate  clock  cloud  cloudfront  cloudmade  clyde  cms  code  codeigniter  codes  coding  codinghorror  coi  collaboration  collapsible  colorbox  colour  colourblindness  columns  comedy  comments  comms  communication  community  company  comparison  compass  compatbility  compatibility  competition  compression  concurrency  conditional  conference  connection  conservation  consulting  content  context  continuousintegration  contracts  contrast  conversation  conversion  converter  cool  copy  copyright  corners  corporate  corydoctorow  country  craigslist  creativecommons  creativity  creditcards  crowdsourcing  css  css3  css4  cta  culture  customerservice  cv  cvs  cyberduck  cycling  dancederholm  daneastwell  data  data:  database  databases  datagrid  datamining  datauri  dconstruct  dconstruct07  dconstruct08  debug  debugging  defaults  del.icio.us  delivery  delta9  demo  demographics  dependencies  deployment  design  desktop  detection  developers  development  diagrams  dictionary  diff  diffable  digg  digital  digitalweb  directory  disability  diy  django  dlkw  dmca  dns  dock  docking  doctype  documentation  documentoutlines  dogma  dojo  dom  domains  dopplr  drag  drop  dropbox  drupal  dvcs  e-commerce  e-learning  ebay  ebooks  eboy  ec2  ecards  eclipse  ecm  eco  ecommerce  economics  eddy  editing  editor  education  eff  effects  efficiency  elastic  electronics  em  email  embed  employment  emulation  encode  encoding  encryption  energy  engagement  engineering  enhancement  entities  entity  entrepreneurship  environment  equidistant  erb  ericmeyer  errors  est  estimates  estimating  estonia  etech  etsy  europe  event  events  everyblock  evil  example  excel  explorer  expressionengine  extension  extensions  extreme  eyetracking  fabric  facebook  facebookconnect  faq  faux  favicon  fbml  featuredetection  feed  feedback  feedburner  feeds  fieldset  file  files  filesharing  finance  finder  fir  firebug  fireeagle  firefox  fisheye  flash  flashpaper  flask  flex  flexbox  flicker  flickr  float  floats  flow  fluid  flv  fold  folksonomy  font-face  fontdeck  fonts  fontshop  fontsmith  footer  footers  form  formatter  formmail  forms  forum  forums  fouc  foundries  foursquare  fowalondon07  fractionally  frames  framework  frameworks  free  freecycle  freelancing  freeware  friendfeed  friends  front-end  fronteers  frontend  fslola  ftp  fullscreen  fun  functions  fundraising  funny  furniture  future  fxt  galleries  gallery  game  games  gaming  gay  gbs  gears  geekyoto  geekyoto08  generator  geo  gestures  gigs  gigulate  gis  git  github  gitosis  glitch  glossary  google  googleanalytics  googledocs  googlemaps  government  gps  gradient  gradients  graphic  graphics  graphs  graphy  greasemonkey  greek  green  greenpeace  grids  grindr  griot  groupware  grunt  gtd  gu  guardian  gui  guide  guidelines  gunicorn  gwt  gzip  h1  h264  hack  hacking  hacks  haml  hardening  hash-bangs  hcard  hci  headings  headless  health  heatmap  help  heroku  heuristics  hiddentext  highlighting  hijax  hiking  hinting  hiring  history  hlisting  hn  hnews  home  homeoffice  hosting  hover  howto  hpw  htaccess  htc  html  html5  html5boilerplate  html5bp  http  https  humour  hyde  hyphenation  hypocrisy  i18n  ia  iaintait  ibm  icon  icons  ide  ideahorde  ideas  identi.ca  identity  idisk  ie  ie6  ie7  ie8  iframe  illustration  illustrator  image  imagemap  imagereplacement  images  index  influence  information  inheritance  innovation  inspiration  integration  interaction  interesting  interface  internationalization  internet  internetofthings  interview  interviews  intranet  ios  iossimulator  ip  ipad  iphone  ipod  iso  isometric  jakobnielsen  jaredspool  jasonkottke  java  javascript  jaws  jekyll  jeremykeith  jive  jkrowling  jobs  joe  joeclark  johnresig  journalism  jpg  jquery  js  json  juku  jump  justified  kaltura  kelkoo  killkillthecampaignmicrosite  knowledge  kohana  kong  la  labels  labjs  laconica  language  languages  last.fm  law  layout  layouts  lazyloading  lbs  leaks  leanbackplayer  learning  leaverou  legal  legend  leopard  less  library  licensing  lifehacker  lifehacks  lightbox  lineheight  link  linkedin  links  lint  linux  lipsum  liquid  list  lists  literature  livemail  loaders  loading  loadtesting  local  localhost  localstorage  location  logging  login  lojax  london  lossy  loudness  lowpro  lukew  lukewroblewski  lynx  mac  macosx  magazines  magnification  mail  maintenance  malware  management  manifest  manifesto  manufacturing  mapping  maps  margin  margins  markdown  marketing  markup  marquee  mashup  matrix  mattwebb  maxwidth  maze  media  mediaelement.js  mediaqueries  mediawiki  mefi  memes  memory  memoryleak  menus  merb  mercurial  metadata  metafilter  methodology  metrics  mhtml  microblogging  microdata  microformats  microsites  microsoft  microsummaries  middleware  migrations  mime-types  min-height  mini  minification  minifier  mixtape  mmorpg  mobile  mobile2.0  mobilefirst  modal  modernizr  modular  modularity  money  monitor  monitoring  moo  moodboards  mootools  morganstanley  mortgage  movies  mozilla  mp3  mt  multimedia  multiple  multivariate  music  musicbrainz  mvc  mvp  mysociety  mysource  myspace  mysql  mythology  myths  nasa  natekoechley  navigation  negative  nestoria  netflix  netvibes  network  networking  networks  news  newsletter  newspapers  nginx  nielsen  ning  nintendo  node.js  nomensa  non-intrusive  normalize  noscript  nostalgia  nvda  nyc  nytimes  oauth  obama  objects  octopress  oembed  office  offline  offshoring  ogg  ol  omnigraffle  online  onload  onpopstate  oocss  oop  opacity  open  opendns  openid  opensocial  opensource  openweb  opera  optimization  orange  orderedlists  oreilly  organic  organization  osc  osm  osx  outlines  outlook  outsourcing  overflow  oxfam  pachube  packages  pagerank  pages  palette  papervision  parallax  parallels  parser  parsing  pas78  passwords  path  patterns  paulhammond  paulirish  pda  pdf  penetration  percentages  perch  perforamnce  performance  performane  perl  personalization  petegoodman  phantomjs  phark  philosophy  phing  phishing  phone  phonegap  phorm  photo  photography  photophlow  photos  photoshop  php  pie  pinax  pip  pipes  piston  pixel  pixelart  plan  planning  platform  platforms  playbook  player  plugin  plugins  png  png8  podcast  podcasting  poke  politics  poll  polls  polyfills  polyglot  polymaps  pop  popups  portability  portable  portal  portfolio  posh  positioning  postcode  poster  postmark  poyozo  ppk  pquery  precedent  preload  preprocessors  presentations  press  print  privacy  process  processing  productivity  programming  progressive  progressiveenhancement  progressiveenrichment  project  projectmanagement  projects  promotion  proofing  protoscript  prototype  prototyping  proxy  psychology  publishing  python  qa  qtip2  quality  quarterlife  quicktime  quotations  quote  quotes  rackspace  radio  rake  random  rands  ranking  rant  rating  rdf  readability  readers  reading  readme  readmill  readwriteweb  rebeccamurphey  recommendations  recordings  recovery  recruitment  recycling  redesign  redis  refactoring  reference  regex  registration  remote  remoting  rendering  replacement  repo  report  reputation  requirejs  rescue  research  reservations  reset  resolution  resolver  resources  responsive  rest  restoring  retina  rev  revcanonical  review  reviews  rgba  richardrutter  rights  rnib  robotics  robots.txt  roi  rollover  rounded  rss  rsync  ruby  rubyonrails  running  russelldavies  rvrb  s3  s5  safari  samurai  sass  satisfaction  scalability  scaling  scanner  scheduling  schemes  science  scm  scraper  scraping  screen  screencast  screenreaders  screens  screensaver  screenshots  scripting  scripts  scrollbar  scrolling  search  security  select  selectors  selenium  semantic  semantics  semanticweb  sencha  seo  seomoz  server  service  services  sethgodin  sex  sftp  shadowbox  shadows  shapes  sharing  shell  shopping  shortcuts  shortening  shorthand  showing  showreel  shrinktofit  sidenotes  siemens  sifr  silverback  simonwillison  simplegeo  simplicity  simulator  sinatra  sisyphus  site5  sitemap  sitemaps  sitepoint  sixapart  size  sizing  skew  skills  skip  sl1200  slashdot  slider  slides  slideshare  slideshow  smacss  smartphone  smarty  smm  smtp  smush  snippets  snowleopard  sns  social  socialcapital  socialobjects  society  software  solr  sound  source  sourceorder  sourcesafe  south  spam  spec  specificity  specs  speech  speed  spider  spime  splash  sprites  sql  squarefree  squid  squiz  srp  ssg  ssh  ssl  stack  stackoverflow  stamen  stamps  standalone  standards  stanford  stars  startup  startups  statement  static  statictics  statistics  stats  step  stevenberlinjohnson  stevesouders  storage  store  stories  story  strategy  streaming  strip  structure  study  stumbleupon  style  styleguide  styleguides  subdomains  sublimelinter  sublimetext  submit  subtitling  subversion  support  survey  surveys  sustainability  sustainable  svg  svn  swf  swfobject  swfupload  switch  switchover  swx  sxsw  symfony  sync  syndication  syntax  sysadmin  system  tabindex  tables  tablets  tabs  tagcloud  tagging  tags  tantek  target  taxonomy  teaching  tech  techcrunch  technics  technique  techno  technology  television  template  templates  templating  terminology  tesco  testing  text  text-shadow  textarea  textmate  themes  theonion  theregister  thetimes  thickbox  thinkup  timbernerslee  timbray  time  timesheets  timezones  tinymce  tips  title  tls  tmg  tomcoates  tool  toolbar  tools  tooltip  tooltips  top  topix  touch  tourism  trac  tracking  trade  traffic  training  transitions  translation  transparency  transparent  travel  trends  trifle  truetype  trust  tube  tufte  tumblelog  tumblelogs  tumblr  turntables  tutorial  tutorials  tv  twig  twill  twitter  typekit  typography  ued  ufo  ui  uk  ul  undo  uni-form  unicode  unicorns  unittesting  universality  unobtrusive  upload  uri  url  urlencode  urls  usa  usability  useit  user  useragent  usernames  utilities  utility  ux  vagrant  validation  validator  variables  varnish  vcs  verifiedbyvisa  versioning  vertical  vhosts  via:alastc  via:antimega  via:askush  via:blech  via:chrisdodo  via:daneastwell  via:dannero  via:demwunz  via:eldret_99  via:flippers  via:gilest  via:headlessness  via:ihart  via:infovore  via:jerakeen  via:markrocky  via:mattnicholls  via:momorgan  via:monospaced  via:nickandjess  via:paul.irish  via:peter.costello  via:rowanrosser  via:scrubadub  via:sideb0ard  via:simonw  via:smitchio  via:thegingerbloke  via:tomtaylor  via:twoplusfour  viacom  video  viewport  viral  virtualbox  virtualenv  virtualhost  virtualization  visibility  visio  visited  visualisation  visualization  vml  vmware  vnc  vodafone  voice  voiceover  vss  w3c  w3schools  wai  walking  waterfall  wayback  wcag  wcag2  weave  web  web2.0  webaim  webdav  webfaction  webgl  webhooks  webkit  weblog  weblogs  webmail  webmaster  websockets  webworkers  wfmu  wget  whatwg  whiteboard  whitespace  whois  widget  widgets  wii  wiki  wikinomics  window  windows  wired  wireframes  woff  wordpress  words  work  workflow  wpo  writeboard  writing  wsgi  wurfl  wysiwyg  wysiwym  x-ray  xenu  xfn  xforms  xhtml  xhtml2  xml  xp  xsl  xslt  xspf  xss  yahoo  yahoogroup  yelp  yepnope  yii  youtube  yql  yslow  yui  zebra  zeldman  zencoding  zend  zoom  _why 

Copy this bookmark:



description:


tags: