Note: This section of the site is under heavy construction, tread carefully.
709 bookmarks by garrettc
Building tables with search, filtering, and pagination.
Bookmarked on • #
"Exception, uptime, and cron monitoring, all in one place — and easily installed in your web app."
Bookmarked on • #
"In this instalment we'll turn to the low- and no-JavaScript world. We'll cover some of the common approaches to "sprinkling in" light amounts of JavaScript into your Django projects in 2021."
Bookmarked on • #
Convert curl commands to Python, JavaScript, PHP, R, Go, Rust, Elixir, Java, MATLAB, Ansible URI, Strest, Dart or JSON
Bookmarked on • #
A faster youtube embed using a web component.
Bookmarked on • #
Splash is a javascript rendering service. It’s a lightweight web browser with an HTTP API, implemented in Python 3 using Twisted and QT5.
Bookmarked on • #
Bookmarked on • #
How to improve the accessibiilty of the checkbox approach to hamburger menus.
Bookmarked on • #
Bookmarked on • #
"Building a modern front end in Django without reaching for a full-blown JavaScript framework. Choosing the right tools for the job, and bringing them into your project."
Bookmarked on • #
"Hyperscript is an easy and approachable language designed for modern front-end web development."
Bookmarked on • #
"Splide is a lightweight, flexible and accessible slider/carousel written in TypeScript. No dependencies, no Lighthouse errors."
Bookmarked on • #
Loading a Service Worker in Django might be tricky. Let's see how to make it work in this brief post!
Bookmarked on • #
"In this installment we'll turn to the low- and no-JavaScript world. We'll cover some of the common approaches to "sprinkling in" light amounts of JavaScript into your Django projects in 2021."
Bookmarked on • #
"Earlier this year I spoke at An Event Apart’s Spring Summit and today I’m happy to share with you that talk called HTML with Superpowers, which is all about Web Components."
Bookmarked on • #
The pace layers diagram from Jeremy's talk at New Adventures.
Bookmarked on • #
"CORS (Cross-Origin Resource Sharing) is hard. It's hard because it's part of how browsers fetch stuff, and that's a set of behaviours that started with the very first web browser over thirty years ago. Since then, it's been a constant source of development; adding features, improving defaults, and papering over past mistakes without breaking too much of the web. Anyway, I figured I'd write down pretty much everything I know about CORS, and to make things interactive, I built an exciting new app:"
Bookmarked on • #
"An in-browser, freely explorable, 3D game across infinite universes procedurally generated. Go from universe to universe and discover the origin of everything. A four chapter story with an epic revelation at the end."
Bookmarked on • #
Bookmarked on • #
Bookmarked on • #
micropolisJS is a handmade Javascript port of the open-source city simulator Micropolis.
Bookmarked on • #
Bookmarked on • #
Bookmarked on • #
"htmx allows you to access AJAX, CSS Transitions, WebSockets and Server Sent Events directly in HTML, using attributes, so you can build modern user interfaces with the simplicity and power of hypertext"
Bookmarked on • #
Bookmarked on • #
"I'm going to spend the next few minutes walking you through my Twine development workflow. There are three important parts of it I want to talk about: Plain text files. I use VS Code to write my games, rather than using the visual Twine editor. Modern version control, storing my games in git on GitHub. Automatic publishing. Every time I push a new version of my game to GitHub, it's instantly playable via GitHub Actions and GitHub Pages."
Bookmarked on • #
Convert longitude-latitude pairs to ISO 3166-1 codes quickly and locally
Bookmarked on • #
"Forem is open source software for building communities. Communities for your peers, customers, fanbases, families, friends, and any other time and space where people need to come together to be part of a collective."
Bookmarked on • #
"natto is a tool for fidgeting with JavaScript. Write and manipulate JavaScript expressions on a spatial canvas."
Bookmarked on • #
"Sockpuppet is a new way to craft modern, reactive web interfaces with Django. We extend the capabilities of both Django and Stimulus by intercepting user interactions and passing them to Django over real-time websockets. These interactions are processed by Reflex actions that change application state. The current page is quickly re-rendered and the changes are sent to the client. The page is then morphed to reflect the new application state. This entire round-trip allows us to update the UI in 20-30ms without flicker or expensive page loads. This architecture eliminates the complexity imposed by full-stack frontend frameworks without abandoning high-performance reactive user experiences. With Sockpuppet, small teams can do big things faster than ever before."
Bookmarked on • #
If you’re looking to achieve the single-page app level performance without the overhead (and boot time) of a huge JavaScript library or having to completely rewrite your website in a new technology…
Bookmarked on • #
"PixiJS is a rendering library that will allow you to create rich, interactive graphics, cross platform applications, and games without having to dive into the WebGL API or deal with browser and device compatibility. PixiJS has full WebGL support and seamlessly falls back to HTML5's canvas if needed."
Bookmarked on • #
"I'd read that working with variables in Cypress tests was tricky, but I dismissed it as an edge case I didn't need to know about. Then I needed to store a variable in a test and hilarity ensued."
Bookmarked on • #
The 10 most important modern JavaScript features that will take your React skills to the next level
Bookmarked on • #
Bookmarked on • #
Bookmarked on • #
Bookmarked on • #
"You’ve probably seen this pattern going around. It’s an input that appears as if it has placeholder text in it, but when you click/tap into that input, that text moves out of the way and allows you to type there. It’s rather clever, I think."
Bookmarked on • #