Skip to main content

Bookmarks tagged with “webdevelopment”

  1. Inclusive Components

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

  2. All – Tiny Helpers

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

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

  4. The Vanilla JS Toolkit

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

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

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

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

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

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

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

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

  12. Analytics, logs and metrics

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

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

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

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

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

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

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

  18. Ionaru/easy-markdown-editor: EasyMDE

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

  19. OdleForums

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

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

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

  22. Spectre.css CSS Framework

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

  23. Fathom Analytics

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

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

  25. Geo for Bootstrap, a Timeless Theme by Divshot

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

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

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

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

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

  30. Mithering about the unmodellable

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

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

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

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

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

  35. DataFire - Build APIs and Integrations to process, serve, and sync your data

    Interesting way to integrate *lots* of things. The Node-based code is open source so you can run it for free on your own server, or use the pay-for hosted version. (via @richardjpope)

  36. ftfy - fix unicode that’s broken in various ways

    Shows you how to fix “broken” encoded text using python.

  37. Learn ES2015 · Babel

    “A detailed overview of ECMAScript 2015 features.” (via FaveJet)

  38. Using pyvenv (venv) With Django on WebFaction. :: Solid Ether

    Also for the earlier post it links to. Django-type sites on WebFaction (as opposed to standard Apache sites) do sound a bit messy though.

  39. Tips for in-house teams in a free market software culture

    Alice’s really good description of how to develop and improve in-house software tools that people will want to use.

  40. Just Another Blog: CSV Parser for PHP

    The PHP code in this 11-year-old Blogspot post succeeded in reading a CSV file where PHP’s built-in method failed. Web development, eh.

  41. A WordPress & Git workflow – Marc Jenkins

    Seems to make sense, and WP Migrate DB Pro is the bee’s knees.

  42. My essential django package list — /var/

    A handy list including a few handy things I hadn’t heard of. Plus useful descriptions of them all. (via Simon Willison)

  43. Pipenv: Python Dev Workflow for Humans — pipenv 8.1.4 documentation

    I really don’t want to learn yet another way to manage python virtual environment but this does sound like it might finally be The One. (via @simonw)

  44. Datamake:article | d3 and canvas

    A clear step-by-step example of using the Canvas with D3.js to draw thousands of objects.

  45. kbaum/heroku-database-backups: Heroku database backups and copies to S3

    I tried three versions of “back up your Heroku postgres database to S3” and this is the one that works.

  46. Django Service Objects

    I like keeping stuff like this out of views and models, and this seems like a nice way to do it. (via @simonwillison)

  47. Typeplate » A typographic starter kit encouraging great type on the Web

    Looks like a nice bit of CSS for styling readable text.

  48. edent/SuperTinySocialIcons

    “Under 1KB each! Super Tiny Social Icons are miniscule SVG versions of your favourite logos.” The completist in me would like to see these for every major corporate logo. (via @simonw)

The most common tags

  1. webdevelopment (762)
  2. london (364)
  3. uk (327)
  4. music (270)
  5. javascript (180)
  6. mac (171)
  7. articles (153)
  8. maps (150)
  9. css (150)
  10. via:kottke (146)

More…