Skip to content

Commit e079dc4

Browse files
committed
Create RICG-newsletter-2015-11-02.md
1 parent 526a9ab commit e079dc4

File tree

1 file changed

+65
-0
lines changed

1 file changed

+65
-0
lines changed

RICG-newsletter-2015-11-02.md

Lines changed: 65 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,65 @@
1+
2+
# Build and Deploy
3+
4+
## Remember, remember, the 8th of December
5+
6+
That’s the day that responsive images will ship in WordPress core, as the marquee feature of version 4.4 (curently in [beta][wp_beta]). The team is making some [final tweaks][wp_new_size] to the platform to prepare the way, and [Joe McGill recently appeared on the WP Tavern podcast to explain how it all works][wp_tavern].
7+
8+
Wordpress may be the web’s largest single CMS, but it’s not the only one — a new, excellent-looking [respimg plugin for Kirby][kirby_respimg] appeared the other week. And it looks like the `jekyll-picture-tag` plugin for Jekyll [will soon be boarding the `srcset`, `w`, and `sizes` bandwagon][jekyll_w].
9+
10+
[wp_beta]: [https://wordpress.org/news/2015/10/wordpress-4-4-beta-1/]
11+
[wp_new_size]: https://core.trac.wordpress.org/changeset/35479
12+
[wp_tavern]: http://wptavern.com/joe-mcgill-explains-how-responsive-images-work-in-wordpress-4-4
13+
14+
[kirby_respimg]: https://github.com/jancbeck/kirby-responsive-images
15+
[jekyll_w]: https://github.com/robwierzbowski/jekyll-picture-tag/issues/68#issuecomment-152596140
16+
17+
## It’s hosted
18+
19+
All of the above plugins do two things. First, they generate and manage multiple sizes/versions of your “master” image files. Second, they generate respimg markup that’ll be used within the context of each of their respective CMSes. What if you just want the first part of that – the image-management-bit, without the markup (or the tie-in to a particular CMS)?
20+
21+
Never fear, The Cloud™ is here! Mike Engel [wrote a thing about pairing cloud-based image hosts with respimg markup][nobake_respimg]. I’ve been experimenting with this stuff recently and having a fully-featured, well-maintained CMS/API for just your images ... well let’s just say it has some nice benefits when compared to the the bespoke ImageMagick, Ruby, duct-tape, and wishes-based workflow that I, personally, have been using for the past couple of years. Upload a high-res file once, and use it (with a few URL parameters to handle the scaling/cropping/format-conversion) anywhere.
22+
23+
And the services Mike mentions are moving *fast* – Imgix [just added bleeding-edge Client Hints support][imgix_ch].
24+
25+
[nobake_respimg]: https://medium.com/@beardfury/no-bake-responsive-images-9e1289ceb9f7
26+
[imgix_ch]: http://blog.imgix.com/post/131102712254/next-generation-responsive-images-with-client
27+
28+
## Free as in JPEG
29+
30+
The venerable JPEG format — a 20+ year old [“alien technology from the future”][alien] — still rules the web. It’s efficient, universal, and patent-and-DRM-free.
31+
32+
Bad news: the committee in charge of JPEG is [“investigating solutions that will empower end-users to protect their privacy”][jpeg_bs] AKA adding a DRM extension to the web’s primary image format. The EFF (god love ’em) attended the latest JPEG meeting to tell them [exactly why that’s such a terrible idea][eff_jpeg]. Here’s hoping their presentation didn’t fall on deaf ears.
33+
34+
[alien]: https://xiph.org/~xiphmont/demo/daala/update1.shtml
35+
[jpeg_good]: http://jpeg.org
36+
[jpeg_bs]: http://jpeg.org/items/20151023_press.html
37+
[eff_jpeg]: https://www.eff.org/deeplinks/2015/10/theres-no-drm-jpeg-lets-keep-it-way
38+
39+
## NKOTB
40+
41+
JPEG is old; formats like WebP and JPEG-XR are shiny and new. These are even newer, as they’ve just popped up on my radar in the last few weeks:
42+
43+
- [FLIF][flif] features world-beating lossless compression with a progressive loading scheme that they’re thinking some [interesting thoughts about re: responsive images][flif-rwd].
44+
- [HIMG][himg] offers JPEG-like compression on slow and/or simple hardware
45+
46+
Neat.
47+
48+
[flif]: http://flif.info
49+
[flif-rwd]: http://flif.info/responsive.html
50+
[himg]: https://github.com/mbitsnbites/himg
51+
52+
## Grab Bag
53+
54+
- Toot toot! What’s that sound? It’s my own horn! Because this here newsletter just passed the 1,000-subscriber mark. I owe all of you beers.
55+
- [Yoav went to TPAC][incubate_ur_face].
56+
- Use Node and need to automatically crop/art direct images? [smartcrop.js][autocrop_js] might be just what the doctor ordered.
57+
- Speaking of art direction at scale — a couple of folks from Walmart Labs gave [a great presentation about how they deal with responsive hero images][walmart_heros]. I write a lot of words about respimg code, tools, and specs — this talk focuses on the much gnarlier problems of organizational process and people. Super-informative and refreshing; also includes some delightful Jason Grigsby/Rick Astley mashup gifs.
58+
59+
[incubate_ur_face]: http://w3cmemes.tumblr.com/post/132069160337/meanwhile-in-the-wicg-breakout
60+
[autocrop_js]: https://github.com/jwagner/smartcrop.js/
61+
[walmart_heros]: https://www.youtube.com/watch?v=CJ07hLitIfU
62+
63+
See you in a couple of weeks!
64+
65+
—eric

0 commit comments

Comments
 (0)