#images (132 links)
- Markdown images are an anti-pattern daverupert.com
- Dynamic Pictograms For Design Systems carbonemike.com
How to prepare pictograms for design systems by handling variable brand and skin colors.
- The Humble <img> Element And Core Web Vitals — Smashing Magazine smashingmagazine.com
- Optimizing image loading 2021 industrialempathy.com
- Always Up-To-Date Guide to Social Media Image Sizes | Sprout Social sproutsocial.com
- State of Responsive Images 2017 cloudfour.com
- Spectacular rooftops around the world – in pictures theguardian.com
- Thomas Byttebier - The best icon is a text label thomasbyttebier.be
- Useful SVGO[ptimization] Tools sarasoueidan.com
<blockquote>Research indicates that SVG images served as an image sprite display faster than SVG images as data URIs. But how much faster? And is it worth your time? If it is, how do we actually produce the SVG sprites? This post looks at different data on the sprite versus data URI question and how to configure a couple of automated Grunt tasks to produce SVG image sprites and fall back PNG sprites (rather than data URIs) to provide resolution independent interface icons if you so chose.</blockquote>
- Responsive Images in Practice alistapart.com
- Dev.Opera — Native Responsive Images dev.opera.com
- Image Resizing Services blog.cloudfour.com
List of response image services from @grigs
- Don't use <picture> (most of the time) blog.cloudfour.com
<blockquote>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.</blockquote>
- Picturefill scottjehl.github.io
- Photoshop Users: How To Switch To Sketch blog.mengto.com
<blockquote>Design tips on how to get started on Sketch and migrate your icons, patterns and shapes from Photoshop.</blockquote>
- sethlilly/Font-Awesome-Symbols-for-Sketch github.com
- Don't Wait on Responsive Images - TimKadlec.com timkadlec.com
Good perspective on current state of responsive images from @tkadlec - http://t.co/kPfeZYZMni
- Imager.js github.com
<blockquote>Responsive images while we wait for srcset to finish cooking</blockquote>
- Responsive images – interim report brucelawson.co.uk
- Easily Remove Image Backgrounds Online - ClippingMagic clippingmagic.com
- Responsive News - Images responsivenews.co.uk
<blockquote>A quick overview of [BBC News] strategy for delivering images into a responsive web page.</blockquote>
- Sensible jumps in responsive image file sizes Cloud Four Blog blog.cloudfour.com
<blockquote>I have a new idea on how we might be able to define responsive image breakpoints that is based on a performance budget. Before I begin, I should note that a lot of this is a thought experiment. I don’t yet know how practical this approach would be.</blockquote>
- Hugin - Panorama photo stitcher hugin.sourceforge.net
- Performance Calendar » Progressive jpegs: a new best practice calendar.perfplanet.com
- Media Query & Asset Downloading Results timkadlec.com
- adamdbradley/foresight.js github.com
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.
- Another CSS image replacement technique – Nicolas Gallagher nicolasgallagher.com
- Performance Calendar » Lossy Image Compression calendar.perfplanet.com
Lossy is a scary word but when it comes to images it provides dramatic savings & minimal loss in quality via @sergeyche http://t.co/Idddi9Ac
- jQuery Plugin: Random Image on Page Load robwalshonline.com
Killing puppies.
- Exporting From Photoshop - Smashing Magazine smashingmagazine.com
- jQuery Responsive Thumbnail Gallery Plugin johnpolacek.github.com
- The 12 best jQuery image sliders of the 2011 » Blog of Francesco Mugnai blogof.francescomugnai.com
Sigh.