wired-elements
rough-notation
Our great sponsors
wired-elements | rough-notation | |
---|---|---|
2 | 14 | |
9,659 | 8,184 | |
0.3% | 2.7% | |
0.0 | 0.0 | |
7 months ago | about 1 month 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.
wired-elements
-
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
-
List of Web Component libraries and systems
wired-elements
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.
What are some alternatives?
spectrum-web-components - Spectrum Web Components
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!
lwc - ⚡️ LWC - A Blazing Fast, Enterprise-Grade Web Components Foundation
splide - Splide is a lightweight, flexible and accessible slider/carousel written in TypeScript. No dependencies, no Lighthouse errors.
material-web - Material Design Web Components
swiffy-slider - Super fast carousel and slider with touch for optimized websites running in modern browsers.
chart.xkcd - xkcd styled chart lib
slick - the last carousel you'll ever need
vaadin - An evolving set of open source web components for building mobile and desktop web applications in modern browsers.
portfolio - My portfolio website, made with NextJS & Twin.Macro