recentpopularlog in

piperh : inline   22

SVG Properties and CSS | CSS-Tricks
There are many Scalable Vector Graphics (SVG), but only certain attributes can be applied as CSS to SVG. Presentation attributes are used to style SVG elements and can be used as CSS properties. Some of these attributes are SVG-only while others are already shared in CSS, such as font-size or opacity.
webdesign  web  design  css  svg  code  coding  inline  style  styling  apply  applying 
june 2019 by piperh
What’s New in HTML 5.2?
interesting summary of new and deprecated features in html 5.2 (from early 2018)
webdesign  web  design  html  html5.2  5.2  features  dialog  main  hidden  style  css  inline  p  children  valid  invalid  strict 
january 2019 by piperh
Unbuttoning Buttons | scottohara.me
explains how to make a block of text behave like a button, by using css, aria and js to restyle the button element. Complicated and possibly not worth worrying about
webdesign  web  design  button  css  inline  selector  accessible  reset  style  styling 
october 2018 by piperh
Decorating lines of text with box-decoration-break | CSS-Tricks
About css box-decoration-break. Examples are hideous but useful to know how it works
webdesign  web  design  css  box-decoration-break  inline  style 
may 2018 by piperh
How to Hand Code SVG
tutorial on hand-coding svg shapes: "... you can hand-code simple shapes quite easily, without needing to open a graphics application."
webdesign  web  design  graphic  vector  svg  hand  code  coding  inline  shape  element 
april 2018 by piperh
About responsive images, best formats and sizes
article title: A Guide to Responsive Images with Ready-to-Use Templates
webdesign  web  design  image  images  format  responsive  jpg  svg  png  inline  64base  resolution  size  webp  compression  srcset  pixel  density  picture  element  source 
february 2018 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
An Overview of SVG Sprite Creation Techniques ◆ 24 ways
description, with howto's, of different methods of spriting svg's and using in your site, both as inline and as external svg file
webdesign  web  design  svg  sprite  technique  method  inline  css  external  icon  image  vector  browser 
june 2017 by piperh
Align SVG Icons to Text and Say Goodbye to Font Icons
useful technique for sizing and aligning svg icons to font baseline
webdesign  web  design  font  icon  svg  vector  inline  illustration  drawing  align  baseline  alignment  sizing  aligning  size  em 
february 2017 by piperh
Bye raster, hello vector: 3 ways to use SVG easier · Devbridge
explanation of using sprites with inline svg and other techniques.mcomplex, and some of it depends on using sass, but some useful content
webdesign  web  design  css  inline  svg  sprite  image  url 
november 2016 by piperh
Creating the Invisible Pen Effect in SVG using Vivus.js
tutorial on using a js tool for creating animated path drawing of svg's
web  graphic  design  animation  svg  animate  animated  path  vector  drawing  illustration  draw  invisible  pen  inline  js  javascript 
november 2016 by piperh
GitHub - danklammer/bytesize-icons: Tiny style-controlled SVG iconset
neat set of icons using svg stroke. Can be styled in the html or css. Includes for inserting all icons into html using <svg> tag
webdesign  web  design  icon  font  svg  symbol  dingbat  inline  html  css  style  file  library 
september 2016 by piperh
CSS Inliner Tool | Email Design Reference
mailchimp's tool for inlining css - if you have css in the head of page, the tool will inline it everywhere. All the styles are left in <head> so if you media queries they will be left alone.
html  email  mailchimp  inline  tool  css  content  head  style  markup  convert  converter 
june 2016 by piperh
Ink: A Responsive Email Framework from ZURB
email framework from Zurb, who make Foundation. Also has inlining tool.
html  email  responsive  grid  framework  template  zurb  inline  inliner 
october 2015 by piperh

Copy this bookmark:





to read