In this Part 2 of 2 episode we look at Coordinate Systems. Specifically, Rob talks about SVG's preserveAspectRatio, and also discusses how you can make your SVGs responsive using the padding hack (IE).

Music Attributions:

Loop Freesky–dEbE: http://www.freesound.org/people/bebeto/sounds/554/
frankum: http://www.freesound.org/people/frankum/sounds/237581/ (adapted with vocals by Nico Dotti)
notembug-Epic Tribal Drums: http://www.freesound.org/people/notembug/sounds/264284/ 



Coordinate Systems Part 2–preserveAspectRatio & Responsive

SVG Immersion is a podcast that empowers you to passively learn SVG. Each episode is a deep dive in to one SVG concept, designed to supplement and reinforce difficult concepts.

The podcast also features conversations with thought leaders in the SVG space discussing what tools and techniques they use, how they'd explain a particular SVG concept if they were teaching a friend, and one free, but valuable resource, they can offer to help you learn SVG.

In the 9th episode of season 1 of the Immersion Podcast—Petr and Rob talk about Design and JavaScript news happenings on the web…   Show Links   JavaScript Updates     Petr's Ihatetomatoes YouTube Channel Delightful form example by Darin Senneff—https://codepen.io/dsenneff/pen/QajVxO Polacode and Bracket Pair Colorizer - VSCode Extension https://marketplace.visualstudio.com/items?itemName=pnp.polacode   Bracket Pair Colorizer - Visual Studio Marketplace  https://marketplace.visualstudio.com/items?itemName=CoenraadS.bracket-pair-colorizer    Clean React Toggle by Chris Gannon https://codepen.io/chrisgannon/pen/mqjjvx   YouTube Rewind 2017 https://rewind2017.withyoutube.com/   Val Head's Writing Process: https://css-tricks.com/author/valhead/    https://tympanus.net/codrops/2018/02/21/animated-fragment-slideshow/ https://github.com/lmgonzalves/pieces Design Updates  Rob's Illustration Teardowns  Rob Links       A New Home for Creative Market   https://medium.com/building-creative-market/a-new-home-for-creative-market-1b7e6c2aa78d and at same time they've released Creative Market Pro https://pro.creativemarket.com/       Duncan Channon agency's Hey World! Upwork campaign   http://www.duncanchannon.com/2018/01/hey-world-upworks-here-to-help/ and http://www.thedrum.com/creative-works/project/duncan-channon-upwork-hey-world       Tubik Studios   Color Glossary for Designers: Terms and Definitions.   https://uxplanet.org/color-glossary-for-designers-terms-and-definitions-1a65549804bd       How to create original flat illustrations   https://tubikstudio.com/how-to-create-original-flat-illustrations-designers-tips/       Ryan Putnam's process for building Illustration Identities   https://medium.com/putnam-studio/illustration-identities-are-our-thing-c9f136e46510       AI Power talks about his illustration process   https://medium.muz.li/creating-a-illustration-style-4f8eb44a12d4       Rocky Roark talks about how illustration Helps to Reach Visual Learners   https://medium.com/@RockyRoark/using-illustrations-to-help-reach-visual-learners-e94e07d68ccf       Nikola Lazarevic's Sketch App Illustration Tutorials   https://tutsplus.com/authors/nikola-lazarevic?_ga=2.54968619.1880317666.1519340420-598497221.1504027638    

Immersion Podcast E9—Design & JavaScript News

Today's Immersion Podcast—Petr and Rob talk about more illustration and JavaScript findings on the web… Show Links   JavaScript Updates  Petr's Ihatetomatoes YouTube Channel https://interview.ueno.co/ http://kenwheeler.github.io/slick/ https://www.npmjs.com/package/react-slick   Design Updates    Rob's Illustration Teardowns  Don't Make Me Think Rocket Surgery Made Easy     Embracing complexity   https://blog.prototypr.io/make-me-think-90b46aa50513       100 Photo's in 100 Days. He got in to photography by: "set myself a challenge: take 1 photo per day for 100 days" starting with cell phone then progressing to proper camera:   https://medium.com/@gregjnn/most-cameras-end-up-dusty-on-a-shelf-2c013d182981      Big Brands Using Illustration in '18: https://medium.com/@roblevintennis/big-brands-using-illustration-in-2018-6d2216bf6656   Diversity in tech   You just can't draw purple people and call it diversity: https://ux.shopify.com/you-cant-just-draw-purple-people-and-call-it-diversity-e2aa30f0c0e8   http://versett.com/diversity/   https://medium.com/designing-atlassian/illustrating-balanced-and-inclusive-teams-c548166c7540   https://uxdesign.cc/designing-forms-for-gender-diversity-and-inclusion-d8194cf1f51   https://uxdesign.cc/diversity-in-design-what-can-i-do-as-a-designer-today-2b3db03bd409   Tweet us any ideas for show topics and show feedback: Rob: @roblevintennis and Petr: @ihatetomatoes

