Captured – Screen Capture sharing for Mac. Works with Dropbox too. Bye bye Skitch.
Intercom. Super slick way to keep track of and talk with your users. Everything I envisioned for SupportFlow plus more. Human Made is using for WP Remote.
Interactive Vim tutorial. Even if you know the commands (of which I only have some memorized), this is a useful way to build muscle memory.
hub. Marries git and Github at the command line.
Hi WordPress, Meet Vagrant. Funny callouts. It would be cool to easily replicate WordPress.com using Vagrant though.
As a part of tonight’s “It’s Tool Time: 4 Tools You Cannot Live Without” meetup, I presented on my beloved wp-cli. wp-cli is a command line interface for WordPress, and a tremendously powerful tool for WordPress developers on a deadline. So powerful, in fact, I wrote my slides as a command 15 minutes before my talk.
Airbrake: The error app. Track errors seen by your users.
This week I’m at Webstock, a lovely conference in New Zealand. I’m doing my best to write little blog posts about the amazing presentations. Please forgive any typos, etc. If you’re here too, come write a haiku at Automattic’s booth.
- Getting started designing.
- Local development environment.
- Working on a team.
- Preprocessing saves happiness.
- Testing, testing, testing.
Chris designs in Photoshop, to the faux-horror of everyone in the room. Photoshop is more “left brainy” than a CSS editor. It affords more creativity. WebZap gives you buttons and other web patterns to use in your mockups.
The blank canvas is a challenge for every profession. In the design world, you might:
- Toss down a texture.
- Draw some shapes.
- Avoid making wireframes.
As soon as you have a Minimum Viable Design in Photoshop, though, take it to the web. Making it perfect in Photoshop just means you’ll have to do the work all over again.
“Let’s change the phrase ‘designing in the browser’ to ‘deciding in the browser’.” – Some Guy I Missed
Don’t work live on a server. Just don’t.
Instead, you can and should develop in a local environment. If you’re building for WordPress, MAMP is a good option to provide everything you need to run a web server.
Some advantages to using a preprocessor like Sass:
- DRY awesomeness.
- Mixins allow you to define named functions, and use those functions elsewhere in your Sass. Everyone screws up CSS3 vendor prefixes. Mixins allow you to only screw up (and fix) in one place.
Sass plus Compass gives you an amazing number predefined mixins.
Editor’s note: All of this frontend hotness is blowing my mind. I didn’t even know.
Preprocessing also greatly simplifies media queries. And it makes writing CSS fun again.
CodeKit is a Mac app that automagically preprocesses all of your shiz. It will inject style changes into your browser while you edit. Great for when you might need to style web apps with various states. It can also losslessly compress any image assets used in your site.
The easiest way to make a website faster is to load less stuff. If you can’t remove it entirely, you can concatenate and minimize.
Testing is a big PITA. BrowserStack lets you test in a variety of browsers from the comfort of your own home.
&what;. Easily find HTML character entities.