#web (4,377 links)
- Dev.Opera — Native Responsive Images dev.opera.com
Nng.
- CSS animations and transitions performance: looking inside the browser | Web Platform Team Blog blogs.adobe.com
We’ll explore how browsers handle CSS Animations and CSS Transitions, so you can develop intuition around whether an animation is likely to perform well.
- Axiomatic CSS and Lobotomized Owls alistapart.com
Despite its irreverent name and precarious form, the lobotomized owl selector is no mere thought experiment for me. It is the result of ongoing experimentation into automating the layout of flow content. The owl selector is an “axiomatic” selector with a voracious purview.
- Replacing Radio Buttons Without Replacing Radio Buttons sitepoint.com
More than 60 percent of the world’s population remains offline. Without removing crucial deterrents to Internet adoption, little will change—and more than 4 billion people may be left behind.
- Understanding Sketch’s Export Options - Tuts+ Web Design Tutorial webdesign.tutsplus.com
English Exporting assets from your designs is a common task. You start by creating and preparing your graphics, then you choose the export format, set its…
- Fluid Width Equal Height Columns | CSS-Tricks css-tricks.com
- Testing Mobile: Emulators, Simulators And Remote Debugging - Smashing Magazine smashingmagazine.com · Archived on
- Solved By Flexbox — Cleaner, hack-free CSS philipwalton.github.io
- zeman/perfmap github.com
A bookmarklet to create a front-end performance heatmap of resources loaded in the browser using the Resource Timing API.
- DevTools Tips devtoolstips.com
- javascript - How can I pass variables to a partial in Handlebars (v1.3 with Assemble)? - Stack Overflow stackoverflow.com
Not that flexible, but better than fixed partials.
Also sneaky.
- aFarkas/respimage github.com
If you're a front end web developer, alert boxes and confirmation dialogs are an important tool. This is a fast, good-looking way to ditch `alert()` without much effort.
Via ttscoff.
- Image Resizing Services blog.cloudfour.com
List of response image services from @grigs
- The Ultimate Guide To iPhone Resolutions paintcodeapp.com
- The Ultimate Guide To iPhone Resolutions paintcodeapp.com
- Transactional HTML Email Templates blog.mailgun.com
- lafikl/RWDPerf github.com
Performance testing tool for Responsive web designs.
- Don't use <picture> (most of the time) blog.cloudfour.com
You don’t need to know all of the use cases, but you do need to know the difference between the two most common use cases in order to know which part of the picture specification will solve your problems. The two common use cases are [...] Resolution switching [and] Art direction.
- Dynamic Static Site Strategies - Phil Hawksworth speakerdeck.com
- Essential Sketch Plugins for Web Design - New Media Campaigns newmediacampaigns.com
- Snap.svg - Home snapsvg.io
Snap provides web developers with a clean, streamlined, intuitive, and powerful API for animating and manipulating both existing SVG content, and SVG content generated with Snap.
Raphaël successor.
- My strategy for client-side package managers (choosing between npm, bower, and component) superbigtree.tumblr.com
We still have to cobble together the solutions that work best in the context of each project, but at least we’re not downloading js/css manually through the browser, or using wget, or writing bash scripts to download/update our client-side dependencies.
- Dimensions Browser Extension felixniklas.com
Measure between the following elements: images, input-fields, buttons, videos, gifs, text, icons. You can measure everything you see in the browser.
- Releasing applications to GOV.UK | Technology at GDS gdstechnology.blog.gov.uk
The polyfill service selectively bundles browser polyfills based on the User-Agent header supplied in a request, with the intention of allowing JavaScript and CSS developers to use modern standards in legacy user agents that do not natively support the standard. Think of it like a pair of glasses for your aging browser.
- Continuous Deployment of DNS records with DNSimple blog.codeship.io
Nuts. Interesting.
- Picturefill scottjehl.github.io
- Responsive Web Design with DevTools' Device Mode blog.chromium.org
I have no clue what the colors Lavender and Mauve look like. You can show me Indigo and I won't know if it's more like Violet or Purple. So I made this little app where you can create a color on the screen (or copy-paste CSS hex# color) and find out the name of the closest matching color.