dirtystylus + images   38

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.… https://t.co/1p001FDEjU"
.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 
10 weeks ago 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  from twitter_favs
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

related tags

a11y  ABtesting  accessibility  algorithm  animation  api  backgroundimages  bluecadet  bluecadet:hia  bluecadet:mit  book  by:addyosmani  by:danabauer  cdn  chrome  chromeextension  cms  codepen  color  competition  compression  contentmigration  creativecommons  csi  css  css:grid  culture  decoupledcms  devtools  drupal  drupal7  drupal:media  duotone  editorialdesign  email  enhance  flickr  GIF  grid  harvard  html5  htmlemail  humor  IIIF  imageenhancement  imagery  images  imagescaling  import  javascript  jpg  jquery  library  libraryofcongress  license  loader  maps  media  metadata  mobile  mobilefirst  module  module:asset  module:filefield_paths  museum  netflix  neuralnetwork  optimization  panorama  performance  philadelphia  photos  plugin  portfolio  responsiveimages  richardscarry  rwd  satelliteimagery  satire  search  seo  service  software  svg  testing  timkadlec  tools  twitterthread  typography  Unread  usabilitytesting  ux  verticalmediaquery  via:peter_chappy  via:rebeccasherman  via:victoriajones  via:wilto  video  virtualreality  weather  webdesign  webdev  webperf  wordpress  WYSIWYG  zombiedevices 

Copy this bookmark:



description:


tags: