Illustrated explanations of web development, technology & a little bit of anthropology.
Illustrated Explanations & Notes
How to Build a Second Brain – Part 2
Updated April 04, 2020
Illustrated Notes
A Chat with Henry Zhu on Open Source and Gift Economies
Updated March 30, 2020
A Visual Explanation
What the Fork is Rust?
Updated March 18, 2020
Illustrated Notes
Defend Your Cookies with Essential Web Security Tactics
Updated March 08, 2020
Illustrated Notes
How to Draw Invisible Programming Concepts - Part 1
Updated March 01, 2020
A Visual Explanation
The JavaScript Bits You Skipped the First Time Around
Updated December 28, 2019
Illustrated Notes
Building Custom React Hooks
Updated November 02, 2019
Illustrated Notes
Immer's Immutable Data, Gifting Socks, and Personal Assistant Bots
Updated October 10, 2019
Illustrated Notes
How to Build a Second Brain – Part 1
Updated September 17, 2019
Illustrated Notes
Speaking the GraphQL Query Language
Updated July 30, 2019
Illustrated Notes
A Fresh Serving of JavaScript ES2019
Updated June 23, 2019
Illustrated Notes
Jamming with the JAMStack, Gatsby & Contentful
Updated June 01, 2019
Illustrated Notes
Instachatting with Vue & Socket.io
Updated May 20, 2019
Illustrated Notes
Building VR Apps with React360 Notes
Updated May 14, 2019
Illustrated Notes
Testing with Cypress.io
Updated May 10, 2019
Illustrated Notes
A Shelfish Starter Guide to Databases
Updated May 10, 2019
A Visual Explanation
React.js Girls 2019 Conference
Updated May 05, 2019
Illustrated Notes
Meet the Robowaiter APIs Serving Us Data
Updated April 10, 2019
A Visual Explanation
Fun with Foliage and JavaScript's ...spread Operator
Updated February 12, 2019
A Visual Explanation
What the Fork is the React Virtual DOM?
Updated February 02, 2019
A Visual Explanation
The Glorious Lovechild of JSX
Updated January 21, 2019
A Visual Explanation
QR Code Generator for Links
Updated September 18, 2023
How Are Compilers & Transpilers Different?
Updated January 07, 2019
A Visual Explanation
What the Fork is Babel.js?
Updated January 02, 2021
A Visual Explanation
This project aims to leverage visual metaphors to provide a more intuitive and engaging way of explaining web technologies. Through diagrams and analogies, the abstract jargon and syntax of programming become more accessible, enhancing the learning experience. By incorporating NLP techniques, we strive to further enhance the effectiveness of our visual explanations and empower learners to master web technologies.
You'll find plenty of JavaScript fundamentals here - those never go out of style. As well as posts on a whole range of web-related technologies like API's, React, and GraphQL.
In a commitment to staying on the forefront of technological integration, our platform now incorporates advanced dynamic QR code generation. This feature enables users to create customizable and ever-evolving QR codes that can update in real time based on the content changes, ensuring that our users always have the most current information at their fingertips. By merging this technology with our visual metaphors, we make web technologies more comprehensible and immediately actionable, providing an all-encompassing learning and engagement experience.
There's also a slight anthropological bent to some of these posts. While I now live in the world of programmers, I originally trained as an anthropologist and still see everything through lens of cultural constructs, kinship structures, cosmologies, and semiotics.
It's a weird mix - take it as you will.