Short Url: http://caseywatts.com/chromeextensionworkshop
Alternate Short Url: http://tinyurl.com/blatant-panda
Other gists & tricks: http://caseywatts.com/gists-and-tricks
- Inspiration - Some Chrome Extensions to Inspire You
Short Url: http://caseywatts.com/chromeextensionworkshop
Alternate Short Url: http://tinyurl.com/blatant-panda
Other gists & tricks: http://caseywatts.com/gists-and-tricks
So many messaging apps!! It's hard to keep track of who I talk to where!
I message Brian on Signal, Sean on Discord, and Steve by sms.
I just want to type their name and BAM immediately be in the correct app.
This takes two steps:
Chrome is, by far, the easiest browser to make extensions for. Google's documentation for this is pretty good and thorough!
cloudtobutt
somewhere on your computer (in a code
folder? or on your desktop
? up to you!)cloudtobutt.js
manifest.json
and copy-paste in an example:Other gists & tricks: http://caseywatts.com/gists-and-tricks
To set this up, paste the code below into the "location" of a bookmark. Make sure it starts with "javascript:", some browsers strip this out when you paste.
Short url: caseywatts.com/mediawikionheroku
Unrelated update: my book is out! Debugging Your Brain is an applied psychology / self-help book
How to get set up with Mediawiki running on Heroku.
Fork https://github.com/mediawiki/mediawiki (from the web interface)
(master
worked fine for me, but you might want the last stable tag?)
Short link to this gist: http://tinyurl.com/browsersync-via-foreman
(or http://caseywatts.com/browsersync)
The "Browser Sync Simple" section is probably what you want.
If you need something more advanced than that, then the "Browser Sync with Foreman" would help.
Short link to this page: http://caseywatts.com/pixlr
Other gists & tricks: http://caseywatts.com/gists-and-tricks
This bookmarklet is good for quickly modifying an image, such as overlaying some text.
Add Page...
pixlr
or whatever you'd like (maybe short so it stays on your bookmarks toolbar)I wrote this skill tree diagram for teaching Intro to Programming with the YEI Tech Bootcamp Summer 2014. Boxes are greyed out after they have been covered in the course. Some topics are not required to progress to the farther parts, like how "csv import/export" isn't required to move beyond database section beyond to the web app sections, but it would be natural to teach in that section if we wanted to cover it. Each big-box section ends with a project/assessment to make sure the students understand the content enough to apply it, before move on.
This uses graphviz to print a .dot file to a png. To learn more about the dot format, check out my graphviz tutorial.
To generate the image after modifying the dot file, try this:
brew install graphviz
dot -Tpng:quartz:quartz developercurriculum.dot -o courseprogress.png && open courseprogress.png
source 'https://rubygems.org' | |
gem 'sinatra' | |
gem 'sinatra-contrib' |
codemod-cli
is straightforward - but it's especially made for codemod projects that have multiple transforms. For a single transform, we could/should have a simpler interface for consumers.
Here are three ways to share your codemod with others. The npx
methods require you npm publish
the repo.
Easiest method for the developer, especially if you only have one transform and/or if you're not using codemod-cli.
This uses the github-hosted raw.githubusercontent
link to run it, kinda like running it from a gist. Here's an example using ember-mocha-codemods
.
npm install -g jscodeshift