Pump Out Landers More Efficiently With Atom (5)
We all enjoy tools that make our lives easier. Saving time on menial tasks means more focus on what really brings results.
A lot of you are probably familiar with Brackets and Sublime Text. Phenomenal tools, but still lacking in convenience for the things we're interested in.
About 2 months back, Github came out with Atom. A hackable editor with a plug & play extensions and a strong community behind it.
Here's why I'm sold on it:
- Nested structure to handle projects at ease
- Easy to configure and get into
- With the package atom-html-preview, I can preview live landers without leaving the editor
- Color picker package to customize stylesheets in a heartbeat
- Uglify package to automate minifying CSS
- Predefine snippets for common JS scripts
- Remote-FTP package to access your server within Atom
There's a lot more to talk about, but those are the reasons I appreciate most. You can do most of those things with other editors like Sublime, I just found Atom to be way more convenient and newbie-friendly. If you're someone to rearrange your alphabet soup into code, this is probably not for you (I still love you though).
I couldn't help but simply include their hilarious and very amazing promo video...
Besides that, it looks quite amazing and the features you mention are really "kick-ass".
Originally Posted by kowisoft
Originally Posted by mminsk
Oh the good old days of
CMD+S, CMD+TAB, CMD+R, CMD+TAB
Thanks fort he share.
The best thing you can use to pump landers faster is http://livereload.com/
This thing refreshes the preview in a browser when you edit HTML or CSS code in the text editor (any editor will do, not just Atom).
I have a preview open on one monitor and the editor on another and as I save the code, the browser preview refreshes itself.
If you go one step further, look at yeoman.io and generators for web projects to manage you JavaScript libraries, do all the code minification and provide live reload automatically.
Add git for version control and git push deployments and you'll be very productive (I use https://forge.laravel.com to provision my servers and have git based deployments).
Home > Technical & Creative Skills > Design - Imagery, Banners & Landers