Skip to main content

Links tagged with “webdevelopment”

  1. PhotoSwipe: Responsive JavaScript Image Gallery

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

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

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

  4. Learn HTML

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

  5. Montaigne

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

  6. Siteleaf - A friendly CMS for your static site

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

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

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

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

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

  10. Tree views in CSS

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

  11. How to transfigure wireframes into HTML - HTMHell

    Nice description of the thinking and semantics involved.

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

  13. A tour of Django server setups

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

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

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

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

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

    Very clever and useful-looking, from Simon Willison.

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

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

  20. GlitchTip

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

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

    What a mess. (via Michael Tsai)

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

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

    Handy automated checklist for web and email domains.

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

  25. mmm.page

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

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

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

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

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

  29. nickjj/docker-django-example

    Another handy example project full of experience.

  30. bfirsh/django-docker-heroku-template

    Lots of handy things to copy here.

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

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

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

    From September 2020. (via Adactio)

  33. My current HTML boilerplate - Manuel Matuzović

    Nicely explained. with references. (via Adactio)

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

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

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

  36. Python in GitHub Actions

    More useful tips on getting all this working well.

  37. Switching to GitHub Actions - Random notes from mg

    Some handy practical tips for using GitHub Actions with Python projects.

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

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

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

  41. A technical and privacy review of Cloudflare Web Analytics

    Interesting look at whether it’s good or not (via Dan in my comments)

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

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

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

  45. SVGOMG - SVGO’s Missing GUI

    Really nicely done web-based tool for optimising SVG files by Jake Archibald.

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

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

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

  49. Debuggex: Online visual regex tester. JavaScript, Python, and PCRE.

    Looks nice. (via @simonw)

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

The most common tags

  1. webdevelopment (819)
  2. london (391)
  3. uk (349)
  4. music (297)
  5. mac (188)
  6. javascript (185)
  7. lrb (166)
  8. css (159)
  9. history (158)
  10. maps (158)

More…