Links tagged with “webdevelopment”
-
PhotoSwipe: Responsive JavaScript Image Gallery
Nice image lightbox thing, for future reference. (via Go Make Things)
-
How to scale a JavaScript project over time (part 1) | Go Make Things
A nice short series showing how he gradually structures vanilla JavaScript files.
-
Some simple ways to make content look good - Set Studio
I do like nice clear walkthroughs of design and code like this, including bits of CSS that were new to me. (via Adactio)
-
Learn HTML
A good guide, in case I need to recommend one to anyone. (via Adactio)
-
Montaigne
Turns a folder in your Apple Notes into a website (with RSS feed). (via @gilest@mastodon.me.uk)
-
Siteleaf - A friendly CMS for your static site
Simple hosted CMS that generates a Jekyll-based website hosted on your GitHub Pages (or similar).
-
Webflow: Create a custom website | No-code website builder
Very impressive in-browser site builder, but so comprehensive and detailed that it makes me feel like I don’t know how to make websites.
-
Carrd - Simple, free, fully responsive one-page sites for pretty much anything
Looks like a nice way to get a single-page website online.
-
Timezones in Python - Benjamin “Zags” Zagorsky (PDF)
I keep referring to bits of this, so I should save it. Handy examples of right and wrong ways to do times. (via Simon Willison)
-
Tree views in CSS
A collapsible tree view made out of lists and detail elements, no JavaScript. Witchcraft. (via Adactio)
-
How to transfigure wireframes into HTML - HTMHell
Nice description of the thinking and semantics involved.
-
An Interactive Guide to Flexbox in CSS
I thought I broadly understood flexbox but this brilliant guide made me realise how little I properly understood. (via Adactio)
-
A tour of Django server setups
A really nice, gradually more complex, overview of the different ways you could set up webservers, databases, etc.
-
Making the world’s fastest website, and other mistakes - DEV Community
I enjoyed this detailed look into how to make Kroger’s website much faster. All the way through I was thinking, “How will you get the org to adopt your changes?” and inevitably… (via @simonw)
-
Patterns | APG | WAI | W3C
“This guide describes how to apply accessibility semantics to common design patterns and widgets. It provides design patterns and functional examples complemented by in-depth guidance for fundamental practices.” Very handy. (via Adactio)
-
The Demise of the Mildly Dynamic Website
Nice overview the history of making websites. I like “jamming” to describe the casual way of putting together old PHP websites. (via Adactio)
-
shot-scraper: automated screenshots for documentation, built on Playwright
Very clever and useful-looking, from Simon Willison.
-
Best Practices Around Production Ready Web Apps with Docker Compose — Nick Janetakis
Such a good, detailed explanation of how and why things are done in Docker, in his several example GitHub repos.
-
hartator/wayback-machine-downloader: Download an entire website from the Wayback Machine.
Ruby script. I can see this being useful one day. (via Ask MetaFilter)
-
GlitchTip
Open source alternative to Sentry’s error tracking. Host it yourself, or hosted plans starting from free.
-
We Analyzed 425,909 Favicons • iconmap.io
What a mess. (via Michael Tsai)
-
Modern CSS Reset / Global Styles
This not only seems like a good modern version (which I could do with) but it’s extremely nicely explained. (via Adactio)
-
Test for modern Internet Standards like IPv6, DNSSEC, HTTPS, DMARC, STARTTLS and DANE.
Handy automated checklist for web and email domains.
-
SaaS Pegasus | The Django-Powered SaaS Boilerplate
Looks like an interesting way to get up and running quickly with user management, Stripe subscriptions, teams, etc. USD295/site
-
mmm.page
This looks great - a *fun* website builder. Some lovely stuff in the Curated Pages. (via maya.land)
-
🖌️ Horton Hears a Whostyle
Nice idea – if someone comments/replies on your site, you use their CSS to render their comment/reply in their site’s style. I think. (via maya.land)
-
How I setup and configure all of my websites | Go Make Things
By Chris Ferdinandi. A dozen static sites on a Digital Ocean droplet.
-
Sensemaking: Django for Startup Founders: A better software architecture for SaaS startups and consumer apps
Lots of interesting advice for structuring Django projects (and some more general advice). (via Simon Willison)
-
nickjj/docker-django-example
Another handy example project full of experience.
-
bfirsh/django-docker-heroku-template
Lots of handy things to copy here.
-
HackSoftware/Django-Styleguide: Django styleguide used in HackSoft projects
Interesting to see how people settle on organising things. (via Simon Willison)
-
A quick look at privacy-focused analytics for small sites
From September 2020. (via Adactio)
-
My current HTML boilerplate - Manuel Matuzović
Nicely explained. with references. (via Adactio)
-
The Architecture Behind A One-Person Tech Startup
I’m trying to come to terms with how this “simple” setup makes me feel anxious and overwhelmed just reading about it. So many things. (via @simonw)
-
A Complete Guide To Accessible Front-End Components — Smashing Magazine
Very handy collection of links to articles. (via @simonw)
-
Python in GitHub Actions
More useful tips on getting all this working well.
-
Switching to GitHub Actions - Random notes from mg
Some handy practical tips for using GitHub Actions with Python projects.
-
SmolCSS
Very little snippets of very modern CSS doing a single thing. As I’m a long way from the cutting edge CSS wise, this is useful. By Stephanie Eckles. (via @simonw)
-
Homebrew Python Is Not For You // Justin Mayer
I think I’ve escaped this by using pyenv (and/with pipenv) but it’s such a mess. (via @simonw)
-
Disqus, the dark commenting system
If comments are important enough to to have on your site, host your own (not what this article concludes, but what I say).
-
A technical and privacy review of Cloudflare Web Analytics
Interesting look at whether it’s good or not (via Dan in my comments)
-
How to Favicon in 2021: Six files that fit most needs — Martian Chronicles, Evil Martians’ team blog
Still an enormous faff though. (via Michael Tsai)
-
A Django project blueprint to help you learn by doing
A really nice walkthrough of thinking about, planning and making a Django website, for those who have done initial tutorials and now want to make their own things.
-
Squeezing every drop of performance out of a Django app on Heroku | by Ben Firshman | Medium
About serving many requests for Arxiv Vanity, from 2017. (via /r/django)
-
SVGOMG - SVGO’s Missing GUI
Really nicely done web-based tool for optimising SVG files by Jake Archibald.
-
Responsively App | A Web developer’s browser
View a web page at several different device sizes simultaneously, with synchronised movements and clicks. Seems brilliant. (via Waxy)
-
Bulma: Free, open source, and modern CSS framework based on Flexbox
One of those “I’ll forget the name if I don’t bookmark it” things. Looks nice, as these things go. (via Infovore)
-
Weeknotes 031 - Making all the Things
A lovely collection of tools. A reminder that being able to code is really useful for scratching personal itches.
-
Debuggex: Online visual regex tester. JavaScript, Python, and PCRE.
Looks nice. (via @simonw)
-
Building a Site Around Thousands of Diary Entries from Samuel Pepys — Running in Production Podcast 32
I’m on this episode of this podcast about making and running websites.