svg   47714

« earlier    

URL-encoder for SVG
We can use SVG in CSS via data URI, but without encoding it works only in Webkit based browsers. If encode SVG using encodeURIComponent() it will work everywhere.

SVG must have attribute xmlns like this: xmlns=''. If it doesn't exist, it will be added automagically.

Encoded SVG can be used in background and border-image.
svg  tool  webdev  conversion  css 
yesterday by rsgranne
Interesting, especially when combined with a MarkDown processing library – inline, living documentation for process sequences.
flowchart  charts  javascript  library  svg 
yesterday by iamthefury
SVG Filters: The Crash Course - Sara Soueidan - btconfMUC2018 on Vimeo
When it comes to graphical effects on the Web, CSS has already come a long way in the last few years, with the introduction of CSS filters and blend modes a few years back. However, when compared to effects available in graphics editors such as Photoshop and the likes, CSS is still behind, by far. But SVG, on the other hand, is not that far behind.
presentation  svg  video 
2 days ago by siggiarni
SVG Tutorial - SVG: Scalable Vector Graphics | MDN
SVG Tutorial Scalable Vector Graphics, SVG, is a W3C XML dialect to mark up graphics. It is partially implemented in Firefox, Opera, WebKit browsers, Internet Explorer and other browsers. This tutorial aims to explain the internals of SVG and is packed with technical details. via Pocket
ifttt  pocket  css  design  programming  svg  tutorial 
2 days ago by jeremyday
Free Vector Line Icons (SVG, PNG, PSD, CSH, EPS, Icon Font and more)
Linearicons is the highest quality set of line icons, matching with minimalist UI designs in iOS. This icon pack was designed on a 20×20 grid with a lot of care, resulting in crisp and pixel perfect icons. Both free and premium versions are easy to use in any platform including iOS and Android.
flat  svg  icons  good  use  design  webdesign  free  font  cool  cdn  webdev 
3 days ago by orlin

« earlier    

related tags

/  2018  android  angled  animate  animated  animation  art  assets  background  bars  base  blendmodes  borders  breadcrumbs  canvas  cdn  charts  chicago  chicagoroboto  cli  clojure  cmdtool  codepen  color  conic-gradient  conversion  convert  cool  css-tricks  css  css3  cssgrid  d10  d12  d20  d3  d4  d6  d8  design  devteamtipp  dice  doodle  doodles  drawing  drill  edge  editing  effect  emoji  example  filters  flat  flexbox  floss  flowchart  focus-within  font  footur  free  fridayfrontend  frontend  generation  generator  glitch  good  gradient  gradients  graphic  graphics  graphs  gsap  hover  howto  html  html5  icicles  icon  icons  ie11  ifttt  illustration  illustrations  image  images  interactive  javascript  jpg  js  keynote  lang-en  layout  library  line  linux  mac  maps  mask  math  morph  on  opensource  partition  pattern  patterns  pdf  performance  photos  pictures  placeholder  png  pocket  polygons  presentation  printer  programming  progress  projection  przeglądarka-internetowa  radial  react-animation  react  record  repository  resource  resources  reuleaux  sara-soueidan  service  shape  shapeshifter  skewed  software  sprite  square  stock  sunburst  svg-filter  terminal  text  tool  tutorial  use  variablefonts  vector  vectordrawable  video  vimeo  visualisation  visualization  web-animation  web  webdesign  webdev  webfont  wordpress  wsparcie  youtube  zoomable 

Copy this bookmark: