Skip to main content

Bookmarks tagged with “webdevelopment”

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

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

  3. SVGOMG - SVGO’s Missing GUI

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

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

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

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

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

    Looks nice. (via @simonw)

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

  9. Plausible Analytics | Simple, privacy-friendly alternative to Google Analytics

    Looks good, from $4/month.

  10. Library JSON - A Proposal for a Decentralized Goodreads

    I do like this general idea. My own site’s Reading section works for me but it’d be nice if it had the chance of connecting to other things via a nice data format.

  11. Matt Segal Dev - 3 ways to deploy a Django backend with a React frontend

    Just a nice high-level overview of three ways to do this (I never have and wasn’t sure of the options).

  12. How to get started with web development | Go Make Things

    I’d have no idea what to suggest to someone wanting to learn this stuff, but this looks like a great list for front-end development.

  13. HTML DOM - Common tasks of managing HTML DOM with vanilla JavaScript

    After so many years of needing jQuery for things, it’s taking a while for vanilla methods to stick in my brain. (via @simonw)

  14. More on service layers in Django

    I’ve enjoyed this and the previous post. In-depth enough to be useful, not so much i can’t follow it.

  15. Let’s Define CSS 4 · Issue #4770 · w3c/csswg-drafts

    Interesting discussion (an actual civil discussion, on the internet!). (via Adactio)

  16. Inclusive Components

    “Each post explores a common interface component and comes up with a better, more robust and accessible version of it.” (via @simonw)

  17. All – Tiny Helpers

    Loads of websites that each do one useful thing for web designers and developers. (via Waxy)

  18. What do you call the parts of a story? Or: why can’t journalists spell “lead”? · The Ethically-Trained Programmer

    More interesting than lede vs lead which, oddly, doesn’t even come up, except in a comment. (via Simon Willison)

  19. How I structure my vanilla JS projects | Go Make Things

    Some tips in here.

  20. The Vanilla JS Toolkit

    A nice collection of JavaScript methods, plugins, etc that don’t require any extra frameworks or libraries.

  21. Free for developers

    “This is a list of software (SaaS, PaaS, IaaS, etc.) and other offerings that have free tiers for developers.” (via Simon Willison)

  22. This Page is Designed to Last: A Manifesto for Preserving Content on the Web

    On making simple websites to last a minimum of ten years. (via Adactio)

  23. Build your own React

    I’ve only read a bit of this but aside from what seems like an interesting article, it’s a lovely example of going step-by-step through writing some code. (via @RandomEtc)

  24. My Python Development Environment, 2020 Edition | Jacob Kaplan-Moss

    As the previous edition, interesting. I’ll stick with pipenv instead of poetry for now, as I’m happy with it. I should use pipx but not sure how to go from my current mess to that. (via Simon Willison)

  25. HOW - Pure CSS - cyanHarlow

    Nicely done explanation of how Diana Smith uses CSS properties in her amazing CSS art, and what hat art looks like without each property. (via Waxy)

  26. All The Places | A growing set of web scrapers designed to output consistent geodata about as many places of business in the world as possible.

    Handy, and a nice example of making scrapers to work with loads of different sites. (via Simon Willison)

  27. Weeknotes: Dogsheep

    Having spent a lot of time writing my own tools to save copies of my data from third-party services, I like what Simon Willison’s doing here.

  28. Analytics, logs and metrics

    For the bit about using GoAccess and a pixel hosted on S3 behind Cloudfront for logging. (via @dracos)

  29. gyford.com/ – Website Carbon Calculator

    Over a year my site uses “57kWh. Enough electricity to drive an electric car 368km.” Very, very roughly, I imagine. (via Adactio)

  30. Building an extensible app or library with vanilla JS | Go Make Things

    I like this, although I’d like a “Step 2” with some more complex examples. (via Adactio)

  31. The web without the web - DEV Community 👩‍💻👨‍💻

    Nice piece on the pros and cons of “modern front end development” (React). (via Adactio)

  32. Feature Toggles (aka Feature Flags)

    I’ve never worked on a project with these, but this is a great description of the ideas behind them, and the different categories of feature flags. (via Simon Willison)

  33. reading-activitypub

    “This document is for programmers who take one look at activitypub.rocks, click on through to the documentation, and can’t make heads or tails of it.” I did that, so maybe this will be handy if I try again. (via @mdales@mastodon.me.uk)

  34. Ionaru/easy-markdown-editor: EasyMDE

    I’ve tried several textarea-improving things and this one is just the ticket for my needs.

  35. OdleForums

    A small forum for WebFaction users to discuss where to go, now that GoDaddy owns WebFaction.

  36. Adactio: Journal—Split

    Lots of good stuff about front end materials versus front end tools, the gate-keeping of making front-end stuff more computer-sciency, etc.

  37. Gazler/githug: Git your game on!

    “Githug is designed to give you a practical way of learning git. It has a series of levels, each requiring you to use git commands to arrive at a correct answer.”

  38. Spectre.css CSS Framework

    Looks nice. Some handy components that Bootstrap doesn’t have.

  39. Fathom Analytics

    Simple, basic analytics run by two guys. Self-hosted open-source, or pay-for. Looks nice.

  40. Siema - Lightweight and simple carousel with no dependencies

    One would never put a carousel on a website but if one did one would use this. It also links to a couple more complex ones. No dependencies.

  41. Geo for Bootstrap, a Timeless Theme by Divshot

    A GeoCities-style Bootstrap theme. File under ideas I wish I’d had. (via Ask MetaFilter)

  42. I Miss Staging — Postlight — Digital product studio

    “We are six months old and we have more media platforms than we have employees.” Lots of good stuff about this stupid (my view) multi-platform world. (via Infovore)

  43. Making

    Detailed and fascinating look at the issues with trying to make the time HTML element work for dates hundreds or thousands of years old. (via:tominsam)

  44. CSS Grid Layout Interface Builder | LayoutIt!

    Very nifty thing for constructing a grid and getting the HTML and CSS for it using CSS Grid. (via FaveJet)

  45. django-bakery documentation

    “A set of helpers for baking your Django site out as flat files” made and used by the LA Times Data Desk. (via Simon Willison)

  46. Mithering about the unmodellable

    On the difficulties of modelling how Parliament works, and the pros and cons of doing so. (via @markhurrell)

  47. D3.js Charts: Towards Updatable Code | Toptal

    A useful variant on the D3.js modular pattern, allowing you to pass updated data (or other things) into an already-rendered chart.

  48. Local by Flywheel | Local WordPress development made simple

    Seems like a nice way to do this, but I’ll forget what it’s called within a day, so.

  49. Building a combined stream of recent additions using the Django ORM

    Very handy. I’ve tried a couple of laborious ways of doing the same in the past, probably before `.union()` appeared.

  50. GitHub - kennethreitz/requests-html: HTML Parsing for Humans™

    Python web requests and page scraping. Looks like it might be a bit easier than BeautifulSoup. (via @simonwillison)

The most common tags

  1. webdevelopment (777)
  2. london (370)
  3. uk (329)
  4. music (277)
  5. javascript (182)
  6. mac (173)
  7. articles (153)
  8. css (153)
  9. history (151)
  10. maps (150)

More…