9 Best Articles in 2022
github.blog
Include diagrams in your Markdown files with Mermaid
github.blog
2 min read · Feb 14th · Mermaid is a JavaScript based diagramming and charting tool that takes Markdown-inspired text definitions and creates diagrams dynamically in the browser. · Shared by 149, including Veni Kunche, bouiboui, Steve "ardalis" Smith, Adrian Roselli 🗯, John Maeda, Ellen Shapiro, Esther Schindler, Mike Tamir, PhD, Nico Müller 🇺🇦, Kevin C. Tofel 🇺🇦, Chris Messina, Nils Hitze, Galen King
cloudcraft.co
Cloudcraft - Draw AWS diagrams
cloudcraft.co
1 min read · From 2015 · Draw AWS diagrams with Cloudcraft: Snap together components like EC2s and ELBs on an isometric grid · Shared by 135, including Patric Fornasier, Benny Schudel, Malik El Bay 🕊🔰, Balda, Jim Mayes, Simone Corsi 💻🚀, William El Kaim, Thomas Power, Philippe Gauvin, Claudio Perez Gamayo, Yannick D., Navjeet Chabbewal, von Moerenburgh, Stefan Smith
engineering.atspotify.com
Software Visualization — Challenge, Accepted
engineering.atspotify.com
6 min read · Jul 25th · TL;DR Architectural diagrams are the bread and butter of software design and a foundational tool for communication and collaboration on software development. At Spotify, we have an incredibly complex… · Shared by 697
Atlassian
5 diagrams that show how context switching saps your productivity
Atlassian
5 min read · 2021-11-01 · The human brain can handle only so much change in a day. Here's how to keep context switching from tanking your productivity. · Shared by 524, including maxadorno, Phillip Murphy, rohit, Oliver Raduner, Katja Evertz, Stephanie A Kowalski
nikgrozev.com
Await and Async Explained with Diagrams and Examples
nikgrozev.com
~11 min read · From 2017 · Explains JavaScript Async/Await syntax and semantics with diagrams and examples ... · Shared by 87, including blinch, Rezha Julio, numano, Bryan Onel, Balda, Nando 💪🇦🇺🇦🇷, Vincent Liu, Matthias Lampe, Alligator.io 🐊
excalidraw.com
Excalidraw
excalidraw.com
From 2020 · Excalidraw is a whiteboard tool that lets you easily sketch diagrams that have a hand-drawn feel to them. · Shared by 199, including Yoav Ganbar, Kelsey Hightower, Niklaus Gerber, Arin Basu, Devon Govett, дэн, Ines Bieler, Galen King, Alice Lemée, Helmi, Elijah Manor, Cameron Yick, ITNEXT, David Hellmann, Nando 💪🇦🇺🇦🇷, Brian, Christian Müller, James Young, Massimiliano Aroffo, Esther Schindler
aprt.us
Apparatus: A hybrid graphics editor and programming environment for creating interactive diagrams
aprt.us
2 min read · From 2015 · Apparatus Apparatus is a hybrid graphics editor and programming environment for creating interactive diagrams. The Apparatus Editor runs in the browser and interactive diagrams created with Apparatus… · Shared by 66, including Tibor Martini 🇺🇦, yawniek, Jan Willem Tulp, Oscar MacDonald, Nando 💪🇦🇺🇦🇷, Mark Kaigwa, Andy Matuschak, Charlie O'Keefe
CSS-Tricks
Making Mermaid Diagrams in Markdown
CSS-Tricks
4 min read · Apr 18th · While Mermaid diagrams are not Markdown-exclusive, they is Markdown-inspired. using the same markup abstractions. · Shared by 59
sciencefocus.com
A beginner's guide to Feynman diagrams
sciencefocus.com
7 min read · 2021-10-01 · In this extract from Ten Patterns That Explain The Universe, science writer Brian Clegg explains how Richard Feynman's eponymous diagrams not only illustrate complex particle interactions, but can… · Shared by 55, including MIT Press
Trending
animalz.co
The Busy Writer’s Design Toolkit
animalz.co
4 min read · Aug 22nd · How to ditch stock images and embrace graphs, flow diagrams, and the all-powerful 2x2 matrix. · Shared by 100, including Neil Hart 💙
lucasfcosta.com
A new, more profitable, and robust Agile framework
lucasfcosta.com
4 min read · Aug 3rd · In this post, I’ll present a robust and disruptive Agile framework. It’s called “talk to your customers”. Soon I’ll be selling a 500-page book with enough diagrams to convince you it’s a framework… · Shared by 109
More like this
mermaid-js.github.io
mermaid - Markdownish syntax for generating flowcharts, sequence diagrams, class diagrams, gantt charts and git graphs.
mermaid-js.github.io
From 2020 · Shared by 65, including Ferit (at 🏠) 🌙, Francis DB, Pablo Felip, Nando 💪🇦🇺🇦🇷, pizza.fig 🍕, dunschtig, Emerson Macedo, Kevin Marks, Jason Norwood-Young, Alexander Seifert, David Garner
github.com
mingrammer/diagrams
github.com
From 2020 · :art: Diagram as Code for prototyping cloud system architectures - mingrammer/diagrams · Shared by 53, including Damian Gryski, Nico Müller 🇺🇦, Evan (he/him), dunschtig, Alberto, Real Python, Linus Basig, Simone Corsi 💻🚀, Mike Tamir, PhD, Dr. Ganapathi Pulipaka 🇺🇸
github.com
GitHub - soulmachine/machine-learning-cheat-sheet: Classical equations and diagrams in machine learning
github.com
From 2016 · machine-learning-cheat-sheet - Classical equations and diagrams in machine learning · Shared by 46, including Data Science Renee, Carla Gentry, Yves Mulkers, Marc R Gagné MAPP 🍁, Marcus Borba, Nico Müller 🇺🇦, Dr. Ganapathi Pulipaka 🇺🇸, Kirk Borne, Elena Neira, MIT CSAIL, Sean Gardner
PCMag
The Top Tech and Tools You Need for Taking Digital Notes
PCMag
6 min read · Jun 27th · These are the best note-taking apps and accessories for annotating PDFs, sketching diagrams, recording your next class lecture, and more. · Shared by 224, including Jill E Duffy
medium.freecodecamp.com
How CSS pseudo-classes work, explained with code and lots of diagrams
medium.freecodecamp.com
~13 min read · From 2016 · Let’s be honest — there are times when CSS can really hurt your brain. It’s hard enough to center an element inside its parents. · Shared by 59, including Tibor Martini 🇺🇦, Veronika Lampion, Paul, shishir das, René Stalder, Niklaus Gerber
diagrams.app
Diagrams: The Missing Diagram Editor for the Mac
diagrams.app
1 min read · From 2018 · Create beautiful structured diagrams like organizational charts, business process diagrams, flow charts or UML diagrams in a native Mac app. · Shared by 30, including John Sundell, Steve Troughton-Smith, Marcin Kryzanovsky, Esther Schindler, Max Stoiber
dbdiagram.io
Database Relationship Diagrams Design Tool
dbdiagram.io
1 min read · From 2018 · Quick and simple free tool to help you draw your database relationship diagrams and flow quickly using just keyboard · Shared by 37, including Mike Ivars, Fabrizio Bianchi, Balda, Waqas Ahmed
overflow.io
Meet Overflow
overflow.io
1 min read · From 2018 · Turn your designs into playable user flow diagrams that tell a story. · Shared by 175, including Fabricio Teixeira, Dominik Grolimund, Maarten Mieras, Kohei Asai, James Young, HeyDesigner, sascha aßbach, mitimiti, Tris Hussey, Nando 💪🇦🇺🇦🇷, Jon Thompson, ErmanTaylan.eth, René Clausen Nielsen, Chris Messina, Adobe XD, Victor Tolosa, Jonathan Kogan, Galen King, SketchTalk, Katja Evertz
UX Collective
The message is in the model
UX Collective
5 min read · From 2018 · How models and diagrams helped us communicate the unseen · Shared by 55, including Fabricio Teixeira, Kat, Matt, Neil Lee, designshard, Charles Baldwin
