recentpopularlog in

dirtystylus : images   43

Amber Weinberg Jones on Twitter: "About to have some FUN recreating this layout in Grid. The original uses floats and tons of negative margins and isn't responsive.…"
.grid {
grid-gap: 32px;
grid-template-columns: repeat(4,1fr);

.grid li:nth-of-type(6n+3) {
grid-column: 3 / span 2;
grid-row: span 2;

.grid li:nth-of-type(6n+4) {
grid-column: 1 / span 2;
grid-row: span 2;
twitterthread  css  css:grid  grid  images 
august 2019 by dirtystylus
NCC Image Checker - Chrome Web Store
Want an easy way to find images that are too large? @NCCGroupWebPerf's team built a Chrome extension just for you!
chrome  chromeextension  devtools  performance  images  webperf 
may 2017 by dirtystylus
alexanderdickson/waitForImages: A jQuery plugin that lets you attach callbacks to useful image loading events.
Using the jQuery promises API, you can then use the progress() method to know when an individual image has been loaded.
images  jquery  plugin  javascript  webdev  loader 
march 2017 by dirtystylus
Remove WordPress default media image sizes — Studiograsshopper
Remove standard image sizes so that these sizes are not
created during the Media Upload process
wordpress  images  cms  decoupledcms 
october 2016 by dirtystylus
jwagner/smartcrop.js · GitHub
Content-aware image cropping with JavaScript. Remarkably precise.
javascript  images  imagescaling  responsiveimages  rwd  library 
november 2015 by dirtystylus
Design of a Site Meant to Be Read: Part Two — The Brooks Review
For instance: an image who’s height goes beyond the bounds of the current viewport is less an image, and more of a visual thing that is just in the way. We need to scale images better to fit within the viewport they are shown in. This is minor, and something I am still working through myself, but something that I think is increasingly important as we trend towards viewing on mobile devices with limited RAM and users with limited patience.
webdesign  typography  editorialdesign  ux  images  performance  verticalmediaquery 
july 2015 by dirtystylus
▶ Mobile Image Processing at Velocity SC, 2015 - YouTube
Published the videos of my #velocityconf talks

Reaching Everyone:

Mobile Image Processing:
mobilefirst  mobile  webperf  images  zombiedevices  rwd  timkadlec 
june 2015 by dirtystylus

Copy this bookmark:

to read