Modern Web Development
16 days ago by sunpig
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
10 weeks ago by sunpig
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
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
The Future Of CSS: Experimental CSS Properties - Smashing Magazine
may 2011 by sunpig
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
april 2011 by sunpig
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
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
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: