{"id":20083264,"url":"https://github.com/sparkbox/br-frontend-tooling-links","last_synced_at":"2025-10-04T13:03:24.772Z","repository":{"id":14246738,"uuid":"16954167","full_name":"sparkbox/br-frontend-tooling-links","owner":"sparkbox","description":"Links and resources for our Build Right: Frontend Tooling workshop","archived":false,"fork":false,"pushed_at":"2016-03-04T21:46:16.000Z","size":17,"stargazers_count":36,"open_issues_count":0,"forks_count":6,"subscribers_count":23,"default_branch":"master","last_synced_at":"2025-01-13T01:47:27.252Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":null,"has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/sparkbox.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2014-02-18T15:51:42.000Z","updated_at":"2019-12-03T10:26:53.000Z","dependencies_parsed_at":"2022-08-28T10:41:44.837Z","dependency_job_id":null,"html_url":"https://github.com/sparkbox/br-frontend-tooling-links","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sparkbox%2Fbr-frontend-tooling-links","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sparkbox%2Fbr-frontend-tooling-links/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sparkbox%2Fbr-frontend-tooling-links/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sparkbox%2Fbr-frontend-tooling-links/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/sparkbox","download_url":"https://codeload.github.com/sparkbox/br-frontend-tooling-links/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":241515957,"owners_count":19975140,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-11-13T15:46:35.957Z","updated_at":"2025-10-04T13:03:16.526Z","avatar_url":"https://github.com/sparkbox.png","language":null,"funding_links":[],"categories":[],"sub_categories":[],"readme":"# Links and Resources\n*Build Right: Frontend Tooling* from [Sparkbox](http://seesparkbox.com)\n\n[Google docs link](https://docs.google.com/document/d/1gRGBwj6k0NDEAqrSX4JXhMdOqtSaMHTEc0iFv1L1bAU/edit?usp=sharing)\n\n## Path of Pain\n\n* [A Baseline for Front-End Developers](http://rmurphey.com/blog/2012/04/12/a-baseline-for-front-end-developers/)\n\n## Productivity\n\n**CLI**\n\n* [Learn the CLI the hard way](http://cli.learncodethehardway.org/book/)\n* [Getting to Know the Command Line](http://www.davidbaumgold.com/tutorials/command-line/)\n* [The designer’s guide to the OSX command prompt](http://wiseheartdesign.com/articles/2010/11/12/the-designers-guide-to-the-osx-command-prompt/)\n* [Command Line Tools for Frontend Developers](http://seesparkbox.com/foundry/command_line_tools_for_frontend_developers)\n* [Awesome Shell](https://github.com/alebcay/awesome-shell)\n\n**Mouse Clicks**\n\n* [Alfred App](http://alfredapp.com)\n  * [Colors workflow](http://tylereich.github.io/Alfred-Extras/#/Colors)\n  * [JavaScript to CoffeeScript workflow](http://www.alfredforum.com/topic/2816-js2coffee-workflow/)\n  * [Alfred-Harvest workflow](https://github.com/neilrenicker/alfred-harvest)\n  * [Alfred-Pinboard workflow](https://github.com/eknkc/alfred-pinboard)\n  * [Say workflow] (http://www.alfredforum.com/topic/1055-say-text-to-speech-with-option-of-voices/) (Text to speech, with a variety of voices. This one's fun!)\n  * [Toggle Visibility of Hidden Files workflow](http://matthojo.co.uk/articles/alfred-hide-show-hidden-file-extentions/)\n* [Launchy](http://www.launchy.net) (Windows launcher)\n* [Dash](http://kapeli.com/dash)\n    * [Velocity - like Dash for Windows](http://velocity.silverlakesoftware.com)\n    * [Zeal - like Dash for Windows](http://zealdocs.org)\n* [Vimium](http://vimium.github.io)\n* [BulletTrain](http://bullettrain.com)\n\n**Document Saving, Retrieving \u0026 Organizing**\n\n* [Markdown](http://daringfireball.net/projects/markdown/)\n* [Byword App](http://bywordapp.com/)\n* [nvAlt](http://brettterpstra.com/projects/nvalt/)\n* [MacDown](http://macdown.uranusjr.com)\n\n**Excessive Typing**\n\n* [TextExpander](http://smilesoftware.com/TextExpander)\n* [Emmet](http://emmet.io)\n* [Adam's Dotfiles](https://github.com/asimpson/dotfiles)\n* [Dotfiles](http://dotfiles.github.io)\n\n**Distraction**\n\n* [Moom](http://manytricks.com/moom/)\n\n## Editors\n\n* [Sublime Text](http://sublimetext.com)\n* [Vim](http://vim.org)\n\n**Sublime Packages**\n\n* [Package Control](https://sublime.wbond.net/installation)\n* [Sidebar Enhancements](https://github.com/titoBouzout/SideBarEnhancements)\n* [AdvancedNewFile](https://github.com/skuroda/Sublime-AdvancedNewFile)\n* [GitGutter](https://github.com/jisaacks/GitGutter)\n\n**Vim resources**\n\n* [Vim for people who think things like Vim are weird and hard](http://csswizardry.com/2014/06/vim-for-people-who-think-things-like-vim-are-weird-and-hard/)\n* [Ethan's Vim Dotfiles](github.com/ethanmuller/dotvim/)\n* [VimAwesome](http://vimawesome.com/)\n* [Vimbits](http://vimbits.com/)\n* [Vimcasts](http://vimcasts.org/)\n\n## Source Control\n* [Git: The tree of possibilities for the curious designer](https://medium.com/design-ux/92f2350fd047)\n* [Deliberate Git](http://steelcityruby.confbots.com/video/72762735)\n* [GitHub Fundamentals](http://www.teehanlax.com/blog/github-fundamentals/)\n* [The Git Parable](http://tom.preston-werner.com/2009/05/19/the-git-parable.html)\n* [Github for Windows](http://windows.github.com)\n* [Github for Mac](http://mac.github.com)\n* [Hub app for Mac](thehubapp.com/) (Github Notifications in your menu bar)\n\n## Static Design Tools\n\n**Version Control for Visual Design**\n* [LayerVault](https://layervault.com/)\n* [Pixelapse](https://www.pixelapse.com/)\n\n**Wireframing Tools**\n\n* [Keynote](http://apple.com/mac/keynote/)\n* [Moqups](http://moqups.com/)\n* [Foundation](http://foundation.zurb.com/)\n* [Bootstrap](http://getbootstrap.com/)\n\n**Visual Design Tools**\n\n* [Sketch](http://www.bohemiancoding.com/sketch/)\n\n**Hybrid apps**\n\n* [Macaw](http://macaw.co)\n* [Froont](http://froont.com)\n* [Reflow](http://html.adobe.com/edge/reflow/)\n* [Ben on these apps and RWD](http://seesparkbox.com/foundry/dissecting_design)\n\n## Browser Developer Tools\n\n* [Ember dev tools extension](https://chrome.google.com/webstore/detail/ember-inspector/bmdblncegkenkacieihfhpjfppoconhi?hl=en)\n* [Grunt dev tools extension](https://chrome.google.com/webstore/detail/grunt-devtools/fbiodiodggnlakggeeckkjccjhhjndnb?hl=en)\n* [Rails Panel](https://chrome.google.com/webstore/detail/railspanel/gjpfobpafnhjhbajcjgccbbdofdckggg?hl=en-US)\n\n## Preprocessing\n\n* [Semantic Shift](http://en.wikipedia.org/wiki/Semantic_change)\n* [Google ngrams](http://books.google.com/ngrams/)\n\n**CSS Preprocessing**\n\n* [Less CSS](http://lesscss.org/)\n* [Stylus CSS](http://learnboost.github.io/stylus/)\n* [Sass CSS](http://sass-lang.com/)\n* [Compass for Sass](http://compass-style.org/)\n* [Bourbon for Sass](http://bourbon.io/)\n* [Scut for Sass](http://davidtheclark.github.io/scut/)\n\n**JavaScript Preprocessing**\n\n* [CoffeeScript](http://coffeescript.org/)\n\n**HTML Preprocessing**\n\n* [Jade](http://jade-lang.com/)\n* [HAML](http://haml.info/)\n* [Emmet](http://emmet.io/)\n\n**Pulling it all together**\n\n* [CodeKit for Mac](https://incident57.com/codekit/)\n* [Prepros for Windows and Mac](http://alphapixels.com/prepros/)\n* [Less.app](http://incident57.com/less/)\n* [Compass.app](http://compass.kkbox.com/)\n* [Scout app for Compass and Sass](http://mhs.github.io/scout-app/)\n\n**The open source preprocessing stack**\n\n* [Bundler](http://bundler.io/)\n* [Install Node and npm (the Node Package Manager)](http://nodejs.org/download/)\n* Optionally, install Node and npm with [Homebrew](http://brew.sh/)\n* [Grunt](http://gruntjs.com/)\n* [Getting started with Grunt](http://gruntjs.com/getting-started)\n* [Gulp](http://gulpjs.com/)\n* [Bower](http://bower.io/)\n* [Handlebars](http://handlebarsjs.com/)\n* [Assemble](http://assemble.io/) *Note: installing Assemble will install and use Handlebars as a dependency.*\n\n**Windows Downloads**\n* [Patrick's awesome post](http://seesparkbox.com/foundry/love_your_frontend_tools_windows)\n* [Msysgit](http://msysgit.github.io/)\n\n## Local Servers\n* [Anvil](http://anvilformac.com)\n* [MAMP](http://www.mamp.info/en/index.html)\n* [WAMP](http://www.wampserver.com/en/)\n* [Homebrew](http://brew.sh)\n* [Vagrant](http://www.vagrantup.com)\n* [Sword](https://sword.mu/)\n\n## Device Testing\n* [VirtualBox](https://www.virtualbox.org/)\n* [Parallels](https://www.parallels.com/)\n* [Modern.ie](http://modern.ie)\n* [IEVMs Script](http://github.com/xdissent/ievms)\n* [Browserstack](www.browserstack.com)\n* [Edge Inspect](http://html.adobe.com/edge/inspect/)\n* [BrowserSync](http://www.browsersync.io/)\n* [Ghostlab](http://vanamco.com/ghostlab/)\n* [XScope](http://iconfactory.com/software/xscope)\n\n## Accessibility\n* [A11y project](http://a11yproject.com/)\n* [aria roles](http://www.w3.org/WAI/PF/aria-practices/)\n\n## Automated Deployment\n\n**Services**\n\n* [Beanstalk](http://beanstalkapp.com/)\n* [FTPloy](http://ftploy.com/)\n* [Deploy](http://deployhq.com/)\n* [Springloops](http://www.springloops.io/)\n* [Wrecker](http://wercker.com/)\n* [Divshot](http://divshot.com)\n* [CircleCI](https://circleci.com/)\n\n**Roll Your Own**\n\n* [Mina](https://github.com/nadarei/mina)\n* [Capistrano](https://github.com/capistrano/capistrano)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsparkbox%2Fbr-frontend-tooling-links","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsparkbox%2Fbr-frontend-tooling-links","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsparkbox%2Fbr-frontend-tooling-links/lists"}