38 private links
How to add TinyPNG image compression to your macOS Finder contextual menu
Squoosh is an image compression web app that allows you to dive into the advanced options provided by various image compressors.
Learn how to avoid sudden layout shifts to improve user-experience
Create thumbnails for your website in seconds with ThumbsUp. Drag them to its icon and it converts them in a batch with the previously set options. Of course ThumbsUp works with all image formats supported by the Mac including PDF documents and movies.
Swiper - is the free and most modern mobile touch slider with hardware accelerated transitions and amazing native behavior. It is intended to be used in mobile websites, mobile web apps, and mobile native/hybrid apps.
A dependency-free JavaScript ES6 slider and carousel. It’s lightweight, flexible and fast. Designed to slide. No less, no more
The best request is the one that never happens: in the fight for fast websites, avoiding the network is far better than hitting the network at all. To this end, having a solid caching strategy can make all the difference for your visitors.
That being said, more and more often in my work I see lots of opportunities being left on the table through unconsidered or even completely overlooked caching practices. Perhaps it’s down to the heavy focus on first-time visits, or perhaps it’s a simple lack of awareness and knowledge? Whatever it is, let’s have a bit of a refresher.
The WordPress plugin that cares about responsive images.
Over the last few years, we’ve written a quite a few articles about responsive images. Now that responsive images have landed in browsers, it seemed like a good time to step back and cover the basics for those who are just starting to tackle responsive images.
Ergo, a new series of articles called Responsive Images 101 that will cover everything from why we need responsive images to how to pick the right responsive images solution.
Let’s dig in!
There are a few things theme developers will want to modify to get the most out of this new feature.
Microsoft inclusive design: three degrees of disabilities
A responsive screenshot comparison tool
certainlyakey starred MINDKomm/timmy
WordPress 4.4 will add native responsive image support by including srcset and sizes attributes to the image markup it generates.
Currently if i register a custom post type, i have not been able to set 'capabilities' to 'attachment' and get an interface in the Admin area. i would like to do this so i can "extend" the type of attachment and make it a specific item that a client can work with. I like the builtin functionality of having attachments with parent posts and all that and i do not want to have to duplicate it on my own.
Which static map API do you want to use?
certainlyakey starred smcyr/Craft-FocusPoint
certainlyakey starred aelvan/Imager-Craft
Bytesize is a passion project I started to help learn the SVG spec, particularly SVG Paths and how they are drawn within code.
Each icon is hand-coded along a 32x32 grid, and uses SVG stroke allowing for maximum style flexibility; meaning you can adjust the weight, color, size, and if you want the edges to be round or square.
While designing and coding these icons, I tried to place as few points as possible to keep the shapes simple but also to reduce on file size. All 84 icons measure in at 9KB minified (2KB in SVGZ, or Gzipped).