{"id":21876,"date":"2014-05-29T09:28:19","date_gmt":"2014-05-29T07:28:19","guid":{"rendered":"https:\/\/mamchenkov.net\/wordpress\/?p=21876"},"modified":"2014-05-29T09:28:19","modified_gmt":"2014-05-29T07:28:19","slug":"pho-devstack-1-0-automated-workflow-for-front-end-developers-in-one-tasty-bowl-of-code","status":"publish","type":"post","link":"https:\/\/mamchenkov.net\/wordpress\/2014\/05\/29\/pho-devstack-1-0-automated-workflow-for-front-end-developers-in-one-tasty-bowl-of-code\/","title":{"rendered":"PH\u1ede DEVSTACK 1.0 &#8211; automated workflow for front-end developers in one tasty bowl of code"},"content":{"rendered":"<!-- google_ad_section_start -->\n<p><a href=\"http:\/\/pho.madebysource.com\/\">PH\u1ede DEVSTACK 1.0<\/a> &#8211; automated workflow for front-end developers in one tasty bowl of code.<\/p>\n<blockquote><p>Features:<\/p>\n<ul>\n<li>Yeoman generator<\/li>\n<li>Livereload (without refresh for CSS)<\/li>\n<li>LESS stylesheets compilation<\/li>\n<li>HTML, JavaScript and CSS minification<\/li>\n<li>Advanced image handling (base64 inlining, image optimization, sprite generation)<\/li>\n<li>Browserify JavaScript modules<\/li>\n<li>Linting JavaScript<\/li>\n<li>Running unit and end to end tests<\/li>\n<li>Configurable directory structure<\/li>\n<li>Replacing text in HTML (meta tags, analytics codes)<\/li>\n<li>Scripts and stylesheets revisioning<\/li>\n<li>Running build after file is changed<\/li>\n<li>Configurable plugins<\/li>\n<li>Stays up-to-date<\/li>\n<\/ul>\n<\/blockquote>\n<!-- google_ad_section_end -->\n","protected":false},"excerpt":{"rendered":"<!-- google_ad_section_start -->\n<p>PH\u1ede DEVSTACK 1.0 &#8211; automated workflow for front-end developers in one tasty bowl of code. Features: Yeoman generator Livereload (without refresh for CSS) LESS stylesheets compilation HTML, JavaScript and CSS minification Advanced image handling (base64 inlining, image optimization, sprite generation) Browserify JavaScript modules Linting JavaScript Running unit and end to end tests Configurable directory structure &hellip; <a href=\"https:\/\/mamchenkov.net\/wordpress\/2014\/05\/29\/pho-devstack-1-0-automated-workflow-for-front-end-developers-in-one-tasty-bowl-of-code\/\" class=\"more-link\">Continue reading <span class=\"screen-reader-text\">PH\u1ede DEVSTACK 1.0 &#8211; automated workflow for front-end developers in one tasty bowl of code<\/span><\/a><\/p>\n<!-- google_ad_section_end -->\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"link","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2},"_links_to":"","_links_to_target":""},"categories":[1,18,62,1334],"tags":[1517,1190,1139,1330],"keyring_services":[],"class_list":["post-21876","post","type-post","status-publish","format-link","hentry","category-general","category-programming","category-technology","category-web-work","tag-css","tag-html","tag-javascript","tag-web-development","post_format-post-format-link"],"aioseo_notices":[],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"","jetpack-related-posts":[{"id":28141,"url":"https:\/\/mamchenkov.net\/wordpress\/2017\/10\/23\/front-end-checklist\/","url_meta":{"origin":21876,"position":0},"title":"Front-End Checklist","author":"Leonid Mamchenkov","date":"October 23, 2017","format":false,"excerpt":"This Front-End Checklist is pretty awesome and quite extensive: The\u00a0Front-End Checklist\u00a0is an exhaustive list of all elements you need to have \/ to test before launching your site \/ page HTML to production. It is based on Front-End developers' years of experience, with the addition from some other open-source checklists.\u2026","rel":"","context":"In &quot;All&quot;","block_context":{"text":"All","link":"https:\/\/mamchenkov.net\/wordpress\/category\/general\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":27713,"url":"https:\/\/mamchenkov.net\/wordpress\/2017\/06\/21\/grab-front-end-guide\/","url_meta":{"origin":21876,"position":1},"title":"Grab Front End Guide","author":"Leonid Mamchenkov","date":"June 21, 2017","format":false,"excerpt":"Grab Front End Guide is a front end development guide for the large engineering teams. \u00a0It focuses primarily around the JavaScript stack, with HTML and CSS, and covers coding, testing, linking, and deploying.","rel":"","context":"In &quot;All&quot;","block_context":{"text":"All","link":"https:\/\/mamchenkov.net\/wordpress\/category\/general\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2017\/06\/desk-500x333.png?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]},{"id":9501,"url":"https:\/\/mamchenkov.net\/wordpress\/2005\/09\/27\/daily-del-icio-us-bookmarks\/","url_meta":{"origin":21876,"position":2},"title":"Daily del.icio.us bookmarks","author":"Leonid Mamchenkov","date":"September 27, 2005","format":false,"excerpt":"Shared bookmarks for del.icio.us user tvset on 2005-09-26 HOWTO Spot a Wannabe Web Standards Advocate Tagged as: accessibility css html humor lists standards web Ajax for Java developers: Build dynamic Java applications Tagged as: ajax applications article code css design development documentation examples gui howto ibm java javascript programming reference\u2026","rel":"","context":"In &quot;All&quot;","block_context":{"text":"All","link":"https:\/\/mamchenkov.net\/wordpress\/category\/general\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":22149,"url":"https:\/\/mamchenkov.net\/wordpress\/2014\/07\/08\/css-colorguard-keep-a-watchful-eye-on-your-css-colors\/","url_meta":{"origin":21876,"position":3},"title":"CSS Colorguard &#8211; keep a watchful eye on your CSS colors","author":"Leonid Mamchenkov","date":"July 8, 2014","format":"link","excerpt":"CSS Colorguard - keep a watchful eye on your CSS colors. Here is a better description from the README: Every CSS project starts out with good intentions, but inevitably, one too many people eye-dropper colors into nooks and crannies that you never knew existed. CSS Colorguard helps you maintain the\u2026","rel":"","context":"In &quot;All&quot;","block_context":{"text":"All","link":"https:\/\/mamchenkov.net\/wordpress\/category\/general\/"},"img":{"alt_text":"CIEDE2000 math","src":"https:\/\/i0.wp.com\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2014\/07\/CIEDE2000-math-389x500.png?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]},{"id":26370,"url":"https:\/\/mamchenkov.net\/wordpress\/2016\/08\/24\/web-developer-tools-from-browserling\/","url_meta":{"origin":21876,"position":4},"title":"Web Developer Tools from Browserling","author":"Leonid Mamchenkov","date":"August 24, 2016","format":false,"excerpt":"Browserling - an awesome cross-browser testing service, has a collection of Web Developer Tools, which are as simple to use as possible. \u00a0There are now more than 80 (!!!) tools, according to this Peteris Krumins blog post, that provide immediate help with things like converting dates and times, formats like\u2026","rel":"","context":"In &quot;All&quot;","block_context":{"text":"All","link":"https:\/\/mamchenkov.net\/wordpress\/category\/general\/"},"img":{"alt_text":"browserling-effortless-cross-browser-testing","src":"https:\/\/i0.wp.com\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2016\/08\/browserling-effortless-cross-browser-testing.png?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]},{"id":28341,"url":"https:\/\/mamchenkov.net\/wordpress\/2018\/01\/22\/micron-js-a-micro-interaction-css-javascript-library\/","url_meta":{"origin":21876,"position":5},"title":"micron.js &#8211; a micro-interaction CSS\/JavaScript library","author":"Leonid Mamchenkov","date":"January 22, 2018","format":false,"excerpt":"micron.js: a [\u03bc] microInteraction library built with CSS Animations and controlled by JavaScript Power It won't change your life, but it will help with adding a little human touch to your web application.","rel":"","context":"In &quot;All&quot;","block_context":{"text":"All","link":"https:\/\/mamchenkov.net\/wordpress\/category\/general\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]}],"jetpack_sharing_enabled":true,"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/posts\/21876","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/comments?post=21876"}],"version-history":[{"count":0,"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/posts\/21876\/revisions"}],"wp:attachment":[{"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/media?parent=21876"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/categories?post=21876"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/tags?post=21876"},{"taxonomy":"keyring_services","embeddable":true,"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/keyring_services?post=21876"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}