Before I get too far along in these screencasts, I thought I would introduce you a little to my working environment and explain the tools that I use. First off, I work on a Mac, so these tools are Mac software. This isn’t an endorsement of any particular working environment, I just want everyone to know, see, and understand what these programs are that I will be switching back and forth between in upcoming podcasts.<\/p>\n
Links from video:<\/strong>\t\t\t<\/p>\n Before I get too far along in these screencasts, I thought I would introduce you a little to my working environment and explain the tools that I use. First off, I work on a Mac, so these tools are Mac software. This isn’t an endorsement of any particular working environment, I just want everyone to […]<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":1283,"menu_order":0,"comment_status":"open","ping_status":"open","template":"video-single.php","meta":{"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0,"sig_custom_text":"","sig_image_type":"featured-image","sig_custom_image":0,"sig_is_disabled":false,"inline_featured_image":false,"c2c_always_allow_admin_comments":false,"footnotes":""},"tags":[],"acf":[],"jetpack-related-posts":[{"id":190763,"url":"https:\/\/css-tricks.com\/lodge\/svg\/35-optimizing-svg-tools\/","url_meta":{"origin":1503,"position":0},"title":"35: Optimizing SVG with Tools","date":"December 14, 2014","format":false,"excerpt":"We talked about optimizing SVG by hand already. Making choices manually about detail and what kinds of things can be combined or removed. In this screencast we'll look at optimizing SVG with tools. Tools that can reduce the file size of SVG without (hopefully) changing the look of it at\u2026","rel":"","context":"Similar post","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":155095,"url":"https:\/\/css-tricks.com\/lodge\/learn-jquery\/22-need-templating\/","url_meta":{"origin":1503,"position":1},"title":"#22: The Need for Templating","date":"November 4, 2013","format":false,"excerpt":"Templating is an important part of working with JavaScript applications. It's fairly common that data is available to you, but not in a format that is ready display on screen. That is commonly (but not always) data in the JSON format. That's a great format for working with in JavaScript,\u2026","rel":"","context":"With 2 comments","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":182534,"url":"https:\/\/css-tricks.com\/lodge\/svg\/18-2\/","url_meta":{"origin":1503,"position":2},"title":"18: Build Tool – Grunt svgstore","date":"September 17, 2014","format":false,"excerpt":"We can definitely get a little nerdier with our build tools. At the time of posting this, the poster child of build tools is Grunt. There are competitors, but Grunt has been the most popular for quite a while. If you're brand new to Grunt, I have a variety of\u2026","rel":"","context":"With 1 comment","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":182535,"url":"https:\/\/css-tricks.com\/lodge\/svg\/19-2\/","url_meta":{"origin":1503,"position":3},"title":"19: More Build Tools!","date":"September 17, 2014","format":false,"excerpt":"We've learned that build tools are a particularly awesome for tasks like turning a folder full of SVGs into an SVG defs block. As is always the case in this lovely web world we live in, there is always more than one tool for the job. There is certainly more\u2026","rel":"","context":"With 1 comment","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":148044,"url":"https:\/\/css-tricks.com\/lodge\/learn-jquery\/03-select\/","url_meta":{"origin":1503,"position":4},"title":"#03: Select and Do","date":"August 24, 2013","format":false,"excerpt":"One way to think of jQuery is the \"Select and Do\" library. jQuery is particularly good at selecting elements on the page (stuff in the DOM) and then doing something. Select and do. Select and do. See the Pen 99a923df4131377dc308895be1baf4e1 by Chris Coyier (@chriscoyier) on CodePen In this screencast we\u2026","rel":"","context":"With 1 comment","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":20018,"url":"https:\/\/css-tricks.com\/lodge\/artists-website\/004-a-photoshop-canvas\/","url_meta":{"origin":1503,"position":5},"title":"#004 – A Photoshop Canvas","date":"January 28, 2013","format":false,"excerpt":"From the last video, we know we have five major points to consider when starting into the design of this site. We'll keep those at the top of our mind as we move forward. We're starting \"mobile first\" of course, and we're going to start figuring out the design in\u2026","rel":"","context":"With 5 comments","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]}],"_links":{"self":[{"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/pages\/1503"}],"collection":[{"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/comments?post=1503"}],"version-history":[{"count":4,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/pages\/1503\/revisions"}],"predecessor-version":[{"id":18075,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/pages\/1503\/revisions\/18075"}],"up":[{"embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/pages\/1283"}],"wp:attachment":[{"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/media?parent=1503"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/tags?post=1503"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}\n