public marks

PUBLIC MARKS from decembre with tags svg & css

This year

CSS - @font-face - Using @font-face - CSS-Tricks

The @font-face rule allows custom fonts to be loaded on a webpage. Once added to a stylesheet, the rule instructs the browser to download the font from where it is hosted, then display it as specified in the CSS. Without the rule, our designs are limited to the fonts that are already loaded on a user's computer, which vary depending on the system being used. Here's a nice breakdown of existing system fonts.

SVG - ONLINE TOOL - 20 Useful SVG Tools for Better Graphics - Hongkiat

(via)
SVG is gaining popularity in web design these days and you can use tools like Illustrator or Inkscape to create SVG graphics. But when it comes to web design, we should always optimize for lighter results. Here the 20 tools that you can use to work with SVG quickly and efficiently. We have mostly online tools, that can help in optimization, conversion, making patterns, and more.

SVG - ONLINE TOOL - Draw SVG

You can perform a wide variety of designs, art as the icon of DRAW-SVG, mapping, technical, presentation slides, etc. ..

CSS - SVG - SVG as Data URI for background image - Strpr vertical red - JSFiddle

SVG at a data URI for background images.... just because you can, doesn't mean you should.

Free SVG Icons - Iconmonstr - Free simple icons for your next project

(via)
You should have a look at http://iconmonstr.com Iconmonstr.com has a growing collection of SVG icons which you can download and use for free

CSS - SVG - fill | CSS-Tricks

Another Use Case: The fill property is one of many reasons SVG is a much more flexible option than typical image files. Let's take icons, as an example. We might have the same set of icons but in two different color schemes. Typical image files (such as JPG, PNG and GIF) would require us to make two versions of each icon — one for each color scheme. SVG, on the other hand, allows us to paint the icons in using the CSS fill property: .icon { fill: black; } .icon-secondary { fill: orange; }

2015

CSS - ICON - conmelon - free SVG icon sets

by 1 other (via)
a free and open project called Iconmelon which aims to collect free SVG icon sets and provide a filter and CSS boilerplate.

decembre's TAGS related to tag svg

@font-face +   @import +   ai +   ajax +   api +   application +   art +   backgound-image +   background-image +   cdn +   convert +   convertir +   css +   css-tricks +   datauri +   demo +   design +   dev +   development +   dom +   download +   event +   fill +   Flash Of Unstyled Text +   font +   Font Service +   fout +   free +   google font +   html +   icon +   image +   javascript +   line +   namespace +   node +   o +   online +   online tool +   open type +   otf +   png +   psd +   reference +   Scalable Vector Grafic +   script +   stylesheet +   tool +   trick +   truetype +   ttf +   tutorial +   tutoriel +   uri +   utilitaire +   w3c +   web +   wikipedia +   woff +   WOFF2 +   xhtml +   xul +