recentpopularlog in

piperh : line   30

A look at CSS hyphenation in 2019 | justmarkup
about the current state of word hyphenation in browsers (feb 2019)
webdesign  web  design  word  break  hyphen  hyphenate  hyphenation  css  line  ending 
february 2019 by piperh
TOAST UI :: Make Your Web Delicious!
service that renders charts and graphs on your site. Don't know how it works or how it draws in the data, but looks v interesting.
webdesign  web  design  chart  graph  graphic  bar  pie  line  js  javascript  script  column  data 
january 2019 by piperh
Pie Charts · ChartGen
brilliant chart generator - you input the data, gives code as svg. Pie charts, bar graphs, line graphs. Would be great for PIRC charts. Use image in Quark to draw on top, or import svg file into Affinity.
webdesign  web  design  graphic  chart  generator  bar  graph  line  pie  svg 
january 2019 by piperh
Timeline Line
A tiny library to draw a line around DOM elements. It's beta for now and only works on vertical timelines.
Makes an svg line around stuff if you need a timeline type of layout
webdesign  web  design  line  vertical  timeline  js  javascript  script 
june 2018 by piperh
TOAST UI :: Make Your Web Delicious!
they say: TOAST UI Chart supports an easy way to draw various and essential charts on your web service. Open-source JavaScript library.
Looks v interesting and doable even by me. Data can be taken from a db or not.
webdesign  web  design  webdev  development  chart  browser  pie  graph  line  js  javascript  script 
march 2018 by piperh
Word division in IE and other notes on the nobr markup
Jukka Corpela page about controlling line breaks in browsers
webdesign  web  design  browser  word  break  line  nobr 
january 2018 by piperh
vivus.js - svg animation
vanilla js script for animating svg paths, so they look like they're drawing themselves
webdesign  web  design  draw  path  line  svg  animate  animation  drawing  illustration  vector  js  javascript  script  graphic 
december 2016 by piperh
Hero Patterns
free vector svg backgrounds. The web page has nice slider control to try different colour combinations
web  graphic  design  background  svg  repeatable  repeat  vector  illustration  pattern  repeating  line 
october 2016 by piperh
Animating Vectors with SVG ◆ 24 ways
good resource with tips about using svg's for older browsers, and how to animate
webdesign  web  design  svg  vector  animate  animation  animated  illustration  illustrate  draw  drawing  line 
september 2016 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
GitHub - moarwick/react-mt-svg-lines: A React.js wrapper component to animate the line stroke in SVGs
a js wrapper that animates paths in svg. Allows you to animate the draw of an icon/illustration/logo on screen. DOESN'T WORK in IE (June 2016)
webdesign  web  design  svg  animate  animation  js  javascript  line  draw  css  path 
june 2016 by piperh
Chart.js | Open source HTML5 Charts for your website
a js library for charts. Don't know how it works but seems to help you to create web page charts. Says: '8 different chart types'
webdesign  web  design  js  javascript  chart  graphic  table  line  bar  animate  customise 
may 2016 by piperh
How SVG Line Animation Works | CSS-Tricks
clear simple explanation of animated outline on an svg - uses css animation of stroke-dasharray and stroke-dashoffset
webdesign  web  design  animation  animate  svg  line  path  stroke  dash 
april 2016 by piperh
Connor Atherton | Full stack developer
acript to animate svg line drawings. I don't know how easy this is to execute but the effect could be useful - especially in, say, drawing out a large letter or a logo
webdesign  web  design  animate  animation  svg  javascript  js  illustration  line  path 
january 2016 by piperh
Learn Git - Learn Version Control with Git
published by Tower but not promoting them heavily.
tutorial  howto  learning  git  about  learn  version  control  code  gui  command  line  terminal 
december 2014 by piperh

Copy this bookmark:

to read