Skip to main content

Bookmarks tagged with “webdevelopment”

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

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

  3. How to structure a Sass project

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

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

  5. Garlic.js

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

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

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

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

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

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

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

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

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

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

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

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

  16. REDbot: <>

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

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

  18. PuPHPet - Online GUI configurator for Puppet & Vagrant

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

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

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

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

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

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

  24. alphagov/prototyping

    GDS’s Jekyll-based prototypes for services.

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

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

  27. Git merge vs. rebase

    Some things to try and remember next time I’m working on a thing with others. (via Infovore)

  28. AirPair | World’s Best Software Experts

    I like this idea - screenshare and video call with an expert in a particular thing. Not cheap, but possibly cheaper than getting someone in for a whole day. Their d3.js guy has answered most of my Stack Overflow questions very well.

  29. kristopolous/BOOTSTRA.386

    “Bootstrap/386 is a Twitter bootstrap v2 theme to make webpages look like they are from the 1980s.” Nicely done. (via Waxy)

  30. Epoch by Fastly

    Looks like a simple-to-use charting library, based on d3.js, with real-time charts.

  31. straup/tiny-letter-tools

    Of course Aaron has made a handy (python command line) tool for making an RSS feed out of a Tiny Letter archive page.

  32. Isso – a commenting server similar to Disqus

    Open source, self-hosted commenting system. Lovely idea, although my heart sank at the thought of installing a python web application. I can’t help thinking PHP would be more useful for people making otherwise-static web sites. (via Brett Terpstra)

  33. 4618602 (d3.js Multiline chart with brushing and mouseover)

    Because I’ll want to see this again sometime and will forget where it is. Now it’s here.

  34. User Onboarding | A frequently-updated compendium of web app first-run experiences

    Really, really good detailed step-by-step look at how various services get users signed up. (via Tom Taylor)

  35. GOV.UK elements

    HTML/CSS elements and how to use them on GOV.UK. Really useful, even if you’re doing differently, as a checklist of stuff to consider. (via @jamesweiner)

  36. How to support full Unicode in MySQL databases · Mathias Bynens

    Don’t use utf8, use utf8mb4. I wonder sometimes. (via @mattb)

  37. coddingtonbear/django-location

    Interesting… Django app that stores location data from Foursquare, iCloud and Runmeter.

  38. mbrochh comments on How do YOU deploy to Webfaction?

    Nice description of deploying a Django site to WebFaction, although not that WebFaction-specific.

  39. Web Hosting For App Developers – Marco.org

    Some good rules of thumb and encouragement to use simple, standard VPSes rather than anything fancier.

  40. Variance

    Nice web charting/visualization thing, using a markup-based system for data, with appearance editable using CSS. Somewhere between Raphael/d3 and simple charting libraries. Costs money for commercial use. (via Tom Taylor)

  41. JavaScript Testing Recipes

    Sounds very good. Adding to the list of books I really should read.

  42. Crafting link underlines on Medium

    Not necessarily for how they decided to make nice underlines on text, but for the description of how complicated a very simple-seeming website can be. (via @jamesweiner)

  43. Absolute Positioning and Horizontal/Vertical Centering

    Using CSS alone, no JS. I’m waiting for the inevitable real-world use in which this won’t work. There must be one. Surely. There usually is. (via @jamesweiner)

  44. Being a client

    A brief bit about the new Code for America website. So worth it for all the Clearleft and pattern library related links. All of them front-end-development gold, leading to even more.

  45. 8 Sass mixins you must have in your toolbox

    Some handy things for use with SASS. (via Infovore)

  46. Tinytype

    “Find default system fonts that exist across common mobile platforms in the form of a handy compatibility table.” (via Daring Fireball)

  47. Grid

    A very nice step-by-step guide to a simple CSS grid system for responsive websites. Everyone will end up with something more complex, but it’s a nice intro. (via @felix_cohen)

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)

More…