Skip to main content

Links tagged with “webdevelopment”

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

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

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

  4. Mastering DOM manipulation with vanilla JavaScript — Phuoc Nguyen

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

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

  6. Educational Sensational Inspirational Foundational

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

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

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

  8. PhotoSwipe: Responsive JavaScript Image Gallery

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

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

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

  11. Learn HTML

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

  12. Montaigne

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

  13. Siteleaf - A friendly CMS for your static site

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

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

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

  16. Tree views in CSS

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

  17. How to transfigure wireframes into HTML - HTMHell

    Nice description of the thinking and semantics involved.

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

  19. A tour of Django server setups

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

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

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

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

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

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

  25. GlitchTip

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

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

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

  28. mmm.page

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

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

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

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

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

  32. nickjj/docker-django-example

    Another handy example project full of experience.

  33. bfirsh/django-docker-heroku-template

    Lots of handy things to copy here.

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

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

  35. My current HTML boilerplate - Manuel Matuzović

    Nicely explained. with references. (via Adactio)

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

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

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

  38. Python in GitHub Actions

    More useful tips on getting all this working well.

  39. Switching to GitHub Actions - Random notes from mg

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

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

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

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

  43. A technical and privacy review of Cloudflare Web Analytics

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

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

The most common tags

  1. webdevelopment (826)
  2. london (396)
  3. uk (354)
  4. music (303)
  5. mac (189)
  6. javascript (187)
  7. lrb (171)
  8. history (161)
  9. maps (159)
  10. css (159)

More…