sunpig + webkit   30

Modern Web Development
The mobile landscape today is all but monopolized by WebKit, as a result, most of the tooling and infrastructure to support mobile web development on the frontend is taking place in the WebKit Inspector, so I’ll focus on it, and take a deep dive into its entire feature-set and how and when to use it.
majdtaby  chrome  webkit  inspector  devtools  dev  timeline  script  panel  debug  break  console 
16 days ago by sunpig
Introduction to JavaScript Source Maps - HTML5 Rocks
Have you ever found yourself wishing you could keep your client-side code readable and more importantly debuggable even after you've combined and minified it, without impacting performance? Well now you can through the magic of source maps.
js  javascript  sourvce  map  sourcemap  debug  tool  firebug  webkit  compress  minify 
10 weeks ago by sunpig
How to work around the Mobile Safari image resource limit
Because of the memory available on an iPad or iPhone, Mobile Safari has much stricter resource limits than most desktop browsers.

One of these limits is the total amount of image data that can be loaded on a single HTML page. When Mobile Safari has loaded between 8 to 10 MB of image data it will simply stop displaying any more images. It might even crash.
safari  mobile  ios  ipad  iphone  webkit  resource  limit  image  size  html  webdev  frontend  constraint 
10 weeks ago by sunpig
WebKit Limit on Retina JPG Image Display - Duncan Davidson
While doing some homework this evening on how to best display Retina-resolution photographs on the new iPad for future updates to both this and the Luma Labs sites, I ran into a frustrating problem. Relatively small high-resolution images—such as John Gruber’s Daring Fireball logo—work great. But 2000-pixel wide photographs failed miserably and ended up looking worse than the 1000-pixel wide images they were replacing in my test pages. Much worse, in fact.
webkit  retina  image  scale  jpg  png  limit  ios  safari  web  webdev  frontend 
10 weeks ago by sunpig
The Future Of CSS: Experimental CSS Properties - Smashing Magazine
Smashing Magazine - "The Future Of CSS: Experimental CSS Properties" (/via @koenpeters)
css  experimental  properties  development  browser  webkit  mozilla  css3 
may 2011 by sunpig
FunctionSource: Coping with Over Four Hundred Devices: How Netflix Uses HTML5 to Deliver Amazing User Interfaces
RT @billwscott: FunctionSource: Coping with Over 400 Devices: How Netflix Uses HTML5 to Deliver Amazing UIs via @fun ...
netflix  html  html5  web  webkit  webdev  ios  mobile  qt  cute  custom  build  process  development 
april 2011 by sunpig
Graded Browser Support Update: Q4 2010 » Yahoo! User Interface Blog (YUIBlog)
RT @mathias: YUI’s Graded Browser Support will move IE6 from A-grade to C-grade in Q1 2011:
yui  gbs  graded  browser  landscape  mobile  web  webdev  qa  testing  firefox  chrome  ie  safari  webkit 
november 2010 by sunpig

related tags

accelerate  active  ala  alexrussell  alistapart  analysis  animation  background  blogoscoped  blur  bold  box  break  browser  build  cache  chrome  click  code  color  colour  column  comic  compress  console  constraint  container  create  css  css3  custom  cute  debug  debugger  debugging  design  detect  dev  developer  development  device  devtools  differene  display  dom  dragonfly  element  engine  event  example  experimental  field  firebug  firefox  focus  font  form  frontend  gbs  generate  google  graded  gradient  guide  haml  handler  hardware  header  highlight  hover  html  html5  http  ie  image  inayailideleon  information  input  inspector  ios  ipad  iphone  javascript  jpg  js  landscape  layout  limit  link  load  mac  majdtaby  map  measure  measurement  media  minify  mobile  mobilesafari  mozilla  multicolumn  netflix  network  node  nokia  opensource  opera  optimization  osx  panel  partial  paulirish  pdf  performance  performane  phonegap  png  prefix  presentation  print  process  profile  progressiveenhancement  properties  pseudoclass  qa  qt  query  rails  reference  refresh  reload  remote  render  resource  retina  rgba  rotate  ruby  rules  safari  scale  scottmccloud  script  search  select  shading  shadow  shauninman  size  sourcemap  sourvce  span  standardization  start  stevesouders  storyboard  style  tab  tap  target  template  test  testing  text  timeline  tool  tools  touchstart  transform  transition  translate  tutorial  tutorials  typgraphy  ui  video  view  w3c  walkthrough  waterfall  web  webdev  webinspector  webkit  webpage  webstandards  wg  wpo  yui 

Copy this bookmark:



description:


tags: