title |
before |
Update MacOS & App Store apps |
Make sure you have all the updated versions of MacOS for security and all the updated versions of any App Store applications.
```
> App Store…
```
![](macos-menu.jpg)
*Install all the available updates and restart your computer as necessary.*
![](app-store.jpg)
|
|
title |
before |
Update Atom |
Get the newest version of Atom to make sure you have the fastest, most feature-full version.
```
Atom > Check for Update
```
![](atom-menu.jpg)
### Update Atom packages
Then make sure that all the packages are up-to-date to be compatible with your version of Atom.
```
Atom > Preferences > Updates
```
![](atom-packages.jpg)
|
|
title |
before |
Update GitHub Desktop |
Make sure you have the most recent version of GitHub Desktop for the most compatibility with GitHub.
```
GitHub Desktop > Check for Updates…
```
![](github-menu.jpg)
Download the most recent version of GitHub Desktop and restart the app.
![](github.jpg)
|
|
title |
before |
Update Google Chrome |
Google Chrome does update itself when you quit it, but sometimes it stays running and never gets updated. So let’s check for updates anyways.
```
Chrome > About Google Chrome
```
![](chrome-menu.jpg)
Make sure you have the most recent version—if not install and restart Chrome.
![](chrome.jpg)
|
|
title |
before |
Update Firefox |
Firefox does update itself when you quit it, but sometimes it stays running and never gets updated—or it just hasn’t been open in a while. Let’s check for updates anyways.
```
Firefox > About Firefox
```
![](firefox-menu.jpg)
Make sure you have the most recent version—if not install and restart Firefox.
![](firefox.jpg)
|
|
title |
before |
Update Opera |
If you’re not an Opera user, you probably haven’t opened Opera in a while—so it’ll be very outdated.
```
Opera > About Opera
```
![](opera-menu.jpg)
Make sure you have the most recent version—if not install and restart Firefox.
![](opera.jpg)
|
|
title |
before |
Update Adobe Creative Cloud apps |
For Web Dev, it’s important that you at least update Illustrator & Photoshop to the newest versions—they’re constantly changing their web exporting tools.
Open the Adobe Creative Cloud app and go to the `Apps` tab. *Press the `Update All` button.*
![](adobe.jpg)
|
|
title |
before |
Update VirtualBox |
VirtualBox has updates every little while so let’s make sure we have the newest version.
```
VirtualBox > Check for Updates…
```
![](virtualbox-menu.jpg)
*The VirtualBox updates are pretty manual—they usually just download a new installer to your `Downloads` folder that you’ll have to run.*
![](virtualbox.jpg)
|
|
title |
before |
Update image minifiers |
We always want to compress our images as small as possible—so let’s update ImageOptim & Spritebot to get the best smushing abilities.
### Update ImageOptim
- [*If you don’t have ImageOptim—download it here*]( https://imageoptim.com/mac)
```
ImageOptim > Check for Updates…
```
![](imageoptim-menu.jpg)
Make sure you have the most recent version of ImageOptim or install the new one.
![](imageoptim.jpg)
---
### Update Spritebot
For Spritebot you’ll have to update it manually—it currently doesn’t have auto-updating capabilities.
[**For Spritebot go download a new version from the website.**]( https://github.com/thomasjbradley/spritebot)
![](spritebot.jpg)
|
|
title |
before |
tasks |
Final checklist |
Double check you’ve updated everything on your computer.
*Here’s a checklist to help out:*
|
MacOS |
AppStore apps |
Atom |
Atom packages |
GitHub Desktop |
Google Chrome |
Firefox |
Opera |
Adobe Creative Cloud apps |
VirtualBox |
ImageOptim |
Spritebot |
|
|