Skip to main content

Bookmarks tagged with “webdevelopment”

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

  2. Bootstrap Slack

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

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

  4. OpenDeviceLab.com - 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.”

  5. Chrome’s Console API: Greatest Hits

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

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

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

  8. Marionette.js – The Backbone Framework

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

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

  10. mroth/unindexed · GitHub

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

  11. Transitioning to SCSS at Scale

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

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

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

  14. requires.io | Monitor your dependencies

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

  15. Home - Annotator - Annotating the Web

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

  16. Parser API Docs — Readability

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

  17. fivefilters / php-readability — Bitbucket

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

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

  19. Website Style Guide Resources

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

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

  21. Sass Guidelines

    Really good, whether you agree with all the decisions or not. I now want to reorganise all my Sass files. (via Tom Taylor)

  22. bigfoot.js

    jQuery plugin for making footnotes in text nice. I guess this is the thing I see in a few places that I keep meaning to find out what it is.

  23. How to structure a Sass project

    Another thing I thought I’d bookmarked ages ago. This is pretty much what I do these days.

  24. Eloquent JavaScript

    I thought I’d bookmarked this a while ago, but it looks like I didn’t. On first glance seems like a good introduction to JavaScript. (via Tom Taylor)

  25. Garlic.js

    “Garlic.js allows you to automatically persist your forms’ text field values locally, until the form is submitted.”

  26. Sisyphus - Gmail-like client-side drafts and bit more

    “Persist your form’s data in a browser’s Local Storage and never loose[sic] them on occasional tabs closing, browser crashes and other disasters!” Handy.

  27. dariusk/corpora · GitHub

    JSON files of lots of odd sets of data for making stuff with. I keep thinking of it as Pears Cyclopedia in JSON form. (via @tomtaylor)

  28. How I reverse-engineered Google Docs to play back any document’s keystrokes « James Somers (jsomers.net)

    I love this lengthy description of how he worked out how to do this. All the dead ends and stupid ideas and experiments. (via @Preoccupations)

  29. Parsley - The ultimate JavaScript form validation library

    Nice-looking thing that I expect will be handy at some point soon, the name of which I will forget.

  30. Huddle/PhantomCSS

    “A CasperJS module for automating visual regression testing with PhantomJS and Resemble.js. For testing Web apps, live style guides and responsive layouts.” (via @tomstuart)

  31. Twython — Twython 3.1.2 documentation

    “Actively maintained, pure Python wrapper for the Twitter API. Supports both normal and streaming Twitter APIs” Probably more up to date than whatever I was using before. For future reference.

  32. WAI-ARIA 1.0 Authoring Practices - Design Patterns

    Lots of different types of web interface control and the accessibility interactions, roles, states, etc they should have, with links to examples.

  33. Alice Bartlett: Burn your select tags - EpicFEL 2014 - YouTube

    Good talk from Alice about user research resulting in GDS avoiding HTML select tags and creating alternatives.

  34. IE-friendly mobile-first CSS with Sass 3.2

    Via previous link, on serving separate, slightly different, stylesheets for old IEs and everything else.

  35. Responsive grid system which works in IE6 | Technology at GDS

    Using SCSS. And not an ugly hack. Having been thinking about grids/page structure at work recently, and needing to support old browsers, this is handy. (via @benterrett)

  36. REDbot: <>

    Shows and reports on HTTP headers. Handy sometime, I’m sure. (via Infovore)

  37. Learning Susy | Zell Liew

    This ($39) book’s good if you’re struggling to get to grips with Susy, the SASS/CSS layout framework. Does a nice job of explaining things in a way that makes more sense than the documentation.

  38. PuPHPet - Online GUI configurator for Puppet & Vagrant

    “A simple GUI to set up virtual machines for Web development.”

  39. Git: The Safety Net for Your Projects · An A List Apart Article

    I liked this as a clear and pragmatic guide to some Git stuff. Kind of the next steps once someone’s got to grips with add/commit/pull/push.

  40. benbalter/jekyll-auth

    Only let people in your organisation (ie, have a GitHub account that’s part of a specified GitHub organisation) access your static Jekyll website hosted on Heroku.

  41. suit/naming-conventions.md at master · suitcss/suit

    Another CSS class naming convention. I think I like this better than BEM’s, but we’re now quibbling over tiny variations.

  42. MindBEMding – getting your head ’round BEM syntax – CSS Wizardry – CSS, OOCSS, front-end architecture, performance and more, by Harry Roberts

    Forgot to link to this when I read, so for completeness… I kind of like this but the ugliness of the double hyphens and underscores just “smells” bad to me (maybe wrongly?).

  43. Introducing AM - Attribute Modules for CSS - Glen Maddern: Internet Pro

    More stuff about how to do CSS in another new way. I haven’t read this enough times to understand it.

  44. alphagov/prototyping

    GDS’s Jekyll-based prototypes for services.

  45. CSS Guidelines (2.1.3) – High-level advice and guidelines for writing sane, manageable, scalable CSS

    An extensive styleguide for writing CSS by Harry Roberts. (via @mattpointblank)

  46. Medium’s CSS is actually pretty f***ing good. — Medium

    On creating Medium’s CSS style guide. Really good. I’d love to read more things like this. (via Tom Taylor)

The most common tags

  1. webdevelopment (727)
  2. london (356)
  3. uk (317)
  4. music (255)
  5. javascript (171)
  6. mac (167)
  7. articles (152)
  8. maps (146)
  9. css (146)
  10. via:kottke (139)

More…