recentpopularlog in

abberdab : responsive-design   8

Book cover - SVG text + Writing Mode
Nifty example of SVG used to create a book cover image with live type, vertical writing modes (for spine text), etc.
responsive-design  svg  examples  bookcovers 
december 2018 by abberdab
How to make a chart of your users' window sizes · Mozilla Marketing Engineering & Operations
In preparation for the MDN redesign I examined our analytics to get an idea of how wide our users’ browser windows were. I wanted window widths, not screen sizes and I thought a chart would tell a more compelling story than a table.
googleanalytics  browsers  viewports  reports  charts  responsive-design  rwd 
july 2018 by abberdab
Responsive images with srcset and sizes attributes vs picture element – Learnedia
This article is a tutorial to help you understand these underused or misused HTML <img> tag attributes for responsive images. I will also talk about picture vs srcset and when to use each technique.
responsive-images  responsive-design  picture-element  srcset  sizes  web  images  performance  mobile  picture  html  html5  bandwidth  crossbrowser  firefox  chrome  progressive-enhancement 
october 2017 by abberdab
24 ways: Think First, Code Later
Finding alternatives to large libraries like jQuery when coding responsive sites that should be more mindful of bandwidth.
performance  javascript  responsive-design 
december 2012 by abberdab

Copy this bookmark:

to read