recentpopularlog in

piperh : scale   19

CSS Transform Functions Visualizer
handy tool for previewing and generating css transforms, especially for 3D stuff.
webdesign  web  design  css  generator  tool  transform  scale  3d  perspective  skew  animation 
june 2019 by piperh
The State of Fluid Web Typography | Better Web Type
there's a bit in here that says sizing type in px limits accessibility - which is contrary to what other articles about font units say. The techniques described here seem like an awful lot of faff and coding for limited improvement. Author concludes (june2019) 'fluid typography' isn't yet ready, better stick with 'responsive'
webdesign  web  design  fluid  typography  type  font  scale  responsive  adaptive  size  css 
june 2019 by piperh
Fun Tip: Use calc() to Change the Height of a Hero Component | CSS-Tricks
complicated demo of using css calc to resize type or images for different window widths, instead of using media queries
webdesign  web  design  scale  responsive  fluid  proportion  aspect  ratio  css  calc 
november 2018 by piperh
How to Scale SVG | CSS-Tricks
css tricks article about scaling svg's. Particularly handy for me is the para about 'The viewbox attribute'
webdesign  web  design  css  svg  browser  scale  scaling  image 
january 2018 by piperh
How to Apply CSS3 Transforms to Background Images — SitePoint
sitepoint article on transforming background images - scaling, skewing, rotating etc
webdesign  web  design  scale  skew  rotate  background  image  transform  element  pseudo 
june 2017 by piperh
How to Scale SVG | CSS-Tricks
thorough article showing how to reliably scale SVGs including in Explorer (Edge is OK) using svg as a background image and using the bottom-padding hack to maintain aspect ratio.
webdesign  web  design  svg  scale  inline  background  padding  hack  explorer  microsoft  ie  css  html  scaling 
june 2017 by piperh
rems and ems, and why you probably don’t need them – Hacker Noon
article claiming that you don't ever need rem or em, but important to see the discussion comments
webdesign  web  design  rem  em  pixel  size  unit  css  accessible  accessibility  responsive  zoom  zoomable  scale  proportion 
april 2017 by piperh
SVG Vector Effects - Call Me Nick
article about scaling svg's without scaling the stroke width. Could be very handy if reducing large icons or other graphics and keeping stroke width the same across a responsive site. And, eg, for Tria label diagrams, would mean not needing fat lines at large responsive sizes
webdesign  web  design  vector  svg  scale  stroke  width  size  graphic  scalable  line 
july 2016 by piperh
Motoscala Tarragó Maquetas Escala 1/6
saw the web address in the catalan motorcycle exhibition at Palau Robert
motorcycle  motorbike  scale  model  reproduction  catalonia  spain  marque  spanish  catalan 
march 2015 by piperh
Adaptive Images in HTML
js adaptive images solution. I think it requires only 1 image on the server and will adapt it on the fly as page is loaded. This could be good solution for IE11
webdev  images  responsive  image  php  javascript  adaptive  webdesign  web  design  scale  rescale  fluid 
october 2013 by piperh
FitText - A plugin for inflating web type
makes text scale with window width. Works smoothly though limited application that I can see. Probably more kb's than an svg image.
jquery  plugin  typography  fonts  web  design  webdesign  text  type  fontface  @fontface  webtype  scale  scaleable  scaleability  fit  width 
may 2011 by piperh

Copy this bookmark:





to read