├── Docker.md ├── README.md ├── Art.md ├── Elixir.md ├── Radio.md ├── Ruby.md ├── Fonts.md ├── React.md ├── Design.md ├── Misc.md └── JavaScript.md /Docker.md: -------------------------------------------------------------------------------- 1 | - [gliderlabs/alpine](https://registry.hub.docker.com/u/gliderlabs/alpine/) - minimal linux distro 2 | - [tutum/builder](https://registry.hub.docker.com/u/tutum/builder/) - build docker images in docker 3 | - [progrium/buildstep](https://github.com/progrium/buildstep) - heroku buildpacks in docker 4 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | Rico's Bookmarks 2 | ================ 3 | 4 | ## JavaScript 5 | 6 | * [JavaScript](JavaScript.md) 7 | * [React](React.md) 8 | 9 | ## Other tech 10 | 11 | * [Ruby](Ruby.md) 12 | * [Elixir](Elixir.md) 13 | * [Docker](Docker.md) 14 | 15 | ## Design 16 | 17 | * [Design](Design.md) 18 | * [Fonts](Fonts.md) 19 | * [Art](Art.md) 20 | 21 | ## Misc 22 | 23 | * [Misc](Misc.md) 24 | * [Radio](Radio.md) (YouTube radio stations) 25 | -------------------------------------------------------------------------------- /Art.md: -------------------------------------------------------------------------------- 1 | # Art 2 | 3 | - [Portrait drawing references](http://portraitsfordrawing.tumblr.com) (tumblr.com) 4 | - [Figure drawing references](http://www.freshdesigner.com/figure-drawing-reference/) (freshdesigner.com) 5 | - [Learning anatomy](http://learninganatomy.tumblr.com/) (tumblr.com) 6 | 7 | ### Typography 8 | 9 | - [Calligraphy-related books](https://picasaweb.google.com/tipstricks1) 10 | - [Bijschrift/Lexicon studies](http://dpc.uba.uva.nl/cgi/i/image/image-idx?view=entry;subview=detail;c=ubinvimg;cc=ubinvimg;entryid=x-UBAHSXXXVD20;lang=nl;sid=0829d5d47623f7990ecaee5b45647d69) (dbc.uba.uva.nl) 11 | -------------------------------------------------------------------------------- /Elixir.md: -------------------------------------------------------------------------------- 1 | 2016 2 | ---- 3 | 4 | * [bootleg](https://github.com/labzero/bootleg) - deployment (like Capistrano) 5 | * [exvcr](https://hex.pm/packages/exvcr) - record and playback HTTP responses 6 | * [quantum](https://hex.pm/packages/quantum) - cron-like scheduler 7 | * [floki](https://github.com/philss/floki) - html parser 8 | * [phoenix_integration](https://github.com/boydm/phoenix_integration) - browser-like integration tests 9 | * [phoenix_html_simplified_helpers](https://github.com/ikeikeikeike/phoenix_html_simplified_helpers) - truncate, time_ago_in_words, number_with_delimiter 10 | * [openmaize](https://github.com/elixircnx/openmaize) - authentication 11 | * [addict](https://github.com/trenpixster/addict) - devise-like authentication 12 | -------------------------------------------------------------------------------- /Radio.md: -------------------------------------------------------------------------------- 1 | # Radio 2 | 3 | > These are 24/7 live radio streams on YouTube. 4 | 5 | ### Lofi Hiphop 6 | 7 | - [Chillhop Cafe](https://www.youtube.com/watch?v=VQ9i-V2i6W0) 8 | - [Lofi Hiphop](https://www.youtube.com/watch?v=AQBh9soLSkI) 9 | - [Nourish: Lofi](https://www.youtube.com/watch?v=2L9vFNMvIBE) 10 | - [R&B Radio](https://www.youtube.com/watch?v=kCziHoCBrug) 11 | - [Calm Radio - Lofi Hiphop 24/7](https://www.youtube.com/watch?v=fxn8p26WTR4) 12 | 13 | ### Downtempo 14 | 15 | - [Nourish: Vibe](https://www.youtube.com/watch?v=__GmhW9nEtY) 16 | 17 | ### House 18 | 19 | - [Silk: Deep House](https://www.youtube.com/watch?v=MHfPm4qc9Kg) (deep, future) 20 | - [Gentleman Radio](https://www.youtube.com/watch?v=-tuTNTH6_UE) (deep, minimal) 21 | - [Silk: Uplifting Progressive House](https://www.youtube.com/watch?v=d8Oc90QevaI) (progtrance) 22 | - [Future House Radio](https://www.youtube.com/watch?v=ffaf4YQOQBE) (soulful) 23 | - [Good Life Radio](https://www.youtube.com/watch?v=ftJYyevC6Us) (deep, tropical) 24 | - [Grand Sound: Progressive House](https://www.youtube.com/watch?v=xcoac7I-J8M) (prog) 25 | 26 | ### Ambient 27 | 28 | - [Nourish: Sleep](https://www.youtube.com/watch?v=K6IXPdMAVfM) 29 | - [Silk: Chill Study Music](https://www.youtube.com/watch?v=ql4S8z1jW8I) 30 | 31 | ### Techno 32 | 33 | - [Dark Monkey: Minimal Techno](https://www.youtube.com/watch?v=KJrkcAfTjE0) 34 | - [Trippy Cat: Techno Minimal House](https://www.youtube.com/watch?v=kA0VEiyF_EM) 35 | 36 | ### Jazz 37 | 38 | - [Cafe Music: Slow Jazz & Bossa Nova](https://www.youtube.com/watch?v=hUjRuVhJ_4o) 39 | - [Cafe Music: Relaxing Jazz](https://www.youtube.com/watch?v=2ccaHpy5Ewo) 40 | -------------------------------------------------------------------------------- /Ruby.md: -------------------------------------------------------------------------------- 1 | 2015 2 | ---- 3 | 4 | * [slop](https://rubygems.org/gems/slop) - command line args parser 5 | * [reform](https://github.com/apotonick/reform) - form objects decoupled from objects 6 | * [flip](https://github.com/pda/flip) - feature switches for your app 7 | * [namae](https://github.com/berkmancenter/namae) - split names into first/last 8 | 9 | * * * * 10 | 11 | 2014 12 | ---- 13 | 14 | ### Ruby 15 | 16 | * [rack-attack](https://github.com/kickstarter/rack-attack) - request throttling 17 | 18 | ### Ruby: Rails 19 | 20 | * [hashr](https://github.com/svenfuchs/hashr) - for configuration 21 | * [paper_trail](https://github.com/airblade/paper_trail) - for ActiveModel logging 22 | * [JSHint](http://duckduckgo.com/?q=jshint) - https://github.com/rquinlivan/jshint-gem 23 | * [color-palette](https://github.com/arpohahau/color-palette) - count colors in a CSS file 24 | * [letter-opener](http://duckduckgo.com/?q=letter-opener) - open mails in browser 25 | * [mailcatcher](http://duckduckgo.com/?q=mailcatcher) - mock smtp server 26 | * [kramdown](http://duckduckgo.com/?q=kramdown) - markdown 27 | * [meta-tags](http://duckduckgo.com/?q=meta-tags) - require: 'meta_tags' 28 | * [nkss-rails](http://duckduckgo.com/?q=nkss-rails) - github: 'nadarei/nkss-rails', branch: 'master' 29 | * turbolinks 30 | * jquery-turbolinks 31 | * bourbon 32 | * neat 33 | * [livingstyleguide](http://duckduckgo.com/?q=livingstyleguide) - styleguides 34 | * [figaro](https://github.com/laserlemon/figaro) - yml/env config 35 | 36 | ### Ruby/Development 37 | 38 | * better_errors 39 | * binding_of_caller 40 | * hirb 41 | * pry-rails 42 | * capybara 43 | * [database_cleaner](http://duckduckgo.com/?q=database_cleaner) - https://github.com/bmabey/database_cleaner 44 | * quiet_assets 45 | 46 | ### Ruby/CLI 47 | 48 | * trollop 49 | * clipboard 50 | * highline 51 | 52 | ### Ruby/Console 53 | 54 | * [pry](http://duckduckgo.com/?q=pry) - repl shell 55 | * [hirb](http://duckduckgo.com/?q=hirb) - tables for IRB 56 | * [bundler](http://duckduckgo.com/?q=bundler) - yep 57 | * [gemcutter](http://duckduckgo.com/?q=gemcutter) - gem yank 58 | * [github](http://duckduckgo.com/?q=github) - helpers 59 | * ffaker 60 | -------------------------------------------------------------------------------- /Fonts.md: -------------------------------------------------------------------------------- 1 | # Fonts 2 | 3 | Body 4 | ---- 5 | 6 | ### Sans (geo) 7 | 8 | - [Karla](https://fonts.google.com/specimen/Karla) 9 | - [Sintony](https://fonts.google.com/specimen/Sintony) 10 | - [Work Sans](https://fonts.google.com/specimen/Work+Sans) 11 | 12 | ### Sans (linear) 13 | 14 | - [Asap](https://fonts.google.com/specimen/Asap) 15 | - [Athiti](https://fonts.google.com/specimen/Athiti) 16 | - [Jaldi](https://fonts.google.com/specimen/Jaldi) 17 | 18 | ### Sans (neo/grotesque) 19 | 20 | - [Arimo](https://fonts.google.com/specimen/Arimo) 21 | - [Libre Franklin](https://fonts.google.com/specimen/Libre+Franklin) 22 | 23 | ### Serif (transitional-humanist) 24 | 25 | - [Amiri](https://fonts.google.com/specimen/Amiri) 26 | - [Cormorant](https://fonts.google.com/specimen/Cormorant) 27 | - [Cormorant Garamond](https://fonts.google.com/specimen/Cormorant+Garamond) 28 | - [EB Garamond](https://fonts.google.com/specimen/EB+Garamond) 29 | - [Fanwood Text](https://fonts.google.com/specimen/Fanwood+Text) 30 | - [Sorts Mill Goudy](https://fonts.google.com/specimen/Sorts+Mill+Goudy) 31 | 32 | ### Serif (transitional-modern) 33 | 34 | - [Gentium Basic](https://fonts.google.com/specimen/Gentium+Basic) 35 | - [Gentium Book Basic](https://fonts.google.com/specimen/Gentium+Book+Basic) 36 | 37 | Headings 38 | -------- 39 | 40 | ### Slab 41 | 42 | - [Alfa Slab One](https://fonts.google.com/specimen/Alfa+Slab+One) 43 | - [Fauna One](https://fonts.google.com/specimen/Fauna+One) 44 | - [Nixie One](https://fonts.google.com/specimen/Nixie+One) 45 | - [Scope One](https://fonts.google.com/specimen/Scope+One) 46 | 47 | ### Sans 48 | 49 | - [Lalezar](https://fonts.google.com/specimen/Lalezar) 50 | - [Chivo](https://fonts.google.com/specimen/Chivo) 51 | 52 | ### Serif 53 | 54 | - [Mate](https://fonts.google.com/specimen/Mate) 55 | - [Prata](https://fonts.google.com/specimen/Prata) 56 | 57 | ### Handwritten 58 | 59 | - [Alex Brush](https://fonts.google.com/specimen/Alex+Brush) 60 | - [Nicone](https://fonts.google.com/specimen/Niconne) 61 | 62 | Mono 63 | ---- 64 | 65 | - [Anaheim](https://fonts.google.com/specimen/Anaheim) (ish) 66 | - [Inconsolata](https://fonts.google.com/specimen/Inconsolata) 67 | - [PT Mono](https://fonts.google.com/specimen/PT+Mono) 68 | - [Lekton](https://fonts.google.com/specimen/Lekton/) 69 | -------------------------------------------------------------------------------- /React.md: -------------------------------------------------------------------------------- 1 | 2017 2 | ---- 3 | 4 | * [halogenium](https://github.com/kirillDanshin/halogenium) - a React v16 compatible version of halogen ([demo](https://kirilldanshin.github.io/halogenium)) 5 | * ~~[halogen](https://github.com/yuanyan/halogen) - loading spinners for React (up to v0.14)~~ 6 | * [electron-devtools-installer](https://www.npmjs.com/package/electron-devtools-installer) - easily install React devtools into an Electron app 7 | * [react-idle](https://github.com/ReactTraining/react-idle) - Notify when react is idle 8 | * [nwb](https://www.npmjs.com/package/nwb) - curated zero-config Webpack distribution for React, Inferno or Preact 9 | * [why-did-you-update](https://github.com/garbles/why-did-you-update) - notify me of avoidable re-renders 10 | * [react-native-animated](https://facebook.github.io/react-native/docs/animated.html) - animations; works for web, too ([example](https://www.webpackbin.com/bins/-KfKys3S2mgEH9UsE8GL)) 11 | * [react-move](https://github.com/tannerlinsley/react-move) - animate anything by interpolating parameters via [d3-interpolate](https://github.com/d3/d3-interpolate) 12 | * [recompose](https://github.com/acdlite/recompose) - states (and other side effects) using functional composition 13 | * [immutability-helper](https://github.com/kolodny/immutability-helper) - immutable tools 14 | * [react-helmet](https://github.com/nfl/react-helmet) - manage `` tags 15 | * [react-overdrive](https://github.com/berzniz/react-overdrive) - element-based transitions for React apps 16 | 17 | ### CSS-in-JS 18 | 19 | * [polished](https://polished.js.org/) - `lighten(0.1, '#ddeeff')` and modular scale 20 | * [emotion](http://emotion.sh/) - CSS in JS (use emotion-react) 21 | * [CSS-in-JS benchmarks](https://github.com/A-gambit/CSS-IN-JS-Benchmarks/blob/master/RESULT.md) - Comparing performance of CSS-in-JS libs 22 | * [cxs](https://github.com/jxnblk/cxs) - `className = cxs({ color: 'red' })` 23 | 24 | ### Redux 25 | 26 | * [reselect](https://github.com/reactjs/reselect) - cached data for Redux 27 | 28 | ### Components 29 | 30 | * [react-ios-switch](https://github.com/clari/react-ios-switch) - iOS-style on-off toggle 31 | * [rc-switch](http://react-component.github.io/switch/) - iOS-style on-off toggle 32 | * [react-crouton](https://xeodou.github.io/react-crouton/) - toast notifications 33 | * [react-hamburger-menu](http://react-component.github.io/switch/) - the menu button 34 | * [cheeseburger-menu](https://github.com/Middlerun/cheeseburger-menu) - menu that slides in 35 | 36 | 2016 37 | ---- 38 | 39 | * [react-select](http://jedwatson.github.io/react-select/) - select box dropdown 40 | * [react-redux-form](http://davidkpiano.github.io/react-redux-form/) - Form helpers for React/Redux 41 | 42 | 2015 43 | ---- 44 | 45 | * [React primer](https://github.com/mikechau/react-primer-draft) (github.com) 46 | -------------------------------------------------------------------------------- /Design.md: -------------------------------------------------------------------------------- 1 | 2018 2 | ---- 3 | 4 | * [Mockuptime](https://mockuptime.com/) (mockuptime.com) - product mockups, free 5 | * [Patternlibrary](http://thepatternlibrary.com/) (thepatternlibrary.com) 6 | 7 | 2016 8 | ---- 9 | 10 | * [Mobile-first emails](https://medium.com/cm-engineering/coding-mobile-first-emails-1513ac4673e#.8630ga679) (medium.com) - the magic of `width: calc(8000% - 47600px)` 11 | * [dunnnk](http://dunnnk.com/) (dunnnk.com) - product mockups, free 12 | * [Magic Mockups](http://magicmockups.com/) (magicmockups.com) - also product mockups, free 13 | 14 | 2015 15 | ---- 16 | 17 | * [Awesome images](https://github.com/heyalexej/awesome-images) (github.com) 18 | * [GoodUI](http://goodui.org/) (goodui.org) 19 | * [Flat color icons](https://icons8.com/c/flat-color-icons) (icons8.com) 20 | * [Sass burger](http://joren.co/sass-burger/) (joren.co) - CSS mixin for hamburger menus 21 | * [rupture](https://jenius.github.io/rupture/) (github.io) - media queries in stylus 22 | * [Loading CSS without blocking render](http://keithclark.co.uk/articles/loading-css-without-blocking-render/) (keithclark.co.uk) 23 | 24 | ### App icons 25 | 26 | * [Stark icons](http://www.iconarchive.com/show/stark-icons-by-fruityth1ng.html) (iconarchive.com) 27 | * [The circle icons](https://www.iconfinder.com/iconsets/the-circle-icons) (iconfinder.net) - cc-by-nc 28 | 29 | ### UX 30 | 31 | * [This door is the epitome of UX](https://medium.com/my-user-experience-journey/why-this-door-is-the-best-example-of-user-experience-i-could-find-b0c22ebb6007) (medium.com) 32 | 33 | ### Photos 34 | 35 | * [albumarium](http://albumarium.com/) (albumarium.com) 36 | * [list of free stock photo sites](https://ash.guru/free-stock-photos/) (ash.guru) 37 | 38 | 2014 39 | ---- 40 | 41 | * [spinkit](http://tobiasahlin.com/spinkit/) - css spinners 42 | * [shape-outside](https://developer.mozilla.org/en-US/docs/Web/CSS/shape-outside) - css shaping 43 | * [branding identity mockup template](https://www.behance.net/gallery/19999279/Branding-Identity-Mock-Ups-and-Templates) 44 | * [angulr template](http://flatfull.com/themes/angulr/) 45 | * [emoji unicode table](http://apps.timwhitlock.info/emoji/tables/unicode) 46 | 47 | ### Talks 48 | 49 | * [must-watch-css](https://github.com/AllThingsSmitty/must-watch-css) - by AllThingsSmitty 50 | * [Jonathan Snook – CSS is a Mess](http://vimeo.com/99877232) – beyond tellerrand Düsseldorf 2014 51 | 52 | ### Fonts 53 | 54 | * [Dosis](http://www.google.com/fonts/specimen/Dosis) - geometric sans, caps 55 | * [Fjalla One](http://www.google.com/fonts/specimen/Fjalla+One) - gothic sans, caps 56 | * [Fira Sans](http://www.google.com/fonts/specimen/Fira+Sans) - sans, body text, eyeglass *g*, [specimen](http://mozilla.github.io/Fira/), [carrois](http://www.carrois.com/fira-3-1/) 57 | * [Input](http://input.fontbureau.com/) - monospace, code 58 | 59 | ### Images 60 | 61 | * [splashbase.co](http://splashbase.co/) (splashbase.co) 62 | * [pexels](http://pexels.com/) (pexels.com) 63 | 64 | -------------------------------------------------------------------------------- /Misc.md: -------------------------------------------------------------------------------- 1 | ## 2019 2 | 3 | - [Tracktion Waveform](https://www.tracktion.com/products/waveform) - DAW for Linux 4 | - [Bitwig Studio](https://www.bitwig.com/en/home.html) - DAW for Linux 5 | - [Tecate/bitmap-fonts](https://github.com/Tecate/bitmap-fonts/blob/master/README.md) 6 | - [Markup.rocks](http://markup.rocks/) - Online Pandoc 7 | 8 | ## 2018 9 | 10 | - [mathiasbynens' macos customizations](https://github.com/mathiasbynens/dotfiles/blob/master/.macos) (github.com) 11 | - [Offline QR code genreator](https://codepen.io/rstacruz/full/PxoLbq/) 12 | 13 | ### Tetris 14 | 15 | - [Nullpomino wiki](http://harddrop.com/wiki/NullpoMino) 16 | - [Nullpomino guide](http://harddrop.com/forums/index.php?showtopic=2317) 17 | - [Nullpomino forks and mods](http://harddrop.com/wiki/NullpoMino_Forks_and_Mods) 18 | - [Tetris stacking](http://tetris.wikia.com/wiki/Tetris_Stacking) 19 | - [Tetris stacking](https://www.ryanheise.com/tetris/tetris_stacking.html) 20 | - [SRS rotation](http://tetris.wikia.com/wiki/SRS) 21 | 22 | ## 2016 23 | 24 | - [SoundCloud Material Redesign](https://www.youtube.com/watch?v=dqpmXFHsKQc&feature=youtu.be) (youtube.com) - a demo on doing mockups in Photoshop 25 | - [Slides](http://designmodo.com/slides/) (designmodo.com) - some sorta toolkit to build landing pages 26 | - [dinghy](https://github.com/codekitchen/dinghy) (github.com) - Docker for OSx 27 | - [GitHub Stats](http://githubstats.lip.is/) (githubstats.lip.is) - statistics! 28 | 29 | ## 2015 30 | 31 | - [Shaky graphs updated](http://shaky.github.bushong.net/) (shaky.github.bushong.net) - new version 32 | - [Shaky graphs](https://moe-js.googlecode.com/git/talks/jsconfeu2012/tools/shaky/deploy/shaky.html) (moe-js.googlecode.com) - graphs from ASCII 33 | - [Antanaclasis](https://en.wikipedia.org/wiki/Antanaclasis) (en.wikipedia.org) - a pun repeating a phrase with a different meaning 34 | - [Paraprosdokian](https://en.wikipedia.org/wiki/Paraprosdokian) (en.wikipedia.org) - figure of speech where the latter part of a sentence causes the reader to reinterpret the first part 35 | - [The story of the MySpace worm](http://samy.pl/popular/tech.html) (samy.pl) 36 | - [Segment.com engineering best practices](https://segment.com/blog/engineering-best-practices/) (segment.com) 37 | - [TV Size to Distance](http://www.rtings.com/info/television-size-to-distance-relationship) (rtings.com) - ideal TV sizes based on viewing distance 38 | - [Formspree](https://formspree.io/) (formspree.io) - form to email, free for 1000 per month 39 | - [Slacker](http://slacker.ngutechnology.com.au/) (ngutechnology.com.au) - post fake Slack messages 40 | - [Sass burger](http://joren.co/sass-burger/) (joren.co) - CSS mixin for hamburger menus 41 | - [Address bar colors in Chrome](http://arjunu.com/2015/04/setting-the-status-bar-color-chromes-address-bar-color-and-favicon-for-your-website-in-lollipop/) (arjunu.com) 42 | - [Learn Angular.js](http://www.codecademy.com/learn/learn-angularjs) (codecademy.com) 43 | - [dunnnk](http://dunnnk.com/) (dunnnk.com) - product mockups 44 | - [watchman](https://github.com/facebook/watchman) (github.com) - file watcher 45 | - [Loading CSS without blocking render](http://keithclark.co.uk/articles/loading-css-without-blocking-render/) (keithclark.co.uk) 46 | 47 | ### Web marketing 48 | 49 | - [App launch guide](https://github.com/adamwulf/app-launch-guide/blob/master/README.md) (github.com) 50 | - [Submit](http://submit.co/) (submit.co) - where to get press coverage for your startup 51 | - [6-month link building plan](https://moz.com/blog/the-6-month-link-building-plan-for-an-established-website) (moz.com) 52 | - [/r/webmarketing resource wiki](http://www.reddit.com/r/webmarketing/wiki/index) (reddit.com) 53 | 54 | ### UX 55 | 56 | - [This door is the epitome of UX](https://medium.com/my-user-experience-journey/why-this-door-is-the-best-example-of-user-experience-i-could-find-b0c22ebb6007) (medium.com) 57 | 58 | ### Other tech projects 59 | 60 | - [rupture](https://jenius.github.io/rupture/) (github.io) - media querise in stylus 61 | 62 | ### GitHub clones 63 | 64 | - [gitbucket](https://github.com/takezoe/gitbucket) (github.com) - written in scala 65 | - [gogs](http://gogs.io/) (gogs.io) - written in go 66 | 67 | ### Remote work 68 | 69 | - [RemoteWork](https://github.com/fjbelchi/RemoteWork) (github.com) 70 | - [Remotive jobs](http://jobs.remotive.io/) (remotive.io) 71 | - [We Work Remotely](https://weworkremotely.com/) (weworkremotely.com) 72 | - [25 best sites for remote work](http://heragenda.com/the-25-best-sites-for-finding-remote-work/) (heragenda.com) 73 | - [itflow](http://itflow.biz/) (itflow.biz) 74 | 75 | ### Photos 76 | 77 | - [albumarium](http://albumarium.com/) (albumarium.com) 78 | - [list of free stock photo sites](https://ash.guru/free-stock-photos/) (ash.guru) 79 | 80 | ## 2014 81 | 82 | ### Design: Misc 83 | 84 | - [shape-outside](https://developer.mozilla.org/en-US/docs/Web/CSS/shape-outside) - css shaping 85 | - [branding identity mockup template](https://www.behance.net/gallery/19999279/Branding-Identity-Mock-Ups-and-Templates) 86 | - [angulr template](http://flatfull.com/themes/angulr/) 87 | - [emoji unicode table](http://apps.timwhitlock.info/emoji/tables/unicode) 88 | 89 | ### Design: Fonts 90 | 91 | - [Dosis](http://www.google.com/fonts/specimen/Dosis) - geometric sans, caps 92 | - [Fjalla One](http://www.google.com/fonts/specimen/Fjalla+One) - gothic sans, caps 93 | - [Fira Sans](http://www.google.com/fonts/specimen/Fira+Sans) - sans, body text, eyeglass _g_, [specimen](http://mozilla.github.io/Fira/), [carrois](http://www.carrois.com/fira-3-1/) 94 | - [Input](http://input.fontbureau.com/) - monospace, code 95 | 96 | ### Design: Imagery 97 | 98 | - [splashbase.co](http://splashbase.co/) 99 | - [pexels](http://pexels.com/) 100 | 101 | ### Online services 102 | 103 | - [app icon template](http://appicontemplate.com/) - ios, android and osx icon templates 104 | - [free invoice generator](https://www.free-invoice-generator.com/) - invoice template 105 | - [ngrok](https://ngrok.com/) - localhost tunnel 106 | - [spinkit](http://tobiasahlin.com/spinkit/) - css spinners 107 | - [online yaml parser](http://yaml-online-parser.appspot.com/) - yaml to json 108 | - [js-yaml demo](https://nodeca.github.io/js-yaml/) 109 | - [youarelistening.to](http://youarelistening.to/sanfrancisco) - ambient music with police radio 110 | - [ambientsleepingpill](http://ambientsleepingpill.com/) - ambient radio 111 | 112 | ### Development: Articles 113 | 114 | - [Publishing gh-pages with travis-ci](https://medium.com/@nthgergo/publishing-gh-pages-with-travis-ci-53a8270e87db) 115 | - [CSS conditionals guide](http://csspre.com/conditionals) 116 | - [CSS at large sites](http://sixrevisions.com/css/css-development-at-large-sites/) (sixrevisions.com) 117 | - [Throw away Sprockets, use Unix](http://blog.arkency.com/2013/09/throw-away-sprockets-use-unix/) 118 | 119 | ### Development: Job boards 120 | 121 | - [workinstartups.com](http://workinstartups.com/) 122 | - [weworkremotely.com](http://weworkremotely.com/) 123 | 124 | ### Development: Talks 125 | 126 | - [must-watch-css](https://github.com/AllThingsSmitty/must-watch-css) - by AllThingsSmitty 127 | - [Jonathan Snook – CSS is a Mess](http://vimeo.com/99877232) – beyond tellerrand Düsseldorf 2014 128 | 129 | ### Mac OS X 130 | 131 | - [Thyme](http://joaomoreno.github.io/thyme/) - time tool (free) 132 | - [Macdown](http://macdown.uranusjr.com/) - open-source markdown text editor (free) 133 | - [ios7-screensaver](http://bodysoulspirit.weebly.com/ios-7-screensaver-for-mac-os-x-by-bodysoulspirit.html) - iOS lock screen screensaver 134 | 135 | ### Misc: Documentaries 136 | 137 | - [Netflix documentaries](http://imgur.com/gallery/ozEON) (imgur.com) 138 | - [I Know That Voice documentary](http://www.iknowthatvoice.com/) (iknowthatvoice.com) 139 | 140 | ### Misc: Whatever 141 | 142 | - [Maslow's hammer](https://en.wikipedia.org/wiki/Law_of_the_instrument) (wikipedia.org) - "I suppose it is tempting, if the only tool you have is a hammer, to treat everything as if it were a nail." 143 | - [Why are taxes so high for Filipino employees?](http://www.quora.com/Why-are-taxes-so-high-for-Filipino-employees/answer/Kathy-G-Pe) (quora.com) 144 | - [meteor: service providers](https://www.meteor.com/professional-services) (meteor.com) 145 | - [lecture 15: how to manage](http://startupclass.samaltman.com/courses/lec15/) (samaltman.com) 146 | 147 | --- 148 | 149 | ## 2013 150 | 151 | ### Online 152 | 153 | - [Languagetool.org](http://languagetool.org/) - grammar/spellchecker 154 | - [Dillinger.io](http://dillinger.io) - online Markdown notepad 155 | - [Gist.io](http://gist.io) - blogging via gists 156 | - [Jsviz/liviz.js](http://ushiroad.com/jsviz/) - interactive GraphViz for the browser 157 | - [redpen.io](http://redpen.io/) - mockup sharing 158 | - [hemingwayapp.com](http://www.hemingwayapp.com/) - text editor showing points of improvement 159 | - [flickholdr.com](http://flickholdr.com/) - Flickr image placeholder 160 | 161 | ### Misc 162 | 163 | - [Graphene](https://github.com/jondot/graphene) - realtime dashboards 164 | - [JavaScript Garden](http://bonsaiden.github.com/JavaScript-Garden/) - documentation 165 | - [Syte](http://rigoneri.github.io/syte/) - aggregator 166 | - [wrk](https://github.com/wg/wrk) - alternative to ab 167 | 168 | ### Cydia 169 | 170 | - [iCleaner](http://duckduckgo.com/?q=cydia+icleaner) - Cleans unused space 171 | - [Springtomize](http://duckduckgo.com/?q=cydia+springtomize) - Many springboard tweaks 172 | - [NCSettings](http://duckduckgo.com/?q=cydia+ncsettings) - Notification center settings 173 | - [SimpleDate](http://duckduckgo.com/?q=cydia+simpledate) - Show the date in the notification center 174 | - [3G Unrestrictor](http://duckduckgo.com/?q=cydia+3g unrestrictor) - Allow Skype calls over 3G 175 | - [Truprint](http://duckduckgo.com/?q=cydia+truprint) - Support for multpile printers 176 | - [SpringFlash](http://duckduckgo.com/?q=cydia+springflash) - Activator-based LED flashlight 177 | - [OpenBackup](http://duckduckgo.com/?q=cydia+openbackup) - Back up data into iTunes 178 | - [Curiosa](http://duckduckgo.com/?q=cydia+curiosa) - Notifications for Cydia package updaets 179 | - [Swipeshiftcaret](http://duckduckgo.com/?q=cydia+swipeshiftcaret) - Swipe to move the cursor 180 | - [Dvorak](http://duckduckgo.com/?q=cydia+dvorak) - Keyboard 181 | - [Grooveshark](http://duckduckgo.com/?q=cydia+grooveshark) - Music app 182 | 183 | ### Mac OS X 184 | 185 | - [Preen](http://anomiesoftware.com/Anomie_Software/Preen.html) - Plex skin manager 186 | - [Spectacle](http://www.spectacleapp.com) - window manager (like Divvy or Sizeup) - free 187 | - [Sketch](http://www.bohemiancoding.com/sketch/) - CSS-like image editor - \$49 188 | - [Mountain Tweaks](http://tweaksapp.com/app/mountain-tweaks/) - Tweaks for Mountain Lion - free 189 | - [Shortcat](http://shortcatapp.com/) - keyboard shortcuts for everything 190 | - [Bowtie](http://bowtieapp.com/) - show and control music in the desktop - free 191 | - [AppCleaner](http://www.freemacsoft.net/AppCleaner/) - app uninstaller - free 192 | - [Foreman](http://www.flyingmachinestudios.com/foreman/) - auto-close apps - \$6.49 193 | - [ReduxEncoder](http://duckduckgo.com/?q=reduxencoder) - Video converter 194 | -------------------------------------------------------------------------------- /JavaScript.md: -------------------------------------------------------------------------------- 1 | JavaScript, Node.js, frontend, and other things related. 2 | 3 | ## 2019 4 | 5 | - [minimalanalytics](https://minimalanalytics.com/) - google analytics in 1.5kb 6 | 7 | ## 2018 8 | 9 | - [focus-trap](https://github.com/davidtheclark/focus-trap) - supress refocusing with tab 10 | - [catalog](http://www.catalog.style/) - living styleguides with Markdown :heart_eyes: 11 | - [clear-cut](https://github.com/atom/clear-cut) - calculate specificity of CSS selectors 12 | - [node-emoji](https://github.com/omnidan/node-emoji) - `emoji.get('hi :cat:') == 'hi 🐱'`, and backwards 13 | - [yurnalist](https://yarnpkg.com/en/package/yurnalist) - cli reporter inspired by yarn 14 | - [bili](https://www.npmjs.com/package/bili) - zero-config rollup + buble for libraries 15 | - [page-icon](https://yarnpkg.com/en/package/page-icon) - detect a site's favicon 16 | - [sanitize-filename](https://yarnpkg.com/en/package/sanitize-filename) - remove weird unicode 17 | - [validator](https://yarnpkg.com/en/package/validator) - `validator.isEmail('hi@gmail.com')` (and more) 18 | - [hasbin](https://yarnpkg.com/en/package/hasbin) - find bins in \$PATH like `which` 19 | - [nativefier](https://yarnpkg.com/en/package/nativefier) - generates "native" apps for websites (eg, webcatalog) 20 | - [file-or-stdin](https://yarnpkg.com/en/package/file-or-stdin) - `read('file.txt').then(data => { ... })` 21 | - [immer](https://github.com/mweststrate/immer) - make immutable updates with mutable API 22 | - [klipse](https://github.com/viebel/klipse) - live code playground 23 | - [figlet](https://www.npmjs.com/package/figlet) - cli fonts 24 | - [electron-webpack](https://yarnpkg.com/en/package/electron-webpack) - use webpack with electron 25 | - [carlo](https://yarnpkg.com/en/package/carlo) - like Electron but cooler 26 | - [hashmark](https://yarnpkg.com/en/package/hashmark) - add hash fingerprints to filenames 27 | 28 | ## 2017 29 | 30 | - [json-autosave](https://www.npmjs.com/package/json-autosave) - `autosave('stats.json').data = { a: 1 }` 31 | - [gemoji](https://github.com/wooorm/gemoji) - `gemoji.name.cat.emoji == 🐱` 32 | - [cosmiconfig](https://www.npmjs.com/package/cosmiconfig) - flexible configuration for npm packages 33 | - [please-upgrade-node](https://github.com/typicode/please-upgrade-node) - print a message when Node.js is outdated 34 | - [nanoid](https://github.com/ai/nanoid) - unique ID generator, very small 35 | - [flow-coverage-report](https://www.npmjs.com/package/flow-coverage-report) - visualize how much of your project is flow'd 36 | - [documentation](https://github.com/documentationjs/documentation) - jsdoc parser 37 | - [ignore-styles](https://www.npmjs.com/package/ignore-styles) - make `require('./foo.css')` a noop for interop of Node & Webpack 38 | - [nedb](https://github.com/louischatriot/nedb) - mongoDB in JavaScript 39 | - [project-name-generator](https://github.com/aceakash/project-name-generator) - uptight-guitar-2831 40 | - [zangodb](https://github.com/erikolson186/zangodb) - like mongoDB, but for the browser 41 | - [localforage](https://localforage.github.io/localForage/) - local storage with more types 42 | - [worker-farm](https://www.npmjs.com/package/worker-farm) - speed up embarassingly-parallel processes 43 | - [url-template](https://www.npmjs.com/package/url-template) - rfc6570-compliant url for api's 44 | - [sign-bunny](https://www.npmjs.com/package/sign-bunny) - (•ㅅ•)づ 45 | - [roadtrip](https://github.com/Rich-Harris/roadtrip) - client-side router 46 | - [fusejs](http://fusejs.io/) - fuzzy search library 47 | 48 | ### Managing projects 49 | 50 | - [plop](https://www.npmjs.com/package/plop) - generators via handlebar templates 51 | - [nsp](https://www.npmjs.com/package/nsp) - check for package vulnerabilities via nodesecurity.io 52 | 53 | ## 2016 54 | 55 | - [loadjs](https://github.com/muicss/loadjs) - asynchronous JS/CSS loader 56 | - [choices](https://github.com/jshjohnson/Choices) - a vanilla JS customisable select box/text input plugin 57 | - [lru-cache](https://www.npmjs.com/package/lru-cache) - a cache object that deletes the least-recently-used items 58 | - [phantasma](https://www.npmjs.com/package/phantasma) - PhantomJS wrapper 59 | - [nightmare](https://www.npmjs.com/package/nightmare) - browser automation (like PhantomJS), but based on Electron 60 | - [local_modules](https://www.npmjs.com/package/local_modules) - use project files as if they're node_modules 61 | - [baffle.js](https://camwiegert.github.io/baffle/) - obfuscates text 62 | - [dialog-polyfill](https://github.com/GoogleChrome/dialog-polyfill) - modals in 2016 63 | - [tether](https://github.com/HubSpot/tether/) - position elements next to other elements (like tooltips) 64 | - [tape-catch](https://github.com/michaelrhodes/tape-catch) - catch syntax errors in tape tests 65 | - [speakingurl](https://www.npmjs.com/package/speakingurl) - slugify, but aware of locales 66 | - [npm-run-all](https://www.npmjs.com/package/npm-run-all) - run npm tasks in parallel/serial 67 | - [isomorphic-fetch](https://www.npmjs.com/package/isomorphic-fetch) - fetch() for the browser and Node.js 68 | - ~~[got](https://github.com/sindresorhus/got) - better, less-bloated, promise-aware `request`~~ use [isomorphic-fetch](https://www.npmjs.com/package/isomorphic-fetch) 69 | - [cofy](https://github.com/RocksonZeta/cofy) - kinda like 'promisify-all' 70 | - [path-is-inside](https://www.npmjs.com/package/path-is-inside) - check if `/home/me/file.js` is inside `/home/me` 71 | - [sorted-object](https://www.npmjs.com/package/sorted-object) - sort object keys 72 | - [wrappy](https://www.npmjs.com/package/wrappy) - function decorator helper to keep static properties 73 | - [leaked-handles](https://github.com/Raynos/leaked-handles) - check for any leaked timeouts/connections/child processes on tests 74 | - [loud-rejection](https://github.com/sindresorhus/loud-rejection) - die on unhandled promise rejections 75 | - [zenscroll](https://zengabor.github.io/zenscroll/) - scroll things smoothly into view 76 | 77 | ### Browserify 78 | 79 | - [exposify](https://github.com/thlorenz/exposify) - alias `window.jQuery` as `require('jquery')` 80 | - [persistify](https://github.com/royriojas/persistify) - browserify-incremental + watchify wrapper 81 | - [concatenify](https://github.com/trodrigues/concatenify) - browserify with Angular.js (among other things) 82 | - [require-globify](https://github.com/capaj/require-globify) - Require globs in Browserify (like `concatenify` but with more control) 83 | 84 | ### CSS 85 | 86 | - [doiuse](https://github.com/anandthakker/doiuse) - check for your minimum browser compatibility 87 | - [precss](https://github.com/jonathantneal/precss) - sass-like syntax for postcss 88 | - [lost](https://github.com/peterramsing/lost) - jeet-like grid in postcss 89 | 90 | ### ANSI 91 | 92 | - [slice-ansi](https://github.com/chalk/slice-ansi) - substring with colors 93 | - [wrap-ansi](https://github.com/chalk/wrap-ansi) - word-wrap with colors 94 | - [chalk](https://www.npmjs.com/package/chalk) - the colorizer to rule them all 95 | 96 | ### Koa 97 | 98 | - [koa-route](https://npmjs.com/package/koa-route) - `app.use(route.get('/post/:id', function * show (id) {}))` 99 | - [koa-rewrite](https://npmjs.com/package/koa-rewrite) - `app.use(rewrite('/post/:id', '/posts/$1'))` 100 | - [koa-static](https://npmjs.com/package/koa-static) - `app.use(koaStatic('public'))` 101 | - [koa-favicon](https://npmjs.com/package/koa-favicon) - `app.use(koaFavicon('public/favicon.ico'))` 102 | - [koa-session](https://npmjs.com/package/koa-session) - `app.use(koaSession(app))` + `this.session` 103 | - [koa-conditional-get](https://github.com/koajs/conditional-get/blob/master/index.js) - return 304 if fresh (for etags and such) 104 | - [koa-response-time](https://npmjs.com/package/koa-response-time) - X-Response-Time HTTP headers 105 | - [koa-rate-limit](https://npmjs.com/package/koa-rate-limit) - rate limiting API's 106 | - [koa-compress](https://npmjs.com/package/koa-compress) - compression 107 | - [koa-logger](https://npmjs.com/package/koa-logger) - logging 108 | - [koa-mount](https://github.com/koajs/mount) - mount Koa apps in Koa apps 109 | - [koa-etag](https://npmjs.com/package/koa-etag) - sets ETag 110 | - [co-body](https://npmjs.com/package/co-body) - body parsing (JSON et al) 111 | - [koa-sslify](https://github.com/turboMaCk/koa-sslify) - force SSL 112 | 113 | ## 2015 114 | 115 | ### Misc 116 | 117 | - [number-format.js](https://npmjs.com/package/number-format.js) - `format('#,###.##', 1234.56)` → `'1,234.56'` 118 | - [What have I been missing out on?](http://www.reddit.com/r/webdev/comments/2wuw3v/ive_just_discovered_bootstrapwhat_else_have_i/coueywo) (reddit.com) 119 | 120 | ### Frontend 121 | 122 | - [clipboard.js](http://zenorocha.github.io/clipboard.js/) - copy text to clipboard without flash 123 | - [locally](https://github.com/ozantunca/locally) - localStorage manager with expiration and compression 124 | - [dom4](http://webreflection.github.io/dom4/) - dom level 4 polyfill 125 | - [polyfill.io](https://cdn.polyfill.io/v1/docs/) - polyfill as a service 126 | - [prettyembed](https://github.com/mike-zarandona/prettyembed.js) - embed youtube videos with custom previews and reduced controls 127 | - [zenfonts](https://github.com/zengabor/zenfonts) - font loader with fouc prevention 128 | - [coverr](http://coverr.co/) - videos for your homepage 129 | - [typogr](https://www.npmjs.com/package/typogr) - prettier ampersands and quotes and smartypants 130 | - [vibrant.js](http://jariz.github.io/vibrant.js/) - extract prominent image colors 131 | - [headroom](http://wicky.nillia.ms/headroom.js/) - auto-hiding headers 132 | - [layzr](http://callmecavs.github.io/layzr.js/) - lazy loading images 133 | - [number-grouper](https://www.npmjs.com/package/number-grouper) - simple number formatter 134 | - [malarkey](https://github.com/yuanqing/malarkey) - fancy typer 135 | - [p-promise](https://www.npmjs.com/package/p-promise) - simple promise implementation 136 | - [zeroclipboard](https://www.npmjs.com/package/zeroclipboard) - copy text to clipboard 137 | - [favico.js](http://lab.ejci.net/favico.js/) - favicon badges 138 | - [templayed](https://github.com/archan937/templayed.js/) - old, but very slim mustache loader 139 | - [browser-upgrade-lite](https://github.com/litejs/browser-upgrade-lite) - super lightweight ES5 shim 140 | - [overscroll](http://tholman.com/overscroll/) - easter eggs when scrolling beyond the screen edge 141 | - [vd](https://www.npmjs.com/package/vd) - expressive dom syntax 142 | 143 | ### JS / Events 144 | 145 | - [component-emitter](https://www.npmjs.com/package/component-emitter) 146 | - [riot-observable](https://www.npmjs.com/package/riot-observable) 147 | 148 | ### JS / Router 149 | 150 | - [riot-route](https://www.npmjs.com/package/riot-route) 151 | 152 | ### JS / View 153 | 154 | - [deku](https://www.npmjs.com/package/deku) - mini-react that's more functional 155 | - [magic-virtual-element](https://github.com/dekujs/magic-virtual-element) - support for `class` and `style` props in deku 156 | 157 | ### Node.js / CLI 158 | 159 | - [release-it](https://github.com/webpro/release-it) - npm release helper 160 | - [npm-check](https://github.com/dylang/npm-check) - checks for outdated packages 161 | - [publish-latest](https://github.com/kentcdodds/publish-latest) - publish generated files to a branch 162 | - [next-update](https://www.npmjs.com/package/next-update) - test new package versions 163 | - [greenkeeper](https://www.npmjs.com/package/greenkeeper) - get PR's when new dependencies are ready 164 | - [fixpack](https://github.com/henrikjoreteg/fixpack) - package.json formatter 165 | - [gh-annotate](https://www.npmjs.com/package/gh-annotate) - annotate history 166 | - [cping](https://www.npmjs.com/package/cping) - continuous ping 167 | - [bump-cli](https://www.npmjs.com/package/bump-cli) - bump version numbers 168 | 169 | ### Node.js / CLI utilities 170 | 171 | - [react-blessed](https://www.npmjs.com/package/react-blessed) - jsx + blessed 172 | - [blessed](https://www.npmjs.com/package/blessed) - ncurses-like terminal interface 173 | - [blessed-contrib](https://www.npmjs.com/package/blessed-contrib) - graphs and more for blessed 174 | - [meow](https://www.npmjs.com/package/meow) - command line runner 175 | - [le-table](https://www.npmjs.com/package/le-table) - another table drawing library 176 | - [cli-table](https://www.npmjs.com/package/cli-table) - tables with box drawing chars 177 | - [cliff](https://www.npmjs.com/package/cliff) - cli formatting 178 | 179 | ### Node.js / testing 180 | 181 | - [budo](https://github.com/mattdesl/budo) - kinda like smokestack with watchify 182 | - [tap-dev-tool](https://www.npmjs.com/package/tap-dev-tool) - pretty tap in browsers 183 | - [tap-spec](https://www.npmjs.com/package/tap-spec) - most sensible tap reporter I know 184 | - [smokestack](https://www.npmjs.com/package/smokestack) - `browserify index.js | smokestack --browser chrome` 185 | - [hihat](https://www.npmjs.com/package/hihat) - local development in chrome devtools 186 | 187 | ### Node.js 188 | 189 | - [is-there](https://www.npmjs.com/package/is-there) - fs.exists 190 | - [sift](https://www.npmjs.com/package/sift) - mongodb-style filtering for JavaScript objects 191 | - [redent](https://www.npmjs.com/package/redent) - strip redundant indentation 192 | - [repeating](https://www.npmjs.com/package/repeating) - repeat a string N times 193 | - [indent-string](https://www.npmjs.com/package/indent-string) - indent a string 194 | - [ms](https://github.com/rauchg/ms.js) - convert `1 day` to `86400000` 195 | - [superstatic](https://www.npmjs.com/package/superstatic) - the best static server ever 196 | - [pathmodify](https://www.npmjs.com/package/pathmodify) - allow `require('app/x')` without `../` in browserify 197 | - [aliasify](https://github.com/benbria/aliasify) - rewrite `require('d3')` calls to `require('../shims/d3.js')` or something 198 | - [debowerify](https://github.com/eugeneware/debowerify) - use `require('package')` for bower components 199 | - [inquirer](https://www.npmjs.com/package/inquirer) - cli prompts 200 | - [get-port](https://npmjs.com/package/get-port) - get available port 201 | - [tildify](https://npmjs.com/package/tildify) - replace /home/user with ~ (also see untildify) 202 | - [update-notifier](https://npmjs.com/package/update-notifier) - sparkle for global CLI apps 203 | - [opener](https://npmjs.com/package/opener) - abstraction for open/xdg-open/start 204 | - [nixt](https://github.com/vesln/nixt) - CLI testing 205 | - [v8flags](https://www.npmjs.com/package/v8flags) - all available v8 flags 206 | - [minimatch](https://www.npmjs.com/package/minimatch) - file glob matching used by npm 207 | - [espower-babel](https://www.npmjs.com/package/espower-babel) - babel + power-assert integration 208 | - [power-assert](https://www.npmjs.com/package/power-assert) - detailed test assertions 209 | - [mz](https://github.com/normalize/mz) - modernize node.js API to ECMA standards (promises) 210 | - [osmosis](https://github.com/rc0x03/node-osmosis) - web scraper 211 | - [yargs](https://github.com/bcoe/yargs) - argument parser 212 | - [make-lint](https://github.com/tj/make-lint) - makefile integration for eslint 213 | - [eslint](http://eslint.org/) - another linter 214 | - [nconf](https://www.npmjs.com/package/nconf) - configuration helper (like figaro) 215 | - [cli](https://github.com/chriso/cli) - rapidly build cli apps 216 | - [browser-sync](http://www.browsersync.io/) - livereload server 217 | - [changelog-maker](https://github.com/rvagg/changelog-maker) - changelog tool used by io.js 218 | - [xtend](https://www.npmjs.com/package/xtend) - use this for extend 219 | - [outpipe](https://github.com/substack/outpipe) - write output to a file using shell commands 220 | - [package-json-to-readme](https://github.com/zeke/package-json-to-readme) - parse dependencies 221 | - [dashdash](https://github.com/trentm/node-dashdash) - option parser 222 | - [gulp-concat-filenames](https://www.npmjs.com/package/gulp-concat-filenames/) - makes import globbing possible 223 | - [object-assign](https://www.npmjs.com/package/object-assign) - ES6 Object.assign (like \$.extend) 224 | - [brstar](https://www.npmjs.com/package/brstar) - pre-rendering browserify transformations 225 | - [napa](https://www.npmjs.com/package/napa) - use bower packages like npm packages 226 | - [ga](https://www.npmjs.com/package/ga) - server-side google analytics 227 | - [review](https://www.npmjs.com/package/review) - take screenshots of sites for testing 228 | - [systemjs](https://github.com/systemjs/systemjs) - dynamic module loader, built in es6 229 | - [babel](http://babeljs.io/) - best es6 transpiler today 230 | - [browserify-versionify](https://www.npmjs.com/package/browserify-versionify) - add package version in 231 | 232 | ### Node.js streams 233 | 234 | - [stream-combiner](https://www.npmjs.com/package/stream-combiner) 235 | 236 | ## 2014 237 | 238 | ### Frontend 239 | 240 | - [jquery.timepicker](http://jonthornton.github.io/jquery-timepicker/) - time picker 241 | - [strip.js](http://www.stripjs.com/) - less intrusive lightbox 242 | - [jquery-sortable](http://johnny.github.io/jquery-sortable/) - opinionated drag-and-drop sorting plugin 243 | - [html5-device-mockups](https://github.com/pixelsign/html5-device-mockups) - pure CSS devices 244 | - [devices.css](http://marvelapp.github.io/devices.css/) - pure CSS devices 245 | - [email templates](https://github.com/mailgun/transactional-email-templates) - transactional email templates 246 | - [switcher](https://github.com/rscherf/switcher) - converts links to native iOS links 247 | - [raf](https://github.com/chrisdickinson/raf) - requestanimationframe polyfill 248 | - [Poshytip](https://github.com/vadikom/poshytip) - tooltips 249 | - [Dropzone.js](http://www.dropzonejs.com) - file upload 250 | - [ractive.js](http://www.ractivejs.org/) - data binding 251 | - [fastclick](https://github.com/ftlabs/fastclick) - remote click delays 252 | - [page.js](http://visionmedia.github.io/page.js/) - router 253 | - [js-model](http://benpickles.github.io/js-model/) - model system 254 | - [modella](https://github.com/modella/modella) - models 255 | - [wow.js](http://mynameismatthieu.com/WOW/) - stock animations on scrolling 256 | - [intro.js](http://usablica.github.io/intro.js/) - better introductions for websites 257 | - [hammer.js](http://duckduckgo.com/?q=hammer.js) - touch events 258 | - [ractive-swipe](https://github.com/ekanna/Ractive-events-swipe) - swipe events for ractive 259 | - [ractive-promise](https://github.com/lluchs/Ractive-adaptors-Promise) - promise objects in data 260 | - [slip](https://github.com/pornel/slip) - interactive swiping and reordering of elements 261 | - [spin.js](http://fgnass.github.io/spin.js/) - custom spinners 262 | - [behave.js](https://github.com/jakiestfu/Behave.js) - textareas with identation 263 | - [chance.js](http://chancejs.com/) - pseudo-random generator, support guid 264 | - [gremlins.js](https://github.com/marmelab/gremlins.js) - monkey testing 265 | - [enquire.js](https://github.com/WickyNilliams/enquire.js) - media queries 266 | - [constraint.js](http://cjs.from.so/) - handlebars-like templating 267 | - [bluebird](https://github.com/petkaantonov/bluebird) - promisify 268 | - [scrollupbar](http://eduardomb.github.io/scroll-up-bar/) - fixed top bar 269 | - [trumbowyg](http://alex-d.github.io/Trumbowyg) - wysiwyg editor 270 | - [quill](http://quilljs.com) - wysiwyg editor 271 | - [waves](http://publicis-indonesia.github.io/Waves/) - matter-inspired wave press effect 272 | 273 | ### Node.js 274 | 275 | - [hashmark](https://github.com/keithamus/hashmark) - adds filename hashes 276 | - [debug](https://github.com/visionmedia/debug) - simple debug logger 277 | - [katon](https://github.com/typicode/katon) - generic development server helper, like pow 278 | - [sander](https://www.npmjs.org/package/sander) - promise-based fs utilities 279 | - [mocha-jshint](https://github.com/Muscula/mocha-jshint) - invoke jshint as mocha tests 280 | - [rc](https://www.npmjs.org/package/rc) - cli configuration loader 281 | - [clivas](https://github.com/mafintosh/clivas) - cli drawing 282 | - [peerflix](https://github.com/mafintosh/peerflix) - stream torrent videos to airplay/vlc 283 | - [ase](https://npmjs.org/package/ase) - maintains a distributed network 284 | - [configstore](https://github.com/yeoman/configstore) - store config in ~/.config/x/y 285 | - [marked](https://npmjs.org/package/marked) - markdown 286 | - [cheerio](https://npmjs.org/package/cheerio) - minimalistic jquery api for the server 287 | - [orchestrator](https://github.com/robrich/orchestrator) - define tasks and run them with max concurrency 288 | - [trigger.io](https://trigger.io/) - mobile apps in js 289 | - [nopt](https://www.npmjs.org/package/nopt) - option parser 290 | - [mdconf](https://github.com/visionmedia/mdconf) - markdown configuration 291 | - [brocolli](http://www.solitr.com/blog/2014/02/broccoli-first-release/index.html) - sprockets-like asset manager 292 | - [spelunk](https://www.npmjs.org/package/spelunk) - directory to json 293 | - [yargs](https://www.npmjs.org/package/yargs) - cli arg parser 294 | - [observatory](https://github.com/dylang/observatory) - cli task reporter 295 | 296 | ### Usual Express.js middleware 297 | 298 | - [serve-static](https://github.com/expressjs/serve-static) - default static server 299 | - [st](https://github.com/isaacs/st) - better static serving 300 | - [morgan](https://github.com/expressjs/morgan) - http request logger 301 | - [session](https://github.com/expressjs/session) - simple sessions 302 | - [body-parser](https://github.com/expressjs/body-parser) - parse json bodies 303 | - [errorhandler](https://github.com/expressjs/errorhandler) - development error handler 304 | - [compression](https://github.com/expressjs/compression) - on-the-fly gzip compression 305 | 306 | ## 2013 307 | 308 | ### Frontend 309 | 310 | - [Password123](https://github.com/timmywil/password123) - password meter 311 | - [Backbone Query](http://duckduckgo.com/?q=backbone query) - https://github.com/davidgtonge/backbone_query 312 | - [Supermodel.js](http://pathable.github.com/supermodel/) - Backbone model relationships 313 | - [Jwerty](https://github.com/keithamus/jwerty) - keyboard events helper 314 | - [WysiHTML5](http://xing.github.com/wysihtml5/) - editor 315 | - [Mousetrap](https://github.com/ccambell/mousetrap) - keyboard hooks http://craig.is/killing/mice 316 | - [Reveal.js](https://github.com/hakimel/reveal.js) - presentation tool 317 | - [Select2](https://github.com/ivaynberg/select2) - select box replacement 318 | - [Piecon](http://lipka.github.com/piecon/) - Progress pie chart favicon 319 | - [Tinycon](https://github.com/tommoor/tinycon) - favicon notification count and more 320 | - [Mailcheck](https://github.com/Kicksend/mailcheck) - email address typo corrector 321 | - [Fastclick](https://github.com/ftlabs/fastclick) - Transparent tap handler 322 | - [X-Editable](http://vitalets.github.com/x-editable/) - in-place editability 323 | - [Chardin](http://heelhook.github.io/chardin.js/) - Simple overlay instructions 324 | - [Moment](http://duckduckgo.com/?q=moment) - Date parsing/formatting momentjs.com 325 | - [Harvey](https://github.com/harvesthq/harvey) - Size responder 326 | - [Waypoints](http://imakewebthings.com/jquery-waypoints/) - Trigger when it scrolls into view (2013-08) 327 | 328 | ### Frontend (deprecated) 329 | 330 | - [Notificon](https://github.com/makeable/Notificon) - favicon notification count 331 | - [Touche](http://duckduckgo.com/?q=touche) - backports ontouch events to desktop 332 | - [Tappable](https://github.com/cheeaun/tappable) - tap events for iOS 333 | 334 | ### Node.js 335 | 336 | - [passport-local](http://passportjs.org) - authentication 337 | - [browserify](http://browserify.org) - bundle JS 338 | - [connect-assets](http://duckduckgo.com/?q=connect-assets) - assets 339 | - [js-yaml](http://duckduckgo.com/?q=js-yaml) - yaml 340 | - [coffee-resque](http://duckduckgo.com/?q=coffee-resque) - nodejs port of resque 341 | - [marked](http://duckduckgo.com/?q=marked) - markdown parser 342 | - [matador](http://obvious.github.com/matador/) - MVC built on Express 343 | - [commander](https://npmjs.org/package/commander) - options parser 344 | - [htmlparser](https://npmjs.org/package/htmlparser) - Forgiving html parser 345 | - [apricot](https://github.com/silentrob/Apricot) - Hpricot clone 346 | - [shelljs](https://github.com/arturadib/shelljs) - Portable GNU tools in Node.js 347 | - [SEOServer](http://duckduckgo.com/?q=seoserver) - https://github.com/ApiEngine/seoserver 348 | - [appjs](http://appjs.org) - native desktop apps in HTML5 349 | 350 | ### JS/Templating 351 | 352 | - Handlebars.js 353 | - Jade 354 | - Mustache 355 | - Eco 356 | - Emblem 357 | - Dust 358 | - [Emblem](http://duckduckgo.com/?q=emblem) - jade that compiles to handlebars 359 | 360 | ### Node.js filesystem 361 | 362 | - [rimraf](https://npmjs.org/package/rimraf) - rm -rf 363 | - [mkdirp](https://npmjs.org/package/mkdirp) - mkdirp 364 | --------------------------------------------------------------------------------