Skip to main content

Bookmarks tagged with “webdevelopment”

  1. jcalazan/ansible-django-stack

    An Ansible playbook: Django, Postgres, Vagrant, Ubuntu 14.04, tested with DigitalOcean. Promising.

  2. Easy Django Deployments with Ansible - Technically Voracious

    A very simple, apparently, Ansible playbook for deploying a Django site to something like DigitalOcean.

  3. code like you don’t have the time (tecznotes)

    Some good stuff about how to run, maintain and work on projects when the time available is intermittent. I think the bit at the end about “stick to a language’s standard library wherever possible” is important, difficult and perhaps rarely considered.

  4. Rev Dan Catt - Building shutdownability, closing down Contributoria the nice way.

    A nice write-up of a nice way to shut down a website. Lovely to see people doing things this way.

  5. Who’s On First · Mapzen

    On making, basically, a database of places. You don’t need to understand the technical details to get a sense of the huge difficulties in translating these odd human concepts into something more computery. From August 2015. (via @simonw)

  6. Code highlighting for Keynote presentations

    Surprisingly painless and useful. Which isn’t to say entirely painless, but less than expected.

  7. Host, run, and code Python in the cloud: PythonAnywhere

    Free, and upwards, hosting of Python code/sites, with what sound like great facilities for teachers and their classes.

  8. Sandstorm

    *Sounds* like it’s an easier way to do self-hosting (or almost self-hosting) for people who aren’t as technical as that usually requires? Not quite sure. (via Warren Ellis)

  9. Known: create a single website for all your content

    Hosted or self-hosted open source, personal CMS/blog that can send your posts, photos etc to Twitter, Facebook, Flickr, SoundCloud, etc. (via Warren Ellis)

  10. No more accordions: how to choose a form structure | User research

    I didn’t link to this when I read it, but it’s stuck with me. It describes changes to GOV.UK’s recommended form structure guidelines, based on user testing.

  11. WTF, forms?

    Some quite nice HTML/CSS form controls, but also nice because of the clear description of how they’ve been made. Mostly coming to Bootstrap v4 soon apparently.

  12. The Hamburger Menu Doesn’t Work - Deep Design

    For next time I’m trying and failing to remember where I last read an article like this. (via Dotcode)


    Draw on a map, or import geo data files, and get the data out in various other formats. Beautifully simple. (via Tom Taylor)

  14. Stefan Wrobel - How to make Vagrant performance not suck

    I haven’t needed Vagrant to be faster but if/when I do, this seems handy. (via Infovore)

  15. Skills Matter

    Opening July 2015, “CodeNode, our new 23,000 sqft Tech Events and Community venue”. Looks nice, and big. On South Place, just west of Liverpool Street station. That City / “Tech City” border is getting very blurry. (via @tomstuart)

  16. Open Addresses UK - Alpha : Can We Make Address Entry Work For More Of Us

    This, and the previous post that it links to, are a bit interesting about making more usable address inputs. I wished it could have explored more options though.

  17. PCA Predict, formerly Postcode Anywhere - Address lookup and verification web services

    Some people on Twitter recommended this for this kind of thing. Works for international addresses.

  18. Hotjar – Heatmaps, Visitor Recordings, Conversion Funnels, Form Analytics, Feedback Polls and Proactive Chat in One Platform

    Website stats. Uses a sample of visitors, rather than all of them. Some nice features. For future reference. (via Brett Terpstra)

  19. Coder’s Block Blog / Checkbox Trickery with CSS

    Lots of scope for doing this horribly, but some of this CSS-styling of radio buttons and checkboxes is nice for > IE8.

  20. The God Login

    I thought I’d bookmarked this at the time. Some thoughts on making better login forms. I don’t agree with all of it, but good for a starting point for thinking.

  21. Fontello - icon fonts generator

    Create your own icon font using only the icons you need, select from Font Awesome and other free libraries.

  22. Luster - Mobile Web App Checklist

    Loads of good tips for making websites feel more native on touch-based devices.

  23. Backup PostgreSQL to Amazon S3 |

    Did this last week and have already forgotten which instructions I followed. These, Phil, these!

  24. Adactio: Journal—Instantiation

    Jeremy Keith on how people who complain the web is slow and rubbish are right to the extent that many people making websites have made them more slow and more rubbish than they should be.

  25. Deploying Django 1.7 on Ubuntu with DigitalOcean - with PostgreSQL, Nginx, and Gunicorn |

    This seems reasonably thorough. Maybe I can face it. But part of me is thinking, “I wish I could just FTP some PHP files to a server.”

  26. Programming in Twig

    Good, quick intro to Twig templating.

  27. A Programmer’s Dilemma — Why Not? — Medium

    Ben Brown: “While I want to release things, and believe that sharing code and software is important and good for society, I am afraid of being crushed under the weight of a lifetime of this type of sharing.”

  28. jQuery PowerTip

    Because I used this jQuery tooltip plugin and liked it and will forget what it was called.

  29. Roots | Modern WordPress Development

    “Sage is a WordPress starter theme based on HTML5 Boilerplate, gulp, Bower, and Bootstrap” and “Bedrock is a modern WordPress stack that gets you started with the best development tools, practices, and project structure.” Sounds good.

  30. Bootstrap Slack

    I’m enjoying @mdo’s public Slack channel for Bootstrap. So much nicer than IRC.

  31. MapTiler - map overlay, cut map tiles for Google Maps, GIS layers and mobile apps – MapTiler

    Hmm, maybe something like this will make it not-a-pain to overlay a historic London map on Google Maps for Pepys’ Diary. If I can find a decent copyright-free one.

  32. - Locate, Contribute to and Sponsor an Open Device Lab (ODL)

    ODLs “establish shared community pools of internet connected devices for testing purposes of web and app developers.”

  33. Chrome’s Console API: Greatest Hits

    Lots of things I didn’t know you could do in the Google Chrome console. (via Brett Terpstra)

  34. edds/browser-matrix

    A really useful way of viewing your Google Analytics’ browser data, to work out what your site should be supporting. I like how it groups versions of browsers. Nicely done.

  35. Code Guide by @mdo

    “Standards for developing flexible, durable, and sustainable HTML and CSS,” by Mark Otto, creator of Bootstrap. Not all my preference, but I do enjoy some rigour.

  36. Marionette.js – The Backbone Framework

    “Marionette simplifies your Backbone application code with robust views and architecture solutions.” Sounds good… (via Code as Craft)

  37. Work with me – CSS Wizardry – consultancy, CSS code reviews, speaking, workshops, CSS, OOCSS, front-end architecture, performance and more, by Harry Roberts

    Another way to do CSS class naming. Here are so many names. All of them feel like they’re trying to make up for fundamental deficiencies.

  38. mroth/unindexed · GitHub

    “A website that irrevocably deletes itself once indexed by Google.” Anti-archiving. (Via Waxy)

  39. Transitioning to SCSS at Scale

    How Etsy moved from “400,000+ lines of CSS split over 2000+ files” to using SCSS.

  40. Favicons, Touch Icons, Tile Icons, etc. Which Do You Need? | CSS-Tricks

    This is both very handy and, if you scroll down to “Example #3: Support for everything” rather dispiriting. Can’t help thinking something’s gone wrong somewhere.

  41. Gemnasium

    “Parses your project’s dependencies and notifies you when new versions are released or they need to be updated.” For python, ruby, node, php, etc. (via @dracos)

  42. | Monitor your dependencies

    “Monitors the requirements of your project and notify you whenever a dependency is outdated.” (via @mrchrisadams)

  43. Home - Annotator - Annotating the Web

    “An open-source JavaScript library to easily add annotation functionality to any webpage.” Used on

  44. Parser API Docs — Readability

    “The web’s most powerful content parser.” Free for non-commercial use, up to an apparently unspecified request cap.

  45. fivefilters / php-readability — Bitbucket

    “A PHP port of Arc90’s original Javascript version of Readability.”

  46. Extract Data from Any Web Page - Diffbot

    Pay-for API that lets you “Get structured content from articles, products, discussions and other familiar page types.”

  47. Website Style Guide Resources

    “Things people have written about style guides.” Many links. (via Tom Taylor)

  48. The problem with Angular - QuirksBlog

    Summary: it’s like a front-end framework by back-end developers; “Enterprise IT” and Java devs love it; people learn to only develop front-end stuff in an Angular way; it’s inefficient; it’s not suitable for modern, production-level front-end code.

The most common tags

  1. webdevelopment (755)
  2. london (364)
  3. uk (326)
  4. music (267)
  5. javascript (176)
  6. mac (171)
  7. articles (153)
  8. maps (149)
  9. css (149)
  10. via:kottke (146)