How to make your internettifying quick, for those who know enough web development to wish that they knew less.
- Design for hackers does colour theory: Why Money never used black and you shouldn't either
- bootswatch is a collection of open-source bootstrap themes
Style and CSS stuff
Handy GUI shit for those CSS-ish compilers. Scout.app compiles stylesheets from SASS and COMPASS, two ubiquitous technologies that I cannot be arsed learning the distinction between, except to note that they are both intuitive enough for me not to bother.
A different approach is tailwind which sounds nice for non web people in the highly informed judgement of Julia Evans.
Idiot-proof offline font hosting.
Trying to force OSX to serve website when when disconnected? Use dnsmasq
Interactive browser debugging
- Edit or style any page, in any state, like it's an artboard
- Hover inspect styles, accessibility and alignment
- Nitpick layouts & content, in the real end environment, at any device size
- Leverage adobe/sketch skills
- Edit any text, replace any image (hi there copywriters, ux writers, pms)
- Design within the chaos: use production or prototypes and the odd states they produce, as artboards and design opportunities .. VisBug is a custom element on your page that intercepts interactions, selecting the item(s) instead, and then provides keyboard driven patterns to manipulate the selected DOM nodes. It can do these things on any page without the need for extension or browser priveledges. [sic] Extension integrations are to power a 2nd screen experience, while also providing browser specific features to enhance the experience.