recentpopularlog in

abberdab : performance   16

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
Performant Web Animations and Interactions: Achieving 60 FPS - Milliseconds Matter
Silky smooth interactions are critical for providing a natural-feeling application. The devil is in the details, and ill-performant web animations feel awkward, “janky”, and, above all, slow. Developers often invest quite a bit of time to reduce first page loads by even a few milliseconds, but forget to consider the impact of the interactions that follow.
css  animation  performance  optimization 
august 2017 by abberdab
Smooth as Butter: Achieving 60 FPS Animations with CSS3 – OutSystems Experts – Medium
Animating elements in your mobile applications is easy.
Animating elements in your mobile applications properly may be easy, too… if you follow our tips here.
While everyone is using CSS3 animations in mobile these days, many are not doing it properly. There are best practices to take into account that are constantly and considerably disregarded. This happens mainly because there are still people who don’t really understand the real reasons why those practices exist and are so vigorously endorse...
css  animation  performance 
september 2016 by abberdab
Makin' GIFs | CSS-Tricks
These are the ways in which I make GIFs. Sometimes for blog posts. Sometimes for tweets. Sometimes for documentation. Sometimes for fun. GIFs can be tremendously useful and communicate better than a still image or even video in some circumstances.
gifs  animation  performance  tools 
july 2016 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
24 ways: Responsive Responsive Design
These sites were praised for their visual design and responsive nature, and rightfully so. They’re very easy on the eyes and a lot of thought went into their appearance. But the numbers above tell an inconvenient truth: for all the time spent ensuring the visual design was airtight, seemingly very little (if any) attention was given to their performance.

It would be one thing if these were the exceptions, but unfortunately they’re not. Guy Podjarny, who has done a lot of research around responsive performance, discovered that 86% of the responsive sites he tested were either the same size or larger on the small screen as they were on the desktop.
design  performance  rwd  dev  www 
december 2012 by abberdab

Copy this bookmark:

to read