Skip to main content

Links tagged with “webdevelopment”

  1. New CSS that can actually be used in 2024 | Thomasorus

    I ignore new CSS for years so this summary might actually be useful to me. In a year or two. (via Adactio)

  2. My Modern CSS Reset | jakelazaroff.com

    Buy my book, “ConSiStent: A History of CSS Reset”, 576pp. (via adactio)

  3. radiac/nanodjango: Full Django in a single file

    Sounds great, very clever. Nicely done. (via Simon Willison)

  4. UV with Django

    Very useful, by Anže Pečar.

  5. UV — I am (somewhat) sold – Oliver Andrich

    I’m trying to switch to uv entirely and am eager for examples of real-world usage like this. (via Simon Willison)

  6. astral-sh/uv: An extremely fast Python package installer and resolver, written in Rust.

    Sounds good. Replacement for pip, pip-tools and virtualenv, with plans to replace more like pipx and pyenv. (via @frabcus@mastodon.social)

  7. Web dev craftsmanship | Go Make Things

    I’m not convinced we’re “on the verge of a renaissance” unfortunately. There are still bespoke suits, but it’s never going to be more than a small craft that’s only for those with money or time.

  8. How to Safely Pass Data to JavaScript in a Django Template - Adam Johnson

    I keep having to google for this handy guide when I want to link to it for someone.

  9. Release Notes: How to make self-hosted maps that work everywhere and cost next to nothing • MuckRock

    Anything I knew about making maps is very out of date so, for future reference. ( via Simon Willison)

  10. Static Site Generators and CMS’s | Go Make Things

    I haven’t looked at any of these but have occasionally looked for such things, and here some are.

  11. Mastering DOM manipulation with vanilla JavaScript — Phuoc Nguyen

    Great collection of explained examples of how to do common things with JS. (via Michael Tsai)

  12. Bunny Fonts | Explore Faster & GDPR friendly Fonts

    “…designed as a privacy-friendly drop-in replacement for Google Fonts holding the same API format.” (via @007@mastodon.scot)

  13. Educational Sensational Inspirational Foundational

    “A historical record of foundational web development blog posts.” Some real classics there. (via Go Make Things)

  14. Patrick Weaver - A Blog Post With Every HTML Element

    A really nice exploratory overview of HTML tags. (via adactio)

  15. PhotoSwipe: Responsive JavaScript Image Gallery

    Nice image lightbox thing, for future reference. (via Go Make Things)

  16. 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.

  17. 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)

  18. Learn HTML

    A good guide, in case I need to recommend one to anyone. (via Adactio)

  19. Montaigne

    Turns a folder in your Apple Notes into a website (with RSS feed). (via @gilest@mastodon.me.uk)

  20. Siteleaf - A friendly CMS for your static site

    Simple hosted CMS that generates a Jekyll-based website hosted on your GitHub Pages (or similar).

  21. 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.

  22. Carrd - Simple, free, fully responsive one-page sites for pretty much anything

    Looks like a nice way to get a single-page website online.

  23. 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)

  24. Tree views in CSS

    A collapsible tree view made out of lists and detail elements, no JavaScript. Witchcraft. (via Adactio)

  25. How to transfigure wireframes into HTML - HTMHell

    Nice description of the thinking and semantics involved.

  26. 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)

  27. A tour of Django server setups

    A really nice, gradually more complex, overview of the different ways you could set up webservers, databases, etc.

  28. 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)

  29. 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)

  30. 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)

  31. shot-scraper: automated screenshots for documentation, built on Playwright

    Very clever and useful-looking, from Simon Willison.

  32. 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.

  33. 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)

  34. GlitchTip

    Open source alternative to Sentry’s error tracking. Host it yourself, or hosted plans starting from free.

  35. We Analyzed 425,909 Favicons • iconmap.io

    What a mess. (via Michael Tsai)

  36. 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)

  37. Test for modern Internet Standards like IPv6, DNSSEC, HTTPS, DMARC, STARTTLS and DANE.

    Handy automated checklist for web and email domains.

  38. 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

  39. mmm.page

    This looks great - a *fun* website builder. Some lovely stuff in the Curated Pages. (via maya.land)

  40. 🖌️ 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)

  41. How I setup and configure all of my websites | Go Make Things

    By Chris Ferdinandi. A dozen static sites on a Digital Ocean droplet.

  42. 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)

  43. nickjj/docker-django-example

    Another handy example project full of experience.

  44. bfirsh/django-docker-heroku-template

    Lots of handy things to copy here.

  45. HackSoftware/Django-Styleguide: Django styleguide used in HackSoft projects

    Interesting to see how people settle on organising things. (via Simon Willison)

  46. A quick look at privacy-focused analytics for small sites

    From September 2020. (via Adactio)

  47. My current HTML boilerplate - Manuel Matuzović

    Nicely explained. with references. (via Adactio)

  48. 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)

  49. A Complete Guide To Accessible Front-End Components — Smashing Magazine

    Very handy collection of links to articles. (via @simonw)

  50. Python in GitHub Actions

    More useful tips on getting all this working well.

The most common tags

  1. webdevelopment (833)
  2. london (398)
  3. uk (356)
  4. music (307)
  5. mac (189)
  6. javascript (187)
  7. lrb (176)
  8. history (161)
  9. css (161)
  10. maps (159)

More…