compodio
excalidraw
Our great sponsors
compodio | excalidraw | |
---|---|---|
8 | 373 | |
3 | 73,115 | |
- | 6.0% | |
8.6 | 9.5 | |
2 months ago | 3 days ago | |
Python | 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.
compodio
-
Using BEM in 2023
Components that need to incorporating global styles like colour schemes, breakpoints, border radius, scss mixins is where I've found it tricky to fully decouple. In these instances I've resorted to using global custom properties that I can reference inside css modules and importing commonly used scss mixins. This is an example of a search box component incorporating global things.
-
Is anyone down to build some small projects together?
Currently working on compodio in my free time. A website that makes it easier to find, and subscribe to community radio shows as a podcast. It uses NextJS, Python, PHP, MySQL
-
How I interview for FE positions
I used it here in a function that constructs a string of hex colours for a css gradient from an array. I spend more time in python than JS, and looking at this code again now I see it certainly isn't perfect.
-
How to organize your css so it looks more readable? What does production css look like?
I feel like now that I'm developing mostly with react, which has everyone rethinking how to think about separation of concerns, I'm still figuring things out again. In a current project, I have global styles sheets for the site as a whole, then I try to bundle css modules for components of a site in a folder with other files related to the component (ex. a main menu component). The aspiration being that some components will be generic enough that I could just copy one folder and have everything I need (css, js, etc) to add that feature to another project.
-
I wrote an overly complicated algorithm to make a pleasing colour swatch from an image
Impressive. I've been working on something similar, but much simpler. I settled for just organizing colours by lightness. I just might borrow your ant colony optimization.
-
The french government's design system
This is an in progress component I'm working on that always expects to receive an array of available image sizes, that jpg/webp are always available.
-
How to find all occurrences of the following div?
Then You can pretty much do the same thing I did with the next page link here.
excalidraw
-
Creating Animated Diagrams for LinkedIn
ExcaliDraw - https://excalidraw.com/
-
Software Engineering Workflow
ExcaliDraw
-
Tools that Make Me Productive as a Software Engineer
However, Notion and Obsidian can only help you write documentation. Well, how about some visuals? Let's talk about Excalidraw.
-
Rapier is a set of 2D and 3D physics engines written in Rust
Fun fact: I used GA in Excalidraw, and it's still powering some of the interactions! https://github.com/excalidraw/excalidraw/blob/master/package...
-
Ask HN: Anyone use a code to mindmap/flowchart tool?
I was happy to find out recently that there is a way to make Mermaid diagrams WYSIWYG / drag and drop editable that the open source https://excalidraw.com has and did I mention it's open source!? With a LLM, you can go full loop back to Mermaid again after a few rounds of manual editing. "What a time to be alive!"
- Show HN: Batch Image Manipulation Toolkit in Browser
-
Ask HN: What development tools are you using for your current project?
I'm working on a personal project and found myself looking for an alternative to Postman/Insomnia this morning. This made me realize i've been using the same tools for so long for work (mobile development, finance) that this project may be a good time to try out some new things.
Here are a few tools that i've been using lately that I really enjoy:
https://pocketbase.io/ - A dead-simple self-hosted firebase/supabase-like "backend in a box" using golang and sqlite. So far i've been really impressed. I've gone the route of extending the base offering with more go code and am really enjoying the experience.
https://excalidraw.com/ - An open source whiteboarding tool. Slick to use and after learning some keybinds I've gotten pretty fast at throwing together diagrams to explain things to people on my team. The killer piece though is that the filetype is just json, so I can source control my diagrams. Even better, their "export to png" function has a box to embed the json data _into_ the png, allowing me to slap the diagram in places that only accept images (think confluence) and still be able to change the diagram later if needed. 10/10.
https://docs.gitlab.com/ee/ci/ - Gitlab's CI/CD toolset is really impressive, and I've gotten really intimate with it's deeper features over the past year. I'd be curious though to hear from someone who's familiar with it vs it's competitors.
- Keeping your fonts in embedded SVG
- Excalidraw
-
Penrose – Penrose
Sketch easy and go back to work...
https://excalidraw.com/
What are some alternatives?
react-dsfr - 🇫🇷 Design system React toolkit
tldraw - SDK for creating whiteboards and canvas experiences on the web.
tss-react - ✨ Dynamic CSS-in-TS solution, based on Emotion
draw.io - draw.io is a JavaScript, client-side editor for general diagramming.
aixplora - AIxplora is a open-source tool which let's you query all kind of files not limited to any length or format.
mermaid - Generation of diagrams like flowcharts or sequence diagrams from text in a similar manner as markdown
Docusaurus - Easy to maintain open source documentation websites.
obsidian-excalidraw-plugin - A plugin to edit and view Excalidraw drawings in Obsidian
generative-art
docker-draw.io - Dockerized draw.io based on tomcat:9-jre11 & tomcat:9-jre8-alpine official image.
cuttle - A two-player battle card game for all ages, built with nodejs, sailsjs, and vuejs
drawio-desktop - Official electron build of draw.io