rough-notation
svg2roughjs
| rough-notation | svg2roughjs | |
|---|---|---|
| 14 | 1 | |
| 8,208 | 130 | |
| 2.9% | - | |
| 0.0 | 5.8 | |
| about 2 months ago | 2 months ago | |
| TypeScript | TypeScript | |
| MIT License | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
rough-notation
-
I Fucking Hate Jira
A quick look through the source brought me to https://roughnotation.com/
- Rough Notation
-
Rough.js: Create graphics with a hand-drawn, sketchy, appearance
Also see RoughNotation <https://roughnotation.com/>, which uses RoughJS to support underlines, highlights etc.
I took some inspiration for my website (mouse over any highlighted title) <https://muxup.com/>. The write-up here aims to summarise how it works https://muxup.com/2022q3/muxup-implementation-notes#randomly... - if you click through you'll see it's really very little code.
- RoughNotation
-
Portfolio feedback
I used an npm package called Rough Notation React. They have the demos here - https://roughnotation.com/
-
10 Minimal Portfolio Examples for Web Developers Who Aren’t Good at Design
🎨 Design tip: Even though Delba’s website is fairly minimal, she sparks joy in the user with delightful highlighter animation using a JavaScript library called Rough Notation.
-
30 Javascript animation libraries for 2022
10. Rough Notation
-
Rough.js – Create graphics with a hand-drawn, sketchy, appearance
Do also check out the other cool roughjs creations (https://github.com/rough-stuff), such as annotations (rough-notation: https://github.com/rough-stuff/rough-notation) and html elements (wired-elements: https://github.com/rough-stuff/wired-elements).
Shameless plug: I also created a dataviz library that uses roughjs under-the-hood: https://github.com/jwilber/roughViz
-
Show HN: A simple hand drawn HTML/CSS theme
- https://github.com/rough-stuff/rough-notation
One comment: some items aren’t rendering properly on my safari (eg checkboxes)
-
Managed to build a portfolio, am I ready for a full time role yet?
I used [Rough notation](http:// https://roughnotation.com/) for the highlights..not sure I get your second question tho.
svg2roughjs
-
Rough.js: Create graphics with a hand-drawn, sketchy, appearance
Great lib! Used it to build an svg2roughjs wrapper that converts your everyday SVG file to a sketch: https://github.com/fskpf/svg2roughjs
What are some alternatives?
locomotive-scroll - 🛤 Detection of elements in viewport & smooth scrolling with parallax.
rough - Create graphics with a hand-drawn, sketchy, appearance
astro - The web framework for content-driven websites. ⭐️ Star to support our work!
splide - Splide is a lightweight, flexible and accessible slider/carousel written in TypeScript. No dependencies, no Lighthouse errors.
swiffy-slider - Super fast carousel and slider with touch for optimized websites running in modern browsers.
wired-elements - Collection of custom elements that appear hand drawn. Great for wireframes or a fun look.
slick - the last carousel you'll ever need
portfolio - My portfolio website, made with NextJS & Twin.Macro
GreenSock-JS - GSAP (GreenSock Animation Platform), a JavaScript animation library for the modern web
chart.xkcd - xkcd styled chart lib
roughViz - Reusable JavaScript library for creating sketchy/hand-drawn styled charts in the browser.