Immersion Podcast—Episode 8—more Illustration & JavaScript on the Web

Today's Immersion Podcast—Petr and Rob talk recap 2017 professional and personal accomplishments and goals for 2018…    Show Links    Design Updates  Petr's Ihatetomatoes YouTube Chennel - https://www.youtube.com/user/ihatetomatoesblog/community Rob's Illustration Teardowns https://medium.com/tag/illustration-teardowns/latest https://vuejs.org/ Wordpress Theme API: https://codex.wordpress.org/Theme_Development#Theme_Customization_API CSS Grids: https://tympanus.net/codrops/css_reference/grid/ VSCode: https://code.visualstudio.com/ mobx: https://github.com/mobxjs/mobx-react The Vienna Christmas tree:  https://xmas.wien.info/en/tree https://uxtools.co/ https://sketch.curated.co/    https://www.sketchappsources.com/tutorials-tips.html   https://www.smashingmagazine.com/2017/04/photoshop-illustrator-sketch-ui/   Zeplin: https://zeplin.io/   https://medium.com/sketch-app-sources   Adobe XD finally out: http://www.adobe.com/products/xd/features.html  https://uxtools.co/blog/sketch-vs-adobe-xd-vs-figma https://uxtools.co/tools/design   2017 Design Trends   2017 Design Trends Recap: http://theideation.com/wp-content/uploads/2017/11/Digital-Design-Trends-by-Ideation-WP.pdf   https://www.foundry.com/industries/virtual-reality/vr-mr-ar-confused  Shopify paving way with use of Illustrations: https://medium.com/@megdraws   Shopfiy Illustrations used in Polaris Design System: https://polaris.shopify.com/   kyletwebster.com brushes now included in the Adobe CC version of Photoshop   Tweet us any ideas for show topics and show feedback: Rob: @roblevintennis and Petr: @ihatetomatoes              

Immersion Podcast—Episode 6—2017 Recap and 2018 Goals

Today's Immersion Podcast—Petr and Rob talk about front end developer and designer news. We had some connectivity issues so we had to record both respective parts separately.    Show Links    Front-end Updates   Ihatetomatoes YouTube Chennel - https://www.youtube.com/user/ihatetomatoesblog/community   GSDevTools on CodePen - https://codepen.io/collection/DjyzKV/   React v16.2.0 includes improved support for fragments - https://reactjs.org/blog/2017/11/28/react-v16.2.0-fragment-support.html   Learn CSS Grid in 5 Minutes - freeCodeCamp - https://medium.freecodecamp.org/learn-css-grid-in-5-minutes-f582e87b1228   Getting Started with CSS Grid Layout - https://scotch.io/tutorials/getting-started-with-css-grid-layout   Learn to code in JavaScript by playing a game - https://lab.reaal.me/jsrobot/#   Design Updates  Illustration Teardowns https://medium.com/tag/illustration-teardowns/latest    2018's UX Designer Salary Forecast https://medium.muz.li/2018s-ux-designer-salary-forecast-32ccc1dfcd5f   Where to Spot New Design Trends: 15 Sources to Stay Fresh https://medium.com/building-creative-market/where-to-spot-new-design-trends-15-sources-to-stay-fresh-8877d6e097b8   Stylable https://stylable.io/   Opinions Mixed on Kickstarter Redesign https://designmodo.com/kickstarter-redesign/   Tweet us any ideas for show topics and show feedback: Rob: @roblevintennis and Petr: @ihatetomatoes          

Immersion Podcast—Episode 5—Front End News

Today's Immersion Podcast—Petr and Rob talk about Styleguides and Design Systems    Show Links      http://bradfrost.com/blog/post/style-guides/  http://atomicdesign.bradfrost.com/  Living Styleguide - http://styleguide.devbproto.com/styleguide/   tdcss.js: http://jakobloekke.github.io/tdcss.js/   http://styleguides.io   http://styleguides.io/podcasts   https://github.com/alexpate/awesome-design-systems      Site Examples    https://design.trello.com/components/buttons   https://polaris.shopify.com/   http://design-system.pluralsight.com/   Salesforce https://www.lightningdesignsystem.com/   IBM https://www.ibm.com/design/language/ and http://carbondesignsystem.com/   Rizzo aka Component API http://rizzo.lonelyplanet.com/styleguide/design-elements/colours   https://material.io/guidelines/material-design/introduction.html  http://type-scale.com/  http://styleguide.devbproto.com/styleguide/  https://github.com/styleguidist/react-styleguidist   Tweet us any ideas for show topics and show feedback: Rob: @roblevintennis and Petr: @ihatetomatoes         

Coordinate Systems Part 2–preserveAspectRatio & Responsive

Download our free app to listen on your phone