{"id":19818,"date":"2019-12-07T15:06:47","date_gmt":"2019-12-07T23:06:47","guid":{"rendered":"https:\/\/www.podfeet.com\/blog\/?p=19818"},"modified":"2019-12-07T15:08:13","modified_gmt":"2019-12-07T23:08:13","slug":"sco-draw-dot-io","status":"publish","type":"post","link":"https:\/\/www.podfeet.com\/blog\/2019\/12\/sco-draw-dot-io\/","title":{"rendered":"Learn to use draw.io to Make Diagrams – Video Tutorial on ScreenCastsOnline"},"content":{"rendered":"

This month on ScreenCastsOnline, I created a video tutorial on how to use the free, and open-source diagram tool, draw.io<\/a>. I first told you about draw.io in 2016 and it’s still my go-to app for my diagramming needs. You may have seen my Live Show setup diagram<\/a> where I put screenshots of all my app settings and embedded images of my hardware; that’s all created in draw.io. When Steve and I went to India with Don and Rally and more, I was really struggling how to understand the crazy itinerary, so I diagrammed out the entire trip in draw.io<\/a>. That’s just a couple of examples of how I use draw.io.
\n
\nI thought I was pretty good at draw.io from years of use, but you never really learn a tool until you have to teach others to use it. For example, I had completely missed the memo that draw.io now has dedicated desktop apps for the Mac, Windows, Linux and even Chrome OS. I used the dedicated app for the video and it was way better than using it through Chrome or Safari.<\/p>\n

I learned more about how to use layers, how to create my own templates, more about working with shapes and connectors and even more about working with text in diagramming. I even learned why it’s available for free and how their business model supports such an awesome tool.<\/p>\n

Sometimes creating video tutorials is a slog because the app misbehaves or it’s hard to learn or it doesn’t turn out to be as good as I hoped it would be when I started. draw.io was the exact opposite. It was probably the easiest video tutorial I’ve made to date because everything worked and worked well.<\/p>\n

Don writes a newsletter when new episodes come out and I’d like to read you what he wrote about it. He’s not usually this excited about the tools I review!<\/p>\n

\n Whilst reviewing and redoing the ScreenCastsOnline Post Production processes, I’ve been trying all sorts of diagrammatic tools to simplify and speed up the process of creating flow charts. I’ve used several of the typical tools and even some mind mapping ones, but the learning curve on all of them is just a bit too long, and they don’t seem to meld themselves to what I need to do easily.<\/p>\n

Then Allison Sheridan rocks up with draw.io for this week’s ScreenCastsOnline tutorial \u2014 wonderful!<\/p>\n

draw.io is a fully-featured and amazingly competent drawing tool, optimised for creating flow diagrams, but capable of much, much more. Even better, it’s free and open source. Now I’ll be able to take the outlines I ended up creating and translate them into proper workflow process diagrams.\n<\/p><\/blockquote>\n

\n

Teaser Video for draw.io Tutorial<\/figcaption><\/figure>\n","protected":false},"excerpt":{"rendered":"

This month on ScreenCastsOnline, I created a video tutorial on how to use the free, and open-source diagram tool, draw.io. I first told you about draw.io in 2016 and it’s still my go-to app for my diagramming needs. You may have seen my Live Show setup diagram where I put screenshots of all my app […]<\/p>\n","protected":false},"author":1,"featured_media":19817,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[147,146],"tags":[281,2423,1178,141,56],"class_list":["post-19818","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog-posts","category-videos","tag-screencast","tag-screencasts-online","tag-screencastsonline","tag-tutorial","tag-video"],"jetpack_featured_media_url":"https:\/\/www.podfeet.com\/blog\/wp-content\/uploads\/2019\/12\/drawio-icon-1024.png","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.podfeet.com\/blog\/wp-json\/wp\/v2\/posts\/19818","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.podfeet.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.podfeet.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.podfeet.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.podfeet.com\/blog\/wp-json\/wp\/v2\/comments?post=19818"}],"version-history":[{"count":3,"href":"https:\/\/www.podfeet.com\/blog\/wp-json\/wp\/v2\/posts\/19818\/revisions"}],"predecessor-version":[{"id":19821,"href":"https:\/\/www.podfeet.com\/blog\/wp-json\/wp\/v2\/posts\/19818\/revisions\/19821"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.podfeet.com\/blog\/wp-json\/wp\/v2\/media\/19817"}],"wp:attachment":[{"href":"https:\/\/www.podfeet.com\/blog\/wp-json\/wp\/v2\/media?parent=19818"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.podfeet.com\/blog\/wp-json\/wp\/v2\/categories?post=19818"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.podfeet.com\/blog\/wp-json\/wp\/v2\/tags?post=19818"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}