Note: This section of the site is under heavy construction, tread carefully.

Bookmarks tagged with “javascript”

709 bookmarks by garrettc


Markwhen

"Make a cascading timeline from markdown-like text. Supports simple American/European date styles, ISO8601, images, links, locations, and more."

Bookmarked on #


Bundle Buddy

"Visualizing what code is in your web bundle, and how it got there."

Bookmarked on #


Responsive table with Django and htmx

Building tables with search, filtering, and pagination.

Bookmarked on #


Honeybadger

"Exception, uptime, and cron monitoring, all in one place — and easily installed in your web app."

Bookmarked on #


Pocket - Django, HTMX and Alpine.js: Modern websites, JavaScript optional

"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 code

Convert curl commands to Python, JavaScript, PHP, R, Go, Rust, Elixir, Java, MATLAB, Ansible URI, Strest, Dart or JSON

Bookmarked on #



A javascript rendering service — Splash 3.5 documentation

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 #



Ashley Sheridan - Making an Accessible Hamburger Menu

How to improve the accessibiilty of the checkbox approach to hamburger menus.

Bookmarked on #



Django, HTMX and Alpine.js: Modern websites, JavaScript optional

"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

"Hyperscript is an easy and approachable language designed for modern front-end web development."

Bookmarked on #



Splide - The lightweight, flexible and accessible slider/carousel

"Splide is a lightweight, flexible and accessible slider/carousel written in TypeScript. No dependencies, no Lighthouse errors."

Bookmarked on #


How to load a Service Worker in Django

Loading a Service Worker in Django might be tricky. Let's see how to make it work in this brief post!

Bookmarked on #


Django, HTMX and Alpine.js: Modern websites, JavaScript optional

"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 #


Web Components: HTML with Superpowers

"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 #



Kontrasto

"Kontrasto is a dual Python and JavaScript library which analyses instances of text over images, and transforms the text to make it more readable and have a higher contrast against the background."

Bookmarked on #


How to win at CORS - JakeArchibald.com

"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 #


Across The Multiverse

"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 #


Shepherd

"Shepherd is a JavaScript library for guiding users through your app."

Bookmarked on #




Rollbar

Error tracking and monitoring for web apps.

Bookmarked on #



micropolisJS

micropolisJS is a handmade Javascript port of the open-source city simulator Micropolis.

Bookmarked on #




rajasegar/awesome-htmx

Awesome things about htmx.

Bookmarked on #


Tracery

Tracery is a super-simple tool and language to generate text for use in twitterbots, artbots, games, and stories.

Bookmarked on #


htmx - high power tools for html

"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 #



A Modern Developer's Workflow For Twine

"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 #


Country coder

Convert longitude-latitude pairs to ISO 3166-1 codes quickly and locally

Bookmarked on #


forem community software

"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.dev | interactive JavaScript space

"natto is a tool for fidgeting with JavaScript. Write and manipulate JavaScript expressions on a spatial canvas."

Bookmarked on #


plyr

A simple HTML5, YouTube and Vimeo player.

Bookmarked on #


Django Sockpuppet

"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 #


Now THAT’S What I Call Service Worker!

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

"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 #


Working With Variables In Cypress Tests

"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 #



10 modern JavaScript features to be awesome at React

The 10 most important modern JavaScript features that will take your React skills to the next level

Bookmarked on #





Float Labels with CSS

"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 #