{"id":4139,"date":"2018-10-17T21:18:38","date_gmt":"2018-10-18T01:18:38","guid":{"rendered":"http:\/\/www.acarlstein.com\/?p=4139"},"modified":"2018-10-18T11:46:22","modified_gmt":"2018-10-18T15:46:22","slug":"some-trade-tools","status":"publish","type":"post","link":"http:\/\/blog.acarlstein.com\/?p=4139","title":{"rendered":"Some Trade Tools for Design, Development, QA and Dev Ops"},"content":{"rendered":"<h2><a href=\"http:\/\/www.acarlstein.com\/?attachment_id=4162\" rel=\"attachment wp-att-4162\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-4162\" src=\"http:\/\/www.elblender.com\/wordpress\/wp-content\/uploads\/2018\/10\/Trade-Tools-banner.png\" alt=\"\" width=\"723\" height=\"305\" srcset=\"http:\/\/blog.acarlstein.com\/wp-content\/uploads\/2018\/10\/Trade-Tools-banner.png 723w, http:\/\/blog.acarlstein.com\/wp-content\/uploads\/2018\/10\/Trade-Tools-banner-300x127.png 300w, http:\/\/blog.acarlstein.com\/wp-content\/uploads\/2018\/10\/Trade-Tools-banner-685x289.png 685w\" sizes=\"auto, (max-width: 723px) 100vw, 723px\" \/><\/a><a href=\"https:\/\/whimsical.co\/\">Whimsical<\/a><\/h2>\n<p>A rapid wire-frame\u00a0 and flow chart. It allows for collaboration. <br \/>\nIf\u00a0 you and your friends can work with up to 4 diagrams, then its free.<\/p>\n<p><iframe loading=\"lazy\" src=\"\/\/player.vimeo.com\/video\/255826273?title=0&amp;amp;byline=0\" width=\"640\" height=\"360\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<h2><a href=\"https:\/\/www.sketchapp.com\/\">Sketch<\/a> + <a href=\"https:\/\/sketchapphub.com\/resource\/craft-plugin-suite\/\">Craft Plugin<\/a><\/h2>\n<p>Sketch allows you to design websites, iOS and Android interfaces easily.<\/p>\n<iframe loading=\"lazy\"  id=\"_ytid_12916\"  width=\"480\" height=\"270\"  data-origwidth=\"480\" data-origheight=\"270\" src=\"https:\/\/www.youtube.com\/embed\/5EatUkHez0U?enablejsapi=1&autoplay=0&cc_load_policy=0&cc_lang_pref=&iv_load_policy=1&loop=0&rel=1&fs=1&playsinline=0&autohide=2&theme=dark&color=red&controls=1&\" class=\"__youtube_prefs__  no-lazyload\" title=\"YouTube player\"  allow=\"fullscreen; accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen data-no-lazy=\"1\" data-skipgform_ajax_framebjll=\"\"><\/iframe>\n<p><a href=\"https:\/\/sketchapphub.com\/resource\/craft-plugin-suite\/\">Craft<\/a>, a plugin made by <a href=\"https:\/\/www.invisionapp.com\/\">InVision<\/a>, provide some useful features to <a href=\"https:\/\/www.sketchapp.com\/#\">Sketch<\/a>, such as:<\/p>\n<ul>\n<li>Collaboration in real time<\/li>\n<li>Allow to build prototypes based on design files<\/li>\n<li>Allow for the synchronization of your design environment<\/li>\n<li>Allows to load real data to your design<\/li>\n<li>Its cloud enabled for sharing design assets<\/li>\n<li>Allow for the clone of design elements.<\/li>\n<\/ul>\n<p><iframe loading=\"lazy\" src=\"\/\/player.vimeo.com\/video\/153858834?title=0&amp;amp;byline=0\" width=\"640\" height=\"360\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\" data-mce-fragment=\"1\"><\/iframe><\/p>\n<h2><a href=\"https:\/\/www.invisionapp.com\/\">Invision<\/a> + <a href=\"https:\/\/zeplin.io\">Zeplin<\/a><\/h2>\n<p><a href=\"https:\/\/www.invisionapp.com\/\">Invision<\/a> is another design platform, as well as the creators of the <a href=\"https:\/\/sketchapphub.com\/resource\/craft-plugin-suite\/\">Craft<\/a> plugin for <a href=\"https:\/\/www.sketchapp.com\/\">Sketch<\/a>.<br \/>\nIt allows to design, document, and prototype websites, iOS, Android and more.<br \/>\nYou need to use an email account in order to start the free version.<br \/>\n<iframe loading=\"lazy\" src=\"\/\/player.vimeo.com\/video\/118640180?title=0&amp;amp;byline=0\" width=\"425\" height=\"350\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<p><a href=\"http:\/\/www.acarlstein.com\/?attachment_id=4142\" rel=\"attachment wp-att-4142\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-4142 alignleft\" src=\"http:\/\/www.elblender.com\/wordpress\/wp-content\/uploads\/2018\/10\/ezgif.com-gif-maker.png\" alt=\"\" width=\"60\" height=\"48\" \/><\/a>The <a href=\"https:\/\/zeplin.io\/\">Zeplin<\/a> plugin provide accurate specs, assets and even code snippets made from the designs.<br \/>\nIn our case, we are using the <a href=\"https:\/\/zeplin.io\/\">Zeplin<\/a> plugin for Sketch.<br \/>\nIt allows to export designs into <a href=\"https:\/\/www.sketchapp.com\/\">Sketch<\/a>, Adobe Photoshop CC, Figma and <a href=\"https:\/\/www.sketchapp.com\/\">Sketch<\/a>. <br \/>\nIt provides extensions, some which you can even create yourself. <br \/>\nCreate component libraries, do checklist to build every component, and tag people if needed.<br \/>\nIf you are only working on one project at a time, you can do it by free by creating an account.<\/p>\n<h2><a href=\"https:\/\/framer.com\">Framer<\/a><\/h2>\n<p>Note: <a href=\"https:\/\/framer.com\">Framer<\/a> is for Mac OS only; however, they promise to bring a client version for Windows soon.<\/p>\n<p><a href=\"https:\/\/framer.com\">Framer<\/a> allows you to design with code by using <a href=\"https:\/\/reactjs.org\/\">React<\/a>. It provides a transitional and responding layout.<\/p>\n<p><video controls=\"controls\" width=\"300\" height=\"150\"><source src=\"https:\/\/static.framer.com\/x\/frontpage\/hero.mp4\" type=\"video\/mp4\" \/><\/video><\/p>\n<p>Adaptive layouts, design toolkit with logos and icons libraries, reusable and iterative components, video players, in-app icons and UI elements, and more powered by <a href=\"https:\/\/reactjs.org\/\">React<\/a>.<\/p>\n<h2><a href=\"https:\/\/apiary.io\">Apiary<\/a><\/h2>\n<p><a href=\"https:\/\/apiary.io\/\">Apiary<\/a> is an Oracle tool which allows you to design an API without requiring to write code. Then, you can share the designed API.<br \/>\nIt allows for the use of Markdown, tests using mock servers, validation proxies and much more. Plus, it gives you code examples in different languages.<br \/>\nIf you are a Command Line guy, there is a <a href=\"https:\/\/help.apiary.io\/tools\/apiary-cli\/\">Apiary CLI Gem<\/a> available.<\/p>\n<p><a href=\"http:\/\/www.acarlstein.com\/?attachment_id=4151\" rel=\"attachment wp-att-4151\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-medium wp-image-4151\" src=\"http:\/\/www.elblender.com\/wordpress\/wp-content\/uploads\/2018\/10\/Apiary_example-300x169.png\" alt=\"\" width=\"300\" height=\"169\" srcset=\"http:\/\/blog.acarlstein.com\/wp-content\/uploads\/2018\/10\/Apiary_example-300x169.png 300w, http:\/\/blog.acarlstein.com\/wp-content\/uploads\/2018\/10\/Apiary_example-768x433.png 768w, http:\/\/blog.acarlstein.com\/wp-content\/uploads\/2018\/10\/Apiary_example-1024x578.png 1024w, http:\/\/blog.acarlstein.com\/wp-content\/uploads\/2018\/10\/Apiary_example-620x350.png 620w, http:\/\/blog.acarlstein.com\/wp-content\/uploads\/2018\/10\/Apiary_example.png 1664w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>Here is a Oracle session showing the best practices using this tool:<br \/>\n<iframe loading=\"lazy\"  id=\"_ytid_18933\"  width=\"480\" height=\"270\"  data-origwidth=\"480\" data-origheight=\"270\" src=\"https:\/\/www.youtube.com\/embed\/Tv6WZ2cuJH4?enablejsapi=1&autoplay=0&cc_load_policy=0&cc_lang_pref=&iv_load_policy=1&loop=0&rel=1&fs=1&playsinline=0&autohide=2&theme=dark&color=red&controls=1&\" class=\"__youtube_prefs__  no-lazyload\" title=\"YouTube player\"  allow=\"fullscreen; accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen data-no-lazy=\"1\" data-skipgform_ajax_framebjll=\"\"><\/iframe><\/p>\n<h2><a href=\"https:\/\/circleci.com\/\">CircleCI<\/a><\/h2>\n<p><a href=\"https:\/\/circleci.com\/\">CircleCI<\/a> is a continuous integration software. It will allow your teams to focus on working in incremental &#8220;stories&#8221;, each story is a code that will be merged incrementally into your shared repository software. The software can be setup to automate tests, deploys and much more. <a href=\"https:\/\/circleci.com\/\">CircleCI<\/a> is the equivalent of Jenkins or GitLab CI.<\/p>\n<iframe loading=\"lazy\"  id=\"_ytid_47331\"  width=\"480\" height=\"270\"  data-origwidth=\"480\" data-origheight=\"270\" src=\"https:\/\/www.youtube.com\/embed\/b2l4zTS8lPg?enablejsapi=1&autoplay=0&cc_load_policy=0&cc_lang_pref=&iv_load_policy=1&loop=0&rel=1&fs=1&playsinline=0&autohide=2&theme=dark&color=red&controls=1&\" class=\"__youtube_prefs__  no-lazyload\" title=\"YouTube player\"  allow=\"fullscreen; accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen data-no-lazy=\"1\" data-skipgform_ajax_framebjll=\"\"><\/iframe>\n<h2><a href=\"https:\/\/www.gurock.com\/testrail\">TestRail<\/a><\/h2>\n<p><a href=\"https:\/\/www.gurock.com\/testrail\">TestRail<\/a> is a test case management software which allows you to manage, design and run your test cases. It provide an insight of your testing progress; as well as to allow you to track issues and perform automation tests with your CI systems. It works with JIRA, Visual Studio,\u00a0 Bugzilla, and up to 33 tools out there.<\/p>\n<p>Here is a video example which shows how to add a test plan in <a href=\"https:\/\/www.gurock.com\/testrail\">TestRail<\/a>:<br \/>\n<iframe loading=\"lazy\"  id=\"_ytid_48169\"  width=\"480\" height=\"270\"  data-origwidth=\"480\" data-origheight=\"270\" src=\"https:\/\/www.youtube.com\/embed\/LWduiMaCHOo?enablejsapi=1&autoplay=0&cc_load_policy=0&cc_lang_pref=&iv_load_policy=1&loop=0&rel=1&fs=1&playsinline=0&autohide=2&theme=dark&color=red&controls=1&\" class=\"__youtube_prefs__  no-lazyload\" title=\"YouTube player\"  allow=\"fullscreen; accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen data-no-lazy=\"1\" data-skipgform_ajax_framebjll=\"\"><\/iframe><\/p>\n<h2><a href=\"https:\/\/fastlane.tools\/\">FastLane<\/a><\/h2>\n<p><a href=\"https:\/\/fastlane.tools\/\">FastLane<\/a> is a Continuous Delivery tool which allows you automate the building and release mobile apps. It is Open Source and design for the Android and iOS deployment.<\/p>\n<p><a href=\"http:\/\/www.acarlstein.com\/?attachment_id=4154\" rel=\"attachment wp-att-4154\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-medium wp-image-4154\" src=\"http:\/\/www.elblender.com\/wordpress\/wp-content\/uploads\/2018\/10\/FastLane-app-store-300x214.png\" alt=\"\" width=\"300\" height=\"214\" srcset=\"http:\/\/blog.acarlstein.com\/wp-content\/uploads\/2018\/10\/FastLane-app-store-300x214.png 300w, http:\/\/blog.acarlstein.com\/wp-content\/uploads\/2018\/10\/FastLane-app-store-768x548.png 768w, http:\/\/blog.acarlstein.com\/wp-content\/uploads\/2018\/10\/FastLane-app-store-491x350.png 491w, http:\/\/blog.acarlstein.com\/wp-content\/uploads\/2018\/10\/FastLane-app-store.png 945w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a>With <a href=\"https:\/\/fastlane.tools\/\">FastLane<\/a>, there is no need to take screenshots, spend hours in code signing, figure out how to distribute beta builds, and such. This software is supposed to take care of all that.<\/p>\n<p>Here is a video explanation made by Feliz Krause in MCE<sup>3<\/sup> about deploying an iOS app in the App Store using <a href=\"https:\/\/fastlane.tools\/\">FastLane<\/a>:<br \/>\n<iframe loading=\"lazy\"  id=\"_ytid_51058\"  width=\"480\" height=\"270\"  data-origwidth=\"480\" data-origheight=\"270\" src=\"https:\/\/www.youtube.com\/embed\/wOtANfkh2bI?enablejsapi=1&autoplay=0&cc_load_policy=0&cc_lang_pref=&iv_load_policy=1&loop=0&rel=1&fs=1&playsinline=0&autohide=2&theme=dark&color=red&controls=1&\" class=\"__youtube_prefs__  no-lazyload\" title=\"YouTube player\"  allow=\"fullscreen; accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen data-no-lazy=\"1\" data-skipgform_ajax_framebjll=\"\"><\/iframe><\/p>\n<h2><a href=\"https:\/\/firebase.google.com\/\">Firebase Analytics<\/a><\/h2>\n<p><a href=\"https:\/\/firebase.google.com\/\">Firebase<\/a> is a Google product. It provides all types of analysis data for web apps, mobile apps, Unity apps and more. It comes with multiple features such as authentication, database, cloud, hosting, analytics, remote config, performance monitoring and more. Below is a playlist of one of the features, Google Analytics for Firebase<\/p>\n<iframe loading=\"lazy\"  id=\"_ytid_98631\"  width=\"480\" height=\"270\"  data-origwidth=\"480\" data-origheight=\"270\" src=\"https:\/\/www.youtube.com\/embed\/8iZpH7O6zXo?enablejsapi=1&listType=playlist&list=PLl-K7zZEsYLkV1DCmC8Vj9Wl9hjVI2AJm&autoplay=0&cc_load_policy=0&cc_lang_pref=&iv_load_policy=1&loop=0&rel=1&fs=1&playsinline=0&autohide=2&theme=dark&color=red&controls=1&\" class=\"__youtube_prefs__  no-lazyload\" title=\"YouTube player\"  allow=\"fullscreen; accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen data-no-lazy=\"1\" data-skipgform_ajax_framebjll=\"\"><\/iframe>\n<p>One of the interesting things about Firebase is that includes <a href=\"https:\/\/fabric.io\/kits?utm_campaign=fabric-marketing&amp;utm_medium=natural\">Crashlytics<\/a>. <a href=\"https:\/\/fabric.io\/kits?utm_campaign=fabric-marketing&amp;utm_medium=natural\">Crashlytics<\/a> is a tool that allow you to keep track of the crashes in your apps and was made by<a href=\"https:\/\/fabric.io\"> Fabric.io<\/a>. Google decided to ditch their own crash analytics tool and provide <a href=\"https:\/\/fabric.io\/kits?utm_campaign=fabric-marketing&amp;utm_medium=natural\">Crashlytics<\/a> instead.<\/p>\n<p><a href=\"http:\/\/www.acarlstein.com\/?attachment_id=4156\" rel=\"attachment wp-att-4156\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-medium wp-image-4156\" src=\"http:\/\/www.elblender.com\/wordpress\/wp-content\/uploads\/2018\/10\/Crashlytics-300x178.png\" alt=\"\" width=\"300\" height=\"178\" srcset=\"http:\/\/blog.acarlstein.com\/wp-content\/uploads\/2018\/10\/Crashlytics-300x178.png 300w, http:\/\/blog.acarlstein.com\/wp-content\/uploads\/2018\/10\/Crashlytics-768x455.png 768w, http:\/\/blog.acarlstein.com\/wp-content\/uploads\/2018\/10\/Crashlytics-1024x606.png 1024w, http:\/\/blog.acarlstein.com\/wp-content\/uploads\/2018\/10\/Crashlytics-591x350.png 591w, http:\/\/blog.acarlstein.com\/wp-content\/uploads\/2018\/10\/Crashlytics.png 1583w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>Its my understanding that Fabric was purchased by Google, so there is a whole promotion to move from <a href=\"https:\/\/fabric.io\/kits?utm_campaign=fabric-marketing&amp;utm_medium=natural\">Crashlytics<\/a> to <a href=\"https:\/\/firebase.google.com\/\">Firebase<\/a> since <a href=\"https:\/\/fabric.io\/kits?utm_campaign=fabric-marketing&amp;utm_medium=natural\">Crashlytics<\/a> seems to be included in <a href=\"https:\/\/firebase.google.com\/\">Firebase<\/a>. There is <a href=\"https:\/\/fabric.io\/kits\/ios\/crashlytics\">Crashlytics for iOS<\/a> and <a href=\"https:\/\/fabric.io\/kits\/android\/crashlytics\">Crashlytics for Android<\/a>. By the time I am writing this post, I haven&#8217;t yet made the transition from <a href=\"https:\/\/fabric.io\/kits?utm_campaign=fabric-marketing&amp;utm_medium=natural\">Crashlytics<\/a> to <a href=\"https:\/\/firebase.google.com\/\">Firebase<\/a> since I have to sit down and read all the policies, licenses and user agreements. I will try to keep you updated.<\/p>\n<p>&nbsp;<\/p>\n\n<script>\nvar zbPregResult = '0';\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>Whimsical A rapid wire-frame\u00a0 and flow chart. It allows for collaboration. If\u00a0 you and your friends can work with up to 4 diagrams, then its free. Sketch + Craft Plugin Sketch allows you to design websites, iOS and Android interfaces easily. Craft, a plugin made by InVision, provide some useful features to Sketch, such as: [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[19,107],"tags":[1594,1596,1589,1599,1598,1600,1592,1590,1595,1593,1588,1597,1587,1591],"class_list":["post-4139","post","type-post","status-publish","format-standard","hentry","category-programming","category-design","tag-apiary","tag-circleci","tag-craft","tag-crashlytics","tag-fastlane","tag-firebase","tag-framer","tag-invision","tag-oracle","tag-react","tag-sketch","tag-testrail","tag-whimsical","tag-zeplin"],"_links":{"self":[{"href":"http:\/\/blog.acarlstein.com\/index.php?rest_route=\/wp\/v2\/posts\/4139","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/blog.acarlstein.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/blog.acarlstein.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/blog.acarlstein.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/blog.acarlstein.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=4139"}],"version-history":[{"count":19,"href":"http:\/\/blog.acarlstein.com\/index.php?rest_route=\/wp\/v2\/posts\/4139\/revisions"}],"predecessor-version":[{"id":4141,"href":"http:\/\/blog.acarlstein.com\/index.php?rest_route=\/wp\/v2\/posts\/4139\/revisions\/4141"}],"wp:attachment":[{"href":"http:\/\/blog.acarlstein.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=4139"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/blog.acarlstein.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=4139"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/blog.acarlstein.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=4139"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}