├── .gitignore ├── README.md ├── macos-front-end.mindnode ├── QuickLook │ └── Preview.jpg ├── contents.xml ├── style.mindnodestyle │ ├── contents.xml │ └── metadata.plist └── viewState.plist └── macos-front-end.png /.gitignore: -------------------------------------------------------------------------------- 1 | .DS_Store 2 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # macOS for front-end 2 | 3 | Here is the list of all the apps I use to be efficient as a **front-end developer**. 4 | 5 | > Design better, code faster & ship daily. 6 | 7 | [![](macos-front-end.mindnode/QuickLook/Preview.jpg)](http://bit.ly/macos-front-end) 8 | 9 | - **Must Have** 🌟 10 | - **Paid version** 💰 11 | - **App Store** 🛍 12 | 13 | ## Dev 14 | 15 | - **[Cakebrew](https://github.com/brunophilipe/Cakebrew)** – Manage your Homebrew formulas with style. 16 | - **[Dash 🌟💰](https://kapeli.com/dash)** – An API Documentation Browser and Code Snippet Manager. 17 | - **[Hyper™](https://hyper.is/)** – A terminal built on web technologies. Like Atom you can customise almost everything. 18 | - **[Homebrew 🌟](https://brew.sh/)** – The missing package manager for macOS (in Ruby). 19 | - **[Insomnia](https://insomnia.rest/)** – A beautifull REST client. Debug APIs like a human, not a robot. 20 | - **[iTerm 🌟](https://www.iterm2.com/)** – A macOS terminal replacement with awesome features. 21 | - **[ndm](https://720kb.github.io/ndm/)** – The Open Source npm desktop GUI. 22 | - **[oh-my-zsh 🌟](https://github.com/robbyrussell/oh-my-zsh)** - A delightful community-driven framework for managing your zsh configuration. 23 | - **[Postico](https://eggerapps.at/postico/)** – A modern PostgreSQL client. 24 | - **[Sequel Pro](https://www.sequelpro.com/)** – Database management application for working with MySQL databases. 25 | - **[Sublime Text 🌟](https://www.sublimetext.com/)** – A sophisticated text editor for code, markup and prose. 26 | - **[Visual Studio Code 🌟](https://code.visualstudio.com/Download)** - Visual Studio Code is a source code editor developed by Microsoft for Windows, Linux and macOS. 27 | 28 | ## Design 29 | 30 | - **[Figma 🌟](https://www.figma.com/downloads/)** – Design, prototype, and gather feedback all in one place with Figma. 31 | - **[ImageAlpha](https://pngmini.com/)** – Reduces file sizes of 24-bit `PNG`. 32 | - **[ImageOptim](https://imageoptim.com/)** – Excellent tool for publishing images on the web. 33 | - **[JPEGmini 🛍💰](https://itunes.apple.com/fr/app/jpegmini/id498944723?l=en&mt=12)** – Reduce photo files size by up to 80% without compromising quality. 34 | - **[MindNode 🛍💰](https://itunes.apple.com/fr/app/mindnode-2-delightful-mind-mapping/id992076693?l=en&mt=12)** – Delightful Mind Mapping for Mac, iPad & iPhone. 35 | - **[Pixelmator Pro 🛍💰](https://www.pixelmator.com/pro/)** – Professional image editing tools that anyone can use. 36 | - **[Sip 🌟💰](https://go.setapp.com/invite/ibubjrhl)** – The best color picker for Mac for collecting, organizing & sharing palettes. 37 | 38 | ## Web 39 | 40 | - **[FirefoxDeveloperEdition](https://www.mozilla.org/firefox/developer/)** – Firefox for web developers. 41 | - **[Brave](https://brave.com/)** – Three times faster than Google Chrome. 42 | - **[Integrity 🛍](https://itunes.apple.com/fr/app/integrity/id513610341?l=en&mt=12)** – Scan your website to find broken links. 43 | - **[Screaming Frog SEO Spider](https://www.screamingfrog.co.uk/seo-spider/)** – Crawls websites' links, images, CSS, script and apps from an SEO perspective. 44 | - **[TunnelBear](https://www.tunnelbear.com/)** – Simple, private, free access to the open Internet you. 45 | 46 | ## Communication 47 | 48 | - **[Slack 🛍](https://itunes.apple.com/fr/app/slack/id803453959?l=en&mt=12)** – All your communication together in one place. 49 | - **[TweetDeck 🛍](https://itunes.apple.com/fr/app/tweetdeck-by-twitter/id485812721?l=en&mt=12)** – Twitter client. 50 | - **[WhereBy](https://whereby.com/)** – Easy video meetings with no login or downloads. 51 | 52 | ## Music & Video 53 | 54 | - **[DaVinci Resolve](https://www.blackmagicdesign.com/fr/products/davinciresolve/)** – Color correction and video editing application for macOS, Windows, and Linux. 55 | - **[djay Pro 🛍💰](https://itunes.apple.com/fr/app/djay-pro/id947578651?l=en&mt=12)** – The #1 DJ Software for performing DJs, integrated with iTunes and Spotify. 56 | - **[Dragand](http://dragand.watch/)** – Download your subtitles of your favorite series by drag and drop. 57 | - **[Miro Video Converter](http://www.mirovideoconverter.com/)** – Convert almost any video to `MP4`, `WebM`, `Ogg`… 58 | - **[Spotify](https://www.spotify.com)** – A digital music service that gives you access to millions of songs. 59 | - **[VLC](https://www.videolan.org/vlc/download-macosx.fr.html)** – Free and open-source media player. 60 | 61 | ## Misc 62 | 63 | - **[1password 🛍💰](https://itunes.apple.com/fr/app/1password-password-manager-and-secure-wallet/id443987910?l=en&mt=12)** – Forget your passwords. 1Password remembers them all for you. 64 | - **[Alfred 🌟💰](https://www.alfredapp.com/)** – Productivity app for macOS 65 | - **[Amphetamine 🛍](https://itunes.apple.com/fr/app/amphetamine/id937984704?l=en&mt=12)** – Keep your mac awake. 66 | - **[AppCleaner](https://freemacsoft.net/appcleaner/)** – AppCleaner finds unnecessarily files and safely deletes them. 67 | - **[CleanShot X 💰](https://go.setapp.com/invite/ibubjrhl)** – Same as native screenshots but better. 68 | - **[CleanMyMac 🌟💰](https://go.setapp.com/invite/ibubjrhl)** – The world's best Mac cleaner. 69 | - **[Dozer](https://github.com/Mortennn/Dozer)** – Hide menu bar icons. 70 | - **[Dropbox](https://www.dropbox.com/downloading)** – Keeps your files and your team in sync. 71 | - **[Flux](https://justgetflux.com/)** – Warms up your computer display at night, to match your indoor lighting. 72 | - **[Gifox 💰](https://go.setapp.com/invite/ibubjrhl)** – Delightful GIF Recording and Sharing App. 73 | - **[Grammarly](https://grammarly.com)** – Free grammar checker instantly eliminates grammatical errors and enhances your writing. 74 | - **[Product Hunt](https://github.com/producthunt/producthunt-osx/)** – Discover your next favorite thing, surfacing the latest in tech, books, games, and podcasts. 75 | - **[RecordIt](http://recordit.co/)** – Record screencasts fast & free! with GIF Support! 76 | - **[Rectangle](https://rectangleapp.com/)** – Organize your windows without using a mouse. 77 | - **[Ulysse 🛍 💰](https://itunes.apple.com/us/app/ulysses/id1225570693?mt=12)** – One of the best experience available for writing content. Start with markdown and export everywhere. 78 | -------------------------------------------------------------------------------- /macos-front-end.mindnode/QuickLook/Preview.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/flexbox/macos-front-end/747261a38c71f50dae1e8e3e20a852128db75f58/macos-front-end.mindnode/QuickLook/Preview.jpg -------------------------------------------------------------------------------- /macos-front-end.mindnode/contents.xml: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/flexbox/macos-front-end/747261a38c71f50dae1e8e3e20a852128db75f58/macos-front-end.mindnode/contents.xml -------------------------------------------------------------------------------- /macos-front-end.mindnode/style.mindnodestyle/contents.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | allowNodeStrokeColorVariation 6 | 7 | backgroundColor 8 | {0.956000, 0.966000, 0.956000, 1.000000} 9 | baseSubnode 10 | 11 | shapeStyle 12 | 13 | borderStrokeStyle 14 | 15 | color 16 | {1.000000, 0.742000, 0.041000, 1.000000} 17 | dash 18 | 0 19 | width 20 | 2 21 | 22 | fillColor 23 | {1.000000, 1.000000, 1.000000, 1.000000} 24 | shapeType 25 | 0 26 | 27 | strokeStyle 28 | 29 | color 30 | {1.000000, 0.742000, 0.041000, 1.000000} 31 | dash 32 | 0 33 | width 34 | 6 35 | 36 | titleStyle 37 | 38 | alignment 39 | 0 40 | bold 41 | 42 | color 43 | {0.357000, 0.357000, 0.357000, 1.000000} 44 | fontName 45 | HelveticaNeue 46 | fontSize 47 | 18 48 | italic 49 | 50 | 51 | 52 | crossConnections 53 | 54 | 55 | arrowStyle 56 | 57 | endArrow 58 | 2 59 | startArrow 60 | 0 61 | 62 | pathStyle 63 | 64 | strokeStyle 65 | 66 | color 67 | {0.997000, 0.355000, 0.184000, 1.000000} 68 | dash 69 | 3 70 | width 71 | 2 72 | 73 | 74 | titleStyle 75 | 76 | alignment 77 | 0 78 | bold 79 | 80 | color 81 | {0.000000, 0.000000, 0.000000, 1.000000} 82 | fontName 83 | HelveticaNeue 84 | fontSize 85 | 14 86 | italic 87 | 88 | strikethrough 89 | 90 | underline 91 | 92 | 93 | 94 | 95 | mainNodes 96 | 97 | 98 | shapeStyle 99 | 100 | borderStrokeStyle 101 | 102 | color 103 | {0.965000, 0.965000, 0.965000, 1.000000} 104 | dash 105 | 0 106 | width 107 | 2 108 | 109 | fillColor 110 | {1.000000, 1.000000, 1.000000, 1.000000} 111 | shapeType 112 | 2 113 | 114 | strokeStyle 115 | 116 | color 117 | {0.086000, 0.482000, 0.592000, 1.000000} 118 | dash 119 | 0 120 | width 121 | 4 122 | 123 | titleStyle 124 | 125 | alignment 126 | 1 127 | bold 128 | 129 | color 130 | {0.086000, 0.482000, 0.592000, 1.000000} 131 | fontName 132 | HelveticaNeue-Light 133 | fontSize 134 | 21 135 | italic 136 | 137 | 138 | 139 | 140 | subnodeColors 141 | 142 | 143 | shapeStyle 144 | 145 | borderStrokeStyle 146 | 147 | color 148 | {0.689, 0.215, 0.952, 1.000} 149 | 150 | fillColor 151 | {1.000, 1.000, 1.000, 1.000} 152 | 153 | strokeStyle 154 | 155 | color 156 | {0.689, 0.215, 0.952, 1.000} 157 | 158 | titleStyle 159 | 160 | color 161 | {0.357, 0.357, 0.357, 1.000} 162 | 163 | 164 | 165 | shapeStyle 166 | 167 | borderStrokeStyle 168 | 169 | color 170 | {0.144, 0.670, 1.000, 1.000} 171 | 172 | fillColor 173 | {1.000, 1.000, 1.000, 1.000} 174 | 175 | strokeStyle 176 | 177 | color 178 | {0.144, 0.670, 1.000, 1.000} 179 | 180 | titleStyle 181 | 182 | color 183 | {0.357, 0.357, 0.357, 1.000} 184 | 185 | 186 | 187 | shapeStyle 188 | 189 | borderStrokeStyle 190 | 191 | color 192 | {1.000, 0.742, 0.041, 1.000} 193 | 194 | fillColor 195 | {1.000, 1.000, 1.000, 1.000} 196 | 197 | strokeStyle 198 | 199 | color 200 | {1.000, 0.742, 0.041, 1.000} 201 | 202 | titleStyle 203 | 204 | color 205 | {0.357, 0.357, 0.357, 1.000} 206 | 207 | 208 | 209 | shapeStyle 210 | 211 | borderStrokeStyle 212 | 213 | color 214 | {0.136, 0.807, 0.880, 1.000} 215 | 216 | fillColor 217 | {1.000, 1.000, 1.000, 1.000} 218 | 219 | strokeStyle 220 | 221 | color 222 | {0.136, 0.807, 0.880, 1.000} 223 | 224 | titleStyle 225 | 226 | color 227 | {0.357, 0.357, 0.357, 1.000} 228 | 229 | 230 | 231 | shapeStyle 232 | 233 | borderStrokeStyle 234 | 235 | color 236 | {0.822, 0.084, 0.348, 1.000} 237 | 238 | fillColor 239 | {1.000, 1.000, 1.000, 1.000} 240 | 241 | strokeStyle 242 | 243 | color 244 | {0.822, 0.084, 0.348, 1.000} 245 | 246 | titleStyle 247 | 248 | color 249 | {0.357, 0.357, 0.357, 1.000} 250 | 251 | 252 | 253 | shapeStyle 254 | 255 | borderStrokeStyle 256 | 257 | color 258 | {0.194, 0.734, 0.282, 1.000} 259 | 260 | fillColor 261 | {1.000, 1.000, 1.000, 1.000} 262 | 263 | strokeStyle 264 | 265 | color 266 | {0.194, 0.734, 0.282, 1.000} 267 | 268 | titleStyle 269 | 270 | color 271 | {0.357, 0.357, 0.357, 1.000} 272 | 273 | 274 | 275 | subnodeLevels 276 | 277 | 278 | 279 | -------------------------------------------------------------------------------- /macos-front-end.mindnode/style.mindnodestyle/metadata.plist: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | author 6 | IdeasOnCanvas 7 | id 8 | A043DFC9-26A6-4B70-9786-B6BD65585BB8 9 | title 10 | Delight 11 | version 12 | 3 13 | 14 | 15 | -------------------------------------------------------------------------------- /macos-front-end.mindnode/viewState.plist: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/flexbox/macos-front-end/747261a38c71f50dae1e8e3e20a852128db75f58/macos-front-end.mindnode/viewState.plist -------------------------------------------------------------------------------- /macos-front-end.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/flexbox/macos-front-end/747261a38c71f50dae1e8e3e20a852128db75f58/macos-front-end.png --------------------------------------------------------------------------------