recentpopularlog in

piperh : shapes   16

Art Direction For The Web Using CSS Shapes — Smashing Magazine
about using css shapes in web page layout. He mentions using the alpha channel of images - check that out
webdesign  web  design  css  shape  layout  shapes  graphic  alpha  channel 
april 2019 by piperh
An Introduction to CSS Shapes | Codrops
check MS support for css shapes before using (end 2018: not in Edge or IE)
webdesign  web  design  css  shapes  text  flow  layout  runaround  shape 
december 2018 by piperh
The Shapes of CSS | CSS-Tricks
interesting list of shapes achievable only with css - with live editable code!
webdesign  web  design  css  shapes  before  after  border  radius  shadow  html  reference 
november 2018 by piperh
New CSS Features That Are Changing Web Design — Smashing Magazine
Not especially great explanations of new css features. Long part about grid, then shapes and clip-path. But some handy refs to grid resources, esp. Rachel Andrew
webdesign  web  design  css  grid  shapes  wrap-around  runaround  wrap  around  run  flow  shape  clip  path 
may 2018 by piperh
Obliterate Boxiness with CSS Shapes - YouTube
18.4.18 I didn't know about this possibility for text runaround in css. At the moment only works in Chrome and Safari (and their mobile versions), but fallback is OK - shape reverts to a box.
webdesign  web  design  css  shapes  video  runaround  shape 
april 2018 by piperh
the new code – Wrapping Text Around A Curved Image With CSS Shapes
shows how to use css shapes for a text runaround.
15.12.16: not supported in Edge, IE or Firefox though there is a js polyfill
webdesign  web  design  css  shapes  runaround  flow  text  image  alpha  mask  layout 
december 2016 by piperh
The Shapes of CSS
great collection of non square shapes achieved only in css. Very handy code showing how to get triangle pointers using border. (I'd always wondered how it was done)
webdesign  web  design  css  shapes  code  coding  howto  examples  non-square  triangle  border 
november 2015 by piperh

Copy this bookmark:

to read