portfolio
rough-notation
| portfolio | rough-notation | |
|---|---|---|
| 2 | 14 | |
| 5 | 8,221 | |
| - | 3.1% | |
| 1.3 | 0.0 | |
| about 1 year ago | about 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.
portfolio
-
Portfolio Review
Live Site Github
-
Portfolio Review and Feedback
Portfolio Github
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?
apps - daily.dev application suite
locomotive-scroll - 🛤 Detection of elements in viewport & smooth scrolling with parallax.
personal-site - Second iteration of my personal website
astro - The web framework for content-driven websites. ⭐️ Star to support our work!
turbo-props - A Post-it® sized wrapper around styled-components to turbo charge your workflow.
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
GreenSock-JS - GSAP (GreenSock Animation Platform), a JavaScript animation library for the modern web
rough - Create graphics with a hand-drawn, sketchy, appearance
chart.xkcd - xkcd styled chart lib