Stubbornella » Blog Archive » Cross-Browser Debugging CSS
29 days ago by sunpig
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.
stubbornella
nicolesullivan
css
oocss
bug
browser
safari
firefox
chrome
ie
hack
position
block
context
zoom
haslayout
workaround
debug
29 days ago by sunpig
How to work around the Mobile Safari image resource limit
10 weeks ago by sunpig
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
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.
10 weeks ago by sunpig
WebKit Limit on Retina JPG Image Display - Duncan Davidson
10 weeks ago by sunpig
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
Disable the default inner-shadow of search inputs on the iPad // ShaunInman.com
august 2010 by sunpig
-webkit-appearance: caret;
shauninman
webkit
ipad
shadow
shading
box
input
field
text
safari
mobile
css
august 2010 by sunpig
related tags
37signals ⊕ adobe ⊕ adoption ⊕ air ⊕ android ⊕ api ⊕ app ⊕ apple ⊕ aqua ⊕ architecture ⊕ background ⊕ blaze ⊕ block ⊕ blur ⊕ bold ⊕ box ⊕ browser ⊕ browserstatistics ⊕ bug ⊕ button ⊕ cache ⊕ caching ⊕ chart ⊕ chrome ⊕ click ⊕ clip ⊕ color ⊕ colour ⊕ console ⊕ constraint ⊕ container ⊕ content ⊕ context ⊕ convert ⊕ css ⊕ daringfireball ⊕ debug ⊕ debugging ⊕ design ⊕ detect ⊕ developer ⊕ development ⊕ device ⊕ device-width ⊕ device_scale ⊕ display ⊕ drag ⊕ element ⊕ event ⊕ field ⊕ firebug ⊕ firefox ⊕ flat ⊕ flick ⊕ font ⊕ frontend ⊕ gbs ⊕ geolocation ⊕ gesture ⊕ google ⊕ graded ⊕ graph ⊕ gruber ⊕ hack ⊕ handheld ⊕ haslayout ⊕ header ⊕ highlight ⊕ home ⊕ html ⊕ html5 ⊕ http ⊕ icon ⊕ ie ⊕ image ⊕ infinitebrowserversion ⊕ input ⊕ ios ⊕ ipad ⊕ iphone ⊕ ipod ⊕ javascript ⊕ jpg ⊕ js ⊕ kentbrewster ⊕ landscape ⊕ leopard ⊕ limit ⊕ link ⊕ log ⊕ logging ⊕ mac ⊕ magazine ⊕ map ⊕ media ⊕ meta ⊕ mobile ⊕ mobilesafari ⊕ mobileweb ⊕ native ⊕ net ⊕ netflix ⊕ network ⊕ nicolesullivan ⊕ oocss ⊕ opera ⊕ orientation ⊕ os ⊕ osx ⊕ pastrykit ⊕ performance ⊕ performane ⊕ persistent ⊕ phone ⊕ pingdom ⊕ png ⊕ portrait ⊕ position ⊕ ppk ⊕ prepare ⊕ presentation ⊕ profile ⊕ properties ⊕ qa ⊕ query ⊕ quirksmode ⊕ rate ⊕ reference ⊕ refresh ⊕ relative ⊕ reload ⊕ render ⊕ resize ⊕ resource ⊕ retina ⊕ rgba ⊕ rogerjohansson ⊕ rotate ⊕ rules ⊕ safari ⊖ sandbox ⊕ sandboxd ⊕ scale ⊕ scaling ⊕ screen ⊕ shading ⊕ shadow ⊕ shauninman ⊕ site ⊕ size ⊕ slideshare ⊕ statistics ⊕ stevesouders ⊕ stubbornella ⊕ swipe ⊕ tab ⊕ tap ⊕ testing ⊕ text ⊕ tools ⊕ touch ⊕ touchend ⊕ touchmove ⊕ touchstart ⊕ transition ⊕ tweetdeck ⊕ typgraphy ⊕ upgrade ⊕ velocity ⊕ version ⊕ viewport ⊕ w3c ⊕ waterfall ⊕ web ⊕ webapp ⊕ webapps ⊕ webdesign ⊕ webdev ⊕ webinspector ⊕ webkit ⊕ webperf ⊕ webstandards ⊕ width ⊕ wolfire ⊕ workaround ⊕ wpo ⊕ yui ⊕ zoom ⊕Copy this bookmark: