{"id":10840,"date":"2017-07-19T14:26:12","date_gmt":"2017-07-19T13:26:12","guid":{"rendered":"https:\/\/marvel7077.wpengine.com\/?p=10840"},"modified":"2017-07-19T14:26:12","modified_gmt":"2017-07-19T13:26:12","slug":"designers-workflow-windows","status":"publish","type":"post","link":"https:\/\/www.shopjessicabuckley.com\/blog\/designers-workflow-windows\/","title":{"rendered":"Designer\u2019s workflow on Windows"},"content":{"rendered":"<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">I\u2019m one of those designers who use Windows as a primary operating system. I also have moderate experience with Linux and almost none with macOS.<br \/>\nAfter recent Microsoft and Apple press conferences, there was a significant upset from Apple users and some of them were considering to switch over to Windows.<br \/>\nI decided to layout my workflow and what software I use to ease a transition for someone who wanted to walk away from Apple and toward Windows.<br \/>\nHowever, this tutorial isn\u2019t written exclusively for macOS users, this also apply to Windows users who might discover new useful software.<\/p>\n<h2 class=\"pageWrap pageWrap--s marginTop-xl marginBottom-l c-black lineHeight-xl fontSize-xl fontWeight-5 breakPointM-lineHeight-xxl breakPointM-fontSize-xxl\" style=\"margin-left: auto; margin-right: auto;\">What I\u00a0do<\/h2>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">I\u2019m a web designer and logo &amp; brand identity designer. I\u2019m also a front-end developer with SCSS, git for version control and gulp for workflow automation. I don\u2019t wire up with back-end code, I leave that for back-end developers.<\/p>\n<h2 class=\"pageWrap pageWrap--s marginTop-xl marginBottom-l c-black lineHeight-xl fontSize-xl fontWeight-5 breakPointM-lineHeight-xxl breakPointM-fontSize-xxl\" style=\"margin-left: auto; margin-right: auto;\">My System<\/h2>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">Custom built computer, mounted dual monitors, Filco Majestouch 2 TKL brown switches, Logitech G500s, Wacom Intuos Pro and some other hardwares.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">I use Windows 8. All programs are compatible with all Windows version back to something you would have to dust off. I tried Windows 8.1 and 10 and they\u2019re just not for me.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\"><\/p>\n<div id=\"attachment_6580\" style=\"width: 529px\" class=\"wp-caption aligncenter\"><a class=\"link link--blue fontWeight-4\"href=\"https:\/\/marvel7077.wpengine.com\/wp-content\/uploads\/2017\/07\/0HaqetsdiAu6Lp_pi.png\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-6580\" class=\"wp-image-6580 size-full\" src=\"https:\/\/marvel7077.wpengine.com\/wp-content\/uploads\/2017\/07\/0HaqetsdiAu6Lp_pi.png\" width=\"519\" height=\"166\" title=\"\" alt=\"\" \/><\/a><p id=\"caption-attachment-6580\" class=\"wp-caption-text\">Due to thousands incompetent programmers and software, Microsoft had to skip 9<\/p><\/div>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\"><\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">If you don\u2019t know why they named Windows 10 instead of 9, it\u2019s because that would cause thousands of problems due to programmers\u2019 stupidity. I clap to idiot programmers, a huge impact on Microsoft\u2019s OS name.<\/p>\n<h1 class=\"pageWrap pageWrap--s marginTop-xl marginBottom-l c-black fontWeight-5 lineHeight-xxl fontSize-xxl breakPointM-lineHeight-xxxl breakPointM-fontSize-xxxl\" style=\"margin-left: auto; margin-right: auto;\">Design Software<\/h1>\n<h2 class=\"pageWrap pageWrap--s marginTop-xl marginBottom-l c-black lineHeight-xl fontSize-xl fontWeight-5 breakPointM-lineHeight-xxl breakPointM-fontSize-xxl\" style=\"margin-left: auto; margin-right: auto;\">Adobe<\/h2>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">We got Adobe software too. Shouldn\u2019t be new to you since it also support macOS for quite a while\u2026 since mid-1980. I\u2019m happy using Adobe Photoshop for web design, digital painting, posters, and other design. I use Illustrator for logo &amp; branding and icon design. InDesign for producing PDF. After Effect for motion design and animation.<\/p>\n<h2 class=\"pageWrap pageWrap--s marginTop-xl marginBottom-l c-black lineHeight-xl fontSize-xl fontWeight-5 breakPointM-lineHeight-xxl breakPointM-fontSize-xxl\" style=\"margin-left: auto; margin-right: auto;\">Sketch?<\/h2>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">If you worry about Sketch loss, hear the good news that Adobe XD is coming out and intended to be a direct competitor to Sketch and supports Sketch assist files.<\/p>\n<h2 class=\"pageWrap pageWrap--s marginTop-xl marginBottom-l c-black lineHeight-xl fontSize-xl fontWeight-5 breakPointM-lineHeight-xxl breakPointM-fontSize-xxl\" style=\"margin-left: auto; margin-right: auto;\">Adobe XD | Adobe Experience CC<\/h2>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">Adobe XD Beta on macOS is currently available to download for (temporary) free on Creative Cloud. Adobe XD (Adobe Experience Design CC) is coming to Windows by the end of the year, probably December 2016.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">It\u2019s a brand new Adobe software specifically made for UX\/UI designers, a straight competitor to Sketch. Great timing considering that nearly all Mac users I know are flocking to Windows after disappointing Apple conference.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\"><center><iframe loading=\"lazy\" class=\"display-block marginTopBottom-l centered\" src=\"https:\/\/www.youtube.com\/embed\/p66jDvPKnAA\" width=\"560\" height=\"315\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/center><div id='gallery-1' class='gallery galleryid-10840 gallery-columns-3 gallery-size-thumbnail'><dl class='gallery-item'>\n\t\t\t<dt class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/www.shopjessicabuckley.com\/blog\/designers-workflow-windows\/1txuuepgndewout9xukuazw\/'><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/www.shopjessicabuckley.com\/wp-content\/uploads\/2017\/07\/1TxUUePgnDewoUT9xukUAzw-300x300.png\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" srcset=\"https:\/\/www.shopjessicabuckley.com\/wp-content\/uploads\/2017\/07\/1TxUUePgnDewoUT9xukUAzw-300x300.png 300w, https:\/\/www.shopjessicabuckley.com\/wp-content\/uploads\/2017\/07\/1TxUUePgnDewoUT9xukUAzw-32x32.png 32w, https:\/\/www.shopjessicabuckley.com\/wp-content\/uploads\/2017\/07\/1TxUUePgnDewoUT9xukUAzw-50x50.png 50w, https:\/\/www.shopjessicabuckley.com\/wp-content\/uploads\/2017\/07\/1TxUUePgnDewoUT9xukUAzw-64x64.png 64w, https:\/\/www.shopjessicabuckley.com\/wp-content\/uploads\/2017\/07\/1TxUUePgnDewoUT9xukUAzw-96x96.png 96w, https:\/\/www.shopjessicabuckley.com\/wp-content\/uploads\/2017\/07\/1TxUUePgnDewoUT9xukUAzw-128x128.png 128w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a>\n\t\t\t<\/dt><\/dl><dl class='gallery-item'>\n\t\t\t<dt class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/www.shopjessicabuckley.com\/blog\/designers-workflow-windows\/1u4xp-zoteuaz9sdsbes5ya\/'><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/www.shopjessicabuckley.com\/wp-content\/uploads\/2017\/07\/1u4xP-ZoTEuaz9SDSBeS5yA-300x300.png\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" srcset=\"https:\/\/www.shopjessicabuckley.com\/wp-content\/uploads\/2017\/07\/1u4xP-ZoTEuaz9SDSBeS5yA-300x300.png 300w, https:\/\/www.shopjessicabuckley.com\/wp-content\/uploads\/2017\/07\/1u4xP-ZoTEuaz9SDSBeS5yA-32x32.png 32w, https:\/\/www.shopjessicabuckley.com\/wp-content\/uploads\/2017\/07\/1u4xP-ZoTEuaz9SDSBeS5yA-50x50.png 50w, https:\/\/www.shopjessicabuckley.com\/wp-content\/uploads\/2017\/07\/1u4xP-ZoTEuaz9SDSBeS5yA-64x64.png 64w, https:\/\/www.shopjessicabuckley.com\/wp-content\/uploads\/2017\/07\/1u4xP-ZoTEuaz9SDSBeS5yA-96x96.png 96w, https:\/\/www.shopjessicabuckley.com\/wp-content\/uploads\/2017\/07\/1u4xP-ZoTEuaz9SDSBeS5yA-128x128.png 128w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a>\n\t\t\t<\/dt><\/dl><dl class='gallery-item'>\n\t\t\t<dt class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/www.shopjessicabuckley.com\/blog\/designers-workflow-windows\/1d1solmmgaadnme5lydqfcw\/'><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/www.shopjessicabuckley.com\/wp-content\/uploads\/2017\/07\/1D1SOlmMgAaDNME5lyDqfcw-300x300.png\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" srcset=\"https:\/\/www.shopjessicabuckley.com\/wp-content\/uploads\/2017\/07\/1D1SOlmMgAaDNME5lyDqfcw-300x300.png 300w, https:\/\/www.shopjessicabuckley.com\/wp-content\/uploads\/2017\/07\/1D1SOlmMgAaDNME5lyDqfcw-32x32.png 32w, https:\/\/www.shopjessicabuckley.com\/wp-content\/uploads\/2017\/07\/1D1SOlmMgAaDNME5lyDqfcw-50x50.png 50w, https:\/\/www.shopjessicabuckley.com\/wp-content\/uploads\/2017\/07\/1D1SOlmMgAaDNME5lyDqfcw-64x64.png 64w, https:\/\/www.shopjessicabuckley.com\/wp-content\/uploads\/2017\/07\/1D1SOlmMgAaDNME5lyDqfcw-96x96.png 96w, https:\/\/www.shopjessicabuckley.com\/wp-content\/uploads\/2017\/07\/1D1SOlmMgAaDNME5lyDqfcw-128x128.png 128w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a>\n\t\t\t<\/dt><\/dl><br style=\"clear: both\" \/>\n\t\t<\/div>\n<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\"><\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\"><center><\/p>\nExperience Design CC | Adobe XD\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\"><\/center><\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">You can <a class=\"link link--blue fontWeight-4\"href=\"https:\/\/helpx.adobe.com\/experience-design\/how-to\/xd-ui-ux-design.html\">read more <\/a>about Adobe XD here. Here\u2019re few of their features:<\/p>\n<ul class=\"pageWrap pageWrap--s list list--unordered marginBottom-l lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">\n<li>Create wireframes, screen layouts and productive ready artworks<\/li>\n<li>Define flow triggers and transitions prototyping tools<\/li>\n<li>Very fast and optimized performance for complex and layered designs<\/li>\n<li>Supports importing existing assets from Photoshop, Illustrator and Sketch<\/li>\n<\/ul>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">They should have called Adobe Experience CC as Adobe ED aka Experience Design, Adobe UD aka UI Design, UI, or UX. XD is one of the worst acronym ever xD.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">Still, I\u2019m so excited. Maybe I\u2019ll use Experience. Or maybe I\u2019ll just use Photoshop because I used it for 10.5+ years.<\/p>\n<h1 class=\"pageWrap pageWrap--s marginTop-xl marginBottom-l c-black fontWeight-5 lineHeight-xxl fontSize-xxl breakPointM-lineHeight-xxxl breakPointM-fontSize-xxxl\" style=\"margin-left: auto; margin-right: auto;\">Editor<\/h1>\n<h2 class=\"pageWrap pageWrap--s marginTop-xl marginBottom-l c-black lineHeight-xl fontSize-xl fontWeight-5 breakPointM-lineHeight-xxl breakPointM-fontSize-xxl\" style=\"margin-left: auto; margin-right: auto;\">Brackets<\/h2>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\"><a class=\"link link--blue fontWeight-4\"href=\"http:\/\/brackets.io\/\">Download Brackets<\/a><\/p>\n<div id=\"attachment_6580\" style=\"width: 1930px\" class=\"wp-caption aligncenter\"><a class=\"link link--blue fontWeight-4\"href=\"https:\/\/marvel7077.wpengine.com\/wp-content\/uploads\/2017\/07\/0cxN3sFmR7e4Dua8H.png\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-6580\" class=\"wp-image-6580 size-full\" src=\"https:\/\/marvel7077.wpengine.com\/wp-content\/uploads\/2017\/07\/0cxN3sFmR7e4Dua8H.png\" width=\"1920\" height=\"1050\" title=\"\" alt=\"\" \/><\/a><p id=\"caption-attachment-6580\" class=\"wp-caption-text\">HTML + SCSS project in Brackets.<\/p><\/div>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">Adobe bought this software from small group of developers and it\u2019s very active and updating frequently. It\u2019s open source editor primarily designed for front-end developer audience. It has Photoshop integration to grab CSS and images from the web design.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">I use couple extensions that can be searched, downloaded and installed right inside File \u2192 Extension Manager.<\/p>\n<h2 class=\"pageWrap pageWrap--s marginTop-xl marginBottom-l c-black lineHeight-xl fontSize-xl fontWeight-5 breakPointM-lineHeight-xxl breakPointM-fontSize-xxl\" style=\"margin-left: auto; margin-right: auto;\">Brackets Extensions I\u00a0use<\/h2>\n<ul class=\"pageWrap pageWrap--s list list--unordered marginBottom-l lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">\n<li><a class=\"link link--blue fontWeight-4\"href=\"http:\/\/emmet.io\/\">Emmet<\/a> If you don\u2019t know emmet, you should, because it will speed up your HTML &amp; CSS typing by 2\u20133 times and it feels much more comfortable<\/li>\n<li><a class=\"link link--blue fontWeight-4\"href=\"https:\/\/github.com\/ivogabe\/Brackets-Icons\">Brackets Icons<\/a> Makes sidebar pretty with icons next to filenames<\/li>\n<li><a class=\"link link--blue fontWeight-4\"href=\"https:\/\/github.com\/ahuth\/brackets-paste-and-indent\">Paste and Indent<\/a> Can\u2019t live without this one, when you paste a random snippet into the editor, it will auto format with indents.<\/li>\n<li><a class=\"link link--blue fontWeight-4\"href=\"https:\/\/github.com\/konstantinkobs\/brackets-SASShints\">SASSHints<\/a> Use this if you use SASS\/SCSS, it hints your custom variables. While speaking of SASS\/SCSS, I recommend using Gulp for a compiler and I have it all covered step by step on my <a class=\"link link--blue fontWeight-4\"href=\"https:\/\/github.com\/dmxt\/beginner-gulp-tutorial-on-windows\">guide on GitHub<\/a>.<\/li>\n<\/ul>\n<h2 class=\"pageWrap pageWrap--s marginTop-xl marginBottom-l c-black lineHeight-xl fontSize-xl fontWeight-5 breakPointM-lineHeight-xxl breakPointM-fontSize-xxl\" style=\"margin-left: auto; margin-right: auto;\">Editor alternatives<\/h2>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">If you happen to dislike Brackets, fortunately there\u2019s various different editors available for you to use such as:<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">1.<a class=\"link link--blue fontWeight-4\"href=\"https:\/\/www.sublimetext.com\/\"> Sublime Text<\/a> would be my secondary choice on editor. Sublime Text editor has stunning theme selections:<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">2.<a class=\"link link--blue fontWeight-4\"href=\"https:\/\/atom.io\/\"> Atom<\/a> is heavyweight and clunky <em>but it got such cool glow effects! <\/em>And some people like it.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">3.<a class=\"link link--blue fontWeight-4\"href=\"https:\/\/notepad-plus-plus.org\/\"> Notepad++<\/a> is very lightweight, old school, surprisingly it\u2019s still being actively updated. I still use it for random\u00a0.ini file editing because it\u2019s extremely quick at opening a file, even a very large file.<\/p>\n<h2 class=\"pageWrap pageWrap--s marginTop-xl marginBottom-l c-black lineHeight-xl fontSize-xl fontWeight-5 breakPointM-lineHeight-xxl breakPointM-fontSize-xxl\" style=\"margin-left: auto; margin-right: auto;\">Terminal<\/h2>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">Coming from Linux or UNIX system, terminal or even Powershell that came with Windows is absolutely unsustainable.<\/p>\n<h2 class=\"pageWrap pageWrap--s marginTop-xl marginBottom-l c-black lineHeight-xl fontSize-xl fontWeight-5 breakPointM-lineHeight-xxl breakPointM-fontSize-xxl\" style=\"margin-left: auto; margin-right: auto;\">Cmder<\/h2>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\"><a class=\"link link--blue fontWeight-4\"href=\"http:\/\/cmder.net\/\">Download Cmder<\/a><\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">I use cmder and it functions like UNIX terminal, it even got ls-la, cd, touch, cat, du, cp, rm -r, etc. They all support arguments.<\/p>\n<div id=\"attachment_6580\" style=\"width: 922px\" class=\"wp-caption alignnone\"><a class=\"link link--blue fontWeight-4\"href=\"https:\/\/marvel7077.wpengine.com\/wp-content\/uploads\/2017\/07\/0YBsWMz4GyV3u2nv2.png\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-6580\" class=\"wp-image-6580 size-full\" src=\"https:\/\/marvel7077.wpengine.com\/wp-content\/uploads\/2017\/07\/0YBsWMz4GyV3u2nv2.png\" width=\"912\" height=\"584\" title=\"\" alt=\"\" \/><\/a><p id=\"caption-attachment-6580\" class=\"wp-caption-text\">Cmdr<\/p><\/div>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">It supports Powershell, cmd, and Babun (Babun will be talked about in next section) as a shell. Some prefer one or other, personally, I prefer Cmder\u2019s <a class=\"link link--blue fontWeight-4\"href=\"https:\/\/github.com\/dmxt\/beginner-gulp-tutorial-on-windows#deeper-look\">custom script<\/a>.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">I wrote a tutorial how to properly install Cmder as a UNIX terminal on Windows as part of some tutorial, help yourself and <a class=\"link link--blue fontWeight-4\"href=\"https:\/\/github.com\/dmxt\/beginner-gulp-tutorial-on-windows#step-1---terminal-windows\">view this section<\/a>. This section also teaches you how to start using gulp and you should if you\u2019re a front-end or back-end developer!<\/p>\n<h2 class=\"pageWrap pageWrap--s marginTop-xl marginBottom-l c-black lineHeight-xl fontSize-xl fontWeight-5 breakPointM-lineHeight-xxl breakPointM-fontSize-xxl\" style=\"margin-left: auto; margin-right: auto;\">Babun<\/h2>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\"><a class=\"link link--blue fontWeight-4\"href=\"http:\/\/babun.github.io\/\">Download Babun<\/a><\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\"><center><a class=\"link link--blue fontWeight-4\"href=\"https:\/\/marvel7077.wpengine.com\/wp-content\/uploads\/2017\/07\/1J661VTvLF3MKN98uwrk8Kw.png\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-6580 alignleft\" src=\"https:\/\/marvel7077.wpengine.com\/wp-content\/uploads\/2017\/07\/1J661VTvLF3MKN98uwrk8Kw.png\" width=\"562\" height=\"295\" title=\"\" alt=\"\" \/><\/a><\/center><\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">Babun is a sophisticated semi-POSIX terminal that has much more Linux\/UNIX functions than Cmder\u2019s script can offer. It\u2019s basically a bug-free and polished version of Cygwin.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">It has pre-configured shells?\u2014?ZSH (default) and Bash, features syntax highlighting, UNIX tools, software development tools (Python, Perl, git, grep, wget, curl, svn, git, etc), custom scripts, aliases, and more. You can read more about it on <a class=\"link link--blue fontWeight-4\"href=\"http:\/\/babun.github.io\/\">their website<\/a>.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">Only reason I don\u2019t use it because it has few seconds load time and it feels a little \u201cslow\u201d to me in comparison with Cmder and I don\u2019t really need any extra features they offer, so I use Cmder instead.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">By the way, if you don\u2019t like the default terminal interface, you can use Mitty or Cmder as a terminal interface for Babun, it\u2019s in their <a class=\"link link--blue fontWeight-4\"href=\"http:\/\/babun.github.io\/faq.html\">FAQ<\/a>. I recommend you to add Babun to context menu to make it easier to open terminal in explorer, it\u2019s in their FAQ as well.<\/p>\n<h1 class=\"pageWrap pageWrap--s marginTop-xl marginBottom-l c-black fontWeight-5 lineHeight-xxl fontSize-xxl breakPointM-lineHeight-xxxl breakPointM-fontSize-xxxl\" style=\"margin-left: auto; margin-right: auto;\">File Transfer\u00a0Protocol<\/h1>\n<h2 class=\"pageWrap pageWrap--s marginTop-xl marginBottom-l c-black lineHeight-xl fontSize-xl fontWeight-5 breakPointM-lineHeight-xxl breakPointM-fontSize-xxl\" style=\"margin-left: auto; margin-right: auto;\">FileZilla<\/h2>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\"><a class=\"link link--blue fontWeight-4\"href=\"https:\/\/filezilla-project.org\/\">Download link<\/a><\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">FileZilla is a decent free FTP client and it\u2019s probably the most popular FTP out there. It doesn\u2019t support auto-upload on editor save. When updating FTP content, it skips untouched files and upload &amp; replaces updated files.<\/p>\n<h2 class=\"pageWrap pageWrap--s marginTop-xl marginBottom-l c-black lineHeight-xl fontSize-xl fontWeight-5 breakPointM-lineHeight-xxl breakPointM-fontSize-xxl\" style=\"margin-left: auto; margin-right: auto;\">WinSCP<\/h2>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\"><a class=\"link link--blue fontWeight-4\"href=\"https:\/\/winscp.net\/eng\/download.php\">Download link<\/a><\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">WinSCP is an alternative free FTP client. It\u2019s more of a client for \u201cprogrammers\u201d, but not necessarily, it\u2019s just down to preferences. It supports auto-upload on editor save. It doesn\u2019t skip, it replaces every file which make updating FTP content slow.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">I don\u2019t know much about paid FTP software because I\u2019m happy with free ones.<\/p>\n<h2 class=\"pageWrap pageWrap--s marginTop-xl marginBottom-l c-black lineHeight-xl fontSize-xl fontWeight-5 breakPointM-lineHeight-xxl breakPointM-fontSize-xxl\" style=\"margin-left: auto; margin-right: auto;\">SSH (PuTTy)<\/h2>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">Of course, if you own a VPN, other system or something, you would need an SSH client. We use PuTTy for that. <a class=\"link link--blue fontWeight-4\"href=\"http:\/\/www.chiark.greenend.org.uk\/~sgtatham\/putty\/download.html\">Download here<\/a>, I think <a class=\"link link--blue fontWeight-4\"href=\"https:\/\/the.earth.li\/~sgtatham\/putty\/latest\/x86\/putty-0.67-installer.msi\">putty-0.67-installer.ms<\/a>i is alright.<\/p>\n<h1 class=\"pageWrap pageWrap--s marginTop-xl marginBottom-l c-black fontWeight-5 lineHeight-xxl fontSize-xxl breakPointM-lineHeight-xxxl breakPointM-fontSize-xxxl\" style=\"margin-left: auto; margin-right: auto;\">Git<\/h1>\n<h2 class=\"pageWrap pageWrap--s marginTop-xl marginBottom-l c-black lineHeight-xl fontSize-xl fontWeight-5 breakPointM-lineHeight-xxl breakPointM-fontSize-xxl\" style=\"margin-left: auto; margin-right: auto;\">Terminal<\/h2>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">You can use a terminal for git if you prefer, but I really recommend something else\u2026 SourceTree.<\/p>\n<h2 class=\"pageWrap pageWrap--s marginTop-xl marginBottom-l c-black lineHeight-xl fontSize-xl fontWeight-5 breakPointM-lineHeight-xxl breakPointM-fontSize-xxl\" style=\"margin-left: auto; margin-right: auto;\">SourceTree (GUI)<\/h2>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\"><a class=\"link link--blue fontWeight-4\"href=\"https:\/\/www.sourcetreeapp.com\/\">Download link<\/a><\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">The beautiful GUI interactions with Git\/Mercurial repositories &amp; GitHub\/BitBucket support. It\u2019s magical. It\u2019s full of features and functions you need. It\u2019s very clean and recognizable. It supports GitHub and BitBucket accounts with 2FA authorization. It has a native interface for each supported operating systems.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\"><em>I convinced everyone to switch to SourceTree for Git management, but some stayed to their own software, like official GitHub software. A few years later, they stood up and decided to try out SourceTree, the result is that they came to me and said: \u201cI\u2019m sorry I was so stupid that I didn\u2019t listen to you\u201d.<\/em><\/p>\n<div id=\"attachment_6580\" style=\"width: 1454px\" class=\"wp-caption aligncenter\"><a class=\"link link--blue fontWeight-4\"href=\"https:\/\/marvel7077.wpengine.com\/wp-content\/uploads\/2017\/07\/1ZyVNxrsBLe2Mtzrdvb0_yw.png\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-6580\" class=\"wp-image-6580 size-full\" src=\"https:\/\/marvel7077.wpengine.com\/wp-content\/uploads\/2017\/07\/1ZyVNxrsBLe2Mtzrdvb0_yw.png\" width=\"1444\" height=\"880\" title=\"\" alt=\"\" \/><\/a><p id=\"caption-attachment-6580\" class=\"wp-caption-text\">Download SourceTree<\/p><\/div>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\"><\/p>\n<h2 class=\"pageWrap pageWrap--s marginTop-xl marginBottom-l c-black lineHeight-xl fontSize-xl fontWeight-5 breakPointM-lineHeight-xxl breakPointM-fontSize-xxl\" style=\"margin-left: auto; margin-right: auto;\">ShareX<\/h2>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">This little 4.6MB piece of software that would improve your life so much.<\/p>\n<div id=\"attachment_6580\" style=\"width: 860px\" class=\"wp-caption aligncenter\"><a class=\"link link--blue fontWeight-4\"href=\"https:\/\/marvel7077.wpengine.com\/wp-content\/uploads\/2017\/07\/1st65G5MCaHTFWBMdw43rMw.png\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-6580\" class=\"wp-image-6580 size-full\" src=\"https:\/\/marvel7077.wpengine.com\/wp-content\/uploads\/2017\/07\/1st65G5MCaHTFWBMdw43rMw.png\" width=\"850\" height=\"445\" title=\"\" alt=\"\" \/><\/a><p id=\"caption-attachment-6580\" class=\"wp-caption-text\">Download ShareX<\/p><\/div>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\"><\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">I tried Hackintosh and I couldn\u2019t find a proper alternative for<a class=\"link link--blue fontWeight-4\"href=\"http:\/\/getsharex.com\/\">ShareX<\/a> so I uninstalled the operating system because I couldn\u2019t function without this software that can take a cropped screenshot, auto-upload to any web hosting\/FTP to your liking and copy URL to your clipboard with one single hotkey and it all happen in two seconds flat.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">It also has screen recording (video, GIFY, or WEBM), post-screenshot effects like watermark, hotkey for color pick and copy HEX to clipboard (useful for web designers &amp; developers!), file uploader to any hosting you want, scrolling screenshot capabilities, drag &amp; drop any file to upload, annotating during screenshot stage, web page capture, and random stuff like monitor test, QR code reader, hash checker, DNS changer, task automater, I could just go on.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">This is the most incredible software I have. Oh and also, it\u2019s free source and available on GitHub. Feel free to be reporting bugs in issues section and the developer has been active for last decade, he\u2019s doing it for free.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\"><a class=\"link link--blue fontWeight-4\"href=\"http:\/\/getsharex.com\/\">Download ShareX<\/a><\/p>\n<h2 class=\"pageWrap pageWrap--s marginTop-xl marginBottom-l c-black lineHeight-xl fontSize-xl fontWeight-5 breakPointM-lineHeight-xxl breakPointM-fontSize-xxl\" style=\"margin-left: auto; margin-right: auto;\">Everything<\/h2>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">It searches everything on your hard drive, a lot faster than what your start menu search can do.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\"><a class=\"link link--blue fontWeight-4\"href=\"https:\/\/www.voidtools.com\/\">Download Everything<\/a><\/p>\n<h1 class=\"pageWrap pageWrap--s marginTop-xl marginBottom-l c-black fontWeight-5 lineHeight-xxl fontSize-xxl breakPointM-lineHeight-xxxl breakPointM-fontSize-xxxl\" style=\"margin-left: auto; margin-right: auto;\">Font rendering<\/h1>\n<h2 class=\"pageWrap pageWrap--s marginTop-xl marginBottom-l c-black lineHeight-xl fontSize-xl fontWeight-5 breakPointM-lineHeight-xxl breakPointM-fontSize-xxl\" style=\"margin-left: auto; margin-right: auto;\">MacType<\/h2>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">Miss how pretty font looks on macOS, huh? Or Infinality on Linux. No worries! We have <a class=\"link link--blue fontWeight-4\"href=\"https:\/\/github.com\/snowie2000\/mactype\">MacType<\/a>, just install it and customize it to your liking. It will render fonts system-wide. I recommend setting it first, and when you\u2019re satisfied, have it run as a registry service so it will work more quickly and reliably.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">I have a custom\u00a0.ini file that looks perfect on my monitor, but it may vary from monitors to monitors due to DPI, screen tech, etc. You can download my\u00a0.ini <a class=\"link link--blue fontWeight-4\"href=\"http:\/\/www.mediafire.com\/file\/8vkd6vrxaz89620\/Dana.LCD.ini\">here<\/a>. I like it non-blurry, sharp and thick. When you\u2019re done configuring it, go to MacType icon \u2192 Wizard \u2192 Registry \u2192 Finish.<\/p>\n<div id=\"attachment_6580\" style=\"width: 801px\" class=\"wp-caption aligncenter\"><a class=\"link link--blue fontWeight-4\"href=\"https:\/\/marvel7077.wpengine.com\/wp-content\/uploads\/2017\/07\/0HKXXb-eZMZGR0Da8.png\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-6580\" class=\"wp-image-6580 size-full\" src=\"https:\/\/marvel7077.wpengine.com\/wp-content\/uploads\/2017\/07\/0HKXXb-eZMZGR0Da8.png\" width=\"791\" height=\"519\" title=\"\" alt=\"\" \/><\/a><p id=\"caption-attachment-6580\" class=\"wp-caption-text\">Set it as Registry when you\u2019re done configuring<\/p><\/div>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\"><\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">You can compare ClearType (Windows default rendering) and MacType here:<\/p>\n<div id=\"attachment_6580\" style=\"width: 1571px\" class=\"wp-caption aligncenter\"><a class=\"link link--blue fontWeight-4\"href=\"https:\/\/marvel7077.wpengine.com\/wp-content\/uploads\/2017\/07\/1tLlv__V7-10U3mMxbhY64g.png\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-6580\" class=\"wp-image-6580 size-full\" src=\"https:\/\/marvel7077.wpengine.com\/wp-content\/uploads\/2017\/07\/1tLlv__V7-10U3mMxbhY64g.png\" width=\"1561\" height=\"878\" title=\"\" alt=\"\" \/><\/a><p id=\"caption-attachment-6580\" class=\"wp-caption-text\">View it in full size for the best experience. If you cannot tell the difference, please visit an eye doctor specialist near you.<\/p><\/div>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">View it in full size for the best experience. If you cannot tell the difference, please visit an eye doctor specialist near\u00a0you.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">It supports most programs, but some programs reject custom font rendering (usually because they use their own rendering or DirectWrite).<\/p>\n<ul class=\"pageWrap pageWrap--s list list--unordered marginBottom-l lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">\n<li>On Chrome, go to chrome:\/\/flags and disable DirectWrite. If it still doesn\u2019t work for some reason, add --disable-directwrite-for-uias an argument for Chrome shortcut: <a class=\"link link--blue fontWeight-4\"href=\"http:\/\/i.imgur.com\/V8eVmGG.png\">screenshot<\/a>.<\/li>\n<li>On FireFox go to about:config and set gfx.direct2d.disabled to true. Now you don\u2019t have to disable hardware acceleration to get MacType functional.<\/li>\n<li>Brackets doesn\u2019t have the option to disable DirectWrite so I have to add --disable-direct-write argument to Brackets shortcut, <a class=\"link link--blue fontWeight-4\"href=\"http:\/\/i.imgur.com\/CN08aXi.png\">screenshot<\/a>. I also use <a class=\"link link--blue fontWeight-4\"href=\"https:\/\/defaultprogramseditor.com\/\">Default Programs Editor<\/a> to add this argument to context menus for Brackets, so I can edit files with MacType enabled if opened through \u2018Open\u2019 or context menu.<\/li>\n<\/ul>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">If MacType doesn\u2019t render correctly on some software, like Steam overlay or in-game server browser, you can add an exception in MacType settings and it will disable MacType on programs to your liking.<\/p>\n<h1 class=\"pageWrap pageWrap--s marginTop-xl marginBottom-l c-black fontWeight-5 lineHeight-xxl fontSize-xxl breakPointM-lineHeight-xxxl breakPointM-fontSize-xxxl\" style=\"margin-left: auto; margin-right: auto;\">Video Player<\/h1>\n<h2 class=\"pageWrap pageWrap--s marginTop-xl marginBottom-l c-black lineHeight-xl fontSize-xl fontWeight-5 breakPointM-lineHeight-xxl breakPointM-fontSize-xxl\" style=\"margin-left: auto; margin-right: auto;\">Potplayer<\/h2>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">This is the best video player on Windows, however, if you\u2019re installing software for your grandma, then <a class=\"link link--blue fontWeight-4\"href=\"http:\/\/www.videolan.org\/vlc\/index.html\">VLC<\/a> will do.<\/p>\n<h2 class=\"pageWrap pageWrap--s marginTop-xl marginBottom-l c-black lineHeight-xl fontSize-xl fontWeight-5 breakPointM-lineHeight-xxl breakPointM-fontSize-xxl\" style=\"margin-left: auto; margin-right: auto;\">How to install Potplayer tutorial<\/h2>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">Take your time, get Potplayer installed, configure it, and then enjoy eyegasm of how beautiful videos it made. The reason why it takes so much of effort because it\u2019s dependent on how good your system is and how well your system can handle heavy video (SVP 60fps motion interpolation+ smoothing + up-scaling + rendering, etc) so you kinda have to manually configure it. Mainly for anime, but still would look excellent on TV shows and movies and you can\u2019t compare with VLC, Media Player, and other players out there.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">Good news that it works without your manual configuration, so you can be lazy and just install LAV Filters that include Potplayer and requirements, then just run PotPlayer. There\u2019s a tl;dr guide below if you don\u2019t want to spend 10 minutes of your time and just install the damn thing.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">My favorite skin on PotPlayer is Zoon 3.0. It\u2019s included.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">All menu on PotPlayer is from right-clicking anywhere on the player. It has a lot of hotkeys. You\u2019ll find that it has much more settings and configs than any other players you used.<\/p>\n<h2 class=\"pageWrap pageWrap--s marginTop-xl marginBottom-l c-black lineHeight-xl fontSize-xl fontWeight-5 breakPointM-lineHeight-xxl breakPointM-fontSize-xxl\" style=\"margin-left: auto; margin-right: auto;\">tl;dr guide if you don\u2019t want to follow imouto\u2019s\u00a0tutorial<\/h2>\n<ul class=\"pageWrap pageWrap--s list list--unordered marginBottom-l lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">\n<li>Download LAV Filters MegaMix <a class=\"link link--blue fontWeight-4\"href=\"https:\/\/imouto.my\/download\/lav-filters-megamix-x64\/\">64-bit<\/a> or <a class=\"link link--blue fontWeight-4\"href=\"https:\/\/imouto.my\/download\/lav-filters-megamix-32-bit\/\">32-bit<\/a> version. <em>(Compile time: 21 November 2016 12:47pm UTC+8. Build: ed499cafd.).<\/em><\/li>\n<li>?? <em>If you have Windows 7, install <\/em><a class=\"link link--blue fontWeight-4\"href=\"https:\/\/support.microsoft.com\/en-us\/kb\/2670838\"><em>Windows 7 SP1 Platform Update<\/em><\/a><em>, otherwise ignore this.<\/em><\/li>\n<li>Don\u2019t forget to select Potplayer in the installer and select appropriate madVR settings for your build:<\/li>\n<\/ul>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\"><center><\/p>\n<div id=\"attachment_6580\" style=\"width: 509px\" class=\"wp-caption aligncenter\"><a class=\"link link--blue fontWeight-4\"href=\"https:\/\/marvel7077.wpengine.com\/wp-content\/uploads\/2017\/07\/0sQuSTtlaP8slsuT7.png\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-6580\" class=\"wp-image-6580 size-full\" src=\"https:\/\/marvel7077.wpengine.com\/wp-content\/uploads\/2017\/07\/0sQuSTtlaP8slsuT7.png\" width=\"499\" height=\"387\" title=\"\" alt=\"\" \/><\/a><p id=\"caption-attachment-6580\" class=\"wp-caption-text\">Setup \u2014 LAV Filters<\/p><\/div>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\"><\/center><\/p>\n<ul class=\"pageWrap pageWrap--s list list--unordered marginBottom-l lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">\n<li>In LAV Filters MegaMix installer, install DirectX End-user Runtime June 2010 (mandatory) and Microsoft\u00a0.NET Framework 4.<\/li>\n<\/ul>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">If you need more details regarding decoding mode, setting up video rendering, then please refer to the <a class=\"link link--blue fontWeight-4\"href=\"https:\/\/imouto.my\/tutorials\/configuring-potplayer-for-gpu-accelerated-video-playback-with-dxva-or-cuda-and-also-high-performance-software-decoding\/\">original site<\/a>.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">Screenshots below is from an anime <a class=\"link link--blue fontWeight-4\"href=\"https:\/\/myanimelist.net\/anime\/1689\/Byousoku_5_Centimeter\">5 Centimeters Per Second<\/a>. Very beautiful, romantic, and worth watching. It\u2019s a movie, not episodic.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\"><\/p>\n<div id='gallery-2' class='gallery galleryid-10840 gallery-columns-3 gallery-size-thumbnail'><dl class='gallery-item'>\n\t\t\t<dt class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/www.shopjessicabuckley.com\/blog\/designers-workflow-windows\/1ajiytqh-9dyr6jt19ixveg\/'><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/www.shopjessicabuckley.com\/wp-content\/uploads\/2017\/07\/1AJIYTqh-9dyr6Jt19IXVeg-300x300.png\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" srcset=\"https:\/\/www.shopjessicabuckley.com\/wp-content\/uploads\/2017\/07\/1AJIYTqh-9dyr6Jt19IXVeg-300x300.png 300w, https:\/\/www.shopjessicabuckley.com\/wp-content\/uploads\/2017\/07\/1AJIYTqh-9dyr6Jt19IXVeg-32x32.png 32w, https:\/\/www.shopjessicabuckley.com\/wp-content\/uploads\/2017\/07\/1AJIYTqh-9dyr6Jt19IXVeg-50x50.png 50w, https:\/\/www.shopjessicabuckley.com\/wp-content\/uploads\/2017\/07\/1AJIYTqh-9dyr6Jt19IXVeg-64x64.png 64w, https:\/\/www.shopjessicabuckley.com\/wp-content\/uploads\/2017\/07\/1AJIYTqh-9dyr6Jt19IXVeg-96x96.png 96w, https:\/\/www.shopjessicabuckley.com\/wp-content\/uploads\/2017\/07\/1AJIYTqh-9dyr6Jt19IXVeg-128x128.png 128w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a>\n\t\t\t<\/dt><\/dl><dl class='gallery-item'>\n\t\t\t<dt class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/www.shopjessicabuckley.com\/blog\/designers-workflow-windows\/1x0thqkgp6eomksp56bayrq\/'><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/www.shopjessicabuckley.com\/wp-content\/uploads\/2017\/07\/1X0THQkgP6eOmksP56BAyrQ-300x300.png\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" srcset=\"https:\/\/www.shopjessicabuckley.com\/wp-content\/uploads\/2017\/07\/1X0THQkgP6eOmksP56BAyrQ-300x300.png 300w, https:\/\/www.shopjessicabuckley.com\/wp-content\/uploads\/2017\/07\/1X0THQkgP6eOmksP56BAyrQ-32x32.png 32w, https:\/\/www.shopjessicabuckley.com\/wp-content\/uploads\/2017\/07\/1X0THQkgP6eOmksP56BAyrQ-50x50.png 50w, https:\/\/www.shopjessicabuckley.com\/wp-content\/uploads\/2017\/07\/1X0THQkgP6eOmksP56BAyrQ-64x64.png 64w, https:\/\/www.shopjessicabuckley.com\/wp-content\/uploads\/2017\/07\/1X0THQkgP6eOmksP56BAyrQ-96x96.png 96w, https:\/\/www.shopjessicabuckley.com\/wp-content\/uploads\/2017\/07\/1X0THQkgP6eOmksP56BAyrQ-128x128.png 128w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a>\n\t\t\t<\/dt><\/dl><dl class='gallery-item'>\n\t\t\t<dt class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/www.shopjessicabuckley.com\/blog\/designers-workflow-windows\/17qj2cnepwdqfnmdph_rc0w\/'><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/www.shopjessicabuckley.com\/wp-content\/uploads\/2017\/07\/17QJ2CNEpWDqfNMDPH_rC0w-300x300.png\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" srcset=\"https:\/\/www.shopjessicabuckley.com\/wp-content\/uploads\/2017\/07\/17QJ2CNEpWDqfNMDPH_rC0w-300x300.png 300w, https:\/\/www.shopjessicabuckley.com\/wp-content\/uploads\/2017\/07\/17QJ2CNEpWDqfNMDPH_rC0w-32x32.png 32w, https:\/\/www.shopjessicabuckley.com\/wp-content\/uploads\/2017\/07\/17QJ2CNEpWDqfNMDPH_rC0w-50x50.png 50w, https:\/\/www.shopjessicabuckley.com\/wp-content\/uploads\/2017\/07\/17QJ2CNEpWDqfNMDPH_rC0w-64x64.png 64w, https:\/\/www.shopjessicabuckley.com\/wp-content\/uploads\/2017\/07\/17QJ2CNEpWDqfNMDPH_rC0w-96x96.png 96w, https:\/\/www.shopjessicabuckley.com\/wp-content\/uploads\/2017\/07\/17QJ2CNEpWDqfNMDPH_rC0w-128x128.png 128w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a>\n\t\t\t<\/dt><\/dl><br style=\"clear: both\" \/><dl class='gallery-item'>\n\t\t\t<dt class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/www.shopjessicabuckley.com\/blog\/designers-workflow-windows\/1t9la1crvljxgnpp3wswekq\/'><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/www.shopjessicabuckley.com\/wp-content\/uploads\/2017\/07\/1t9La1CrVLjXgnpP3WSwEKQ-300x300.jpeg\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" srcset=\"https:\/\/www.shopjessicabuckley.com\/wp-content\/uploads\/2017\/07\/1t9La1CrVLjXgnpP3WSwEKQ-300x300.jpeg 300w, https:\/\/www.shopjessicabuckley.com\/wp-content\/uploads\/2017\/07\/1t9La1CrVLjXgnpP3WSwEKQ-32x32.jpeg 32w, https:\/\/www.shopjessicabuckley.com\/wp-content\/uploads\/2017\/07\/1t9La1CrVLjXgnpP3WSwEKQ-50x50.jpeg 50w, https:\/\/www.shopjessicabuckley.com\/wp-content\/uploads\/2017\/07\/1t9La1CrVLjXgnpP3WSwEKQ-64x64.jpeg 64w, https:\/\/www.shopjessicabuckley.com\/wp-content\/uploads\/2017\/07\/1t9La1CrVLjXgnpP3WSwEKQ-96x96.jpeg 96w, https:\/\/www.shopjessicabuckley.com\/wp-content\/uploads\/2017\/07\/1t9La1CrVLjXgnpP3WSwEKQ-128x128.jpeg 128w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a>\n\t\t\t<\/dt><\/dl><dl class='gallery-item'>\n\t\t\t<dt class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/www.shopjessicabuckley.com\/blog\/designers-workflow-windows\/1wihq0mustdw2ecidswyaca\/'><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/www.shopjessicabuckley.com\/wp-content\/uploads\/2017\/07\/1WIHq0MustDw2eCiDSwYACA-300x300.jpeg\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" srcset=\"https:\/\/www.shopjessicabuckley.com\/wp-content\/uploads\/2017\/07\/1WIHq0MustDw2eCiDSwYACA-300x300.jpeg 300w, https:\/\/www.shopjessicabuckley.com\/wp-content\/uploads\/2017\/07\/1WIHq0MustDw2eCiDSwYACA-32x32.jpeg 32w, https:\/\/www.shopjessicabuckley.com\/wp-content\/uploads\/2017\/07\/1WIHq0MustDw2eCiDSwYACA-50x50.jpeg 50w, https:\/\/www.shopjessicabuckley.com\/wp-content\/uploads\/2017\/07\/1WIHq0MustDw2eCiDSwYACA-64x64.jpeg 64w, https:\/\/www.shopjessicabuckley.com\/wp-content\/uploads\/2017\/07\/1WIHq0MustDw2eCiDSwYACA-96x96.jpeg 96w, https:\/\/www.shopjessicabuckley.com\/wp-content\/uploads\/2017\/07\/1WIHq0MustDw2eCiDSwYACA-128x128.jpeg 128w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a>\n\t\t\t<\/dt><\/dl><dl class='gallery-item'>\n\t\t\t<dt class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/www.shopjessicabuckley.com\/blog\/designers-workflow-windows\/1dcwsnhrlrkfjhxtnvauf0w\/'><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/www.shopjessicabuckley.com\/wp-content\/uploads\/2017\/07\/1dcwsnHRLRKfJHxtNVaUf0w-300x300.jpeg\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" srcset=\"https:\/\/www.shopjessicabuckley.com\/wp-content\/uploads\/2017\/07\/1dcwsnHRLRKfJHxtNVaUf0w-300x300.jpeg 300w, https:\/\/www.shopjessicabuckley.com\/wp-content\/uploads\/2017\/07\/1dcwsnHRLRKfJHxtNVaUf0w-32x32.jpeg 32w, https:\/\/www.shopjessicabuckley.com\/wp-content\/uploads\/2017\/07\/1dcwsnHRLRKfJHxtNVaUf0w-50x50.jpeg 50w, https:\/\/www.shopjessicabuckley.com\/wp-content\/uploads\/2017\/07\/1dcwsnHRLRKfJHxtNVaUf0w-64x64.jpeg 64w, https:\/\/www.shopjessicabuckley.com\/wp-content\/uploads\/2017\/07\/1dcwsnHRLRKfJHxtNVaUf0w-96x96.jpeg 96w, https:\/\/www.shopjessicabuckley.com\/wp-content\/uploads\/2017\/07\/1dcwsnHRLRKfJHxtNVaUf0w-128x128.jpeg 128w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a>\n\t\t\t<\/dt><\/dl><br style=\"clear: both\" \/><dl class='gallery-item'>\n\t\t\t<dt class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/www.shopjessicabuckley.com\/blog\/designers-workflow-windows\/1mhcsussbefbkfgf6akyipq\/'><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/www.shopjessicabuckley.com\/wp-content\/uploads\/2017\/07\/1mHcsussBefbKfGF6AkyIpQ-300x300.png\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" srcset=\"https:\/\/www.shopjessicabuckley.com\/wp-content\/uploads\/2017\/07\/1mHcsussBefbKfGF6AkyIpQ-300x300.png 300w, https:\/\/www.shopjessicabuckley.com\/wp-content\/uploads\/2017\/07\/1mHcsussBefbKfGF6AkyIpQ-32x32.png 32w, https:\/\/www.shopjessicabuckley.com\/wp-content\/uploads\/2017\/07\/1mHcsussBefbKfGF6AkyIpQ-50x50.png 50w, https:\/\/www.shopjessicabuckley.com\/wp-content\/uploads\/2017\/07\/1mHcsussBefbKfGF6AkyIpQ-64x64.png 64w, https:\/\/www.shopjessicabuckley.com\/wp-content\/uploads\/2017\/07\/1mHcsussBefbKfGF6AkyIpQ-96x96.png 96w, https:\/\/www.shopjessicabuckley.com\/wp-content\/uploads\/2017\/07\/1mHcsussBefbKfGF6AkyIpQ-128x128.png 128w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a>\n\t\t\t<\/dt><\/dl><dl class='gallery-item'>\n\t\t\t<dt class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/www.shopjessicabuckley.com\/blog\/designers-workflow-windows\/1o8o9otw404lvsdmbognkbg\/'><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/www.shopjessicabuckley.com\/wp-content\/uploads\/2017\/07\/1O8O9OTw404lvSDmbOgnKBg-300x300.jpeg\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" srcset=\"https:\/\/www.shopjessicabuckley.com\/wp-content\/uploads\/2017\/07\/1O8O9OTw404lvSDmbOgnKBg-300x300.jpeg 300w, https:\/\/www.shopjessicabuckley.com\/wp-content\/uploads\/2017\/07\/1O8O9OTw404lvSDmbOgnKBg-32x32.jpeg 32w, https:\/\/www.shopjessicabuckley.com\/wp-content\/uploads\/2017\/07\/1O8O9OTw404lvSDmbOgnKBg-50x50.jpeg 50w, https:\/\/www.shopjessicabuckley.com\/wp-content\/uploads\/2017\/07\/1O8O9OTw404lvSDmbOgnKBg-64x64.jpeg 64w, https:\/\/www.shopjessicabuckley.com\/wp-content\/uploads\/2017\/07\/1O8O9OTw404lvSDmbOgnKBg-96x96.jpeg 96w, https:\/\/www.shopjessicabuckley.com\/wp-content\/uploads\/2017\/07\/1O8O9OTw404lvSDmbOgnKBg-128x128.jpeg 128w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a>\n\t\t\t<\/dt><\/dl><dl class='gallery-item'>\n\t\t\t<dt class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/www.shopjessicabuckley.com\/blog\/designers-workflow-windows\/1v2ligdz2n1dycbesvtr0aw\/'><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/www.shopjessicabuckley.com\/wp-content\/uploads\/2017\/07\/1v2ligDZ2N1dYcbeSvtr0aw-300x300.jpeg\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" srcset=\"https:\/\/www.shopjessicabuckley.com\/wp-content\/uploads\/2017\/07\/1v2ligDZ2N1dYcbeSvtr0aw-300x300.jpeg 300w, https:\/\/www.shopjessicabuckley.com\/wp-content\/uploads\/2017\/07\/1v2ligDZ2N1dYcbeSvtr0aw-32x32.jpeg 32w, https:\/\/www.shopjessicabuckley.com\/wp-content\/uploads\/2017\/07\/1v2ligDZ2N1dYcbeSvtr0aw-50x50.jpeg 50w, https:\/\/www.shopjessicabuckley.com\/wp-content\/uploads\/2017\/07\/1v2ligDZ2N1dYcbeSvtr0aw-64x64.jpeg 64w, https:\/\/www.shopjessicabuckley.com\/wp-content\/uploads\/2017\/07\/1v2ligDZ2N1dYcbeSvtr0aw-96x96.jpeg 96w, https:\/\/www.shopjessicabuckley.com\/wp-content\/uploads\/2017\/07\/1v2ligDZ2N1dYcbeSvtr0aw-128x128.jpeg 128w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a>\n\t\t\t<\/dt><\/dl><br style=\"clear: both\" \/><dl class='gallery-item'>\n\t\t\t<dt class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/www.shopjessicabuckley.com\/blog\/designers-workflow-windows\/18ewpbyzm9vujtkxqijvjvq\/'><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/www.shopjessicabuckley.com\/wp-content\/uploads\/2017\/07\/18EwPBYzM9vUjtKxqIjVJVQ-300x300.png\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" srcset=\"https:\/\/www.shopjessicabuckley.com\/wp-content\/uploads\/2017\/07\/18EwPBYzM9vUjtKxqIjVJVQ-300x300.png 300w, https:\/\/www.shopjessicabuckley.com\/wp-content\/uploads\/2017\/07\/18EwPBYzM9vUjtKxqIjVJVQ-32x32.png 32w, https:\/\/www.shopjessicabuckley.com\/wp-content\/uploads\/2017\/07\/18EwPBYzM9vUjtKxqIjVJVQ-50x50.png 50w, https:\/\/www.shopjessicabuckley.com\/wp-content\/uploads\/2017\/07\/18EwPBYzM9vUjtKxqIjVJVQ-64x64.png 64w, https:\/\/www.shopjessicabuckley.com\/wp-content\/uploads\/2017\/07\/18EwPBYzM9vUjtKxqIjVJVQ-96x96.png 96w, https:\/\/www.shopjessicabuckley.com\/wp-content\/uploads\/2017\/07\/18EwPBYzM9vUjtKxqIjVJVQ-128x128.png 128w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a>\n\t\t\t<\/dt><\/dl><dl class='gallery-item'>\n\t\t\t<dt class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/www.shopjessicabuckley.com\/blog\/designers-workflow-windows\/16bjw9h4ouobpsvq_7r2_cg\/'><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/www.shopjessicabuckley.com\/wp-content\/uploads\/2017\/07\/16bJW9H4OuoBpsvQ_7R2_Cg-300x300.jpeg\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" srcset=\"https:\/\/www.shopjessicabuckley.com\/wp-content\/uploads\/2017\/07\/16bJW9H4OuoBpsvQ_7R2_Cg-300x300.jpeg 300w, https:\/\/www.shopjessicabuckley.com\/wp-content\/uploads\/2017\/07\/16bJW9H4OuoBpsvQ_7R2_Cg-32x32.jpeg 32w, https:\/\/www.shopjessicabuckley.com\/wp-content\/uploads\/2017\/07\/16bJW9H4OuoBpsvQ_7R2_Cg-50x50.jpeg 50w, https:\/\/www.shopjessicabuckley.com\/wp-content\/uploads\/2017\/07\/16bJW9H4OuoBpsvQ_7R2_Cg-64x64.jpeg 64w, https:\/\/www.shopjessicabuckley.com\/wp-content\/uploads\/2017\/07\/16bJW9H4OuoBpsvQ_7R2_Cg-96x96.jpeg 96w, https:\/\/www.shopjessicabuckley.com\/wp-content\/uploads\/2017\/07\/16bJW9H4OuoBpsvQ_7R2_Cg-128x128.jpeg 128w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a>\n\t\t\t<\/dt><\/dl><dl class='gallery-item'>\n\t\t\t<dt class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/www.shopjessicabuckley.com\/blog\/designers-workflow-windows\/1qtkuspendcwvxjpj0309gq\/'><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/www.shopjessicabuckley.com\/wp-content\/uploads\/2017\/07\/1qtKUspENdCwVxjPJ0309GQ-300x300.png\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" srcset=\"https:\/\/www.shopjessicabuckley.com\/wp-content\/uploads\/2017\/07\/1qtKUspENdCwVxjPJ0309GQ-300x300.png 300w, https:\/\/www.shopjessicabuckley.com\/wp-content\/uploads\/2017\/07\/1qtKUspENdCwVxjPJ0309GQ-32x32.png 32w, https:\/\/www.shopjessicabuckley.com\/wp-content\/uploads\/2017\/07\/1qtKUspENdCwVxjPJ0309GQ-50x50.png 50w, https:\/\/www.shopjessicabuckley.com\/wp-content\/uploads\/2017\/07\/1qtKUspENdCwVxjPJ0309GQ-64x64.png 64w, https:\/\/www.shopjessicabuckley.com\/wp-content\/uploads\/2017\/07\/1qtKUspENdCwVxjPJ0309GQ-96x96.png 96w, https:\/\/www.shopjessicabuckley.com\/wp-content\/uploads\/2017\/07\/1qtKUspENdCwVxjPJ0309GQ-128x128.png 128w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a>\n\t\t\t<\/dt><\/dl><br style=\"clear: both\" \/><dl class='gallery-item'>\n\t\t\t<dt class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/www.shopjessicabuckley.com\/blog\/designers-workflow-windows\/1bfo7na7blmxx73h0qzdgtq\/'><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/www.shopjessicabuckley.com\/wp-content\/uploads\/2017\/07\/1BFO7nA7bLMxX73h0qZDGTQ-300x300.png\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" srcset=\"https:\/\/www.shopjessicabuckley.com\/wp-content\/uploads\/2017\/07\/1BFO7nA7bLMxX73h0qZDGTQ-300x300.png 300w, https:\/\/www.shopjessicabuckley.com\/wp-content\/uploads\/2017\/07\/1BFO7nA7bLMxX73h0qZDGTQ-32x32.png 32w, https:\/\/www.shopjessicabuckley.com\/wp-content\/uploads\/2017\/07\/1BFO7nA7bLMxX73h0qZDGTQ-50x50.png 50w, https:\/\/www.shopjessicabuckley.com\/wp-content\/uploads\/2017\/07\/1BFO7nA7bLMxX73h0qZDGTQ-64x64.png 64w, https:\/\/www.shopjessicabuckley.com\/wp-content\/uploads\/2017\/07\/1BFO7nA7bLMxX73h0qZDGTQ-96x96.png 96w, https:\/\/www.shopjessicabuckley.com\/wp-content\/uploads\/2017\/07\/1BFO7nA7bLMxX73h0qZDGTQ-128x128.png 128w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a>\n\t\t\t<\/dt><\/dl><dl class='gallery-item'>\n\t\t\t<dt class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/www.shopjessicabuckley.com\/blog\/designers-workflow-windows\/1pt45v6nctze_fptoi8ujaq\/'><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/www.shopjessicabuckley.com\/wp-content\/uploads\/2017\/07\/1PT45V6NcTZe_FPToI8UjAQ-300x300.png\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" srcset=\"https:\/\/www.shopjessicabuckley.com\/wp-content\/uploads\/2017\/07\/1PT45V6NcTZe_FPToI8UjAQ-300x300.png 300w, https:\/\/www.shopjessicabuckley.com\/wp-content\/uploads\/2017\/07\/1PT45V6NcTZe_FPToI8UjAQ-32x32.png 32w, https:\/\/www.shopjessicabuckley.com\/wp-content\/uploads\/2017\/07\/1PT45V6NcTZe_FPToI8UjAQ-50x50.png 50w, https:\/\/www.shopjessicabuckley.com\/wp-content\/uploads\/2017\/07\/1PT45V6NcTZe_FPToI8UjAQ-64x64.png 64w, https:\/\/www.shopjessicabuckley.com\/wp-content\/uploads\/2017\/07\/1PT45V6NcTZe_FPToI8UjAQ-96x96.png 96w, https:\/\/www.shopjessicabuckley.com\/wp-content\/uploads\/2017\/07\/1PT45V6NcTZe_FPToI8UjAQ-128x128.png 128w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a>\n\t\t\t<\/dt><\/dl>\n\t\t\t<br style='clear: both' \/>\n\t\t<\/div>\n\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\"><center><\/p>\n\u00a0<a class=\"link link--blue fontWeight-4\"href=\"https:\/\/myanimelist.net\/anime\/1689\/Byousoku_5_Centimeter\">5 Centimeters Per Second<\/a>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\"><\/center><\/p>\n<h2 class=\"pageWrap pageWrap--s marginTop-xl marginBottom-l c-black lineHeight-xl fontSize-xl fontWeight-5 breakPointM-lineHeight-xxl breakPointM-fontSize-xxl\" style=\"margin-left: auto; margin-right: auto;\">Ninite<\/h2>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">When you install Windows, it\u2019s fresh. It got practically no program you regularly use (not even a browser) and it\u2019s tiresome to download and install all of these all over again. Nah, don\u2019t need to do that no more. Ninite will take care of that for you and it doesn\u2019t download with sneaky toolbar spyware, don\u2019t worry.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">I also configured ninite and put the install file on my Windows 8 install USB drive in \u201cInstall\u201d folder so I don\u2019t even need to open IE to get started setting up.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">You pick what software you need, then it will download and install them all with one click.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\"><a class=\"link link--blue fontWeight-4\"href=\"https:\/\/ninite.com\/\">Download Ninite<\/a><\/p>\n<h2 class=\"pageWrap pageWrap--s marginTop-xl marginBottom-l c-black lineHeight-xl fontSize-xl fontWeight-5 breakPointM-lineHeight-xxl breakPointM-fontSize-xxl\" style=\"margin-left: auto; margin-right: auto;\">Gulp<\/h2>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">If you\u2019re a front-end developer (even just HTML5 &amp; CSS3) and don\u2019t use gulp, do the following:<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\"><strong class=\"c-slate lineHeight-l fontSize-l fontWeight-5 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">Step 1:<\/strong> Sit in the corner and be ashamed of yourself for approximately 5 minutes.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\"><strong class=\"c-slate lineHeight-l fontSize-l fontWeight-5 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">Step 2<\/strong>: Read this <a class=\"link link--blue fontWeight-4\"href=\"https:\/\/github.com\/dmxt\/beginner-gulp-tutorial-on-windows\">beginner gulp tutorial guide<\/a> to make your life easier forever.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\"><strong class=\"c-slate lineHeight-l fontSize-l fontWeight-5 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">Step 3<\/strong>: Cry in the same corner you chose because you haven\u2019t done it earlier.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">Though it\u2019s not really Windows related, it\u2019s supported on all platforms but this tutorial is targeted to front-end developers and gulp is a semi-required knowledge and makes developers\u2019 life easier by 100 times.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">Notice: If you have any trouble downloading, installing, configuring or the transition from macOS to Windows, just email me at <a class=\"link link--blue fontWeight-4\"href=\"mailto:dana@dmxt.org\">dana@dmxt.org<\/a> and I\u2019ll try my best to help you. Please include in Subject [Your tutorial].<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\"><em>This post was originally published on <a class=\"link link--blue fontWeight-4\"href=\"https:\/\/uxdesign.cc\/designers-workflow-on-windows-57393856ae59\" target=\"_blank\">Danas's Medium profile<\/a>. <\/em><\/p>\n","protected":false},"excerpt":{"rendered":"<p>I\u2019m one of those designers who use Windows as a primary operating system. I also have moderate experience with Linux and almost none with macOS. After recent Microsoft and Apple press conferences, there was a significant upset from Apple users and some of them were considering to switch over to Windows. I decided to layout my workflow and what software&#8230; <a class=\"link link--blue fontWeight-4\" href=\"https:\/\/www.shopjessicabuckley.com\/blog\/designers-workflow-windows\/\">Read More &#65515;<\/a><\/p>\n","protected":false},"author":152,"featured_media":10868,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[11],"tags":[],"class_list":["post-10840","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-viewpoint"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v15.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.shopjessicabuckley.com\/blog\/designers-workflow-windows\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Designer\u2019s workflow on Windows | Marvel Blog\" \/>\n<meta property=\"og:description\" content=\"I\u2019m one of those designers who use Windows as a primary operating system. I also have moderate experience with Linux and almost none with macOS. After recent Microsoft and Apple press conferences, there was a significant upset from Apple users and some of them were considering to switch over to Windows. I decided to layout my workflow and what software... Read More &#65515;\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.shopjessicabuckley.com\/blog\/designers-workflow-windows\/\" \/>\n<meta property=\"og:site_name\" content=\"Marvel Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/marvelapp\" \/>\n<meta property=\"article:published_time\" content=\"2017-07-19T13:26:12+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.shopjessicabuckley.com\/wp-content\/uploads\/2017\/07\/1-6NKzRbcwEK2wNsabgPjOuA.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1500\" \/>\n\t<meta property=\"og:image:height\" content=\"584\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@marvelapp\" \/>\n<meta name=\"twitter:site\" content=\"@marvelapp\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\">\n\t<meta name=\"twitter:data1\" content=\"10 minutes\">\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.shopjessicabuckley.com\/blog\/#organization\",\"name\":\"Marvel\",\"url\":\"https:\/\/www.shopjessicabuckley.com\/blog\/\",\"sameAs\":[\"https:\/\/www.facebook.com\/marvelapp\",\"https:\/\/www.instagram.com\/marvelapp\/\",\"https:\/\/www.linkedin.com\/company\/marvel-app\/\",\"https:\/\/twitter.com\/marvelapp\"],\"logo\":{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/www.shopjessicabuckley.com\/blog\/#logo\",\"inLanguage\":\"en-GB\",\"url\":\"https:\/\/www.shopjessicabuckley.com\/wp-content\/uploads\/2018\/06\/Logo-Light.png\",\"width\":1605,\"height\":1130,\"caption\":\"Marvel\"},\"image\":{\"@id\":\"https:\/\/www.shopjessicabuckley.com\/blog\/#logo\"}},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.shopjessicabuckley.com\/blog\/#website\",\"url\":\"https:\/\/www.shopjessicabuckley.com\/blog\/\",\"name\":\"Marvel Blog\",\"description\":\"Ideas and words on user experience, design, collaboration and more\",\"publisher\":{\"@id\":\"https:\/\/www.shopjessicabuckley.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":\"https:\/\/www.shopjessicabuckley.com\/blog\/?s={search_term_string}\",\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-GB\"},{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/www.shopjessicabuckley.com\/blog\/designers-workflow-windows\/#primaryimage\",\"inLanguage\":\"en-GB\",\"url\":\"https:\/\/www.shopjessicabuckley.com\/wp-content\/uploads\/2017\/07\/1-6NKzRbcwEK2wNsabgPjOuA.png\",\"width\":1500,\"height\":584},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.shopjessicabuckley.com\/blog\/designers-workflow-windows\/#webpage\",\"url\":\"https:\/\/www.shopjessicabuckley.com\/blog\/designers-workflow-windows\/\",\"name\":\"Designer\\u2019s workflow on Windows | Marvel Blog\",\"isPartOf\":{\"@id\":\"https:\/\/www.shopjessicabuckley.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.shopjessicabuckley.com\/blog\/designers-workflow-windows\/#primaryimage\"},\"datePublished\":\"2017-07-19T13:26:12+00:00\",\"dateModified\":\"2017-07-19T13:26:12+00:00\",\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.shopjessicabuckley.com\/blog\/designers-workflow-windows\/\"]}]},{\"@type\":\"Article\",\"@id\":\"https:\/\/www.shopjessicabuckley.com\/blog\/designers-workflow-windows\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.shopjessicabuckley.com\/blog\/designers-workflow-windows\/#webpage\"},\"author\":{\"@id\":\"https:\/\/www.shopjessicabuckley.com\/blog\/#\/schema\/person\/b0e24f311e5ec36c6ba210e0881ff85a\"},\"headline\":\"Designer\\u2019s workflow on Windows\",\"datePublished\":\"2017-07-19T13:26:12+00:00\",\"dateModified\":\"2017-07-19T13:26:12+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.shopjessicabuckley.com\/blog\/designers-workflow-windows\/#webpage\"},\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.shopjessicabuckley.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.shopjessicabuckley.com\/blog\/designers-workflow-windows\/#primaryimage\"},\"articleSection\":\"Viewpoint\",\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.shopjessicabuckley.com\/blog\/designers-workflow-windows\/#respond\"]}]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.shopjessicabuckley.com\/blog\/#\/schema\/person\/b0e24f311e5ec36c6ba210e0881ff85a\",\"name\":\"Dana\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/www.shopjessicabuckley.com\/blog\/#personlogo\",\"inLanguage\":\"en-GB\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/399b7fc6b48b611095ebd12cd1df3d0a155a3ca3c3bd84430aea341a7a08e105?s=96&d=mm&r=g\",\"caption\":\"Dana\"},\"description\":\"Designer &amp; front-end developer. Currently available for hire. Studies languages, book lover, and BMW enthusiast. Find her on Twitter.\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","_links":{"self":[{"href":"https:\/\/www.shopjessicabuckley.com\/blog\/wp-json\/wp\/v2\/posts\/10840","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.shopjessicabuckley.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.shopjessicabuckley.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.shopjessicabuckley.com\/blog\/wp-json\/wp\/v2\/users\/152"}],"replies":[{"embeddable":true,"href":"https:\/\/www.shopjessicabuckley.com\/blog\/wp-json\/wp\/v2\/comments?post=10840"}],"version-history":[{"count":0,"href":"https:\/\/www.shopjessicabuckley.com\/blog\/wp-json\/wp\/v2\/posts\/10840\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.shopjessicabuckley.com\/blog\/wp-json\/wp\/v2\/media\/10868"}],"wp:attachment":[{"href":"https:\/\/www.shopjessicabuckley.com\/blog\/wp-json\/wp\/v2\/media?parent=10840"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.shopjessicabuckley.com\/blog\/wp-json\/wp\/v2\/categories?post=10840"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.shopjessicabuckley.com\/blog\/wp-json\/wp\/v2\/tags?post=10840"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}