recentpopularlog in

dirtystylus : rwd   216

« earlier  
Google Docs works surprisingly well in Safari on iPadOS - The Verge
Answers first: Apple is setting the “user agent” (the thing browsers use to tell websites what they are) to the desktop version of Safari. That means websites won’t default to serving their mobile versions because they see an iOS-based browser. After that, though, Apple is optimizing that site to work with touch (and the iPad’s keyboard). So it was pretty easy to hit all of Google Docs’ menu buttons, and keyboard shortcuts were no problem.
ipad  ipados  ios  apple  browser  safari  google  rwd 
june 2019 by dirtystylus
Responsive Image Breakpoints Generator by Cloudinary
Breakpoint generator for responsive images:

Good way to see the impact of different confi…
tools  webdev  imagery  imagescaling  rwd 
march 2019 by dirtystylus
Common Responsive Layouts with CSS Grid (and some without!)
If you're learning how and when to use CSS grid, I've built some common layouts for you to try out.
rwd  css  css:grid  layout  grid  webdesign  webdev 
november 2017 by dirtystylus
Fundamentals of Responsive Images | Lullabot
I have a new article up for @lullabot: "Fundamentals of Responsive Images." Learn how to size up #respimg solutions!
responsiveimages  by:marcdrummond  webdesign  rwd 
september 2017 by dirtystylus
Responsive Images in Drupal: Part 2 | Aten Design Group
To achieve this solution, i used manual crop on every style and apply fallback to a higher "width/retina" version. For example "Tablet Retina 1.5x" would inherit from "Desktop Retina 2x". You could even have "Mobile Retina 2x" fallback from "Desktop Retina 1x" in this case because the resolution is large enough. But then you wouldn't always inherit the correct focal points because e.g. you might have altered the focal point for tablets.
drupal  module:manual_crop  imagery  imagescaling  artdirection  responsiveimages  rwd  performance 
june 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
tylertreat/comcast · GitHub
“Comcast,” a tool for “Simulating shitty network connections so you can build better systems.” 👏🏽 via
github  opensource  networking  testing  progressiveenhancement  rwd  latency  mobile 
september 2015 by dirtystylus
Peek menu
⭐️ Introducing the “peek menu” navigation pattern. Created for a project at @VoxProduct: @CodePen
navigation  voxproduct  hamburger  progressivedisclosure  lookahead  rwd  webdesign 
september 2015 by dirtystylus
SB Nation's 2014 NHL Playoff Coverage
A beautiful way to treat responsive tables. @SBNation #aeachi
nhl  stanleycup  bracket  table  responsivetable  rwd  css 
september 2015 by dirtystylus
[no title]
Construct the web out of stackable containers.
modularcontent  webdesign  rwd 
august 2015 by dirtystylus
Precise control over responsive typography · MadebyMike
This technique from is a way of using vw units to calculate a dynamic value for *any* unit type:
css  rwd  typography  modularscale 
june 2015 by dirtystylus
Reaching Everyone, Fast at Velocity SC, 2015 - YouTube
Published the videos of my #velocityconf talks

Reaching Everyone:

Mobile Image Processing:
mobilefirst  mobile  webperf  rwd  timkadlec 
june 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
Go Vertical
Vertical media queries
may 2015 by dirtystylus
LukeW | There Is No Fold
Today’s device ecosystem renders any concrete “fold line” moot. There’s just too much variety in screen sizes. Therefore designing in an adaptive/responsive manner (using the techniques mentioned before) is required.
webdesign  thefold  ux  rwd 
april 2015 by dirtystylus
Check customer’s browser
tools  performance  rwd 
march 2015 by dirtystylus
« earlier      
per page:    204080120160

Copy this bookmark:

to read