rough-notation
muxup-site
rough-notation | muxup-site | |
---|---|---|
14 | 7 | |
8,208 | 8 | |
2.9% | - | |
0.0 | 6.6 | |
about 2 months ago | 2 months ago | |
TypeScript | Python | |
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.
muxup-site
-
Rough.js: Create graphics with a hand-drawn, sketchy, appearance
On https://muxup.com/ you should see pastel-coloured randomly drawn 'roguh' highlights for the site title and for the titles of individual articles. If you mouse over, they'll be redrawn while your mouse is hovering. If you're on mobile, you won't see that, and that's fine. It worked just fine on Android (FF or Chrome) and iPhone last time I checked, but do let me know if you're not seeing that.
It's really very simple, just thought the distillation of the 'rough' drawing technique to a couple of dozen lines of code for this use case might be of interest to some.
- Ask HN: Could you show your personal blog here?
-
How to Debug Browser Redirects
I can recommend writing a short script to test redirects and cache control are configured as expected for your site - here's mine (health warning: shell script) https://github.com/muxup/muxup-site/blob/main/utils/server_t...
-
Ask HN: Do you promote your personal blog? How?
I link to something I've written in a conversation if it's relevant (like this - my blog is https://muxup.com/), and post articles to HN, lobste.rs, or an appropriate subreddit if no-one else does and I think it's relevant to people there.
-
Minimum Viable Hugo – No CSS, no JavaScript, 1 static HTML page to start you off
I've also found that a custom-written generator is surprisingly productive. My own attempt is at https://github.com/muxup/muxup-site/blob/main/build.py and I wrote up a few notes on it here https://muxup.com/2022q3/muxup-implementation-notes#site-gen....
-
Seeking feedback on my blog, Muxup.com
See my implementation notes post for more technical detail (which also links to the site source).
What are some alternatives?
locomotive-scroll - 🛤 Detection of elements in viewport & smooth scrolling with parallax.
homepage-dev - Homepage for yboris.dev built with Hugo
astro - The web framework for content-driven websites. ⭐️ Star to support our work!
minimum-viable-hugo - No CSS, no JS. One static HTML page to start you off.
splide - Splide is a lightweight, flexible and accessible slider/carousel written in TypeScript. No dependencies, no Lighthouse errors.
homepage - Homepage for yboris.com built with Hugo
swiffy-slider - Super fast carousel and slider with touch for optimized websites running in modern browsers.
rough - Create graphics with a hand-drawn, sketchy, appearance
wired-elements - Collection of custom elements that appear hand drawn. Great for wireframes or a fun look.
Lektor - The lektor static file content management system
slick - the last carousel you'll ever need
ideas2 - Another 85+ Ideas for Computing https://samsquire.github.io/ideas2/