recentpopularlog in

abberdab : firefox   4

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
CSS Shapes, clipping and masking – and how to use them ★ Mozilla Hacks – the Web developer blog
The release of Firefox 54 is just around the corner and it will introduce new features into an already cool CSS property: clip-path.

clip-path is a property that allows us to clip (i.e., cut away) parts of an element. Up until now, in Firefox you could only use an SVG to clip an element:

But with Firefox 54, you will be able to use CSS shapes as well: insets, circles, ellipses and polygons!
clip-path  css  masks  firefox 
june 2017 by abberdab
mozilla/css-grid-inspector
A Firefox extension for seeing the grid lines created by CSS Grid.
developer  tools  mozilla  firefox  grid  css 
august 2016 by abberdab
Bug 361768 – horizontal lines appearing while scrolling over block elements
Horizontal lines appear in divs set to overflow:auto --- try float to wrap, instead. A FireFox bug.
troubleshooting  browser  bugfix  css  firefox  dev  www 
july 2007 by abberdab

Copy this bookmark:





to read