{"topics":[{"id":71,"name":"AJAX","slug":"js-ajax"},{"id":34,"name":"AngularJS","slug":"js-angularjs"},{"id":79,"name":"ARIA","slug":"aria"},{"id":8,"name":"Audio","slug":"html-audio"},{"id":22,"name":"Canvas","slug":"html-canvas"},{"id":63,"name":"Content Management","slug":"content-management"},{"id":2,"name":"CSS","slug":"css"},{"id":99,"name":"CSS 3D","slug":"css-3d"},{"id":3,"name":"CSS Animation","slug":"css-animation"},{"id":55,"name":"CSS Attribute","slug":"css-attribute-selectors"},{"id":103,"name":"CSS Background Clip","slug":"css-background-clip"},{"id":5,"name":"CSS Background Image","slug":"css-background-image"},{"id":100,"name":"CSS Blend Modes","slug":"css-blend-modes"},{"id":104,"name":"CSS Border Image","slug":"css-border-image"},{"id":92,"name":"CSS Calculations","slug":"css-calculations"},{"id":102,"name":"CSS Clip","slug":"css-clip"},{"id":98,"name":"CSS Custom Properties","slug":"css-custom-properties"},{"id":101,"name":"CSS Filters","slug":"css-filters"},{"id":4,"name":"CSS Flex","slug":"css-flex"},{"id":28,"name":"CSS Float","slug":"css-float"},{"id":32,"name":"CSS Gradients","slug":"css-gradients"},{"id":95,"name":"CSS Grid","slug":"css-grid"},{"id":30,"name":"CSS Media Queries","slug":"css-media-queries"},{"id":29,"name":"CSS Position","slug":"css-position"},{"id":24,"name":"CSS Pseudo-Classes","slug":"css-pseudo-classes"},{"id":23,"name":"CSS Pseudo-Elements","slug":"css-pseudo-elements"},{"id":97,"name":"CSS Shadows","slug":"css-shadows"},{"id":96,"name":"CSS Shapes","slug":"css-shapes"},{"id":94,"name":"CSS Siblings","slug":"css-siblings"},{"id":75,"name":"CSS Transformations","slug":"css-transformations"},{"id":57,"name":"CSS Transitions","slug":"css-transitions"},{"id":85,"name":"Drawing \/ Illustration","slug":"drawing-illustration"},{"id":64,"name":"Email","slug":"email"},{"id":31,"name":"Figure","slug":"html-figure"},{"id":81,"name":"Forms","slug":"html-forms"},{"id":76,"name":"Google Chart","slug":"google-chart"},{"id":46,"name":"Google Fonts","slug":"google-fonts"},{"id":45,"name":"Google Maps","slug":"google-maps"},{"id":49,"name":"Groups","slug":"svg-groups"},{"id":6,"name":"HTML","slug":"html"},{"id":51,"name":"iFrames","slug":"html-iframes"},{"id":53,"name":"Interactive","slug":"interactive"},{"id":9,"name":"JavaScript","slug":"javascript"},{"id":35,"name":"jQuery","slug":"js-jquery"},{"id":11,"name":"JS Animation","slug":"js-animation"},{"id":58,"name":"JS Events","slug":"js-events"},{"id":10,"name":"JS Functions","slug":"js-functions"},{"id":83,"name":"JS Math","slug":"js-math"},{"id":82,"name":"JS Variables","slug":"js-variables"},{"id":78,"name":"JSON","slug":"json"},{"id":90,"name":"LESS","slug":"less"},{"id":39,"name":"Metadata","slug":"metadata"},{"id":77,"name":"Modernizr","slug":"js-modernizr"},{"id":61,"name":"Motion Graphics","slug":"motion-graphics"},{"id":88,"name":"PDF","slug":"pdf"},{"id":38,"name":"Photo Compositing","slug":"photo-compositing"},{"id":37,"name":"Photo Retouching","slug":"photo-retouching"},{"id":52,"name":"PHP","slug":"php"},{"id":70,"name":"Picture","slug":"html-picture"},{"id":80,"name":"Print","slug":"print"},{"id":72,"name":"Responsive Design","slug":"responsive-design"},{"id":91,"name":"SASS","slug":"sass"},{"id":40,"name":"Social Media","slug":"social-media"},{"id":56,"name":"Sprite Sheets","slug":"web-graphics-sprite-sheets"},{"id":47,"name":"SVG","slug":"svg"},{"id":48,"name":"Symbols","slug":"svg-symbols"},{"id":43,"name":"Twitter","slug":"twitter"},{"id":93,"name":"Typography","slug":"typography"},{"id":84,"name":"UX","slug":"ux"},{"id":62,"name":"Video","slug":"video"},{"id":7,"name":"Video","slug":"html-video"},{"id":36,"name":"Virtual Reality","slug":"virtual-reality"},{"id":60,"name":"Web Design","slug":"web-design"},{"id":86,"name":"Web Fonts","slug":"web-fonts"},{"id":50,"name":"Web Graphics","slug":"web-graphics"}],"software":[{"id":19,"name":"After Effects","slug":"after-effects"},{"id":17,"name":"Animate","slug":"animate"},{"id":110,"name":"Audition","slug":"audition"},{"id":113,"name":"B\u0113hance","slug":"behance"},{"id":119,"name":"Camera Raw","slug":"camera-raw"},{"id":109,"name":"Capture","slug":"capture"},{"id":107,"name":"Color","slug":"color"},{"id":117,"name":"Creative Cloud App","slug":"cc-app"},{"id":27,"name":"Dreamweaver","slug":"dreamweaver"},{"id":73,"name":"Fireworks","slug":"fireworks"},{"id":106,"name":"Fonts","slug":"fonts"},{"id":65,"name":"Google API","slug":"google-api"},{"id":18,"name":"GreenSock (GSAP)","slug":"greensock"},{"id":54,"name":"Gulp","slug":"gulp"},{"id":13,"name":"Illustrator","slug":"illustrator"},{"id":67,"name":"ImageAlpha","slug":"imagealpha"},{"id":16,"name":"InDesign","slug":"indesign"},{"id":59,"name":"iScroll","slug":"iscroll"},{"id":116,"name":"Keynote","slug":"keynote"},{"id":114,"name":"Libraries","slug":"libraries"},{"id":118,"name":"Lightroom","slug":"lightroom"},{"id":20,"name":"Litmus","slug":"litmus"},{"id":120,"name":"Media Encoder","slug":"media-encoder"},{"id":12,"name":"Photoshop","slug":"photoshop"},{"id":74,"name":"PNGoo","slug":"pngoo"},{"id":68,"name":"PNGQuant","slug":"pngquant"},{"id":115,"name":"PowerPoint","slug":"powerpoint"},{"id":111,"name":"Premiere Pro","slug":"premiere-pro"},{"id":14,"name":"Sketch","slug":"sketch"},{"id":105,"name":"Stock","slug":"stock"},{"id":108,"name":"Substance Stager","slug":"substance-stager"},{"id":33,"name":"Text Editor","slug":"text-editor"},{"id":87,"name":"TypeKit","slug":"typekit"},{"id":41,"name":"Web Browser","slug":"web-browser"},{"id":21,"name":"WordPress","slug":"wordpress"},{"id":112,"name":"XD","slug":"xd"}],"videos":[{"title":"Wrap up","author":"Chris Converse","url":"none","url_lynda":"none","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2021\/12\/branding-workshop-10-video-11-150x150.jpg","topics":[],"software":[],"course":{"title":"Styling Video","urls":{"creative-cloud-branding-workshop":"https:\/\/creativecloud.adobe.com\/discover\/article\/create-videos-that-match-your-branding-identity"}}},{"title":"Rendering from Premiere Pro and Media Encoder","author":"Chris Converse","url":"none","url_lynda":"none","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2021\/12\/branding-workshop-10-video-10-150x150.jpg","topics":[],"software":[120,111],"course":{"title":"Styling Video","urls":{"creative-cloud-branding-workshop":"https:\/\/creativecloud.adobe.com\/discover\/article\/create-videos-that-match-your-branding-identity"}}},{"title":"Adding titles and graphics with MOGRTs","author":"Chris Converse","url":"none","url_lynda":"none","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2021\/12\/branding-workshop-10-video-09-150x150.jpg","topics":[],"software":[111],"course":{"title":"Styling Video","urls":{"creative-cloud-branding-workshop":"https:\/\/creativecloud.adobe.com\/discover\/article\/create-videos-that-match-your-branding-identity"}}},{"title":"Adding graphics to your video","author":"Chris Converse","url":"none","url_lynda":"none","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2021\/12\/branding-workshop-10-video-08-150x150.jpg","topics":[],"software":[111],"course":{"title":"Styling Video","urls":{"creative-cloud-branding-workshop":"https:\/\/creativecloud.adobe.com\/discover\/article\/create-videos-that-match-your-branding-identity"}}},{"title":"Compositing video with alpha channels and chroma key tools","author":"Chris Converse","url":"none","url_lynda":"none","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2021\/12\/branding-workshop-10-video-07-150x150.jpg","topics":[],"software":[111],"course":{"title":"Styling Video","urls":{"creative-cloud-branding-workshop":"https:\/\/creativecloud.adobe.com\/discover\/article\/create-videos-that-match-your-branding-identity"}}},{"title":"Working with looks (LUTs) in Premiere Pro","author":"Chris Converse","url":"none","url_lynda":"none","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2021\/12\/branding-workshop-10-video-06-150x150.jpg","topics":[],"software":[109,111],"course":{"title":"Styling Video","urls":{"creative-cloud-branding-workshop":"https:\/\/creativecloud.adobe.com\/discover\/article\/create-videos-that-match-your-branding-identity"}}},{"title":"Color matching video clips","author":"Chris Converse","url":"none","url_lynda":"none","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2021\/12\/branding-workshop-10-video-05-150x150.jpg","topics":[],"software":[111],"course":{"title":"Styling Video","urls":{"creative-cloud-branding-workshop":"https:\/\/creativecloud.adobe.com\/discover\/article\/create-videos-that-match-your-branding-identity"}}},{"title":"A brief intro to Premiere Pro and MOGRTs","author":"Chris Converse","url":"none","url_lynda":"none","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2021\/12\/branding-workshop-10-video-04-150x150.jpg","topics":[],"software":[111],"course":{"title":"Styling Video","urls":{"creative-cloud-branding-workshop":"https:\/\/creativecloud.adobe.com\/discover\/article\/create-videos-that-match-your-branding-identity"}}},{"title":"Finding videos and templates on Adobe Stock","author":"Chris Converse","url":"none","url_lynda":"none","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2021\/12\/branding-workshop-10-video-03-150x150.jpg","topics":[],"software":[114,105],"course":{"title":"Styling Video","urls":{"creative-cloud-branding-workshop":"https:\/\/creativecloud.adobe.com\/discover\/article\/create-videos-that-match-your-branding-identity"}}},{"title":"What you\u2019ll need","author":"Chris Converse","url":"none","url_lynda":"none","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2021\/12\/branding-workshop-10-video-02-150x150.jpg","topics":[],"software":[],"course":{"title":"Styling Video","urls":{"creative-cloud-branding-workshop":"https:\/\/creativecloud.adobe.com\/discover\/article\/create-videos-that-match-your-branding-identity"}}},{"title":"Intro to styling video","author":"Chris Converse","url":"none","url_lynda":"none","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2021\/12\/branding-workshop-10-video-01-150x150.jpg","topics":[],"software":[],"course":{"title":"Styling Video","urls":{"creative-cloud-branding-workshop":"https:\/\/creativecloud.adobe.com\/discover\/article\/create-videos-that-match-your-branding-identity"}}},{"title":"Next steps","author":"Chris Converse","url":"none","url_lynda":"none","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2021\/12\/branding-workshop-09-video-09-150x150.jpg","topics":[],"software":[],"course":{"title":"Make Some Noise","urls":{"creative-cloud-branding-workshop":"https:\/\/creativecloud.adobe.com\/cc\/discover\/article\/make-some-noise-for-your-brand"}}},{"title":"Creating an experience with audio","author":"Chris Converse","url":"none","url_lynda":"none","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2021\/12\/branding-workshop-09-video-08-150x150.jpg","topics":[],"software":[110],"course":{"title":"Make Some Noise","urls":{"creative-cloud-branding-workshop":"https:\/\/creativecloud.adobe.com\/cc\/discover\/article\/make-some-noise-for-your-brand"}}},{"title":"Combining audio and motion","author":"Chris Converse","url":"none","url_lynda":"none","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2021\/12\/branding-workshop-09-video-07-150x150.jpg","topics":[],"software":[19],"course":{"title":"Make Some Noise","urls":{"creative-cloud-branding-workshop":"https:\/\/creativecloud.adobe.com\/cc\/discover\/article\/make-some-noise-for-your-brand"}}},{"title":"Edit audio for your logo","author":"Chris Converse","url":"none","url_lynda":"none","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2021\/12\/branding-workshop-09-video-06-150x150.jpg","topics":[],"software":[110],"course":{"title":"Make Some Noise","urls":{"creative-cloud-branding-workshop":"https:\/\/creativecloud.adobe.com\/cc\/discover\/article\/make-some-noise-for-your-brand"}}},{"title":"Discover audio on Adobe Stock","author":"Chris Converse","url":"none","url_lynda":"none","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2021\/12\/branding-workshop-09-video-05-150x150.jpg","topics":[],"software":[105],"course":{"title":"Make Some Noise","urls":{"creative-cloud-branding-workshop":"https:\/\/creativecloud.adobe.com\/cc\/discover\/article\/make-some-noise-for-your-brand"}}},{"title":"Become your own foley artist with Capture","author":"Chris Converse","url":"none","url_lynda":"none","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2021\/12\/branding-workshop-09-video-04-150x150.jpg","topics":[],"software":[110,109],"course":{"title":"Make Some Noise","urls":{"creative-cloud-branding-workshop":"https:\/\/creativecloud.adobe.com\/cc\/discover\/article\/make-some-noise-for-your-brand"}}},{"title":"A brief intro to Audition and multitrack editing","author":"Chris Converse","url":"none","url_lynda":"none","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2021\/12\/branding-workshop-09-video-03-150x150.jpg","topics":[],"software":[110],"course":{"title":"Make Some Noise","urls":{"creative-cloud-branding-workshop":"https:\/\/creativecloud.adobe.com\/cc\/discover\/article\/make-some-noise-for-your-brand"}}},{"title":"What you\u2019ll need","author":"Chris Converse","url":"none","url_lynda":"none","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2021\/12\/branding-workshop-09-video-02-150x150.jpg","topics":[],"software":[],"course":{"title":"Make Some Noise","urls":{"creative-cloud-branding-workshop":"https:\/\/creativecloud.adobe.com\/cc\/discover\/article\/make-some-noise-for-your-brand"}}},{"title":"Intro to audio and branding","author":"Chris Converse","url":"none","url_lynda":"none","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2021\/12\/branding-workshop-09-video-01-150x150.jpg","topics":[],"software":[],"course":{"title":"Make Some Noise","urls":{"creative-cloud-branding-workshop":"https:\/\/creativecloud.adobe.com\/cc\/discover\/article\/make-some-noise-for-your-brand"}}},{"title":"Next steps","author":"Chris Converse","url":"none","url_lynda":"none","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2021\/12\/branding-workshop-08-video-11-150x150.jpg","topics":[],"software":[],"course":{"title":"Get Things Moving","urls":{"creative-cloud-branding-workshop":"https:\/\/creativecloud.adobe.com\/cc\/discover\/article\/bring-your-logo-to-life"}}},{"title":"Workflow examples for animated content","author":"Chris Converse","url":"none","url_lynda":"none","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2021\/12\/branding-workshop-08-video-10-150x150.jpg","topics":[],"software":[19,27,111,112],"course":{"title":"Get Things Moving","urls":{"creative-cloud-branding-workshop":"https:\/\/creativecloud.adobe.com\/cc\/discover\/article\/bring-your-logo-to-life"}}},{"title":"Rendering from After Effects and Media Encoder","author":"Chris Converse","url":"none","url_lynda":"none","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2021\/12\/branding-workshop-08-video-09-150x150.jpg","topics":[],"software":[19,120],"course":{"title":"Get Things Moving","urls":{"creative-cloud-branding-workshop":"https:\/\/creativecloud.adobe.com\/cc\/discover\/article\/bring-your-logo-to-life"}}},{"title":"File types for video and animation","author":"Chris Converse","url":"none","url_lynda":"none","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2021\/12\/branding-workshop-08-video-08-150x150.jpg","topics":[],"software":[],"course":{"title":"Get Things Moving","urls":{"creative-cloud-branding-workshop":"https:\/\/creativecloud.adobe.com\/cc\/discover\/article\/bring-your-logo-to-life"}}},{"title":"Revealing the logotype","author":"Chris Converse","url":"none","url_lynda":"none","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2021\/12\/branding-workshop-08-video-07-150x150.jpg","topics":[],"software":[19],"course":{"title":"Get Things Moving","urls":{"creative-cloud-branding-workshop":"https:\/\/creativecloud.adobe.com\/cc\/discover\/article\/bring-your-logo-to-life"}}},{"title":"Compositing and masking","author":"Chris Converse","url":"none","url_lynda":"none","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2021\/12\/branding-workshop-08-video-06-150x150.jpg","topics":[],"software":[19],"course":{"title":"Get Things Moving","urls":{"creative-cloud-branding-workshop":"https:\/\/creativecloud.adobe.com\/cc\/discover\/article\/bring-your-logo-to-life"}}},{"title":"Creating and animating vector paths","author":"Chris Converse","url":"none","url_lynda":"none","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2021\/12\/branding-workshop-08-video-05-150x150.jpg","topics":[],"software":[19,13],"course":{"title":"Get Things Moving","urls":{"creative-cloud-branding-workshop":"https:\/\/creativecloud.adobe.com\/cc\/discover\/article\/bring-your-logo-to-life"}}},{"title":"Prepare your logo for animation","author":"Chris Converse","url":"none","url_lynda":"none","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2021\/12\/branding-workshop-08-video-04-150x150.jpg","topics":[],"software":[13],"course":{"title":"Get Things Moving","urls":{"creative-cloud-branding-workshop":"https:\/\/creativecloud.adobe.com\/cc\/discover\/article\/bring-your-logo-to-life"}}},{"title":"A brief intro to After Effects","author":"Chris Converse","url":"none","url_lynda":"none","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2021\/12\/branding-workshop-08-video-03-150x150.jpg","topics":[],"software":[19],"course":{"title":"Get Things Moving","urls":{"creative-cloud-branding-workshop":"https:\/\/creativecloud.adobe.com\/cc\/discover\/article\/bring-your-logo-to-life"}}},{"title":"What you’ll need","author":"Chris Converse","url":"none","url_lynda":"none","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2021\/12\/branding-workshop-08-video-02-150x150.jpg","topics":[],"software":[],"course":{"title":"Get Things Moving","urls":{"creative-cloud-branding-workshop":"https:\/\/creativecloud.adobe.com\/cc\/discover\/article\/bring-your-logo-to-life"}}},{"title":"Intro to animated brand logos","author":"Chris Converse","url":"none","url_lynda":"none","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2021\/12\/branding-workshop-08-video-01-150x150.jpg","topics":[],"software":[],"course":{"title":"Get Things Moving","urls":{"creative-cloud-branding-workshop":"https:\/\/creativecloud.adobe.com\/cc\/discover\/article\/bring-your-logo-to-life"}}},{"title":"Next Steps","author":"Chris Converse","url":"none","url_lynda":"none","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2021\/12\/branding-workshop-07-video-10-150x150.jpg","topics":[],"software":[],"course":{"title":"Make It Interactive","urls":{"creative-cloud-branding-workshop":"https:\/\/creativecloud.adobe.com\/cc\/discover\/article\/create-an-interactive-online-store-for-your-brand"}}},{"title":"Introduction to audio prototyping","author":"Chris Converse","url":"none","url_lynda":"none","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2021\/12\/branding-workshop-07-video-09-150x150.jpg","topics":[],"software":[112],"course":{"title":"Make It Interactive","urls":{"creative-cloud-branding-workshop":"https:\/\/creativecloud.adobe.com\/cc\/discover\/article\/create-an-interactive-online-store-for-your-brand"}}},{"title":"How to share your prototype and gather feedback","author":"Chris Converse","url":"none","url_lynda":"none","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2021\/12\/branding-workshop-07-video-08-150x150.jpg","topics":[],"software":[112],"course":{"title":"Make It Interactive","urls":{"creative-cloud-branding-workshop":"https:\/\/creativecloud.adobe.com\/cc\/discover\/article\/create-an-interactive-online-store-for-your-brand"}}},{"title":"Reveal additional information with overlays","author":"Chris Converse","url":"none","url_lynda":"none","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2021\/12\/branding-workshop-07-video-07-150x150.jpg","topics":[],"software":[112],"course":{"title":"Make It Interactive","urls":{"creative-cloud-branding-workshop":"https:\/\/creativecloud.adobe.com\/cc\/discover\/article\/create-an-interactive-online-store-for-your-brand"}}},{"title":"How to create an interactive gallery","author":"Chris Converse","url":"none","url_lynda":"none","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2021\/12\/branding-workshop-07-video-06-150x150.jpg","topics":[],"software":[112],"course":{"title":"Make It Interactive","urls":{"creative-cloud-branding-workshop":"https:\/\/creativecloud.adobe.com\/cc\/discover\/article\/create-an-interactive-online-store-for-your-brand"}}},{"title":"Discover component states","author":"Chris Converse","url":"none","url_lynda":"none","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2021\/12\/branding-workshop-07-video-05-150x150.jpg","topics":[],"software":[112],"course":{"title":"Make It Interactive","urls":{"creative-cloud-branding-workshop":"https:\/\/creativecloud.adobe.com\/cc\/discover\/article\/create-an-interactive-online-store-for-your-brand"}}},{"title":"How to populate repeat grids","author":"Chris Converse","url":"none","url_lynda":"none","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2021\/12\/branding-workshop-07-video-04-150x150.jpg","topics":[],"software":[112],"course":{"title":"Make It Interactive","urls":{"creative-cloud-branding-workshop":"https:\/\/creativecloud.adobe.com\/cc\/discover\/article\/create-an-interactive-online-store-for-your-brand"}}},{"title":"Importing artwork from Illustrator","author":"Chris Converse","url":"none","url_lynda":"none","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2021\/12\/branding-workshop-07-video-03-150x150.jpg","topics":[],"software":[13,112],"course":{"title":"Make It Interactive","urls":{"creative-cloud-branding-workshop":"https:\/\/creativecloud.adobe.com\/cc\/discover\/article\/create-an-interactive-online-store-for-your-brand"}}},{"title":"What you\u2019ll need","author":"Chris Converse","url":"none","url_lynda":"none","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2021\/12\/branding-workshop-07-video-02-150x150.jpg","topics":[],"software":[],"course":{"title":"Make It Interactive","urls":{"creative-cloud-branding-workshop":"https:\/\/creativecloud.adobe.com\/cc\/discover\/article\/create-an-interactive-online-store-for-your-brand"}}},{"title":"Intro to interactive experiences","author":"Chris Converse","url":"none","url_lynda":"none","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2021\/12\/branding-workshop-07-video-01-150x150.jpg","topics":[],"software":[],"course":{"title":"Make It Interactive","urls":{"creative-cloud-branding-workshop":"https:\/\/creativecloud.adobe.com\/cc\/discover\/article\/create-an-interactive-online-store-for-your-brand"}}},{"title":"Next steps","author":"Chris Converse","url":"none","url_lynda":"none","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2021\/12\/branding-workshop-06-video-09-150x150.jpg","topics":[],"software":[],"course":{"title":"Mocking Up Promotional Items","urls":{"creative-cloud-branding-workshop":"https:\/\/creativecloud.adobe.com\/cc\/discover\/article\/how-to-visualize-your-branding-project-in-the-real-world"}}},{"title":"How to apply a digital interface to a 3D smart watch","author":"Chris Converse","url":"none","url_lynda":"none","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2021\/12\/branding-workshop-06-video-08-150x150.jpg","topics":[],"software":[13,108,112],"course":{"title":"Mocking Up Promotional Items","urls":{"creative-cloud-branding-workshop":"https:\/\/creativecloud.adobe.com\/cc\/discover\/article\/how-to-visualize-your-branding-project-in-the-real-world"}}},{"title":"How to turn a product shot into a virtual photo","author":"Chris Converse","url":"none","url_lynda":"none","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2021\/12\/branding-workshop-06-video-07-150x150.jpg","topics":[],"software":[105,108],"course":{"title":"Mocking Up Promotional Items","urls":{"creative-cloud-branding-workshop":"https:\/\/creativecloud.adobe.com\/cc\/discover\/article\/how-to-visualize-your-branding-project-in-the-real-world"}}},{"title":"How to make a branded product from a 3D model","author":"Chris Converse","url":"none","url_lynda":"none","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2021\/12\/branding-workshop-06-video-06-150x150.jpg","topics":[],"software":[108],"course":{"title":"Mocking Up Promotional Items","urls":{"creative-cloud-branding-workshop":"https:\/\/creativecloud.adobe.com\/cc\/discover\/article\/how-to-visualize-your-branding-project-in-the-real-world"}}},{"title":"How to visualize your brand on outdoor signage","author":"Chris Converse","url":"none","url_lynda":"none","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2021\/12\/branding-workshop-06-video-05-150x150.jpg","topics":[],"software":[12,105],"course":{"title":"Mocking Up Promotional Items","urls":{"creative-cloud-branding-workshop":"https:\/\/creativecloud.adobe.com\/cc\/discover\/article\/how-to-visualize-your-branding-project-in-the-real-world"}}},{"title":"How to apply your brand to a shopping bag","author":"Chris Converse","url":"none","url_lynda":"none","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2021\/12\/branding-workshop-06-video-04-150x150.jpg","topics":[],"software":[114,12,105],"course":{"title":"Mocking Up Promotional Items","urls":{"creative-cloud-branding-workshop":"https:\/\/creativecloud.adobe.com\/cc\/discover\/article\/how-to-visualize-your-branding-project-in-the-real-world"}}},{"title":"How to create a unique pattern for your brand","author":"Chris Converse","url":"none","url_lynda":"none","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2021\/12\/branding-workshop-06-video-03-150x150.jpg","topics":[],"software":[13,114],"course":{"title":"Mocking Up Promotional Items","urls":{"creative-cloud-branding-workshop":"https:\/\/creativecloud.adobe.com\/cc\/discover\/article\/how-to-visualize-your-branding-project-in-the-real-world"}}},{"title":"What you\u2019ll need","author":"Chris Converse","url":"none","url_lynda":"none","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2021\/12\/branding-workshop-06-video-02-150x150.jpg","topics":[],"software":[],"course":{"title":"Mocking Up Promotional Items","urls":{"creative-cloud-branding-workshop":"https:\/\/creativecloud.adobe.com\/cc\/discover\/article\/how-to-visualize-your-branding-project-in-the-real-world"}}},{"title":"Introduction to mocking up promotional items","author":"Chris Converse","url":"none","url_lynda":"none","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2021\/12\/branding-workshop-06-video-01-150x150.jpg","topics":[],"software":[],"course":{"title":"Mocking Up Promotional Items","urls":{"creative-cloud-branding-workshop":"https:\/\/creativecloud.adobe.com\/cc\/discover\/article\/how-to-visualize-your-branding-project-in-the-real-world"}}},{"title":"Next steps","author":"Chris Converse","url":"none","url_lynda":"none","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2021\/12\/branding-workshop-05-video-10-150x150.jpg","topics":[],"software":[],"course":{"title":"Styling Photography","urls":{"creative-cloud-branding-workshop":"https:\/\/creativecloud.adobe.com\/cc\/discover\/article\/how-to-create-a-custom-photography-style-for-your-brand"}}},{"title":"Learn how to apply presets in Lightroom","author":"Chris Converse","url":"none","url_lynda":"none","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2021\/12\/branding-workshop-05-video-09-150x150.jpg","topics":[],"software":[118],"course":{"title":"Styling Photography","urls":{"creative-cloud-branding-workshop":"https:\/\/creativecloud.adobe.com\/cc\/discover\/article\/how-to-create-a-custom-photography-style-for-your-brand"}}},{"title":"Get to know the Camera Raw filter","author":"Chris Converse","url":"none","url_lynda":"none","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2021\/12\/branding-workshop-05-video-08-150x150.jpg","topics":[],"software":[119,12],"course":{"title":"Styling Photography","urls":{"creative-cloud-branding-workshop":"https:\/\/creativecloud.adobe.com\/cc\/discover\/article\/how-to-create-a-custom-photography-style-for-your-brand"}}},{"title":"Create focus and blur effects","author":"Chris Converse","url":"none","url_lynda":"none","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2021\/12\/branding-workshop-05-video-07-150x150.jpg","topics":[],"software":[12],"course":{"title":"Styling Photography","urls":{"creative-cloud-branding-workshop":"https:\/\/creativecloud.adobe.com\/cc\/discover\/article\/how-to-create-a-custom-photography-style-for-your-brand"}}},{"title":"How to manage tonal ranges with curve adjustments","author":"Chris Converse","url":"none","url_lynda":"none","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2021\/12\/branding-workshop-05-video-06-150x150.jpg","topics":[],"software":[12],"course":{"title":"Styling Photography","urls":{"creative-cloud-branding-workshop":"https:\/\/creativecloud.adobe.com\/cc\/discover\/article\/how-to-create-a-custom-photography-style-for-your-brand"}}},{"title":"Work with LUTs in Photoshop","author":"Chris Converse","url":"none","url_lynda":"none","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2021\/12\/branding-workshop-05-video-05-150x150.jpg","topics":[],"software":[114,12],"course":{"title":"Styling Photography","urls":{"creative-cloud-branding-workshop":"https:\/\/creativecloud.adobe.com\/cc\/discover\/article\/how-to-create-a-custom-photography-style-for-your-brand"}}},{"title":"How to capture a look from your environment","author":"Chris Converse","url":"none","url_lynda":"none","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2021\/12\/branding-workshop-05-video-04-150x150.jpg","topics":[],"software":[109,114,12],"course":{"title":"Styling Photography","urls":{"creative-cloud-branding-workshop":"https:\/\/creativecloud.adobe.com\/cc\/discover\/article\/how-to-create-a-custom-photography-style-for-your-brand"}}},{"title":"How to use adjustment layers, smart objects, and filters","author":"Chris Converse","url":"none","url_lynda":"none","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2021\/12\/branding-workshop-05-video-03-150x150.jpg","topics":[],"software":[12],"course":{"title":"Styling Photography","urls":{"creative-cloud-branding-workshop":"https:\/\/creativecloud.adobe.com\/cc\/discover\/article\/how-to-create-a-custom-photography-style-for-your-brand"}}},{"title":"What you\u2019ll need","author":"Chris Converse","url":"none","url_lynda":"none","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2021\/12\/branding-workshop-05-video-02-150x150.jpg","topics":[],"software":[],"course":{"title":"Styling Photography","urls":{"creative-cloud-branding-workshop":"https:\/\/creativecloud.adobe.com\/cc\/discover\/article\/how-to-create-a-custom-photography-style-for-your-brand"}}},{"title":"Introduction to styling photography","author":"Chris Converse","url":"none","url_lynda":"none","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2021\/12\/branding-workshop-05-video-01-150x150.jpg","topics":[],"software":[],"course":{"title":"Styling Photography","urls":{"creative-cloud-branding-workshop":"https:\/\/creativecloud.adobe.com\/cc\/discover\/article\/how-to-create-a-custom-photography-style-for-your-brand"}}},{"title":"Next steps","author":"Chris Converse","url":"none","url_lynda":"none","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2021\/12\/branding-workshop-04-video-09-150x150.jpg","topics":[],"software":[],"course":{"title":"Creating a Unique Visual Element","urls":{"creative-cloud-branding-workshop":"https:\/\/creativecloud.adobe.com\/cc\/discover\/article\/how-to-create-a-logomark-for-your-branding-project"}}},{"title":"Explore other design options","author":"Chris Converse","url":"none","url_lynda":"none","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2021\/12\/branding-workshop-04-video-08-150x150.jpg","topics":[],"software":[13],"course":{"title":"Creating a Unique Visual Element","urls":{"creative-cloud-branding-workshop":"https:\/\/creativecloud.adobe.com\/cc\/discover\/article\/how-to-create-a-logomark-for-your-branding-project"}}},{"title":"Create color combinations","author":"Chris Converse","url":"none","url_lynda":"none","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2021\/12\/branding-workshop-04-video-07-150x150.jpg","topics":[],"software":[107,13],"course":{"title":"Creating a Unique Visual Element","urls":{"creative-cloud-branding-workshop":"https:\/\/creativecloud.adobe.com\/cc\/discover\/article\/how-to-create-a-logomark-for-your-branding-project"}}},{"title":"How to combine shapes with letterforms","author":"Chris Converse","url":"none","url_lynda":"none","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2021\/12\/branding-workshop-04-video-06-150x150.jpg","topics":[],"software":[106,13],"course":{"title":"Creating a Unique Visual Element","urls":{"creative-cloud-branding-workshop":"https:\/\/creativecloud.adobe.com\/cc\/discover\/article\/how-to-create-a-logomark-for-your-branding-project"}}},{"title":"Create vectors from photos and text","author":"Chris Converse","url":"none","url_lynda":"none","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2021\/12\/branding-workshop-04-video-05-150x150.jpg","topics":[],"software":[13],"course":{"title":"Creating a Unique Visual Element","urls":{"creative-cloud-branding-workshop":"https:\/\/creativecloud.adobe.com\/cc\/discover\/article\/how-to-create-a-logomark-for-your-branding-project"}}},{"title":"How to capture vectors from your environment","author":"Chris Converse","url":"none","url_lynda":"none","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2021\/12\/branding-workshop-04-video-04-150x150.jpg","topics":[],"software":[109,13],"course":{"title":"Creating a Unique Visual Element","urls":{"creative-cloud-branding-workshop":"https:\/\/creativecloud.adobe.com\/cc\/discover\/article\/how-to-create-a-logomark-for-your-branding-project"}}},{"title":"Getting comfortable with vector artwork","author":"Chris Converse","url":"none","url_lynda":"none","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2021\/12\/branding-workshop-04-video-03-150x150.jpg","topics":[],"software":[13],"course":{"title":"Creating a Unique Visual Element","urls":{"creative-cloud-branding-workshop":"https:\/\/creativecloud.adobe.com\/cc\/discover\/article\/how-to-create-a-logomark-for-your-branding-project"}}},{"title":"What you’ll need","author":"Chris Converse","url":"none","url_lynda":"none","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2021\/12\/branding-workshop-04-video-02-150x150.jpg","topics":[],"software":[],"course":{"title":"Creating a Unique Visual Element","urls":{"creative-cloud-branding-workshop":"https:\/\/creativecloud.adobe.com\/cc\/discover\/article\/how-to-create-a-logomark-for-your-branding-project"}}},{"title":"Introduction to unique logo elements","author":"Chris Converse","url":"none","url_lynda":"none","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2021\/12\/branding-workshop-04-video-01-150x150.jpg","topics":[],"software":[],"course":{"title":"Creating a Unique Visual Element","urls":{"creative-cloud-branding-workshop":"https:\/\/creativecloud.adobe.com\/cc\/discover\/article\/how-to-create-a-logomark-for-your-branding-project"}}},{"title":"Conclusion","author":"Chris Converse","url":"none","url_lynda":"none","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2021\/12\/branding-workshop-03-video-09-150x150.jpg","topics":[],"software":[],"course":{"title":"Styling and Applying Typography","urls":{"creative-cloud-branding-workshop":"https:\/\/creativecloud.adobe.com\/cc\/discover\/article\/how-to-create-custom-typography-for-your-brand"}}},{"title":"Add your own fonts to Creative Cloud","author":"Chris Converse","url":"none","url_lynda":"none","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2021\/12\/branding-workshop-03-video-08-150x150.jpg","topics":[],"software":[117,106,16],"course":{"title":"Styling and Applying Typography","urls":{"creative-cloud-branding-workshop":"https:\/\/creativecloud.adobe.com\/cc\/discover\/article\/how-to-create-custom-typography-for-your-brand"}}},{"title":"Use Adobe fonts on the web","author":"Chris Converse","url":"none","url_lynda":"none","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2021\/12\/branding-workshop-03-video-07-150x150.jpg","topics":[],"software":[27,106],"course":{"title":"Styling and Applying Typography","urls":{"creative-cloud-branding-workshop":"https:\/\/creativecloud.adobe.com\/cc\/discover\/article\/how-to-create-custom-typography-for-your-brand"}}},{"title":"Activate fonts with auto activate","author":"Chris Converse","url":"none","url_lynda":"none","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2021\/12\/branding-workshop-03-video-06-150x150.jpg","topics":[],"software":[106,12,112],"course":{"title":"Styling and Applying Typography","urls":{"creative-cloud-branding-workshop":"https:\/\/creativecloud.adobe.com\/cc\/discover\/article\/how-to-create-custom-typography-for-your-brand"}}},{"title":"Use templates for a typographic head start","author":"Chris Converse","url":"none","url_lynda":"none","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2021\/12\/branding-workshop-03-video-05-150x150.jpg","topics":[],"software":[16,105],"course":{"title":"Styling and Applying Typography","urls":{"creative-cloud-branding-workshop":"https:\/\/creativecloud.adobe.com\/cc\/discover\/article\/how-to-create-custom-typography-for-your-brand"}}},{"title":"How to create character and paragraph styles","author":"Chris Converse","url":"none","url_lynda":"none","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2021\/12\/branding-workshop-03-video-04-150x150.jpg","topics":[],"software":[106,16],"course":{"title":"Styling and Applying Typography","urls":{"creative-cloud-branding-workshop":"https:\/\/creativecloud.adobe.com\/cc\/discover\/article\/how-to-create-custom-typography-for-your-brand"}}},{"title":"How to add type styles to a library","author":"Chris Converse","url":"none","url_lynda":"none","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2021\/12\/branding-workshop-03-video-03-150x150.jpg","topics":[],"software":[109,106,114,12],"course":{"title":"Styling and Applying Typography","urls":{"creative-cloud-branding-workshop":"https:\/\/creativecloud.adobe.com\/cc\/discover\/article\/how-to-create-custom-typography-for-your-brand"}}},{"title":"What you’ll need","author":"Chris Converse","url":"none","url_lynda":"none","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2021\/12\/branding-workshop-03-video-02-150x150.jpg","topics":[],"software":[],"course":{"title":"Styling and Applying Typography","urls":{"creative-cloud-branding-workshop":"https:\/\/creativecloud.adobe.com\/cc\/discover\/article\/how-to-create-custom-typography-for-your-brand"}}},{"title":"Introduction to styling typography","author":"Chris Converse","url":"none","url_lynda":"none","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2021\/12\/branding-workshop-03-video-01-150x150.jpg","topics":[],"software":[],"course":{"title":"Styling and Applying Typography","urls":{"creative-cloud-branding-workshop":"https:\/\/creativecloud.adobe.com\/cc\/discover\/article\/how-to-create-custom-typography-for-your-brand"}}},{"title":"Conclusion","author":"Chris Converse","url":"none","url_lynda":"none","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2021\/12\/branding-workshop-02-video-08-150x150.jpg","topics":[],"software":[],"course":{"title":"Exploring Typography","urls":{"creative-cloud-branding-workshop":"https:\/\/creativecloud.adobe.com\/cc\/discover\/article\/exploring-brand-typography"}}},{"title":"Use your fonts anywhere","author":"Chris Converse","url":"none","url_lynda":"none","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2021\/12\/branding-workshop-02-video-07-150x150.jpg","topics":[],"software":[106,116,115],"course":{"title":"Exploring Typography","urls":{"creative-cloud-branding-workshop":"https:\/\/creativecloud.adobe.com\/cc\/discover\/article\/exploring-brand-typography"}}},{"title":"Get help painting fonts","author":"Chris Converse","url":"none","url_lynda":"none","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2021\/12\/branding-workshop-02-video-06-150x150.jpg","topics":[],"software":[106],"course":{"title":"Exploring Typography","urls":{"creative-cloud-branding-workshop":"https:\/\/creativecloud.adobe.com\/cc\/discover\/article\/exploring-brand-typography"}}},{"title":"Find the perfect typeface for your brand","author":"Chris Converse","url":"none","url_lynda":"none","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2021\/12\/branding-workshop-02-video-05-150x150.jpg","topics":[],"software":[106,114],"course":{"title":"Exploring Typography","urls":{"creative-cloud-branding-workshop":"https:\/\/creativecloud.adobe.com\/cc\/discover\/article\/exploring-brand-typography"}}},{"title":"How to identify fonts in Photoshop","author":"Chris Converse","url":"none","url_lynda":"none","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2021\/12\/branding-workshop-02-video-04-150x150.jpg","topics":[],"software":[109,106,12],"course":{"title":"Exploring Typography","urls":{"creative-cloud-branding-workshop":"https:\/\/creativecloud.adobe.com\/cc\/discover\/article\/exploring-brand-typography"}}},{"title":"How to capture a font","author":"Chris Converse","url":"none","url_lynda":"none","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2021\/12\/branding-workshop-02-video-03-150x150.jpg","topics":[],"software":[109,114],"course":{"title":"Exploring Typography","urls":{"creative-cloud-branding-workshop":"https:\/\/creativecloud.adobe.com\/cc\/discover\/article\/exploring-brand-typography"}}},{"title":"What you\u2019ll need","author":"Chris Converse","url":"none","url_lynda":"none","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2021\/12\/branding-workshop-02-video-02-150x150.jpg","topics":[],"software":[],"course":{"title":"Exploring Typography","urls":{"creative-cloud-branding-workshop":"https:\/\/creativecloud.adobe.com\/cc\/discover\/article\/exploring-brand-typography"}}},{"title":"Introduction to exploring typography","author":"Chris Converse","url":"none","url_lynda":"none","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2021\/12\/branding-workshop-02-video-01-150x150.jpg","topics":[],"software":[],"course":{"title":"Exploring Typography","urls":{"creative-cloud-branding-workshop":"https:\/\/creativecloud.adobe.com\/cc\/discover\/article\/exploring-brand-typography"}}},{"title":"Conclusion","author":"Chris Converse","url":"none","url_lynda":"none","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2021\/12\/branding-workshop-01-video-10-150x150.jpg","topics":[],"software":[],"course":{"title":"Creating the mood","urls":{"creative-cloud-branding-workshop":"https:\/\/creativecloud.adobe.com\/cc\/discover\/article\/how-to-create-a-brand-mood-board"}}},{"title":"Sharing your brand mood board","author":"Chris Converse","url":"none","url_lynda":"none","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2021\/12\/branding-workshop-01-video-09-150x150.jpg","topics":[],"software":[113,12],"course":{"title":"Creating the mood","urls":{"creative-cloud-branding-workshop":"https:\/\/creativecloud.adobe.com\/cc\/discover\/article\/how-to-create-a-brand-mood-board"}}},{"title":"Create your mood board from a template","author":"Chris Converse","url":"none","url_lynda":"none","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2021\/12\/branding-workshop-01-video-08-150x150.jpg","topics":[],"software":[12,105],"course":{"title":"Creating the mood","urls":{"creative-cloud-branding-workshop":"https:\/\/creativecloud.adobe.com\/cc\/discover\/article\/how-to-create-a-brand-mood-board"}}},{"title":"Adjust color in Adobe Photoshop","author":"Chris Converse","url":"none","url_lynda":"none","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2021\/12\/branding-workshop-01-video-07-150x150.jpg","topics":[],"software":[12],"course":{"title":"Creating the mood","urls":{"creative-cloud-branding-workshop":"https:\/\/creativecloud.adobe.com\/cc\/discover\/article\/how-to-create-a-brand-mood-board"}}},{"title":"Recolor artwork with Adobe Illustrator","author":"Chris Converse","url":"none","url_lynda":"none","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2021\/12\/branding-workshop-01-video-06-150x150.jpg","topics":[],"software":[13],"course":{"title":"Creating the mood","urls":{"creative-cloud-branding-workshop":"https:\/\/creativecloud.adobe.com\/cc\/discover\/article\/how-to-create-a-brand-mood-board"}}},{"title":"Find assets on Adobe Stock","author":"Chris Converse","url":"none","url_lynda":"none","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2021\/12\/branding-workshop-01-video-05-150x150.jpg","topics":[],"software":[105],"course":{"title":"Creating the mood","urls":{"creative-cloud-branding-workshop":"https:\/\/creativecloud.adobe.com\/cc\/discover\/article\/how-to-create-a-brand-mood-board"}}},{"title":"Check out what\u2019s happening on Behance","author":"Chris Converse","url":"none","url_lynda":"none","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2021\/12\/branding-workshop-01-video-04-150x150.jpg","topics":[],"software":[113],"course":{"title":"Creating the mood","urls":{"creative-cloud-branding-workshop":"https:\/\/creativecloud.adobe.com\/cc\/discover\/article\/how-to-create-a-brand-mood-board"}}},{"title":"Get inspired by your environment","author":"Chris Converse","url":"none","url_lynda":"none","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2021\/12\/branding-workshop-01-video-03-150x150.jpg","topics":[],"software":[109,106,114],"course":{"title":"Creating the mood","urls":{"creative-cloud-branding-workshop":"https:\/\/creativecloud.adobe.com\/cc\/discover\/article\/how-to-create-a-brand-mood-board"}}},{"title":"What you\u2019ll need","author":"Chris Converse","url":"none","url_lynda":"none","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2021\/12\/branding-workshop-01-video-02-150x150.jpg","topics":[],"software":[],"course":{"title":"Creating the mood","urls":{"creative-cloud-branding-workshop":"https:\/\/creativecloud.adobe.com\/cc\/discover\/article\/how-to-create-a-brand-mood-board"}}},{"title":"Introduction to brand mood boards","author":"Chris Converse","url":"none","url_lynda":"none","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2021\/12\/branding-workshop-01-video-01-150x150.jpg","topics":[],"software":[],"course":{"title":"Creating the mood","urls":{"creative-cloud-branding-workshop":"https:\/\/creativecloud.adobe.com\/cc\/discover\/article\/how-to-create-a-brand-mood-board"}}},{"title":"Photo gallery – Part 2","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/css-shorts-weekly\/photo-gallery-part-2","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Photo-gallery-part-2\/536428\/5006355-4.html","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2018\/12\/CSS_Shorts_Episode_104-150x150.jpg","topics":[29,24,94,57],"software":[33],"course":{"title":"CSS Shorts","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/css-shorts-weekly\/let-s-focus-on-the-focus","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/CSS-Shorts\/536428-2.html"}}},{"title":"Photo gallery – Part 1","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/css-shorts-weekly\/photo-gallery-part-1","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Photo-gallery-part-1\/536428\/5006354-4.html","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2018\/12\/CSS_Shorts_Episode_103-150x150.jpg","topics":[31,81,53,50],"software":[33],"course":{"title":"CSS Shorts","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/css-shorts-weekly\/let-s-focus-on-the-focus","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/CSS-Shorts\/536428-2.html"}}},{"title":"OpenType swashes","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/css-shorts-weekly\/opentype-swashes","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/OpenType-swashes\/536428\/5006353-4.html","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2018\/12\/CSS_Shorts_Episode_102-150x150.jpg","topics":[93,86],"software":[33],"course":{"title":"CSS Shorts","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/css-shorts-weekly\/let-s-focus-on-the-focus","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/CSS-Shorts\/536428-2.html"}}},{"title":"Multiple background images","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/css-shorts-weekly\/multiple-background-images","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Multiple-background-images\/536428\/5006352-4.html","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2018\/12\/CSS_Shorts_Episode_101-1-150x150.jpg","topics":[5,50],"software":[87],"course":{"title":"CSS Shorts","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/css-shorts-weekly\/let-s-focus-on-the-focus","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/CSS-Shorts\/536428-2.html"}}},{"title":"Style by download type","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/css-shorts-weekly\/style-by-download-type","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Style-download-type\/536428\/5006351-4.html","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2018\/12\/CSS_Shorts_Episode_100-150x150.jpg","topics":[55],"software":[33],"course":{"title":"CSS Shorts","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/css-shorts-weekly\/let-s-focus-on-the-focus","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/CSS-Shorts\/536428-2.html"}}},{"title":"Shadow for a PNG file","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/css-shorts-weekly\/shadow-for-a-png-file","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Shadow-PNG-file\/536428\/5006350-4.html","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2018\/12\/CSS_Shorts_Episode_099-150x150.jpg","topics":[101,75,50],"software":[33],"course":{"title":"CSS Shorts","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/css-shorts-weekly\/let-s-focus-on-the-focus","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/CSS-Shorts\/536428-2.html"}}},{"title":"Aspect ratio","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/css-shorts-weekly\/aspect-ratio","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Aspect-ratio\/536428\/5006349-4.html","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2018\/12\/CSS_Shorts_Episode_098-150x150.jpg","topics":[5,30],"software":[33],"course":{"title":"CSS Shorts","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/css-shorts-weekly\/let-s-focus-on-the-focus","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/CSS-Shorts\/536428-2.html"}}},{"title":"Border image","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/css-shorts-weekly\/border-image","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Border-image\/536428\/5006348-4.html","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2018\/12\/CSS_Shorts_Episode_097-150x150.jpg","topics":[104,50],"software":[33],"course":{"title":"CSS Shorts","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/css-shorts-weekly\/let-s-focus-on-the-focus","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/CSS-Shorts\/536428-2.html"}}},{"title":"Accordion panels","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/css-shorts-weekly\/accordion-panels","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Accordion-panels\/536428\/5006347-4.html","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2018\/12\/CSS_Shorts_Episode_101-150x150.jpg","topics":[24,94,81,53],"software":[33],"course":{"title":"CSS Shorts","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/css-shorts-weekly\/let-s-focus-on-the-focus","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/CSS-Shorts\/536428-2.html"}}},{"title":"Styling placeholder text","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/css-shorts-weekly\/style-placeholder-text","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Style-placeholder-text\/536428\/5006346-4.html","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2018\/12\/CSS_Shorts_Episode_095-150x150.jpg","topics":[23,81],"software":[33],"course":{"title":"CSS Shorts","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/css-shorts-weekly\/let-s-focus-on-the-focus","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/CSS-Shorts\/536428-2.html"}}},{"title":"Layout patterns","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/css-shorts-weekly\/layout-patterns","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Layout-patterns\/536428\/5006345-4.html","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2018\/12\/CSS_Shorts_Episode_094-150x150.jpg","topics":[24],"software":[33],"course":{"title":"CSS Shorts","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/css-shorts-weekly\/let-s-focus-on-the-focus","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/CSS-Shorts\/536428-2.html"}}},{"title":"Every nth element","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/css-shorts-weekly\/every-nth-element","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Every-nth-element\/536428\/5006344-4.html","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2018\/12\/CSS_Shorts_Episode_093-150x150.jpg","topics":[4,24],"software":[33],"course":{"title":"CSS Shorts","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/css-shorts-weekly\/let-s-focus-on-the-focus","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/CSS-Shorts\/536428-2.html"}}},{"title":"Striped pattern with CSS","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/css-shorts-weekly\/striped-pattern-with-css","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Striped-pattern-CSS\/536428\/761512-4.html","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2018\/11\/CSS_Shorts_Episode_092-150x150.jpg","topics":[5],"software":[33],"course":{"title":"CSS Shorts","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/css-shorts-weekly\/let-s-focus-on-the-focus","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/CSS-Shorts\/536428-2.html"}}},{"title":"Add content from attribute values","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/css-shorts-weekly\/add-content-from-attribute-values","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Add-content-from-attribute-values\/536428\/761511-4.html","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2018\/11\/CSS_Shorts_Episode_091-1-150x150.jpg","topics":[55,29,23],"software":[33],"course":{"title":"CSS Shorts","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/css-shorts-weekly\/let-s-focus-on-the-focus","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/CSS-Shorts\/536428-2.html"}}},{"title":"Curve your header","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/css-shorts-weekly\/curve-your-header","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Curve-your-header\/536428\/761510-4.html","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2018\/11\/CSS_Shorts_Episode_090-150x150.jpg","topics":[5],"software":[33],"course":{"title":"CSS Shorts","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/css-shorts-weekly\/let-s-focus-on-the-focus","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/CSS-Shorts\/536428-2.html"}}},{"title":"3D product box – part 1","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/css-shorts-weekly\/3d-product-box-create-the-box-sides","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/3D-product-box-Create-box-sides\/536428\/761507-4.html","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2018\/11\/CSS_Shorts_Episode_087-150x150.jpg","topics":[99,5,75],"software":[33],"course":{"title":"CSS Shorts","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/css-shorts-weekly\/let-s-focus-on-the-focus","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/CSS-Shorts\/536428-2.html"}}},{"title":"3D product box – part 2","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/css-shorts-weekly\/3d-product-box-add-graphics-to-sides","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/3D-product-box-Add-graphics-sides\/536428\/761508-4.html","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2018\/11\/CSS_Shorts_Episode_088-150x150.jpg","topics":[99,5],"software":[33],"course":{"title":"CSS Shorts","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/css-shorts-weekly\/let-s-focus-on-the-focus","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/CSS-Shorts\/536428-2.html"}}},{"title":"3D product box – part 3","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/css-shorts-weekly\/3d-product-box-resize-and-position-box","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/3D-product-box-Resize-position-box\/536428\/761509-4.html","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2018\/11\/CSS_Shorts_Episode_089-150x150.jpg","topics":[99,29,75],"software":[33],"course":{"title":"CSS Shorts","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/css-shorts-weekly\/let-s-focus-on-the-focus","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/CSS-Shorts\/536428-2.html"}}},{"title":"Indicating required form fields","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/css-shorts-weekly\/indicating-required-form-fields","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Indicating-required-form-fields\/536428\/761506-4.html","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2018\/11\/CSS_Shorts_Episode_086-150x150.jpg","topics":[55,24,23,94],"software":[33],"course":{"title":"CSS Shorts","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/css-shorts-weekly\/let-s-focus-on-the-focus","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/CSS-Shorts\/536428-2.html"}}},{"title":"Styling a progress bar","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/css-shorts-weekly\/style-a-progress-bar","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Style-progress-bar\/536428\/761505-4.html","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2018\/11\/CSS_Shorts_Episode_085-150x150.jpg","topics":[29],"software":[33],"course":{"title":"CSS Shorts","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/css-shorts-weekly\/let-s-focus-on-the-focus","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/CSS-Shorts\/536428-2.html"}}},{"title":"Coloring SVG with CSS","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/css-shorts-weekly\/color-svg-with-css","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Color-SVG-CSS\/536428\/761504-4.html","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2018\/11\/CSS_Shorts_Episode_084-1-150x150.jpg","topics":[2,49,47,50],"software":[33],"course":{"title":"CSS Shorts","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/css-shorts-weekly\/let-s-focus-on-the-focus","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/CSS-Shorts\/536428-2.html"}}},{"title":"Creating a star","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/css-shorts-weekly\/create-a-star?autoplay=true","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Create-star\/536428\/761503-4.html","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2018\/11\/CSS_Shorts_Episode_083-150x150.jpg","topics":[98,29,23,75],"software":[33],"course":{"title":"CSS Shorts","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/css-shorts-weekly\/let-s-focus-on-the-focus","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/CSS-Shorts\/536428-2.html"}}},{"title":"Responsive iFrames","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/css-shorts-weekly\/responsive-iframes","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Responsive-iframes\/536428\/761502-4.html","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2018\/11\/CSS_Shorts_Episode_082-150x150.jpg","topics":[29,23,51,72],"software":[33],"course":{"title":"CSS Shorts","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/css-shorts-weekly\/let-s-focus-on-the-focus","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/CSS-Shorts\/536428-2.html"}}},{"title":"A sidebar with perspective","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/css-shorts-weekly\/add-perspective-to-an-element","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Add-perspective-element\/536428\/761501-4.html","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2018\/11\/CSS_Shorts_Episode_081-150x150.jpg","topics":[75],"software":[87],"course":{"title":"CSS Shorts","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/css-shorts-weekly\/let-s-focus-on-the-focus","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/CSS-Shorts\/536428-2.html"}}},{"title":"Diamond shaped image crop","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/css-shorts-weekly\/diamond-shaped-image-crop","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Diamond-shaped-image-crop\/536428\/761500-4.html","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2018\/11\/CSS_Shorts_Episode_080-1-150x150.jpg","topics":[75,50],"software":[33],"course":{"title":"CSS Shorts","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/css-shorts-weekly\/let-s-focus-on-the-focus","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/CSS-Shorts\/536428-2.html"}}},{"title":"Gradient text","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/css-shorts-weekly\/gradient-text","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Gradient-text\/536428\/732016-4.html","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2018\/11\/CSS_Shorts_Episode_079-150x150.jpg","topics":[103,5,32],"software":[33],"course":{"title":"CSS Shorts","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/css-shorts-weekly\/let-s-focus-on-the-focus","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/CSS-Shorts\/536428-2.html"}}},{"title":"Vertically aligned columns","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/css-shorts-weekly\/vertically-aligned-columns","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Vertically-aligned-columns\/536428\/732015-4.html","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2018\/11\/CSS_Shorts_Episode_078-150x150.jpg","topics":[4],"software":[33],"course":{"title":"CSS Shorts","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/css-shorts-weekly\/let-s-focus-on-the-focus","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/CSS-Shorts\/536428-2.html"}}},{"title":"Clipping an image","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/css-shorts-weekly\/clip-an-image","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Clip-image\/536428\/732014-4.html","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2018\/11\/CSS_Shorts_Episode_077-150x150.jpg","topics":[102,29],"software":[33],"course":{"title":"CSS Shorts","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/css-shorts-weekly\/let-s-focus-on-the-focus","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/CSS-Shorts\/536428-2.html"}}},{"title":"Blur and focus rollover effect","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/css-shorts-weekly\/blur-and-focus-rollover-effects","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Blur-focus-rollover-effects\/536428\/732013-4.html","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2018\/11\/CSS_Shorts_Episode_076-150x150.jpg","topics":[101,57],"software":[33],"course":{"title":"CSS Shorts","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/css-shorts-weekly\/let-s-focus-on-the-focus","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/CSS-Shorts\/536428-2.html"}}},{"title":"See more links","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/css-shorts-weekly\/see-more-links","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/See-more-links\/536428\/732012-4.html","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2018\/11\/CSS_Shorts_Episode_075-150x150.jpg","topics":[24,94,53],"software":[33],"course":{"title":"CSS Shorts","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/css-shorts-weekly\/let-s-focus-on-the-focus","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/CSS-Shorts\/536428-2.html"}}},{"title":"Animating SVG elements","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/css-shorts-weekly\/animate-svg-elements","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Animate-SVG-elements\/536428\/732011-4.html","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2018\/11\/CSS_Shorts_Episode_074-150x150.gif","topics":[3,75,47],"software":[33],"course":{"title":"CSS Shorts","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/css-shorts-weekly\/let-s-focus-on-the-focus","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/CSS-Shorts\/536428-2.html"}}},{"title":"Creating a speech bubble","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/css-shorts-weekly\/create-a-speech-bubble","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Create-speech-bubble\/536428\/732010-4.html","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2018\/11\/CSS_Shorts_Episode_073-150x150.jpg","topics":[29,24,57],"software":[33],"course":{"title":"CSS Shorts","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/css-shorts-weekly\/let-s-focus-on-the-focus","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/CSS-Shorts\/536428-2.html"}}},{"title":"Combining gradients and blend modes","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/css-shorts-weekly\/combine-gradients-and-blend-modes","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Combine-gradients-blend-modes\/536428\/732009-4.html","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2018\/05\/CSS_Shorts_Episode_072-150x150.jpg","topics":[5,100,32],"software":[33],"course":{"title":"CSS Shorts","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/css-shorts-weekly\/let-s-focus-on-the-focus","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/CSS-Shorts\/536428-2.html"}}},{"title":"Spaning flex columns","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/css-shorts-weekly\/span-flex-columns","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Span-flex-columns\/536428\/732008-4.html","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2018\/04\/CSS_Shorts_Episode_071-150x150.jpg","topics":[4],"software":[33],"course":{"title":"CSS Shorts","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/css-shorts-weekly\/let-s-focus-on-the-focus","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/CSS-Shorts\/536428-2.html"}}},{"title":"Parallax scroll effect","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/css-shorts-weekly\/parallax-scroll-effect","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Parallax-scroll-effect\/536428\/732007-4.html","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2018\/04\/CSS_Shorts_Episode_070-150x150.jpg","topics":[99,75],"software":[33],"course":{"title":"CSS Shorts","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/css-shorts-weekly\/let-s-focus-on-the-focus","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/CSS-Shorts\/536428-2.html"}}},{"title":"CSS not selector","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/css-shorts-weekly\/css-not-selector","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/CSS-selector\/536428\/732006-4.html","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2018\/04\/CSS_Shorts_Episode_069-150x150.jpg","topics":[55],"software":[33],"course":{"title":"CSS Shorts","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/css-shorts-weekly\/let-s-focus-on-the-focus","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/CSS-Shorts\/536428-2.html"}}},{"title":"Creating variables","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/css-shorts-weekly\/create-variables","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Create-variables\/536428\/732005-4.html","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2018\/04\/CSS_Shorts_Episode_068-150x150.jpg","topics":[98],"software":[33],"course":{"title":"CSS Shorts","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/css-shorts-weekly\/let-s-focus-on-the-focus","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/CSS-Shorts\/536428-2.html"}}},{"title":"Creating a vignette","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/css-shorts-weekly\/create-a-vignette","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Create-vignette\/536428\/732004-4.html","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2018\/04\/CSS_Shorts_Episode_067-150x150.jpg","topics":[30,23,97],"software":[33],"course":{"title":"CSS Shorts","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/css-shorts-weekly\/let-s-focus-on-the-focus","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/CSS-Shorts\/536428-2.html"}}},{"title":"Style Breadcrumb Links","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/css-shorts-weekly\/style-breadcrumb-links","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/327-Style-breadcrumb-links\/536428\/699579-4.html","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2018\/03\/CSS_Shorts_Episode_066-150x150.jpg","topics":[29,23],"software":[33],"course":{"title":"CSS Shorts","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/css-shorts-weekly\/let-s-focus-on-the-focus","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/CSS-Shorts\/536428-2.html"}}},{"title":"Show URLs When Printing","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/css-shorts-weekly\/show-urls-when-printing","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/320-Show-URLs-when-printing\/536428\/699578-4.html","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2018\/03\/CSS_Shorts_Episode_065-150x150.jpg","topics":[55,30,23],"software":[33],"course":{"title":"CSS Shorts","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/css-shorts-weekly\/let-s-focus-on-the-focus","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/CSS-Shorts\/536428-2.html"}}},{"title":"3D Shadow Text","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/css-shorts-weekly\/3d-shadow-text","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/313-3D-shadow-text\/536428\/699577-4.html","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2018\/05\/CSS_Shorts_Episode_064-150x150.jpg","topics":[97],"software":[33],"course":{"title":"CSS Shorts","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/css-shorts-weekly\/let-s-focus-on-the-focus","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/CSS-Shorts\/536428-2.html"}}},{"title":"Filter a List","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/css-shorts-weekly\/filter-a-list","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/36-Filter-list\/536428\/699576-4.html","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2018\/05\/CSS_Shorts_Episode_063-150x150.jpg","topics":[55,94],"software":[33],"course":{"title":"CSS Shorts","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/css-shorts-weekly\/let-s-focus-on-the-focus","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/CSS-Shorts\/536428-2.html"}}},{"title":"Force Text to Wrap","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/css-shorts-weekly\/force-text-to-wrap","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/227-Force-text-wrap\/536428\/699575-4.html","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2018\/05\/CSS_Shorts_Episode_062-150x150.jpg","topics":[93],"software":[33],"course":{"title":"CSS Shorts","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/css-shorts-weekly\/let-s-focus-on-the-focus","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/CSS-Shorts\/536428-2.html"}}},{"title":"Triangle Bullets","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/css-shorts-weekly\/triangle-bullets","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/220-Triangle-bullets\/536428\/699574-4.html","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2018\/05\/CSS_Shorts_Episode_061-150x150.jpg","topics":[29,23],"software":[33],"course":{"title":"CSS Shorts","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/css-shorts-weekly\/let-s-focus-on-the-focus","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/CSS-Shorts\/536428-2.html"}}},{"title":"Setting Text on an Angle","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/css-shorts-weekly\/set-text-on-an-angle","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/23-Set-text-angle\/536428\/699573-4.html","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2018\/02\/CSS_Shorts_Episode_060-150x150.jpg","topics":[30,75,72],"software":[33],"course":{"title":"CSS Shorts","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/css-shorts-weekly\/let-s-focus-on-the-focus","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/CSS-Shorts\/536428-2.html"}}},{"title":"Box Sizing to the Rescue","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/css-shorts-weekly\/box-sizing-to-the-rescue","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/26-Box-sizing-rescue\/536428\/699572-4.html","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2018\/02\/CSS_Shorts_Episode_059-150x150.jpg","topics":[2,4,30,72],"software":[33],"course":{"title":"CSS Shorts","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/css-shorts-weekly\/let-s-focus-on-the-focus","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/CSS-Shorts\/536428-2.html"}}},{"title":"Creating navigation arrows","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/sketch-essential-training-the-basics-2\/navigation-arrows","url_lynda":"https:\/\/www.lynda.com\/Sketch-tutorials\/Navigation-arrows\/586669\/624776-4.html","url_youtube":"none","thumbnail":null,"topics":[85],"software":[14],"course":{"title":"Sketch Essential Training: The Basics (2017)","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/sketch-essential-training-the-basics-2\/introduction","lynda-com":"https:\/\/www.lynda.com\/Sketch-tutorials\/Sketch-Essential-Training-Basics-REVISION-Q2-2017\/586669-2.html"}}},{"title":"Circular Text Wrap with CSS","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/css-shorts-weekly\/circular-text-wrap-with-css","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/130-Circular-text-wrap-CSS\/536428\/699571-4.html","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2018\/02\/CSS_Shorts_Episode_058-150x150.jpg","topics":[24,96],"software":[33],"course":{"title":"CSS Shorts","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/css-shorts-weekly\/let-s-focus-on-the-focus","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/CSS-Shorts\/536428-2.html"}}},{"title":"Styling Telephone Links","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/css-shorts-weekly\/style-telephone-links","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Style-telephone-links\/536428\/699570-4.html","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2018\/02\/CSS_Shorts_Episode_057-150x150.jpg","topics":[2,55,5],"software":[33],"course":{"title":"CSS Shorts","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/css-shorts-weekly\/let-s-focus-on-the-focus","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/CSS-Shorts\/536428-2.html"}}},{"title":"Animating a Sprite Sheet","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/css-shorts-weekly\/animate-a-sprite-sheet","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Animate-sprite-sheet\/536428\/699569-4.html","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2018\/02\/CSS_Shorts_Episode_056-150x150.jpg","topics":[2,3,29,75],"software":[33],"course":{"title":"CSS Shorts","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/css-shorts-weekly\/let-s-focus-on-the-focus","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/CSS-Shorts\/536428-2.html"}}},{"title":"A Transition for Your Mobile Menu","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/css-shorts-weekly\/a-transition-for-your-mobile-menu","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/transition-your-mobile-menu\/536428\/699568-4.html","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2018\/02\/CSS_Shorts_Episode_055-e1519405254616-150x150.jpg","topics":[2,29,24,57],"software":[33],"course":{"title":"CSS Shorts","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/css-shorts-weekly\/let-s-focus-on-the-focus","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/CSS-Shorts\/536428-2.html"}}},{"title":"Adding Images with Pseudo-Elements","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/css-shorts-weekly\/add-images-with-pseudo-elements","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Add-images-pseudo-elements\/536428\/699567-4.html","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2018\/02\/CSS_Shorts_Episode_054-e1519405279712-150x150.jpg","topics":[2,23,50],"software":[33],"course":{"title":"CSS Shorts","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/css-shorts-weekly\/let-s-focus-on-the-focus","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/CSS-Shorts\/536428-2.html"}}},{"title":"Selection colors","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/css-shorts-weekly\/selection-colors","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Selection-colors\/536428\/669127-4.html","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2018\/02\/CSS_Shorts_Episode_053-e1519405336760-150x150.jpg","topics":[24],"software":[33],"course":{"title":"CSS Shorts","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/css-shorts-weekly\/let-s-focus-on-the-focus","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/CSS-Shorts\/536428-2.html"}}},{"title":"Sticky footers","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/css-shorts-weekly\/sticky-footers","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Sticky-footers\/536428\/669126-4.html","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2018\/02\/CSS_Shorts_Episode_052-e1519405358672-150x150.jpg","topics":[2,29],"software":[33],"course":{"title":"CSS Shorts","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/css-shorts-weekly\/let-s-focus-on-the-focus","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/CSS-Shorts\/536428-2.html"}}},{"title":"Creating a Grid of Images","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/css-shorts-weekly\/create-a-grid-of-images","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Create-grid-images\/536428\/669125-4.html","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2018\/02\/CSS_Shorts_Episode_051-e1520006582312-150x119.jpg","topics":[5,95],"software":[33],"course":{"title":"CSS Shorts","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/css-shorts-weekly\/let-s-focus-on-the-focus","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/CSS-Shorts\/536428-2.html"}}},{"title":"Interactive tabbed panels","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/css-shorts-weekly\/interactive-tab-panels","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Interactive-tab-panels\/536428\/669124-4.html","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2018\/02\/CSS_Shorts_Episode_050-e1519405427454-150x150.jpg","topics":[2,55,94,53],"software":[33],"course":{"title":"CSS Shorts","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/css-shorts-weekly\/let-s-focus-on-the-focus","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/CSS-Shorts\/536428-2.html"}}},{"title":"Adding a QR code for print","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/css-shorts-weekly\/add-a-qr-code-for-print","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Add-QR-code-print\/536428\/669123-4.html","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2018\/02\/CSS_Shorts_Episode_049-e1519405472382-150x150.jpg","topics":[30,23,50],"software":[33],"course":{"title":"CSS Shorts","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/css-shorts-weekly\/let-s-focus-on-the-focus","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/CSS-Shorts\/536428-2.html"}}},{"title":"Uploading a 360 photo to Facebook","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/editing-a-spherical-panorama-with-photoshop-and-after-effects\/upload-spherical-panorama-to-facebook","url_lynda":"https:\/\/www.lynda.com\/Photoshop-tutorials\/Upload-spherical-panorama-Facebook\/667386\/683435-4.html","url_youtube":"none","thumbnail":null,"topics":[40,36],"software":[41],"course":{"title":"Editing 360\u00ba Photos with Photoshop and After Effects","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/editing-a-spherical-panorama-with-photoshop-and-after-effects\/a-brief-introduction-to-after-effects","lynda-com":"https:\/\/www.lynda.com\/Photoshop-tutorials\/Editing-Spherical-Panorama-Photoshop-After-Effects\/667386-2.html","udemy":"https:\/\/www.udemy.com\/retouching-360-spherical-panorama\/","skillshare":"https:\/\/www.skillshare.com\/classes\/Retouching-VR-Images-360-Photos-with-Photoshop-and-After-Effects\/207477551?via=user-profile","creativelive":"https:\/\/cr8.lv\/360-photoshop-aftereffects"}}},{"title":"Adding metadata to a JPEG","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/editing-a-spherical-panorama-with-photoshop-and-after-effects\/prepare-the-final-jpeg-file-with-metadata","url_lynda":"https:\/\/www.lynda.com\/Photoshop-tutorials\/Prepare-final-JPEG-file-metadata\/667386\/683434-4.html","url_youtube":"none","thumbnail":null,"topics":[39],"software":[12,41],"course":{"title":"Editing 360\u00ba Photos with Photoshop and After Effects","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/editing-a-spherical-panorama-with-photoshop-and-after-effects\/a-brief-introduction-to-after-effects","lynda-com":"https:\/\/www.lynda.com\/Photoshop-tutorials\/Editing-Spherical-Panorama-Photoshop-After-Effects\/667386-2.html","udemy":"https:\/\/www.udemy.com\/retouching-360-spherical-panorama\/","skillshare":"https:\/\/www.skillshare.com\/classes\/Retouching-VR-Images-360-Photos-with-Photoshop-and-After-Effects\/207477551?via=user-profile","creativelive":"https:\/\/cr8.lv\/360-photoshop-aftereffects"}}},{"title":"Adding a logo (to a 360\u00ba photo)","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/editing-a-spherical-panorama-with-photoshop-and-after-effects\/add-a-logo","url_lynda":"https:\/\/www.lynda.com\/Photoshop-tutorials\/Add-logo\/667386\/683433-4.html","url_youtube":"none","thumbnail":null,"topics":[38,36],"software":[19],"course":{"title":"Editing 360\u00ba Photos with Photoshop and After Effects","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/editing-a-spherical-panorama-with-photoshop-and-after-effects\/a-brief-introduction-to-after-effects","lynda-com":"https:\/\/www.lynda.com\/Photoshop-tutorials\/Editing-Spherical-Panorama-Photoshop-After-Effects\/667386-2.html","udemy":"https:\/\/www.udemy.com\/retouching-360-spherical-panorama\/","skillshare":"https:\/\/www.skillshare.com\/classes\/Retouching-VR-Images-360-Photos-with-Photoshop-and-After-Effects\/207477551?via=user-profile","creativelive":"https:\/\/cr8.lv\/360-photoshop-aftereffects"}}},{"title":"Making color adjustments","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/editing-a-spherical-panorama-with-photoshop-and-after-effects\/make-color-adjustments","url_lynda":"https:\/\/www.lynda.com\/Photoshop-tutorials\/Make-color-adjustments\/667386\/683432-4.html","url_youtube":"none","thumbnail":null,"topics":[37],"software":[19],"course":{"title":"Editing 360\u00ba Photos with Photoshop and After Effects","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/editing-a-spherical-panorama-with-photoshop-and-after-effects\/a-brief-introduction-to-after-effects","lynda-com":"https:\/\/www.lynda.com\/Photoshop-tutorials\/Editing-Spherical-Panorama-Photoshop-After-Effects\/667386-2.html","udemy":"https:\/\/www.udemy.com\/retouching-360-spherical-panorama\/","skillshare":"https:\/\/www.skillshare.com\/classes\/Retouching-VR-Images-360-Photos-with-Photoshop-and-After-Effects\/207477551?via=user-profile","creativelive":"https:\/\/cr8.lv\/360-photoshop-aftereffects"}}},{"title":"Adding some sunshine (add a sunrise)","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/editing-a-spherical-panorama-with-photoshop-and-after-effects\/add-some-sunshine","url_lynda":"https:\/\/www.lynda.com\/Photoshop-tutorials\/Add-some-sunshine\/667386\/683431-4.html","url_youtube":"none","thumbnail":null,"topics":[37],"software":[19],"course":{"title":"Editing 360\u00ba Photos with Photoshop and After Effects","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/editing-a-spherical-panorama-with-photoshop-and-after-effects\/a-brief-introduction-to-after-effects","lynda-com":"https:\/\/www.lynda.com\/Photoshop-tutorials\/Editing-Spherical-Panorama-Photoshop-After-Effects\/667386-2.html","udemy":"https:\/\/www.udemy.com\/retouching-360-spherical-panorama\/","skillshare":"https:\/\/www.skillshare.com\/classes\/Retouching-VR-Images-360-Photos-with-Photoshop-and-After-Effects\/207477551?via=user-profile","creativelive":"https:\/\/cr8.lv\/360-photoshop-aftereffects"}}},{"title":"Replacing the sky","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/editing-a-spherical-panorama-with-photoshop-and-after-effects\/replace-the-sky","url_lynda":"https:\/\/www.lynda.com\/Photoshop-tutorials\/Replace-sky\/667386\/683430-4.html","url_youtube":"none","thumbnail":null,"topics":[38,37],"software":[12],"course":{"title":"Editing 360\u00ba Photos with Photoshop and After Effects","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/editing-a-spherical-panorama-with-photoshop-and-after-effects\/a-brief-introduction-to-after-effects","lynda-com":"https:\/\/www.lynda.com\/Photoshop-tutorials\/Editing-Spherical-Panorama-Photoshop-After-Effects\/667386-2.html","udemy":"https:\/\/www.udemy.com\/retouching-360-spherical-panorama\/","skillshare":"https:\/\/www.skillshare.com\/classes\/Retouching-VR-Images-360-Photos-with-Photoshop-and-After-Effects\/207477551?via=user-profile","creativelive":"https:\/\/cr8.lv\/360-photoshop-aftereffects"}}},{"title":"Retouch and reset the panorama center point","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/editing-a-spherical-panorama-with-photoshop-and-after-effects\/retouch-and-reset-the-panorama-center-point","url_lynda":"https:\/\/www.lynda.com\/Photoshop-tutorials\/Retouch-reset-panorama-center-point\/667386\/683429-4.html","url_youtube":"none","thumbnail":null,"topics":[37,36],"software":[12],"course":{"title":"Editing 360\u00ba Photos with Photoshop and After Effects","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/editing-a-spherical-panorama-with-photoshop-and-after-effects\/a-brief-introduction-to-after-effects","lynda-com":"https:\/\/www.lynda.com\/Photoshop-tutorials\/Editing-Spherical-Panorama-Photoshop-After-Effects\/667386-2.html","udemy":"https:\/\/www.udemy.com\/retouching-360-spherical-panorama\/","skillshare":"https:\/\/www.skillshare.com\/classes\/Retouching-VR-Images-360-Photos-with-Photoshop-and-After-Effects\/207477551?via=user-profile","creativelive":"https:\/\/cr8.lv\/360-photoshop-aftereffects"}}},{"title":"Replacing tripod from bottom of sphere","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/editing-a-spherical-panorama-with-photoshop-and-after-effects\/remove-tripod-from-bottom-view","url_lynda":"https:\/\/www.lynda.com\/Photoshop-tutorials\/Remove-tripod-from-bottom-view\/667386\/683428-4.html","url_youtube":"none","thumbnail":null,"topics":[36],"software":[19],"course":{"title":"Editing 360\u00ba Photos with Photoshop and After Effects","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/editing-a-spherical-panorama-with-photoshop-and-after-effects\/a-brief-introduction-to-after-effects","lynda-com":"https:\/\/www.lynda.com\/Photoshop-tutorials\/Editing-Spherical-Panorama-Photoshop-After-Effects\/667386-2.html","udemy":"https:\/\/www.udemy.com\/retouching-360-spherical-panorama\/","skillshare":"https:\/\/www.skillshare.com\/classes\/Retouching-VR-Images-360-Photos-with-Photoshop-and-After-Effects\/207477551?via=user-profile","creativelive":"https:\/\/cr8.lv\/360-photoshop-aftereffects"}}},{"title":"Seamless tripod removal","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/editing-a-spherical-panorama-with-photoshop-and-after-effects\/seamless-tripod-removal","url_lynda":"https:\/\/www.lynda.com\/Photoshop-tutorials\/Seamless-tripod-removal\/667386\/683427-4.html","url_youtube":"none","thumbnail":null,"topics":[37],"software":[12],"course":{"title":"Editing 360\u00ba Photos with Photoshop and After Effects","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/editing-a-spherical-panorama-with-photoshop-and-after-effects\/a-brief-introduction-to-after-effects","lynda-com":"https:\/\/www.lynda.com\/Photoshop-tutorials\/Editing-Spherical-Panorama-Photoshop-After-Effects\/667386-2.html","udemy":"https:\/\/www.udemy.com\/retouching-360-spherical-panorama\/","skillshare":"https:\/\/www.skillshare.com\/classes\/Retouching-VR-Images-360-Photos-with-Photoshop-and-After-Effects\/207477551?via=user-profile","creativelive":"https:\/\/cr8.lv\/360-photoshop-aftereffects"}}},{"title":"Isolating the tripod area","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/editing-a-spherical-panorama-with-photoshop-and-after-effects\/isolate-the-tripod-area","url_lynda":"https:\/\/www.lynda.com\/Photoshop-tutorials\/Isolate-tripod-area\/667386\/683426-4.html","url_youtube":"none","thumbnail":null,"topics":[36],"software":[19],"course":{"title":"Editing 360\u00ba Photos with Photoshop and After Effects","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/editing-a-spherical-panorama-with-photoshop-and-after-effects\/a-brief-introduction-to-after-effects","lynda-com":"https:\/\/www.lynda.com\/Photoshop-tutorials\/Editing-Spherical-Panorama-Photoshop-After-Effects\/667386-2.html","udemy":"https:\/\/www.udemy.com\/retouching-360-spherical-panorama\/","skillshare":"https:\/\/www.skillshare.com\/classes\/Retouching-VR-Images-360-Photos-with-Photoshop-and-After-Effects\/207477551?via=user-profile","creativelive":"https:\/\/cr8.lv\/360-photoshop-aftereffects"}}},{"title":"A brief intro to After Effects","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/editing-a-spherical-panorama-with-photoshop-and-after-effects\/a-brief-introduction-to-after-effects","url_lynda":"https:\/\/www.lynda.com\/Photoshop-tutorials\/brief-introduction-After-Effects\/667386\/683423-4.html","url_youtube":"none","thumbnail":null,"topics":[],"software":[19],"course":{"title":"Editing 360\u00ba Photos with Photoshop and After Effects","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/editing-a-spherical-panorama-with-photoshop-and-after-effects\/a-brief-introduction-to-after-effects","lynda-com":"https:\/\/www.lynda.com\/Photoshop-tutorials\/Editing-Spherical-Panorama-Photoshop-After-Effects\/667386-2.html","udemy":"https:\/\/www.udemy.com\/retouching-360-spherical-panorama\/","skillshare":"https:\/\/www.skillshare.com\/classes\/Retouching-VR-Images-360-Photos-with-Photoshop-and-After-Effects\/207477551?via=user-profile","creativelive":"https:\/\/cr8.lv\/360-photoshop-aftereffects"}}},{"title":"Continuing a numbered list","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/css-shorts-weekly\/continue-a-numbered-list","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Continue-numbered-list\/536428\/669122-4.html","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2018\/02\/CSS_Shorts_Episode_048-e1519405499377-150x150.jpg","topics":[2,23],"software":[33],"course":{"title":"CSS Shorts","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/css-shorts-weekly\/let-s-focus-on-the-focus","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/CSS-Shorts\/536428-2.html"}}},{"title":"Detecting screen resolution","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/css-shorts-weekly\/detect-screen-resolution","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Detect-screen-resolution\/536428\/669121-4.html","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2018\/02\/CSS_Shorts_Episode_047-e1519405535228-150x150.jpg","topics":[2,30],"software":[33],"course":{"title":"CSS Shorts","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/css-shorts-weekly\/let-s-focus-on-the-focus","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/CSS-Shorts\/536428-2.html"}}},{"title":"Styling big list numbers","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/css-shorts-weekly\/style-big-list-numbers","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Style-big-list-numbers\/536428\/669120-4.html","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2018\/02\/CSS_Shorts_Episode_046-150x150.jpg","topics":[2,29],"software":[33],"course":{"title":"CSS Shorts","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/css-shorts-weekly\/let-s-focus-on-the-focus","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/CSS-Shorts\/536428-2.html"}}},{"title":"Embedding SVG art in CSS","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/css-shorts-weekly\/embed-svg-art-in-css","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Embed-SVG-art-CSS\/536428\/669119-4.html","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2018\/02\/CSS_Shorts_Episode_045_news-e1519405575672-150x148.jpg","topics":[5,47],"software":[33],"course":{"title":"CSS Shorts","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/css-shorts-weekly\/let-s-focus-on-the-focus","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/CSS-Shorts\/536428-2.html"}}},{"title":"Gradient horizontal rule","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/css-shorts-weekly\/gradient-horizontal-rule","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Gradient-horizontal-rule\/536428\/669118-4.html","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2018\/02\/CSS_Shorts_Episode_044-e1519405604103-150x150.jpg","topics":[32,6],"software":[33],"course":{"title":"CSS Shorts","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/css-shorts-weekly\/let-s-focus-on-the-focus","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/CSS-Shorts\/536428-2.html"}}},{"title":"Creating polka dots","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/css-shorts-weekly\/create-polka-dots","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Create-polka-dots\/536428\/669117-4.html","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2018\/02\/CSS_Shorts_Episode_043-150x150.jpg","topics":[5,32],"software":[33],"course":{"title":"CSS Shorts","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/css-shorts-weekly\/let-s-focus-on-the-focus","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/CSS-Shorts\/536428-2.html"}}},{"title":"Outline your text","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/css-shorts-weekly\/outline-your-text","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Outline-your-text\/536428\/669116-4.html","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2018\/02\/CSS_Shorts_Episode_042-150x150.jpg","topics":[2],"software":[33],"course":{"title":"CSS Shorts","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/css-shorts-weekly\/let-s-focus-on-the-focus","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/CSS-Shorts\/536428-2.html"}}},{"title":"Customized radio buttons","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/css-shorts-weekly\/customized-radio-buttons","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Customized-radio-buttons\/536428\/655754-4.html","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2018\/02\/CSS_Shorts_Episode_041-e1519405662501-150x150.jpg","topics":[23,81],"software":[33],"course":{"title":"CSS Shorts","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/css-shorts-weekly\/let-s-focus-on-the-focus","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/CSS-Shorts\/536428-2.html"}}},{"title":"Display images as grayscale","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/css-shorts-weekly\/display-images-as-grayscale","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Display-images-grayscale\/536428\/655753-4.html","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2018\/02\/CSS_Shorts_Episode_040-e1519405693929-150x150.jpg","topics":[2,5,23],"software":[33],"course":{"title":"CSS Shorts","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/css-shorts-weekly\/let-s-focus-on-the-focus","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/CSS-Shorts\/536428-2.html"}}},{"title":"Flex a Column with a Pseudo-Element","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/css-shorts-weekly\/flex-a-column-with-a-pseudo-element","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Flex-column-pseudo-element\/536428\/655752-4.html","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2018\/02\/CSS_Shorts_Episode_039-e1519405718648-150x150.jpg","topics":[4,23,60],"software":[33],"course":{"title":"CSS Shorts","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/css-shorts-weekly\/let-s-focus-on-the-focus","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/CSS-Shorts\/536428-2.html"}}},{"title":"Text indents","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/css-shorts-weekly\/text-indents","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Text-indents\/536428\/655751-4.html","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2018\/02\/CSS_Shorts_Episode_038-e1519405749797-150x150.jpg","topics":[94],"software":[33],"course":{"title":"CSS Shorts","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/css-shorts-weekly\/let-s-focus-on-the-focus","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/CSS-Shorts\/536428-2.html"}}},{"title":"Angled headers","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/css-shorts-weekly\/angled-headers","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Angled-headers\/536428\/655750-4.html","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2018\/02\/CSS_Shorts_Episode_037-e1519405782398-150x150.jpg","topics":[2,23,75],"software":[33],"course":{"title":"CSS Shorts","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/css-shorts-weekly\/let-s-focus-on-the-focus","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/CSS-Shorts\/536428-2.html"}}},{"title":"Animating backgrounds","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/css-shorts-weekly\/animating-backgrounds","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Animating-backgrounds\/536428\/638291-4.html","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2018\/02\/CSS_Shorts_Episode_036-150x150.jpg","topics":[2,3,5],"software":[33],"course":{"title":"CSS Shorts","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/css-shorts-weekly\/let-s-focus-on-the-focus","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/CSS-Shorts\/536428-2.html"}}},{"title":"Numbering items","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/css-shorts-weekly\/numbering-items","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Numbering-items\/536428\/638290-4.html","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2018\/02\/CSS_Shorts_Episode_035-e1519405828792-150x150.jpg","topics":[2,23,31,6],"software":[33],"course":{"title":"CSS Shorts","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/css-shorts-weekly\/let-s-focus-on-the-focus","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/CSS-Shorts\/536428-2.html"}}},{"title":"Sprite Sheet for animation with Sketch","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/creating-web-media\/sprite-sheet-for-animation-with-sketch","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Sprite-sheet-animation-Sketch\/536429\/654118-4.html","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2018\/01\/Creating_Web_Media_Episode_042-e1515937726565-150x150.jpg","topics":[56,50],"software":[14],"course":{"title":"Creating Web Media","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/creating-web-media\/randomized-animation-with-javascript","lynda-com":"https:\/\/www.lynda.com\/Web-Development-tutorials\/Creating-Web-Media\/536429-2.html"}}},{"title":"Sprite Sheet for animation with Photoshop","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/creating-web-media\/sprite-sheet-for-animation-with-photoshop","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Sprite-sheet-animation-Photoshop\/536429\/654117-4.html","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2018\/01\/Creating_Web_Media_Episode_041-e1515937307621-150x150.jpg","topics":[56,50],"software":[12],"course":{"title":"Creating Web Media","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/creating-web-media\/randomized-animation-with-javascript","lynda-com":"https:\/\/www.lynda.com\/Web-Development-tutorials\/Creating-Web-Media\/536429-2.html"}}},{"title":"Customized Markers for Google Maps","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/creating-web-media\/custom-google-maps-markers","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Custom-Google-Maps-markers\/536429\/654116-4.html","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2018\/01\/Creating_Web_Media_Episode_040-e1515937071936-150x150.jpg","topics":[45,9,50],"software":[65,33],"course":{"title":"Creating Web Media","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/creating-web-media\/randomized-animation-with-javascript","lynda-com":"https:\/\/www.lynda.com\/Web-Development-tutorials\/Creating-Web-Media\/536429-2.html"}}},{"title":"Creating a pie chart","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/css-shorts-weekly\/creating-a-pie-chart","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Creating-pie-chart\/536428\/638289-4.html","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2018\/02\/CSS_Shorts_Episode_034-e1519405858847-150x150.jpg","topics":[2,29,75],"software":[33],"course":{"title":"CSS Shorts","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/css-shorts-weekly\/let-s-focus-on-the-focus","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/CSS-Shorts\/536428-2.html"}}},{"title":"Indicating off-site links","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/css-shorts-weekly\/indicating-off-site-links","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Indicating-off-site-links\/536428\/638288-4.html","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2018\/02\/CSS_Shorts_Episode_033-150x150.jpg","topics":[2,55],"software":[33],"course":{"title":"CSS Shorts","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/css-shorts-weekly\/let-s-focus-on-the-focus","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/CSS-Shorts\/536428-2.html"}}},{"title":"Overlapping heading rule","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/css-shorts-weekly\/overlapping-heading-rule","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Overlapping-heading-rule\/536428\/638287-4.html","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2018\/02\/CSS_Shorts_Episode_032-150x150.jpg","topics":[2,23],"software":[33],"course":{"title":"CSS Shorts","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/css-shorts-weekly\/let-s-focus-on-the-focus","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/CSS-Shorts\/536428-2.html"}}},{"title":"Animating SVG with CSS","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/creating-web-media\/animate-svg-with-css","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Animate-SVG-CSS\/536429\/654115-4.html","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2018\/01\/Creating_Web_Media_Episode_039-e1515936871696-150x150.jpg","topics":[3,49,47,50],"software":[33],"course":{"title":"Creating Web Media","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/creating-web-media\/randomized-animation-with-javascript","lynda-com":"https:\/\/www.lynda.com\/Web-Development-tutorials\/Creating-Web-Media\/536429-2.html"}}},{"title":"Zooming hover state","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/creating-web-media\/zooming-hover-state","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Zooming-hover-state\/536429\/654114-4.html","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2018\/01\/Creating_Web_Media_Episode_038-e1515936461506-150x150.jpg","topics":[2,5,31,50],"software":[33],"course":{"title":"Creating Web Media","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/creating-web-media\/randomized-animation-with-javascript","lynda-com":"https:\/\/www.lynda.com\/Web-Development-tutorials\/Creating-Web-Media\/536429-2.html"}}},{"title":"Responsive SVG logo","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/creating-web-media\/responsive-svg-logo-2","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Responsive-SVG-Logo\/536429\/655273-4.html","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2018\/01\/Creating_Web_Media_Episode_037-e1515936274421-150x150.jpg","topics":[2,30,49,47],"software":[33],"course":{"title":"Creating Web Media","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/creating-web-media\/randomized-animation-with-javascript","lynda-com":"https:\/\/www.lynda.com\/Web-Development-tutorials\/Creating-Web-Media\/536429-2.html"}}},{"title":"Triggering content from a video","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/creating-web-media\/trigger-content-from-a-video","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Trigger-content-from-video\/536429\/650453-4.html","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2017\/09\/Creating_Web_Media_Episode_036-e1519479585660-150x150.jpg","topics":[29,6,9,7],"software":[33],"course":{"title":"Creating Web Media","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/creating-web-media\/randomized-animation-with-javascript","lynda-com":"https:\/\/www.lynda.com\/Web-Development-tutorials\/Creating-Web-Media\/536429-2.html"}}},{"title":"Blurring images","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/css-shorts-weekly\/blurring-images","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Blurring-images\/536428\/638286-4.html","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2018\/02\/CSS_Shorts_Episode_031-150x150.jpg","topics":[2,50],"software":[33],"course":{"title":"CSS Shorts","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/css-shorts-weekly\/let-s-focus-on-the-focus","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/CSS-Shorts\/536428-2.html"}}},{"title":"Checkboxes to Switches","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/css-shorts-weekly\/checkboxes-to-switches","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Checkboxes-switches\/536428\/638285-4.html","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2018\/02\/CSS_Shorts_Episode_030-150x150.jpg","topics":[2,23],"software":[33],"course":{"title":"CSS Shorts","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/css-shorts-weekly\/let-s-focus-on-the-focus","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/CSS-Shorts\/536428-2.html"}}},{"title":"Animating an HTML canvas","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/creating-web-media\/animate-an-html-canvas","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Animate-HTML-canvas\/536429\/642823-4.html","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2018\/01\/Creating_Web_Media_Episode_035-150x150.jpg","topics":[22,9,11,50],"software":[33],"course":{"title":"Creating Web Media","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/creating-web-media\/randomized-animation-with-javascript","lynda-com":"https:\/\/www.lynda.com\/Web-Development-tutorials\/Creating-Web-Media\/536429-2.html"}}},{"title":"Masking an image in SVG","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/creating-web-media\/mask-an-image-in-svg","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Mask-image-SVG\/536429\/642822-4.html","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2018\/01\/Creating_Web_Media_Episode_034-150x150.jpg","topics":[6,47,50],"software":[33],"course":{"title":"Creating Web Media","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/creating-web-media\/randomized-animation-with-javascript","lynda-com":"https:\/\/www.lynda.com\/Web-Development-tutorials\/Creating-Web-Media\/536429-2.html"}}},{"title":"Image zoom to point of interest","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/creating-web-media\/image-zoom-to-point-of-interest","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Image-zoom-point-interest\/536429\/642821-4.html","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2018\/01\/Creating_Web_Media_Episode_033-150x150.jpg","topics":[5,9,50],"software":[33],"course":{"title":"Creating Web Media","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/creating-web-media\/randomized-animation-with-javascript","lynda-com":"https:\/\/www.lynda.com\/Web-Development-tutorials\/Creating-Web-Media\/536429-2.html"}}},{"title":"Mixin it up with LESS","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/css-shorts-weekly\/mixin-it-up-with-less","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Mixin-it-up-LESS\/536428\/607246-4.html","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2018\/02\/CSS_Shorts_Episode_029-150x150.jpg","topics":[2,90],"software":[33],"course":{"title":"CSS Shorts","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/css-shorts-weekly\/let-s-focus-on-the-focus","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/CSS-Shorts\/536428-2.html"}}},{"title":"Mixin it up with SASS","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/css-shorts-weekly\/mixin-it-up-with-sass","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Mixin-it-up-SASS\/536428\/607245-4.html","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2018\/02\/CSS_Shorts_Episode_028-150x150.jpg","topics":[2,91],"software":[33],"course":{"title":"CSS Shorts","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/css-shorts-weekly\/let-s-focus-on-the-focus","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/CSS-Shorts\/536428-2.html"}}},{"title":"Flex your columns","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/css-shorts-weekly\/flex-your-columns","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Flex-your-columns\/536428\/607241-4.html","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2018\/02\/CSS_Shorts_Episode_024-150x150.jpg","topics":[2],"software":[33],"course":{"title":"CSS Shorts","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/css-shorts-weekly\/let-s-focus-on-the-focus","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/CSS-Shorts\/536428-2.html"}}},{"title":"Inline video for iOS","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/creating-web-media\/inline-video-for-ios","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Inline-video-iOS\/536429\/642820-4.html","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2018\/01\/Creating_Web_Media_Episode_032-150x150.jpg","topics":[7],"software":[33],"course":{"title":"Creating Web Media","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/creating-web-media\/randomized-animation-with-javascript","lynda-com":"https:\/\/www.lynda.com\/Web-Development-tutorials\/Creating-Web-Media\/536429-2.html"}}},{"title":"Indicating download file types","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/creating-web-media\/indicate-download-file-types","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Indicate-download-file-types\/536429\/636328-4.html","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2018\/01\/Creating_Web_Media_Episode_031-150x150.jpg","topics":[2,55,5,50],"software":[33],"course":{"title":"Creating Web Media","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/creating-web-media\/randomized-animation-with-javascript","lynda-com":"https:\/\/www.lynda.com\/Web-Development-tutorials\/Creating-Web-Media\/536429-2.html"}}},{"title":"Creating a sprite sheet for links","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/creating-web-media\/create-a-sprite-sheet-for-links","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Create-sprite-sheet-links\/536429\/636327-4.html","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2018\/01\/Creating_Web_Media_Episode_030-e1515934978828-150x150.jpg","topics":[2,5,50],"software":[33],"course":{"title":"Creating Web Media","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/creating-web-media\/randomized-animation-with-javascript","lynda-com":"https:\/\/www.lynda.com\/Web-Development-tutorials\/Creating-Web-Media\/536429-2.html"}}},{"title":"Responsive Images and the Picture Element","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/creating-web-media\/responsive-images-and-the-picture-element","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Responsive-images-picture-element\/536429\/607312-4.html","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2018\/01\/Creating_Web_Media_Episode_029-150x150.jpg","topics":[6,70,50],"software":[33],"course":{"title":"Creating Web Media","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/creating-web-media\/randomized-animation-with-javascript","lynda-com":"https:\/\/www.lynda.com\/Web-Development-tutorials\/Creating-Web-Media\/536429-2.html"}}},{"title":"Responsive Images and the Image Element","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/creating-web-media\/responsive-images-and-the-image-element","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Responsive-images-image-element\/536429\/607311-4.html","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2018\/01\/Creating_Web_Media_Episode_028-150x150.jpg","topics":[6,50],"software":[33],"course":{"title":"Creating Web Media","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/creating-web-media\/randomized-animation-with-javascript","lynda-com":"https:\/\/www.lynda.com\/Web-Development-tutorials\/Creating-Web-Media\/536429-2.html"}}},{"title":"Put your best footer forward","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/css-shorts-weekly\/put-your-best-footer-forward","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Put-your-best-footer-forward\/536428\/607244-4.html","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2018\/02\/CSS_Shorts_Episode_027-150x150.jpg","topics":[2,30,72],"software":[33],"course":{"title":"CSS Shorts","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/css-shorts-weekly\/let-s-focus-on-the-focus","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/CSS-Shorts\/536428-2.html"}}},{"title":"Centering A Positioned Element","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/css-shorts-weekly\/center-a-positioned-element","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Center-positioned-element\/536428\/607243-4.html","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2018\/02\/CSS_Shorts_Episode_026-150x150.jpg","topics":[2,29],"software":[33],"course":{"title":"CSS Shorts","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/css-shorts-weekly\/let-s-focus-on-the-focus","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/CSS-Shorts\/536428-2.html"}}},{"title":"Let\u2019s focus on the focus","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/css-shorts-weekly\/let-s-focus-on-the-focus","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Lets-focus-focus\/536428\/607242-4.html","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2017\/06\/CSS_Shorts_Episode_025_news-150x150.jpg","topics":[2,24],"software":[33],"course":{"title":"CSS Shorts","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/css-shorts-weekly\/let-s-focus-on-the-focus","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/CSS-Shorts\/536428-2.html"}}},{"title":"Getting nestled with LESS","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/css-shorts-weekly\/get-nestled-with-less","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Get-nestled-LESS\/536428\/607240-4.html","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2018\/02\/CSS_Shorts_Episode_023-e1519340709700-150x150.jpg","topics":[2,90],"software":[33],"course":{"title":"CSS Shorts","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/css-shorts-weekly\/let-s-focus-on-the-focus","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/CSS-Shorts\/536428-2.html"}}},{"title":"Getting nestled with SASS","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/css-shorts-weekly\/get-nestled-with-sass","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Get-nestled-SASS\/536428\/607239-4.html","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2017\/06\/CSS_Shorts_Episode_022_news-e1519430480366-150x148.jpg","topics":[2,91],"software":[33],"course":{"title":"CSS Shorts","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/css-shorts-weekly\/let-s-focus-on-the-focus","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/CSS-Shorts\/536428-2.html"}}},{"title":"Exporting SVG from Sketch","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/sketch-essential-training-the-basics-2\/export-svg","url_lynda":"https:\/\/www.lynda.com\/Sketch-tutorials\/Export-SVG\/586669\/624796-4.html","url_youtube":"none","thumbnail":null,"topics":[47,50],"software":[14],"course":{"title":"Sketch Essential Training: The Basics (2017)","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/sketch-essential-training-the-basics-2\/introduction","lynda-com":"https:\/\/www.lynda.com\/Sketch-tutorials\/Sketch-Essential-Training-Basics-REVISION-Q2-2017\/586669-2.html"}}},{"title":"Exporting web graphics from Sketch","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/sketch-essential-training-the-basics-2\/export-the-main-photo","url_lynda":"https:\/\/www.lynda.com\/Sketch-tutorials\/Export-main-photo\/586669\/624794-4.html","url_youtube":"none","thumbnail":null,"topics":[50],"software":[14],"course":{"title":"Sketch Essential Training: The Basics (2017)","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/sketch-essential-training-the-basics-2\/introduction","lynda-com":"https:\/\/www.lynda.com\/Sketch-tutorials\/Sketch-Essential-Training-Basics-REVISION-Q2-2017\/586669-2.html"}}},{"title":"Collaborate with Sketch Cloud","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/sketch-essential-training-the-basics-2\/collaborate-with-sketch-cloud","url_lynda":"https:\/\/www.lynda.com\/Sketch-tutorials\/Collaborate-Sketch-Cloud\/586669\/624791-4.html","url_youtube":"none","thumbnail":null,"topics":[84,60],"software":[14],"course":{"title":"Sketch Essential Training: The Basics (2017)","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/sketch-essential-training-the-basics-2\/introduction","lynda-com":"https:\/\/www.lynda.com\/Sketch-tutorials\/Sketch-Essential-Training-Basics-REVISION-Q2-2017\/586669-2.html"}}},{"title":"Broadcast your design with Sketch Mirror","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/sketch-essential-training-the-basics-2\/broadcast-your-design-with-sketch-mirror","url_lynda":"https:\/\/www.lynda.com\/Sketch-tutorials\/Broadcast-your-design-Sketch-Mirror\/586669\/624790-4.html","url_youtube":"none","thumbnail":null,"topics":[84,60],"software":[14],"course":{"title":"Sketch Essential Training: The Basics (2017)","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/sketch-essential-training-the-basics-2\/introduction","lynda-com":"https:\/\/www.lynda.com\/Sketch-tutorials\/Sketch-Essential-Training-Basics-REVISION-Q2-2017\/586669-2.html"}}},{"title":"Exporting art boards from Sketch","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/sketch-essential-training-the-basics-2\/export-artboards","url_lynda":"https:\/\/www.lynda.com\/Sketch-tutorials\/Export-artboards\/586669\/624789-4.html","url_youtube":"none","thumbnail":null,"topics":[84,60],"software":[14],"course":{"title":"Sketch Essential Training: The Basics (2017)","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/sketch-essential-training-the-basics-2\/introduction","lynda-com":"https:\/\/www.lynda.com\/Sketch-tutorials\/Sketch-Essential-Training-Basics-REVISION-Q2-2017\/586669-2.html"}}},{"title":"Exporting Sketch art boards to PDF","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/sketch-essential-training-the-basics-2\/export-artboards-to-pdf","url_lynda":"https:\/\/www.lynda.com\/Sketch-tutorials\/Export-artboards-PDF\/586669\/624788-4.html","url_youtube":"none","thumbnail":null,"topics":[88,84,50],"software":[14],"course":{"title":"Sketch Essential Training: The Basics (2017)","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/sketch-essential-training-the-basics-2\/introduction","lynda-com":"https:\/\/www.lynda.com\/Sketch-tutorials\/Sketch-Essential-Training-Basics-REVISION-Q2-2017\/586669-2.html"}}},{"title":"Drawing the spoon and spatula","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/sketch-essential-training-the-basics-2\/draw-the-spoon-and-spatula","url_lynda":"https:\/\/www.lynda.com\/Sketch-tutorials\/Draw-spoon-spatula\/586669\/624784-4.html","url_youtube":"none","thumbnail":null,"topics":[85],"software":[14],"course":{"title":"Sketch Essential Training: The Basics (2017)","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/sketch-essential-training-the-basics-2\/introduction","lynda-com":"https:\/\/www.lynda.com\/Sketch-tutorials\/Sketch-Essential-Training-Basics-REVISION-Q2-2017\/586669-2.html"}}},{"title":"Drawing the oven mitt","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/sketch-essential-training-the-basics-2\/draw-the-oven-mitt","url_lynda":"https:\/\/www.lynda.com\/Sketch-tutorials\/Draw-oven-mitt\/586669\/624783-4.html","url_youtube":"none","thumbnail":null,"topics":[85],"software":[14],"course":{"title":"Sketch Essential Training: The Basics (2017)","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/sketch-essential-training-the-basics-2\/introduction","lynda-com":"https:\/\/www.lynda.com\/Sketch-tutorials\/Sketch-Essential-Training-Basics-REVISION-Q2-2017\/586669-2.html"}}},{"title":"Drawing the bowl icon","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/sketch-essential-training-the-basics-2\/draw-the-bowl-icon","url_lynda":"https:\/\/www.lynda.com\/Sketch-tutorials\/Draw-bowl-icon\/586669\/624782-4.html","url_youtube":"none","thumbnail":null,"topics":[85],"software":[14],"course":{"title":"Sketch Essential Training: The Basics (2017)","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/sketch-essential-training-the-basics-2\/introduction","lynda-com":"https:\/\/www.lynda.com\/Sketch-tutorials\/Sketch-Essential-Training-Basics-REVISION-Q2-2017\/586669-2.html"}}},{"title":"Working with fonts in Sketch","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/sketch-essential-training-the-basics-2\/work-with-fonts-in-sketch","url_lynda":"https:\/\/www.lynda.com\/Sketch-tutorials\/Work-fonts-Sketch\/586669\/624769-4.html","url_youtube":"none","thumbnail":null,"topics":[84,60],"software":[14],"course":{"title":"Sketch Essential Training: The Basics (2017)","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/sketch-essential-training-the-basics-2\/introduction","lynda-com":"https:\/\/www.lynda.com\/Sketch-tutorials\/Sketch-Essential-Training-Basics-REVISION-Q2-2017\/586669-2.html"}}},{"title":"Adding the navigation bar","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/sketch-essential-training-the-basics-2\/add-the-navigation-bar","url_lynda":"https:\/\/www.lynda.com\/Sketch-tutorials\/Add-navigation-bar\/586669\/624768-4.html","url_youtube":"none","thumbnail":null,"topics":[60],"software":[14],"course":{"title":"Sketch Essential Training: The Basics (2017)","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/sketch-essential-training-the-basics-2\/introduction","lynda-com":"https:\/\/www.lynda.com\/Sketch-tutorials\/Sketch-Essential-Training-Basics-REVISION-Q2-2017\/586669-2.html"}}},{"title":"Adding grids and layout settings","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/sketch-essential-training-the-basics-2\/add-grids-and-layout-settings","url_lynda":"https:\/\/www.lynda.com\/Sketch-tutorials\/Add-grids-layout-settings\/586669\/624765-4.html","url_youtube":"none","thumbnail":null,"topics":[84,60],"software":[14],"course":{"title":"Sketch Essential Training: The Basics (2017)","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/sketch-essential-training-the-basics-2\/introduction","lynda-com":"https:\/\/www.lynda.com\/Sketch-tutorials\/Sketch-Essential-Training-Basics-REVISION-Q2-2017\/586669-2.html"}}},{"title":"Creating art boards","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/sketch-essential-training-the-basics-2\/create-art-boards","url_lynda":"https:\/\/www.lynda.com\/Sketch-tutorials\/Create-art-boards\/586669\/624764-4.html","url_youtube":"none","thumbnail":null,"topics":[84,60],"software":[14],"course":{"title":"Sketch Essential Training: The Basics (2017)","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/sketch-essential-training-the-basics-2\/introduction","lynda-com":"https:\/\/www.lynda.com\/Sketch-tutorials\/Sketch-Essential-Training-Basics-REVISION-Q2-2017\/586669-2.html"}}},{"title":"Intro to the Sketch interface","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/sketch-essential-training-the-basics-2\/introduction-to-the-sketch-interface","url_lynda":"https:\/\/www.lynda.com\/Sketch-tutorials\/Introduction-Sketch-interface\/586669\/624761-4.html","url_youtube":"none","thumbnail":null,"topics":[84,60],"software":[14],"course":{"title":"Sketch Essential Training: The Basics (2017)","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/sketch-essential-training-the-basics-2\/introduction","lynda-com":"https:\/\/www.lynda.com\/Sketch-tutorials\/Sketch-Essential-Training-Basics-REVISION-Q2-2017\/586669-2.html"}}},{"title":"Using GULP with Sketch files","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/creating-web-media\/using-gulp-with-sketch-files","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Using-GULP-Sketch-files\/536429\/607310-4.html","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2018\/01\/Creating_Web_Media_Episode_027-e1515934381473-150x150.jpg","topics":[9,50],"software":[54,14,33],"course":{"title":"Creating Web Media","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/creating-web-media\/randomized-animation-with-javascript","lynda-com":"https:\/\/www.lynda.com\/Web-Development-tutorials\/Creating-Web-Media\/536429-2.html"}}},{"title":"Base64 encoding images","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/creating-web-media\/base64-encoding-images","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Base64-encoding-images\/536429\/607309-4.html","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2018\/01\/Creating_Web_Media_Episode_026-150x150.jpg","topics":[5,50],"software":[33,41],"course":{"title":"Creating Web Media","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/creating-web-media\/randomized-animation-with-javascript","lynda-com":"https:\/\/www.lynda.com\/Web-Development-tutorials\/Creating-Web-Media\/536429-2.html"}}},{"title":"Video jump points with JavaScript","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/creating-web-media\/video-jump-points-with-javascript","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Video-jump-points-JavaScript\/536429\/607308-4.html","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2018\/01\/Creating_Web_Media_Episode_025-e1515934424614-150x150.jpg","topics":[9,7],"software":[33],"course":{"title":"Creating Web Media","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/creating-web-media\/randomized-animation-with-javascript","lynda-com":"https:\/\/www.lynda.com\/Web-Development-tutorials\/Creating-Web-Media\/536429-2.html"}}},{"title":"Loading animation with HTML and CSS","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/creating-web-media\/load-animation-with-html-and-css","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Load-animation-HTML-CSS\/536429\/607307-4.html","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2018\/01\/Creating_Web_Media_Episode_024-150x150.jpg","topics":[3,29,31,6],"software":[33],"course":{"title":"Creating Web Media","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/creating-web-media\/randomized-animation-with-javascript","lynda-com":"https:\/\/www.lynda.com\/Web-Development-tutorials\/Creating-Web-Media\/536429-2.html"}}},{"title":"Fullscreen background video","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/creating-web-media\/fullscreen-background-video","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Fullscreen-background-video\/536429\/607306-4.html","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2018\/01\/Creating_Web_Media_Episode_023-150x150.jpg","topics":[2,6,9],"software":[33],"course":{"title":"Creating Web Media","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/creating-web-media\/randomized-animation-with-javascript","lynda-com":"https:\/\/www.lynda.com\/Web-Development-tutorials\/Creating-Web-Media\/536429-2.html"}}},{"title":"Drop the cap","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/css-shorts-weekly\/drop-the-cap","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Drop-cap\/536428\/607238-4.html","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2018\/02\/CSS_Shorts_Episode_021-e1519339712924-150x150.jpg","topics":[2,24,93],"software":[33],"course":{"title":"CSS Shorts","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/css-shorts-weekly\/let-s-focus-on-the-focus","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/CSS-Shorts\/536428-2.html"}}},{"title":"Creating a grid","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/css-shorts-weekly\/creating-a-grid","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Creating-grid\/536428\/607237-4.html","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2018\/02\/CSS_Shorts_Episode_020-e1519339741454-150x150.jpg","topics":[2,60],"software":[33],"course":{"title":"CSS Shorts","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/css-shorts-weekly\/let-s-focus-on-the-focus","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/CSS-Shorts\/536428-2.html"}}},{"title":"Column divider lines","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/css-shorts-weekly\/column-divider-lines","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Column-divider-lines\/536428\/607236-4.html","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2018\/02\/CSS_Shorts_Episode_019-e1519339761109-150x150.jpg","topics":[2,24,60],"software":[33],"course":{"title":"CSS Shorts","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/css-shorts-weekly\/let-s-focus-on-the-focus","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/CSS-Shorts\/536428-2.html"}}},{"title":"Creating Customizable Graphics with CSS","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/creating-web-media\/create-customizable-graphics-with-css","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Create-customizable-graphics-CSS\/536429\/607305-4.html","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2018\/01\/Creating_Web_Media_Episode_022-e1515873431201-150x150.jpg","topics":[2,6,50],"software":[33],"course":{"title":"Creating Web Media","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/creating-web-media\/randomized-animation-with-javascript","lynda-com":"https:\/\/www.lynda.com\/Web-Development-tutorials\/Creating-Web-Media\/536429-2.html"}}},{"title":"Interactive inline photo gallery","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/creating-web-media\/interactive-inline-photo-gallery","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Interactive-inline-photo-gallery\/536429\/607304-4.html","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2018\/01\/Creating_Web_Media_Episode_021-150x150.jpg","topics":[2,30,6,53,50],"software":[33],"course":{"title":"Creating Web Media","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/creating-web-media\/randomized-animation-with-javascript","lynda-com":"https:\/\/www.lynda.com\/Web-Development-tutorials\/Creating-Web-Media\/536429-2.html"}}},{"title":"Animating a sprite sheet with JavaScript","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/creating-web-media\/animate-a-sprite-sheet-with-javascript","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Animate-sprite-sheet-JavaScript\/536429\/607303-4.html","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2018\/01\/Creating_Web_Media_Episode_020-150x150.jpg","topics":[5,9,11,50],"software":[33],"course":{"title":"Creating Web Media","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/creating-web-media\/randomized-animation-with-javascript","lynda-com":"https:\/\/www.lynda.com\/Web-Development-tutorials\/Creating-Web-Media\/536429-2.html"}}},{"title":"Animating a sprite sheet with CSS","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/creating-web-media\/animate-a-sprite-sheet-with-css","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Animate-sprite-sheet-CSS\/536429\/607302-4.html","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2018\/01\/Creating_Web_Media_Episode_019-150x150.jpg","topics":[3,5,6,50],"software":[33],"course":{"title":"Creating Web Media","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/creating-web-media\/randomized-animation-with-javascript","lynda-com":"https:\/\/www.lynda.com\/Web-Development-tutorials\/Creating-Web-Media\/536429-2.html"}}},{"title":"Vertical and center","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/css-shorts-weekly\/vertical-and-center","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Vertical-center\/536428\/607235-4.html","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2018\/02\/CSS_Shorts_Episode_018-150x150.jpg","topics":[2,24],"software":[33],"course":{"title":"CSS Shorts","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/css-shorts-weekly\/let-s-focus-on-the-focus","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/CSS-Shorts\/536428-2.html"}}},{"title":"Expand your mobile menu","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/css-shorts-weekly\/expand-your-mobile-menu","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Expand-your-mobile-menu\/536428\/606107-4.html","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2017\/04\/CSS_Shorts_Episode_017_news-e1519430548955-150x150.jpg","topics":[2,53],"software":[33],"course":{"title":"CSS Shorts","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/css-shorts-weekly\/let-s-focus-on-the-focus","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/CSS-Shorts\/536428-2.html"}}},{"title":"Color functions in SASS and LESS","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/css-shorts-weekly\/color-functions-in-sass-and-less","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Color-functions-Sass-LESS\/536428\/595720-4.html","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2018\/02\/CSS_Shorts_Episode_016-e1519339811202-150x150.jpg","topics":[2,90,91],"software":[33],"course":{"title":"CSS Shorts","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/css-shorts-weekly\/let-s-focus-on-the-focus","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/CSS-Shorts\/536428-2.html"}}},{"title":"Setting a stylish table","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/css-shorts-weekly\/setting-a-stylish-table","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Setting-stylish-table\/536428\/595719-4.html","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2018\/02\/CSS_Shorts_Episode_015-e1519339845150-150x150.jpg","topics":[2,6],"software":[33],"course":{"title":"CSS Shorts","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/css-shorts-weekly\/let-s-focus-on-the-focus","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/CSS-Shorts\/536428-2.html"}}},{"title":"Read JPG metadata with PHP","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/creating-web-media\/read-jpg-metadata-with-php","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Read-JPG-metadata-PHP\/536429\/607301-4.html","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2018\/01\/Creating_Web_Media_Episode_018-150x150.jpg","topics":[52,50],"software":[33],"course":{"title":"Creating Web Media","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/creating-web-media\/randomized-animation-with-javascript","lynda-com":"https:\/\/www.lynda.com\/Web-Development-tutorials\/Creating-Web-Media\/536429-2.html"}}},{"title":"Customize your thumbnails in WordPress","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/creating-web-media\/customize-your-thumbnails-in-wordpress","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Customize-your-thumbnails-WordPress\/536429\/607300-4.html","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2018\/01\/Creating_Web_Media_Episode_017-150x150.jpg","topics":[50],"software":[21],"course":{"title":"Creating Web Media","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/creating-web-media\/randomized-animation-with-javascript","lynda-com":"https:\/\/www.lynda.com\/Web-Development-tutorials\/Creating-Web-Media\/536429-2.html"}}},{"title":"Get SVG from Photoshop","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/creating-web-media\/get-svg-from-photoshop","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Get-SVG-from-Photoshop\/536429\/588083-4.html","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2018\/01\/Creating_Web_Media_Episode_016-e1515872374966-150x150.jpg","topics":[47,50],"software":[12],"course":{"title":"Creating Web Media","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/creating-web-media\/randomized-animation-with-javascript","lynda-com":"https:\/\/www.lynda.com\/Web-Development-tutorials\/Creating-Web-Media\/536429-2.html"}}},{"title":"Give me a few tips","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/css-shorts-weekly\/give-me-a-few-tips","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Give-me-few-tips\/536428\/595718-4.html","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2018\/02\/CSS_Shorts_Episode_014-e1519339870943-150x150.jpg","topics":[2,53],"software":[33],"course":{"title":"CSS Shorts","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/css-shorts-weekly\/let-s-focus-on-the-focus","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/CSS-Shorts\/536428-2.html"}}},{"title":"Get your links in a row","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/css-shorts-weekly\/get-your-links-in-a-row","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Get-your-links-row\/536428\/595717-4.html","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2018\/02\/CSS_Shorts_Episode_013-e1519339888610-150x150.jpg","topics":[2,23],"software":[33],"course":{"title":"CSS Shorts","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/css-shorts-weekly\/let-s-focus-on-the-focus","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/CSS-Shorts\/536428-2.html"}}},{"title":"Hover in a hover","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/css-shorts-weekly\/hover-in-a-hover","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Hover-hover\/536428\/579400-4.html","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2018\/02\/CSS_Shorts_Episode_012-e1519339923227-150x150.jpg","topics":[2,53],"software":[33],"course":{"title":"CSS Shorts","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/css-shorts-weekly\/let-s-focus-on-the-focus","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/CSS-Shorts\/536428-2.html"}}},{"title":"Calc it, fix it and forget it","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/css-shorts-weekly\/calc-it-fix-it-and-forget-it","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Calc-it-fix-it-forget-it\/536428\/579401-4.html","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2018\/02\/CSS_Shorts_Episode_011-e1519339954519-150x150.jpg","topics":[2,92,60],"software":[33],"course":{"title":"CSS Shorts","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/css-shorts-weekly\/let-s-focus-on-the-focus","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/CSS-Shorts\/536428-2.html"}}},{"title":"Randomized animation with JavaScript","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/creating-web-media\/randomized-animation-with-javascript","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Randomized-animation-JavaScript\/536429\/588082-4.html","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2018\/01\/Creating_Web_Media_Episode_015-150x150.jpg","topics":[9,11,50],"software":[33],"course":{"title":"Creating Web Media","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/creating-web-media\/randomized-animation-with-javascript","lynda-com":"https:\/\/www.lynda.com\/Web-Development-tutorials\/Creating-Web-Media\/536429-2.html"}}},{"title":"The audio element","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/creating-web-media\/the-audio-element","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Audio-element\/536429\/588081-4.html","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2018\/01\/Creating_Web_Media_Episode_014-150x150.jpg","topics":[8],"software":[33],"course":{"title":"Creating Web Media","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/creating-web-media\/randomized-animation-with-javascript","lynda-com":"https:\/\/www.lynda.com\/Web-Development-tutorials\/Creating-Web-Media\/536429-2.html"}}},{"title":"Looping a CSS animation","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/creating-web-media\/loop-a-css-animation","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Loop-CSS-animation\/536429\/588080-4.html","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2018\/01\/Creating_Web_Media_Episode_013-150x150.jpg","topics":[3,5],"software":[33],"course":{"title":"Creating Web Media","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/creating-web-media\/randomized-animation-with-javascript","lynda-com":"https:\/\/www.lynda.com\/Web-Development-tutorials\/Creating-Web-Media\/536429-2.html"}}},{"title":"Create a tiling SVG with Sketch","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/creating-web-media\/create-a-tiling-svg-with-sketch","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Create-tiling-SVG-Sketch\/536429\/588079-4.html","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2018\/01\/Creating_Web_Media_Episode_012-e1515870764112-150x150.jpg","topics":[5,47,50],"software":[14,33],"course":{"title":"Creating Web Media","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/creating-web-media\/randomized-animation-with-javascript","lynda-com":"https:\/\/www.lynda.com\/Web-Development-tutorials\/Creating-Web-Media\/536429-2.html"}}},{"title":"Setting Colors with LESS and SASS","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/css-shorts-weekly\/setting-colors-with-less-and-sass","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Setting-colors-Less-Sass\/536428\/579399-4.html","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2018\/02\/CSS_Shorts_Episode_010-e1519339983753-150x150.jpg","topics":[2,90,91],"software":[33],"course":{"title":"CSS Shorts","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/css-shorts-weekly\/let-s-focus-on-the-focus","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/CSS-Shorts\/536428-2.html"}}},{"title":"First things first and last things last","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/css-shorts-weekly\/first-things-first-and-last-things-last","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/First-things-first-last-things-last\/536428\/579398-4.html","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2018\/02\/CSS_Shorts_Episode_009-150x150.jpg","topics":[2,24],"software":[33],"course":{"title":"CSS Shorts","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/css-shorts-weekly\/let-s-focus-on-the-focus","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/CSS-Shorts\/536428-2.html"}}},{"title":"Dress up that link","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/css-shorts-weekly\/dress-up-that-link","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Dress-up-link\/536428\/579397-4.html","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2018\/02\/CSS_Shorts_Episode_008-150x150.jpg","topics":[2,55,6],"software":[33],"course":{"title":"CSS Shorts","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/css-shorts-weekly\/let-s-focus-on-the-focus","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/CSS-Shorts\/536428-2.html"}}},{"title":"Create a tiling SVG with Illustrator","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/creating-web-media\/create-a-tiling-svg-with-illustrator","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Create-tiling-SVG-Illustrator\/536429\/588078-4.html","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2018\/01\/Creating_Web_Media_Episode_011-e1515870788131-150x150.jpg","topics":[5,47,50],"software":[13,33],"course":{"title":"Creating Web Media","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/creating-web-media\/randomized-animation-with-javascript","lynda-com":"https:\/\/www.lynda.com\/Web-Development-tutorials\/Creating-Web-Media\/536429-2.html"}}},{"title":"Responsive iFrames","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/creating-web-media\/responsive-iframes","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Responsive-iFrames\/536429\/588077-4.html","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2018\/01\/Creating_Web_Media_Episode_010-150x150.jpg","topics":[2,51],"software":[33],"course":{"title":"Creating Web Media","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/creating-web-media\/randomized-animation-with-javascript","lynda-com":"https:\/\/www.lynda.com\/Web-Development-tutorials\/Creating-Web-Media\/536429-2.html"}}},{"title":"Keeping it in proportion","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/creating-web-media\/keeping-it-in-proportion","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Keeping-it-proportion\/536429\/579334-4.html","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2018\/01\/Creating_Web_Media_Episode_009-150x150.jpg","topics":[2,51],"software":[33],"course":{"title":"Creating Web Media","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/creating-web-media\/randomized-animation-with-javascript","lynda-com":"https:\/\/www.lynda.com\/Web-Development-tutorials\/Creating-Web-Media\/536429-2.html"}}},{"title":"Web graphics from InDesign","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/creating-web-media\/web-graphics-from-indesign","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Web-graphics-from-InDesign\/536429\/579333-4.html","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2018\/01\/Creating_Web_Media_Episode_008-150x150.jpg","topics":[50],"software":[16],"course":{"title":"Creating Web Media","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/creating-web-media\/randomized-animation-with-javascript","lynda-com":"https:\/\/www.lynda.com\/Web-Development-tutorials\/Creating-Web-Media\/536429-2.html"}}},{"title":"A Button for Your Link","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/css-shorts-weekly\/a-button-for-your-link","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/button-your-link\/536428\/575071-4.html","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2018\/01\/CSS_Shorts_Episode_004-150x150.jpg","topics":[2,23],"software":[33],"course":{"title":"CSS Shorts","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/css-shorts-weekly\/let-s-focus-on-the-focus","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/CSS-Shorts\/536428-2.html"}}},{"title":"A Glowing Property","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/css-shorts-weekly\/a-glowing-property","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/glowing-property\/536428\/579396-4.html","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2017\/01\/CSS_Shorts_Episode_007_RFS-150x150.jpg","topics":[2,60],"software":[33],"course":{"title":"CSS Shorts","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/css-shorts-weekly\/let-s-focus-on-the-focus","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/CSS-Shorts\/536428-2.html"}}},{"title":"You Can Quote Me","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/css-shorts-weekly\/you-can-quote-me","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/You-can-quote-me\/536428\/575073-4.html","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2018\/02\/CSS_Shorts_Episode_006-150x150.jpg","topics":[2,23],"software":[33],"course":{"title":"CSS Shorts","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/css-shorts-weekly\/let-s-focus-on-the-focus","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/CSS-Shorts\/536428-2.html"}}},{"title":"Visiting the visited link","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/css-shorts-weekly\/visiting-the-visited-link","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Visiting-visited-link\/536428\/575072-4.html","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2018\/02\/CSS_Shorts_Episode_005-150x150.jpg","topics":[2,55,53],"software":[33],"course":{"title":"CSS Shorts","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/css-shorts-weekly\/let-s-focus-on-the-focus","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/CSS-Shorts\/536428-2.html"}}},{"title":"Generate assets from Photoshop in no time","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/creating-web-media\/generate-assets-in-photoshop-in-no-time","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Generate-assets-Photoshop-time\/536429\/579332-4.html","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2018\/01\/Creating_Web_Media_Episode_007-e1515870892691-150x150.jpg","topics":[50],"software":[12],"course":{"title":"Creating Web Media","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/creating-web-media\/randomized-animation-with-javascript","lynda-com":"https:\/\/www.lynda.com\/Web-Development-tutorials\/Creating-Web-Media\/536429-2.html"}}},{"title":"Combining images with HTML canvas","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/creating-web-media\/combine-images-with-canvas","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Combine-images-Canvas\/536429\/575249-4.html","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2018\/01\/Creating_Web_Media_Episode_006-150x150.jpg","topics":[22,9,50],"software":[33],"course":{"title":"Creating Web Media","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/creating-web-media\/randomized-animation-with-javascript","lynda-com":"https:\/\/www.lynda.com\/Web-Development-tutorials\/Creating-Web-Media\/536429-2.html"}}},{"title":"Add a Twitter Feed","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/creating-web-media\/add-a-twitter-feed","url_lynda":"https:\/\/www.lynda.com\/Web-Development-tutorials\/Add-Twitter-feed\/536429\/575248-4.html","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2018\/01\/Creating_Web_Media_Episode_005-150x150.jpg","topics":[6,51,43],"software":[],"course":{"title":"Creating Web Media","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/creating-web-media\/randomized-animation-with-javascript","lynda-com":"https:\/\/www.lynda.com\/Web-Development-tutorials\/Creating-Web-Media\/536429-2.html"}}},{"title":"High Definition Graphics with Sketch","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/creating-web-media\/high-definition-graphics-with-sketch","url_lynda":"https:\/\/www.lynda.com\/Web-Development-tutorials\/High-definition-graphics-Sketch\/536429\/575247-4.html","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2018\/01\/Creating_Web_Media_Episode_004-150x150.jpg","topics":[50],"software":[14],"course":{"title":"Creating Web Media","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/creating-web-media\/randomized-animation-with-javascript","lynda-com":"https:\/\/www.lynda.com\/Web-Development-tutorials\/Creating-Web-Media\/536429-2.html"}}},{"title":"Control colors in SVG with CSS","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/creating-web-media\/control-colors-in-svg-with-css","url_lynda":"https:\/\/www.lynda.com\/Web-Development-tutorials\/Control-colors-SVG-CSS\/536429\/570428-4.html","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2018\/01\/Creating_Web_Media_Episode_003-150x150.jpg","topics":[2,49,47],"software":[33],"course":{"title":"Creating Web Media","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/creating-web-media\/randomized-animation-with-javascript","lynda-com":"https:\/\/www.lynda.com\/Web-Development-tutorials\/Creating-Web-Media\/536429-2.html"}}},{"title":"The Video Element","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/creating-web-media\/the-video-element","url_lynda":"https:\/\/www.lynda.com\/Web-Development-tutorials\/video-element\/536429\/570427-4.html","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2018\/01\/Creating_Web_Media_Episode_002-150x150.jpg","topics":[30,7],"software":[33],"course":{"title":"Creating Web Media","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/creating-web-media\/randomized-animation-with-javascript","lynda-com":"https:\/\/www.lynda.com\/Web-Development-tutorials\/Creating-Web-Media\/536429-2.html"}}},{"title":"SVG Symbols with Illustrator","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/creating-web-media\/svg-symbols-with-illustrator","url_lynda":"https:\/\/www.lynda.com\/Web-Development-tutorials\/SVG-symbols-Illustrator\/536429\/570426-4.html","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2018\/01\/Creating_Web_Media_Episode_001-150x150.jpg","topics":[48],"software":[13],"course":{"title":"Creating Web Media","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/creating-web-media\/randomized-animation-with-javascript","lynda-com":"https:\/\/www.lynda.com\/Web-Development-tutorials\/Creating-Web-Media\/536429-2.html"}}},{"title":"Let me float this by you","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/css-shorts-weekly\/let-me-float-this-by-you","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Let-me-float-you\/536428\/570415-4.html","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2016\/12\/CSS_Shorts_Episode_003-e1519740491794-150x150.jpg","topics":[28,30,31],"software":[33],"course":{"title":"CSS Shorts","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/css-shorts-weekly\/let-s-focus-on-the-focus","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/CSS-Shorts\/536428-2.html"}}},{"title":"What’s your position?","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/css-shorts-weekly\/what-s-your-position","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Whats-your-position\/536428\/570414-4.html","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2016\/12\/CSS_Shorts_Episode_002-e1519740594864-150x150.jpg","topics":[30,29],"software":[33],"course":{"title":"CSS Shorts","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/css-shorts-weekly\/let-s-focus-on-the-focus","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/CSS-Shorts\/536428-2.html"}}},{"title":"Give me some background","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/css-shorts-weekly\/give-me-some-background","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Give-me-some-background\/536428\/570413-4.html","url_youtube":"none","thumbnail":"https:\/\/codifydesign.com\/cms\/wp-content\/uploads\/2016\/12\/CSS_Shorts_Episode_001-150x150.jpg","topics":[5,32],"software":[33],"course":{"title":"CSS Shorts","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/css-shorts-weekly\/let-s-focus-on-the-focus","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/CSS-Shorts\/536428-2.html"}}},{"title":"Adjust color and save for web","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/design-the-web-creating-a-repeating-background-in-photoshop\/adjust-color-and-save-for-web","url_lynda":"https:\/\/www.lynda.com\/Photoshop-tutorials\/Adjust-color-Save-Web\/490517\/515250-4.html","url_youtube":"none","thumbnail":null,"topics":[50],"software":[12],"course":{"title":"Design the Web: Creating a Repeating Background in Photoshop","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/design-the-web-creating-a-repeating-background-in-photoshop","lynda-com":"https:\/\/www.lynda.com\/Photoshop-tutorials\/Design-Web-Creating-Repeating-Background-Photoshop\/490517-2.html"}}},{"title":"Using the clone stamp tool","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/design-the-web-creating-a-repeating-background-in-photoshop\/use-the-clone-stamp-tool","url_lynda":"https:\/\/www.lynda.com\/Photoshop-tutorials\/Use-Clone-Stamp-tool\/490517\/515249-4.html","url_youtube":"none","thumbnail":null,"topics":[37,50],"software":[12],"course":{"title":"Design the Web: Creating a Repeating Background in Photoshop","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/design-the-web-creating-a-repeating-background-in-photoshop","lynda-com":"https:\/\/www.lynda.com\/Photoshop-tutorials\/Design-Web-Creating-Repeating-Background-Photoshop\/490517-2.html"}}},{"title":"Painting on the layer mask","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/design-the-web-creating-a-repeating-background-in-photoshop\/paint-on-the-layer-mask","url_lynda":"https:\/\/www.lynda.com\/Photoshop-tutorials\/Paint-layer-mask\/490517\/515248-4.html","url_youtube":"none","thumbnail":null,"topics":[37,50],"software":[12],"course":{"title":"Design the Web: Creating a Repeating Background in Photoshop","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/design-the-web-creating-a-repeating-background-in-photoshop","lynda-com":"https:\/\/www.lynda.com\/Photoshop-tutorials\/Design-Web-Creating-Repeating-Background-Photoshop\/490517-2.html"}}},{"title":"Creating the offset for the clovers","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/design-the-web-creating-a-repeating-background-in-photoshop\/create-the-offset-for-the-clovers","url_lynda":"https:\/\/www.lynda.com\/Photoshop-tutorials\/Create-offset-clovers\/490517\/515247-4.html","url_youtube":"none","thumbnail":null,"topics":[50],"software":[12],"course":{"title":"Design the Web: Creating a Repeating Background in Photoshop","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/design-the-web-creating-a-repeating-background-in-photoshop","lynda-com":"https:\/\/www.lynda.com\/Photoshop-tutorials\/Design-Web-Creating-Repeating-Background-Photoshop\/490517-2.html"}}},{"title":"Saving and testing the seamless graphic","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/design-the-web-creating-a-repeating-background-in-photoshop\/save-and-test-the-seamless-graphic","url_lynda":"https:\/\/www.lynda.com\/Photoshop-tutorials\/Save-test-seamless-graphic\/490517\/515245-4.html","url_youtube":"none","thumbnail":null,"topics":[50],"software":[12,41],"course":{"title":"Design the Web: Creating a Repeating Background in Photoshop","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/design-the-web-creating-a-repeating-background-in-photoshop","lynda-com":"https:\/\/www.lynda.com\/Photoshop-tutorials\/Design-Web-Creating-Repeating-Background-Photoshop\/490517-2.html"}}},{"title":"Stamping the offset seam","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/design-the-web-creating-a-repeating-background-in-photoshop\/stamp-the-offset-seam","url_lynda":"https:\/\/www.lynda.com\/Photoshop-tutorials\/Stamp-offset-seam\/490517\/515244-4.html","url_youtube":"none","thumbnail":null,"topics":[37,50],"software":[12],"course":{"title":"Design the Web: Creating a Repeating Background in Photoshop","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/design-the-web-creating-a-repeating-background-in-photoshop","lynda-com":"https:\/\/www.lynda.com\/Photoshop-tutorials\/Design-Web-Creating-Repeating-Background-Photoshop\/490517-2.html"}}},{"title":"Adjust the lighting across the seam","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/design-the-web-creating-a-repeating-background-in-photoshop\/adjust-the-lighting-across-the-seam","url_lynda":"https:\/\/www.lynda.com\/Photoshop-tutorials\/Adjust-lighting-across-seam\/490517\/515243-4.html","url_youtube":"none","thumbnail":null,"topics":[37,50],"software":[12],"course":{"title":"Design the Web: Creating a Repeating Background in Photoshop","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/design-the-web-creating-a-repeating-background-in-photoshop","lynda-com":"https:\/\/www.lynda.com\/Photoshop-tutorials\/Design-Web-Creating-Repeating-Background-Photoshop\/490517-2.html"}}},{"title":"Cropping and wrapping the image","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/design-the-web-creating-a-repeating-background-in-photoshop\/crop-and-wrap-the-image","url_lynda":"https:\/\/www.lynda.com\/Photoshop-tutorials\/Crop-wrap-image\/490517\/515242-4.html","url_youtube":"none","thumbnail":null,"topics":[37,50],"software":[12],"course":{"title":"Design the Web: Creating a Repeating Background in Photoshop","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/design-the-web-creating-a-repeating-background-in-photoshop","lynda-com":"https:\/\/www.lynda.com\/Photoshop-tutorials\/Design-Web-Creating-Repeating-Background-Photoshop\/490517-2.html"}}},{"title":"Gathering info within hidden content","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/creating-expandable-panels-with-jquery\/gather-information-about-the-hidden-content","url_lynda":"https:\/\/www.lynda.com\/jQuery-tutorials\/Gather-information-about-hidden-content\/509451\/529161-4.html","url_youtube":"none","thumbnail":null,"topics":[53,9,35],"software":[33],"course":{"title":"Creating Expandable Panels with jQuery","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/creating-expandable-panels-with-jquery","lynda-com":"https:\/\/www.lynda.com\/jQuery-tutorials\/Creating-Expandable-Panels-jQuery\/509451-2.html"}}},{"title":"Animating the content into view","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/creating-expandable-panels-with-jquery\/animate-the-content-into-view","url_lynda":"https:\/\/www.lynda.com\/jQuery-tutorials\/Animate-content-view\/509451\/529163-4.html","url_youtube":"none","thumbnail":null,"topics":[53,9,35,61],"software":[33],"course":{"title":"Creating Expandable Panels with jQuery","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/creating-expandable-panels-with-jquery","lynda-com":"https:\/\/www.lynda.com\/jQuery-tutorials\/Creating-Expandable-Panels-jQuery\/509451-2.html"}}},{"title":"Creating the functions for injecting HTML","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/creating-expandable-panels-with-jquery\/create-the-functions-for-injecting-html","url_lynda":"https:\/\/www.lynda.com\/jQuery-tutorials\/Create-functions-injecting-HTML\/509451\/529156-4.html","url_youtube":"none","thumbnail":null,"topics":[9,35,10],"software":[33],"course":{"title":"Creating Expandable Panels with jQuery","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/creating-expandable-panels-with-jquery","lynda-com":"https:\/\/www.lynda.com\/jQuery-tutorials\/Creating-Expandable-Panels-jQuery\/509451-2.html"}}},{"title":"Injecting and manipulating HTML","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/creating-expandable-panels-with-jquery\/inject-and-manipulate-html","url_lynda":"https:\/\/www.lynda.com\/jQuery-tutorials\/Inject-manipulate-HTML\/509451\/529155-4.html","url_youtube":"none","thumbnail":null,"topics":[6,9,35],"software":[33],"course":{"title":"Creating Expandable Panels with jQuery","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/creating-expandable-panels-with-jquery","lynda-com":"https:\/\/www.lynda.com\/jQuery-tutorials\/Creating-Expandable-Panels-jQuery\/509451-2.html"}}},{"title":"Adding jQuery to our project","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/creating-expandable-panels-with-jquery\/add-jquery-to-our-project","url_lynda":"https:\/\/www.lynda.com\/jQuery-tutorials\/Add-jQuery-our-project\/509451\/529154-4.html","url_youtube":"none","thumbnail":null,"topics":[35],"software":[33],"course":{"title":"Creating Expandable Panels with jQuery","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/creating-expandable-panels-with-jquery","lynda-com":"https:\/\/www.lynda.com\/jQuery-tutorials\/Creating-Expandable-Panels-jQuery\/509451-2.html"}}},{"title":"Combining, reusing, and resetting counters","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/design-the-web-using-counters-and-resets-in-css\/combining-reusing-and-resetting-counters","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Combining-reusing-resetting-counters\/490519\/511488-4.html","url_youtube":"none","thumbnail":null,"topics":[2],"software":[33],"course":{"title":"Design the Web: Using Counters and Resets in CSS","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/design-the-web-using-counters-and-resets-in-css","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/Design-Web-Using-Counters-Resets-CSS\/490519-2.html"}}},{"title":"Adding multiple CSS counters","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/design-the-web-using-counters-and-resets-in-css\/adding-css-counters","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Adding-CSS-counters\/490519\/511487-4.html","url_youtube":"none","thumbnail":null,"topics":[2],"software":[33],"course":{"title":"Design the Web: Using Counters and Resets in CSS","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/design-the-web-using-counters-and-resets-in-css","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/Design-Web-Using-Counters-Resets-CSS\/490519-2.html"}}},{"title":"Positioning the heading numbers","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/design-the-web-using-counters-and-resets-in-css\/positioning-the-heading-numbers","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Positioning-heading-numbers\/490519\/511486-4.html","url_youtube":"none","thumbnail":null,"topics":[2,29,23],"software":[33],"course":{"title":"Design the Web: Using Counters and Resets in CSS","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/design-the-web-using-counters-and-resets-in-css","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/Design-Web-Using-Counters-Resets-CSS\/490519-2.html"}}},{"title":"Counting HTML heading elements with CSS","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/design-the-web-using-counters-and-resets-in-css\/counting-headings-with-css","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Counting-headings-CSS\/490519\/511485-4.html","url_youtube":"none","thumbnail":null,"topics":[2,6],"software":[33],"course":{"title":"Design the Web: Using Counters and Resets in CSS","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/design-the-web-using-counters-and-resets-in-css","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/Design-Web-Using-Counters-Resets-CSS\/490519-2.html"}}},{"title":"Creating and Exporting Animations from Sketch","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/sketch-for-ux-design-teams\/creating-and-exporting-animations-from-sketch","url_lynda":"https:\/\/www.lynda.com\/Sketch-tutorials\/Creating-exporting-animations-from-Sketch\/495276\/513766-4.html","url_youtube":"none","thumbnail":null,"topics":[61],"software":[14],"course":{"title":"Sketch For UX Design Teams","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/sketch-for-ux-design-teams","lynda-com":"https:\/\/www.lynda.com\/Sketch-tutorials\/Sketch-UX-Design-Teams\/495276-2.html"}}},{"title":"Exporting HTML and CSS from Sketch","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/sketch-for-ux-design-teams\/exporting-html-and-css-from-sketch","url_lynda":"https:\/\/www.lynda.com\/Sketch-tutorials\/Exporting-HTML-CSS-from-Sketch\/495276\/513765-4.html","url_youtube":"none","thumbnail":null,"topics":[2,6],"software":[14],"course":{"title":"Sketch For UX Design Teams","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/sketch-for-ux-design-teams","lynda-com":"https:\/\/www.lynda.com\/Sketch-tutorials\/Sketch-UX-Design-Teams\/495276-2.html"}}},{"title":"Extracting Sketch assets with Gulp","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/sketch-for-ux-design-teams\/extracting-sketch-assets-with-gulp","url_lynda":"https:\/\/www.lynda.com\/Sketch-tutorials\/Extracting-Sketch-assets-Gulp\/495276\/513764-4.html","url_youtube":"none","thumbnail":null,"topics":[50],"software":[54,14],"course":{"title":"Sketch For UX Design Teams","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/sketch-for-ux-design-teams","lynda-com":"https:\/\/www.lynda.com\/Sketch-tutorials\/Sketch-UX-Design-Teams\/495276-2.html"}}},{"title":"Copying CSS and SVG Code from Sketch","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/sketch-for-ux-design-teams\/copying-css-and-svg-code-from-sketch","url_lynda":"https:\/\/www.lynda.com\/Sketch-tutorials\/Copying-CSS-SVG-code-from-Sketch\/495276\/513763-4.html","url_youtube":"none","thumbnail":null,"topics":[2,47,50],"software":[14],"course":{"title":"Sketch For UX Design Teams","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/sketch-for-ux-design-teams","lynda-com":"https:\/\/www.lynda.com\/Sketch-tutorials\/Sketch-UX-Design-Teams\/495276-2.html"}}},{"title":"Export Assets","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/sketch-for-ux-design-teams\/exporting-assets","url_lynda":"https:\/\/www.lynda.com\/Sketch-tutorials\/Exporting-assets\/495276\/513762-4.html","url_youtube":"none","thumbnail":null,"topics":[50],"software":[14],"course":{"title":"Sketch For UX Design Teams","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/sketch-for-ux-design-teams","lynda-com":"https:\/\/www.lynda.com\/Sketch-tutorials\/Sketch-UX-Design-Teams\/495276-2.html"}}},{"title":"Integrate with Design, Prototyping, and Development platforms","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/sketch-for-ux-design-teams\/integrating-with-design-prototyping-and-development-platforms","url_lynda":"https:\/\/www.lynda.com\/Sketch-tutorials\/Integrating-design-prototyping-development-platforms\/495276\/513760-4.html","url_youtube":"none","thumbnail":null,"topics":[84],"software":[14],"course":{"title":"Sketch For UX Design Teams","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/sketch-for-ux-design-teams","lynda-com":"https:\/\/www.lynda.com\/Sketch-tutorials\/Sketch-UX-Design-Teams\/495276-2.html"}}},{"title":"Export art boards to JPG or PNG files","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/sketch-for-ux-design-teams\/exporting-artboards-to-jpg-or-png-files","url_lynda":"https:\/\/www.lynda.com\/Sketch-tutorials\/Exporting-artboards-JPG-PNG-files\/495276\/513759-4.html","url_youtube":"none","thumbnail":null,"topics":[50],"software":[14],"course":{"title":"Sketch For UX Design Teams","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/sketch-for-ux-design-teams","lynda-com":"https:\/\/www.lynda.com\/Sketch-tutorials\/Sketch-UX-Design-Teams\/495276-2.html"}}},{"title":"Export art boards to PDF","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/sketch-for-ux-design-teams\/exporting-artboards-to-pdf","url_lynda":"https:\/\/www.lynda.com\/Sketch-tutorials\/Exporting-artboards-PDF\/495276\/513758-4.html","url_youtube":"none","thumbnail":null,"topics":[88,60],"software":[14],"course":{"title":"Sketch For UX Design Teams","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/sketch-for-ux-design-teams","lynda-com":"https:\/\/www.lynda.com\/Sketch-tutorials\/Sketch-UX-Design-Teams\/495276-2.html"}}},{"title":"Options for exporting to Adobe Photoshop and Adobe Illustrator","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/sketch-for-ux-design-teams\/options-for-exporting-to-adobe-photoshop-and-illustrator","url_lynda":"https:\/\/www.lynda.com\/Sketch-tutorials\/Options-exporting-Adobe-Photoshop-Illustrator\/495276\/513756-4.html","url_youtube":"none","thumbnail":null,"topics":[50],"software":[13,12,14],"course":{"title":"Sketch For UX Design Teams","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/sketch-for-ux-design-teams","lynda-com":"https:\/\/www.lynda.com\/Sketch-tutorials\/Sketch-UX-Design-Teams\/495276-2.html"}}},{"title":"Sharing art boards with Sketch Mirror","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/sketch-for-ux-design-teams\/sharing-artboards-with-sketch-mirror","url_lynda":"https:\/\/www.lynda.com\/Sketch-tutorials\/Sharing-artboards-Sketch-Mirror\/495276\/513755-4.html","url_youtube":"none","thumbnail":null,"topics":[84,60],"software":[14],"course":{"title":"Sketch For UX Design Teams","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/sketch-for-ux-design-teams","lynda-com":"https:\/\/www.lynda.com\/Sketch-tutorials\/Sketch-UX-Design-Teams\/495276-2.html"}}},{"title":"Save as Sketch Template","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/sketch-for-ux-design-teams\/saving-as-a-template","url_lynda":"https:\/\/www.lynda.com\/Sketch-tutorials\/Saving-template\/495276\/513754-4.html","url_youtube":"none","thumbnail":null,"topics":[84,60],"software":[14],"course":{"title":"Sketch For UX Design Teams","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/sketch-for-ux-design-teams","lynda-com":"https:\/\/www.lynda.com\/Sketch-tutorials\/Sketch-UX-Design-Teams\/495276-2.html"}}},{"title":"Using file sharing services","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/sketch-for-ux-design-teams\/using-file-sharing-services","url_lynda":"https:\/\/www.lynda.com\/Sketch-tutorials\/Using-file-sharing-services\/495276\/513753-4.html","url_youtube":"none","thumbnail":null,"topics":[84],"software":[14],"course":{"title":"Sketch For UX Design Teams","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/sketch-for-ux-design-teams","lynda-com":"https:\/\/www.lynda.com\/Sketch-tutorials\/Sketch-UX-Design-Teams\/495276-2.html"}}},{"title":"Managing Plugins in Sketch","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/sketch-for-ux-design-teams\/managing-plugins-in-sketch","url_lynda":"https:\/\/www.lynda.com\/Sketch-tutorials\/Managing-plugins-Sketch\/495276\/513751-4.html","url_youtube":"none","thumbnail":null,"topics":[84],"software":[14],"course":{"title":"Sketch For UX Design Teams","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/sketch-for-ux-design-teams","lynda-com":"https:\/\/www.lynda.com\/Sketch-tutorials\/Sketch-UX-Design-Teams\/495276-2.html"}}},{"title":"Using the Smart Object swatches as artwork","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/design-the-web-control-colors-in-photoshop-with-smartobjects\/using-the-smartobject-swatches-as-artwork","url_lynda":"https:\/\/www.lynda.com\/Photoshop-tutorials\/Using-SmartObject-swatches-artwork\/473878\/492136-4.html","url_youtube":"none","thumbnail":null,"topics":[60,50],"software":[12],"course":{"title":"Design the Web: Control Colors in Photoshop with SmartObjects","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/design-the-web-control-colors-in-photoshop-with-smartobjects","lynda-com":"https:\/\/www.lynda.com\/Photoshop-tutorials\/Design-Web-Control-Colors-Photoshop-SmartObjects\/473878-2.html"}}},{"title":"Updating colors by editing Smart Objects","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/design-the-web-control-colors-in-photoshop-with-smartobjects\/updating-colors-by-editing-smartobjects","url_lynda":"https:\/\/www.lynda.com\/Photoshop-tutorials\/Updating-colors-editing-SmartObjects\/473878\/492135-4.html","url_youtube":"none","thumbnail":null,"topics":[60,50],"software":[12],"course":{"title":"Design the Web: Control Colors in Photoshop with SmartObjects","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/design-the-web-control-colors-in-photoshop-with-smartobjects","lynda-com":"https:\/\/www.lynda.com\/Photoshop-tutorials\/Design-Web-Control-Colors-Photoshop-SmartObjects\/473878-2.html"}}},{"title":"Colorizing art and photography with Smart Objects","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/design-the-web-control-colors-in-photoshop-with-smartobjects\/colorizing-art-and-photography-with-smartobjects","url_lynda":"https:\/\/www.lynda.com\/Photoshop-tutorials\/Colorizing-art-photography-SmartObjects\/473878\/492132-4.html","url_youtube":"none","thumbnail":null,"topics":[60,50],"software":[12],"course":{"title":"Design the Web: Control Colors in Photoshop with SmartObjects","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/design-the-web-control-colors-in-photoshop-with-smartobjects","lynda-com":"https:\/\/www.lynda.com\/Photoshop-tutorials\/Design-Web-Control-Colors-Photoshop-SmartObjects\/473878-2.html"}}},{"title":"Creating Smart Object color swatches","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/design-the-web-control-colors-in-photoshop-with-smartobjects\/creating-smartobject-color-swatches","url_lynda":"https:\/\/www.lynda.com\/Photoshop-tutorials\/Creating-SmartObject-color-swatches\/473878\/492130-4.html","url_youtube":"none","thumbnail":null,"topics":[60,50],"software":[12],"course":{"title":"Design the Web: Control Colors in Photoshop with SmartObjects","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/design-the-web-control-colors-in-photoshop-with-smartobjects","lynda-com":"https:\/\/www.lynda.com\/Photoshop-tutorials\/Design-Web-Control-Colors-Photoshop-SmartObjects\/473878-2.html"}}},{"title":"Positioning pseudo-elements","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/design-the-web-styling-a-numbered-list\/position-pseudo-elements","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Position-pseudo-elements\/490518\/509104-4.html","url_youtube":"none","thumbnail":null,"topics":[29,23],"software":[33],"course":{"title":"Design the Web: Styling a Numbered List","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/design-the-web-styling-a-numbered-list\/introduction","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/Design-Web-Styling-Numbered-List\/490518-2.html"}}},{"title":"Styling the pseudo-elements","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/design-the-web-styling-a-numbered-list\/style-the-pseudo-elements","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Style-pseudo-elements\/490518\/509103-4.html","url_youtube":"none","thumbnail":null,"topics":[2,23],"software":[33],"course":{"title":"Design the Web: Styling a Numbered List","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/design-the-web-styling-a-numbered-list\/introduction","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/Design-Web-Styling-Numbered-List\/490518-2.html"}}},{"title":"Creating a custom CSS counter","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/design-the-web-styling-a-numbered-list\/create-a-custom-counter","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Create-custom-counter\/490518\/509102-4.html","url_youtube":"none","thumbnail":null,"topics":[2,6],"software":[33],"course":{"title":"Design the Web: Styling a Numbered List","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/design-the-web-styling-a-numbered-list\/introduction","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/Design-Web-Styling-Numbered-List\/490518-2.html"}}},{"title":"Optimizing images","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/adobe-animate-cc-creating-an-html5-banner-ad\/options-for-optimizing-images","url_lynda":"https:\/\/www.lynda.com\/Flash-Professional-tutorials\/Options-optimizing-images\/473879\/488047-4.html","url_youtube":"none","thumbnail":null,"topics":[50],"software":[67,68,41],"course":{"title":"Adobe Animate CC: Creating an HTML5 Banner Ad","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/adobe-animate-cc-creating-an-html5-banner-ad","lynda-com":"https:\/\/www.lynda.com\/Flash-Professional-tutorials\/Creating-HTML5-Banner-Ad-Animate-CC\/473879-2.html"}}},{"title":"Using a TypeKit web font","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/adobe-animate-cc-creating-an-html5-banner-ad\/using-a-typekit-web-font","url_lynda":"https:\/\/www.lynda.com\/Flash-Professional-tutorials\/Using-Typekit-web-font\/473879\/488041-4.html","url_youtube":"none","thumbnail":null,"topics":[86],"software":[17,87],"course":{"title":"Adobe Animate CC: Creating an HTML5 Banner Ad","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/adobe-animate-cc-creating-an-html5-banner-ad","lynda-com":"https:\/\/www.lynda.com\/Flash-Professional-tutorials\/Creating-HTML5-Banner-Ad-Animate-CC\/473879-2.html"}}},{"title":"Making the ad clickable","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/adobe-animate-cc-creating-an-html5-banner-ad\/making-the-ad-clickable","url_lynda":"https:\/\/www.lynda.com\/Flash-Professional-tutorials\/Making-ad-clickable\/473879\/488038-4.html","url_youtube":"none","thumbnail":null,"topics":[53,61,50],"software":[17],"course":{"title":"Adobe Animate CC: Creating an HTML5 Banner Ad","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/adobe-animate-cc-creating-an-html5-banner-ad","lynda-com":"https:\/\/www.lynda.com\/Flash-Professional-tutorials\/Creating-HTML5-Banner-Ad-Animate-CC\/473879-2.html"}}},{"title":"Testing your project in a browser","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/adobe-animate-cc-creating-an-html5-banner-ad\/testing-your-project-in-a-browser","url_lynda":"https:\/\/www.lynda.com\/Flash-Professional-tutorials\/Testing-your-project-browser\/473879\/488037-4.html","url_youtube":"none","thumbnail":null,"topics":[50],"software":[17,41],"course":{"title":"Adobe Animate CC: Creating an HTML5 Banner Ad","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/adobe-animate-cc-creating-an-html5-banner-ad","lynda-com":"https:\/\/www.lynda.com\/Flash-Professional-tutorials\/Creating-HTML5-Banner-Ad-Animate-CC\/473879-2.html"}}},{"title":"Adding timeline actions","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/adobe-animate-cc-creating-an-html5-banner-ad\/adding-timeline-actions","url_lynda":"https:\/\/www.lynda.com\/Flash-Professional-tutorials\/Adding-timeline-actions\/473879\/488036-4.html","url_youtube":"none","thumbnail":null,"topics":[61,50],"software":[17],"course":{"title":"Adobe Animate CC: Creating an HTML5 Banner Ad","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/adobe-animate-cc-creating-an-html5-banner-ad","lynda-com":"https:\/\/www.lynda.com\/Flash-Professional-tutorials\/Creating-HTML5-Banner-Ad-Animate-CC\/473879-2.html"}}},{"title":"Creating a Movie Clip","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/adobe-animate-cc-creating-an-html5-banner-ad\/creating-a-movie-clip-of-remaining-products","url_lynda":"https:\/\/www.lynda.com\/Flash-Professional-tutorials\/Creating-movie-clip-remaining-products\/473879\/488032-4.html","url_youtube":"none","thumbnail":null,"topics":[61,50],"software":[17],"course":{"title":"Adobe Animate CC: Creating an HTML5 Banner Ad","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/adobe-animate-cc-creating-an-html5-banner-ad","lynda-com":"https:\/\/www.lynda.com\/Flash-Professional-tutorials\/Creating-HTML5-Banner-Ad-Animate-CC\/473879-2.html"}}},{"title":"Creating and animating a mask","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/adobe-animate-cc-creating-an-html5-banner-ad\/creating-and-animating-a-mask","url_lynda":"https:\/\/www.lynda.com\/Flash-Professional-tutorials\/Creating-animating-mask\/473879\/488031-4.html","url_youtube":"none","thumbnail":null,"topics":[61,50],"software":[17],"course":{"title":"Adobe Animate CC: Creating an HTML5 Banner Ad","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/adobe-animate-cc-creating-an-html5-banner-ad","lynda-com":"https:\/\/www.lynda.com\/Flash-Professional-tutorials\/Creating-HTML5-Banner-Ad-Animate-CC\/473879-2.html"}}},{"title":"Transformations and easing effects","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/adobe-animate-cc-creating-an-html5-banner-ad\/transformations-and-easing-effects","url_lynda":"https:\/\/www.lynda.com\/Flash-Professional-tutorials\/Transformations-easing-effects\/473879\/488030-4.html","url_youtube":"none","thumbnail":null,"topics":[61,50],"software":[17],"course":{"title":"Adobe Animate CC: Creating an HTML5 Banner Ad","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/adobe-animate-cc-creating-an-html5-banner-ad","lynda-com":"https:\/\/www.lynda.com\/Flash-Professional-tutorials\/Creating-HTML5-Banner-Ad-Animate-CC\/473879-2.html"}}},{"title":"Creating and animating a symbol","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/adobe-animate-cc-creating-an-html5-banner-ad\/creating-and-animating-a-symbol","url_lynda":"https:\/\/www.lynda.com\/Flash-Professional-tutorials\/Creating-animating-symbol\/473879\/488029-4.html","url_youtube":"none","thumbnail":null,"topics":[61,50],"software":[17],"course":{"title":"Adobe Animate CC: Creating an HTML5 Banner Ad","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/adobe-animate-cc-creating-an-html5-banner-ad","lynda-com":"https:\/\/www.lynda.com\/Flash-Professional-tutorials\/Creating-HTML5-Banner-Ad-Animate-CC\/473879-2.html"}}},{"title":"Adding text and shapes","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/adobe-animate-cc-creating-an-html5-banner-ad\/adding-text-and-shapes","url_lynda":"https:\/\/www.lynda.com\/Flash-Professional-tutorials\/Adding-text-shapes\/473879\/488027-4.html","url_youtube":"none","thumbnail":null,"topics":[50],"software":[17],"course":{"title":"Adobe Animate CC: Creating an HTML5 Banner Ad","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/adobe-animate-cc-creating-an-html5-banner-ad","lynda-com":"https:\/\/www.lynda.com\/Flash-Professional-tutorials\/Creating-HTML5-Banner-Ad-Animate-CC\/473879-2.html"}}},{"title":"Creating a composition","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/adobe-animate-cc-creating-an-html5-banner-ad\/creating-a-composition","url_lynda":"https:\/\/www.lynda.com\/Flash-Professional-tutorials\/Creating-composition\/473879\/488026-4.html","url_youtube":"none","thumbnail":null,"topics":[50],"software":[17],"course":{"title":"Adobe Animate CC: Creating an HTML5 Banner Ad","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/adobe-animate-cc-creating-an-html5-banner-ad","lynda-com":"https:\/\/www.lynda.com\/Flash-Professional-tutorials\/Creating-HTML5-Banner-Ad-Animate-CC\/473879-2.html"}}},{"title":"Importing artwork to the library","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/adobe-animate-cc-creating-an-html5-banner-ad\/importing-artwork-to-the-library","url_lynda":"https:\/\/www.lynda.com\/Flash-Professional-tutorials\/Importing-artwork-library\/473879\/488025-4.html","url_youtube":"none","thumbnail":null,"topics":[50],"software":[17],"course":{"title":"Adobe Animate CC: Creating an HTML5 Banner Ad","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/adobe-animate-cc-creating-an-html5-banner-ad","lynda-com":"https:\/\/www.lynda.com\/Flash-Professional-tutorials\/Creating-HTML5-Banner-Ad-Animate-CC\/473879-2.html"}}},{"title":"Creating a new HTML Canvas project","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/adobe-animate-cc-creating-an-html5-banner-ad\/creating-a-new-html-canvas-project","url_lynda":"https:\/\/www.lynda.com\/Flash-Professional-tutorials\/Creating-new-HTML-Canvas-project\/473879\/488024-4.html","url_youtube":"none","thumbnail":null,"topics":[61,50],"software":[17],"course":{"title":"Adobe Animate CC: Creating an HTML5 Banner Ad","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/adobe-animate-cc-creating-an-html5-banner-ad","lynda-com":"https:\/\/www.lynda.com\/Flash-Professional-tutorials\/Creating-HTML5-Banner-Ad-Animate-CC\/473879-2.html"}}},{"title":"Creating custom table sort properties","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/design-the-web-creating-a-sortable-table\/creating-custom-sort-properties","url_lynda":"https:\/\/www.lynda.com\/Web-Design-tutorials\/Creating-custom-sort-properties\/483220\/487142-4.html","url_youtube":"none","thumbnail":null,"topics":[53,9,35],"software":[33],"course":{"title":"Design the Web: Creating a Sortable Table","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/design-the-web-creating-a-sortable-table","lynda-com":"https:\/\/www.lynda.com\/Web-Design-tutorials\/Design-Web-Creating-Sortable-Table\/483220-2.html"}}},{"title":"Creating CSS triangles to indicate sort order","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/design-the-web-creating-a-sortable-table\/creating-css-triangles-to-indicate-sort-order","url_lynda":"https:\/\/www.lynda.com\/Web-Design-tutorials\/Creating-CSS-triangles-indicate-sort-order\/483220\/487141-4.html","url_youtube":"none","thumbnail":null,"topics":[2,23],"software":[33],"course":{"title":"Design the Web: Creating a Sortable Table","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/design-the-web-creating-a-sortable-table","lynda-com":"https:\/\/www.lynda.com\/Web-Design-tutorials\/Design-Web-Creating-Sortable-Table\/483220-2.html"}}},{"title":"Highlighting the sorted table column","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/design-the-web-creating-a-sortable-table\/highlighting-the-sorted-column","url_lynda":"https:\/\/www.lynda.com\/Web-Design-tutorials\/Highlighting-sorted-column\/483220\/487140-4.html","url_youtube":"none","thumbnail":null,"topics":[2,53,9,35],"software":[33],"course":{"title":"Design the Web: Creating a Sortable Table","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/design-the-web-creating-a-sortable-table","lynda-com":"https:\/\/www.lynda.com\/Web-Design-tutorials\/Design-Web-Creating-Sortable-Table\/483220-2.html"}}},{"title":"Setting a default table sort on page load","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/design-the-web-creating-a-sortable-table\/setting-a-default-sort-on-page-load","url_lynda":"https:\/\/www.lynda.com\/Web-Design-tutorials\/Setting-default-sort-page-load\/483220\/487139-4.html","url_youtube":"none","thumbnail":null,"topics":[9,35],"software":[33],"course":{"title":"Design the Web: Creating a Sortable Table","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/design-the-web-creating-a-sortable-table","lynda-com":"https:\/\/www.lynda.com\/Web-Design-tutorials\/Design-Web-Creating-Sortable-Table\/483220-2.html"}}},{"title":"Activating the Table Sorter plug-in","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/design-the-web-creating-a-sortable-table\/activating-the-plugin","url_lynda":"https:\/\/www.lynda.com\/Web-Design-tutorials\/Activating-plugin\/483220\/487138-4.html","url_youtube":"none","thumbnail":null,"topics":[53,9,35],"software":[33],"course":{"title":"Design the Web: Creating a Sortable Table","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/design-the-web-creating-a-sortable-table","lynda-com":"https:\/\/www.lynda.com\/Web-Design-tutorials\/Design-Web-Creating-Sortable-Table\/483220-2.html"}}},{"title":"Creating feeds from multiple accounts (handles)","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/design-the-web-add-a-twitter-timeline\/creating-feeds-from-multiple-accounts-handles","url_lynda":"https:\/\/www.lynda.com\/Twitter-tutorials\/Creating-feeds-from-multiple-accounts-handles\/478791\/479399-4.html","url_youtube":"none","thumbnail":null,"topics":[43],"software":[41],"course":{"title":"Design the Web: Add a Twitter Timeline","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/design-the-web-add-a-twitter-timeline","lynda-com":"https:\/\/www.lynda.com\/Twitter-tutorials\/Design-Web-Add-Twitter-Timeline\/478791-2.html"}}},{"title":"Adding multiple timelines to a single page","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/design-the-web-add-a-twitter-timeline\/adding-multiple-timelines-to-a-single-page","url_lynda":"https:\/\/www.lynda.com\/Twitter-tutorials\/Adding-multiple-timelines-single-page\/478791\/479398-4.html","url_youtube":"none","thumbnail":null,"topics":[6,43],"software":[33],"course":{"title":"Design the Web: Add a Twitter Timeline","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/design-the-web-add-a-twitter-timeline","lynda-com":"https:\/\/www.lynda.com\/Twitter-tutorials\/Design-Web-Add-Twitter-Timeline\/478791-2.html"}}},{"title":"Overriding Twitter widget settings with parameters","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/design-the-web-add-a-twitter-timeline\/overriding-widget-settings-with-timeline-parameters","url_lynda":"https:\/\/www.lynda.com\/Twitter-tutorials\/Overriding-widget-settings-timeline-parameters\/478791\/479397-4.html","url_youtube":"none","thumbnail":null,"topics":[6,43],"software":[33],"course":{"title":"Design the Web: Add a Twitter Timeline","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/design-the-web-add-a-twitter-timeline","lynda-com":"https:\/\/www.lynda.com\/Twitter-tutorials\/Design-Web-Add-Twitter-Timeline\/478791-2.html"}}},{"title":"Updating your widgets on Twitter","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/design-the-web-add-a-twitter-timeline\/updating-your-widgets-on-twitter","url_lynda":"https:\/\/www.lynda.com\/Twitter-tutorials\/Updating-your-widgets-Twitter\/478791\/479396-4.html","url_youtube":"none","thumbnail":null,"topics":[43],"software":[41],"course":{"title":"Design the Web: Add a Twitter Timeline","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/design-the-web-add-a-twitter-timeline","lynda-com":"https:\/\/www.lynda.com\/Twitter-tutorials\/Design-Web-Add-Twitter-Timeline\/478791-2.html"}}},{"title":"Adding Twitter widget code to your web page","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/design-the-web-add-a-twitter-timeline\/adding-widget-code-to-your-webpage","url_lynda":"https:\/\/www.lynda.com\/Twitter-tutorials\/Adding-widget-code-your-webpage\/478791\/479395-4.html","url_youtube":"none","thumbnail":null,"topics":[6,43],"software":[33],"course":{"title":"Design the Web: Add a Twitter Timeline","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/design-the-web-add-a-twitter-timeline","lynda-com":"https:\/\/www.lynda.com\/Twitter-tutorials\/Design-Web-Add-Twitter-Timeline\/478791-2.html"}}},{"title":"Creating a Twitter widget","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/design-the-web-add-a-twitter-timeline\/creating-a-twitter-widget","url_lynda":"https:\/\/www.lynda.com\/Twitter-tutorials\/Creating-Twitter-widget\/478791\/479394-4.html","url_youtube":"none","thumbnail":null,"topics":[43],"software":[41],"course":{"title":"Design the Web: Add a Twitter Timeline","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/design-the-web-add-a-twitter-timeline","lynda-com":"https:\/\/www.lynda.com\/Twitter-tutorials\/Design-Web-Add-Twitter-Timeline\/478791-2.html"}}},{"title":"Adding rollover states to table rows","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/design-the-web-styling-a-table\/adding-hover-states-rollovers-to-rows","url_lynda":"https:\/\/www.lynda.com\/Web-Design-tutorials\/Adding-hover-states-rollovers-rows\/473325\/478264-4.html","url_youtube":"none","thumbnail":null,"topics":[2,23,57,53],"software":[33],"course":{"title":"Design the Web: Styling a Table","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/design-the-web-styling-a-table","lynda-com":"https:\/\/www.lynda.com\/Web-Design-tutorials\/Design-Web-Styling-Table\/473325-2.html"}}},{"title":"Adding highlights to table rows","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/design-the-web-styling-a-table\/adding-highlights-to-rows","url_lynda":"https:\/\/www.lynda.com\/Web-Design-tutorials\/Adding-highlights-rows\/473325\/478263-4.html","url_youtube":"none","thumbnail":null,"topics":[2,24],"software":[33],"course":{"title":"Design the Web: Styling a Table","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/design-the-web-styling-a-table","lynda-com":"https:\/\/www.lynda.com\/Web-Design-tutorials\/Design-Web-Styling-Table\/473325-2.html"}}},{"title":"Setting styles for the first table column","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/design-the-web-styling-a-table\/setting-styles-for-the-first-column","url_lynda":"https:\/\/www.lynda.com\/Web-Design-tutorials\/Setting-styles-first-column\/473325\/478262-4.html","url_youtube":"none","thumbnail":null,"topics":[2,24],"software":[33],"course":{"title":"Design the Web: Styling a Table","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/design-the-web-styling-a-table","lynda-com":"https:\/\/www.lynda.com\/Web-Design-tutorials\/Design-Web-Styling-Table\/473325-2.html"}}},{"title":"Setting the column widths with nth-child","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/design-the-web-styling-a-table\/setting-the-column-widths-with-nth-child","url_lynda":"https:\/\/www.lynda.com\/Web-Design-tutorials\/Setting-column-widths-nth-child\/473325\/478259-4.html","url_youtube":"none","thumbnail":null,"topics":[2],"software":[33],"course":{"title":"Design the Web: Styling a Table","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/design-the-web-styling-a-table","lynda-com":"https:\/\/www.lynda.com\/Web-Design-tutorials\/Design-Web-Styling-Table\/473325-2.html"}}},{"title":"Targeting all TH and TD tags","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/design-the-web-styling-a-table\/targeting-all-th-and-td-tags","url_lynda":"https:\/\/www.lynda.com\/Web-Design-tutorials\/Targeting-all-TH-TD-tags\/473325\/478258-4.html","url_youtube":"none","thumbnail":null,"topics":[2],"software":[33],"course":{"title":"Design the Web: Styling a Table","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/design-the-web-styling-a-table","lynda-com":"https:\/\/www.lynda.com\/Web-Design-tutorials\/Design-Web-Styling-Table\/473325-2.html"}}},{"title":"Adding styles to the main table element","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/design-the-web-styling-a-table\/adding-styles-to-the-main-table-element","url_lynda":"https:\/\/www.lynda.com\/Web-Design-tutorials\/Adding-styles-main-table-element\/473325\/478257-4.html","url_youtube":"none","thumbnail":null,"topics":[2,6],"software":[33],"course":{"title":"Design the Web: Styling a Table","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/design-the-web-styling-a-table","lynda-com":"https:\/\/www.lynda.com\/Web-Design-tutorials\/Design-Web-Styling-Table\/473325-2.html"}}},{"title":"Adjustments for small screens","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/design-the-web-creating-a-pull-quote-with-css\/adjustments-for-small-screens","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Adjustments-small-screens\/424043\/475795-4.html","url_youtube":"none","thumbnail":null,"topics":[30,72],"software":[33],"course":{"title":"Design the Web: Creating a Pull Quote with CSS","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/design-the-web-creating-a-pull-quote-with-css","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/Design-Web-Creating-Pull-Quote-CSS\/424043-2.html"}}},{"title":"Adding a photo to the citation","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/design-the-web-creating-a-pull-quote-with-css\/adding-a-photo-to-the-citation","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Adding-photo-citation\/424043\/475794-4.html","url_youtube":"none","thumbnail":null,"topics":[6,50],"software":[33],"course":{"title":"Design the Web: Creating a Pull Quote with CSS","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/design-the-web-creating-a-pull-quote-with-css","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/Design-Web-Creating-Pull-Quote-CSS\/424043-2.html"}}},{"title":"Positioning the citation","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/design-the-web-creating-a-pull-quote-with-css\/positioning-the-citation","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Positioning-citation\/424043\/475793-4.html","url_youtube":"none","thumbnail":null,"topics":[2,29],"software":[33],"course":{"title":"Design the Web: Creating a Pull Quote with CSS","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/design-the-web-creating-a-pull-quote-with-css","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/Design-Web-Creating-Pull-Quote-CSS\/424043-2.html"}}},{"title":"Adding a citation for a blockquote","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/design-the-web-creating-a-pull-quote-with-css\/adding-a-citation-for-the-quote","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Adding-citation-quote\/424043\/475792-4.html","url_youtube":"none","thumbnail":null,"topics":[6],"software":[33],"course":{"title":"Design the Web: Creating a Pull Quote with CSS","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/design-the-web-creating-a-pull-quote-with-css","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/Design-Web-Creating-Pull-Quote-CSS\/424043-2.html"}}},{"title":"Adding quote marks with pseudo-elements","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/design-the-web-creating-a-pull-quote-with-css\/adding-quote-marks-with-pseudo-elements","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Adding-quote-marks-pseudo-elements\/424043\/475791-4.html","url_youtube":"none","thumbnail":null,"topics":[2,23],"software":[33],"course":{"title":"Design the Web: Creating a Pull Quote with CSS","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/design-the-web-creating-a-pull-quote-with-css","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/Design-Web-Creating-Pull-Quote-CSS\/424043-2.html"}}},{"title":"Styling the base blockquote element","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/design-the-web-creating-a-pull-quote-with-css\/styling-the-base-blockquote-element","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Styling-base-blockquote-element\/424043\/475790-4.html","url_youtube":"none","thumbnail":null,"topics":[2,6],"software":[33],"course":{"title":"Design the Web: Creating a Pull Quote with CSS","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/design-the-web-creating-a-pull-quote-with-css","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/Design-Web-Creating-Pull-Quote-CSS\/424043-2.html"}}},{"title":"Exporting assets to SVG","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/sketch-essential-training-the-basics-2015\/exporting-assets-to-svg","url_lynda":"https:\/\/www.lynda.com\/Sketch-tutorials\/Exporting-assets-SVG\/450912\/471968-4.html","url_youtube":"none","thumbnail":null,"topics":[47,50],"software":[14],"course":{"title":"Sketch Essential Training: The Basics (2015)","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/sketch-essential-training-the-basics-2015\/welcome","lynda-com":"https:\/\/www.lynda.com\/Sketch-tutorials\/Learn-Sketch-Basics\/450912-2.html"}}},{"title":"Exporting assets to bitmap formats","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/sketch-essential-training-the-basics-2015\/exporting-assets-to-bitmap-formats","url_lynda":"https:\/\/www.lynda.com\/Sketch-tutorials\/Exporting-assets-bitmap-formats\/450912\/471967-4.html","url_youtube":"none","thumbnail":null,"topics":[50],"software":[14],"course":{"title":"Sketch Essential Training: The Basics (2015)","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/sketch-essential-training-the-basics-2015\/welcome","lynda-com":"https:\/\/www.lynda.com\/Sketch-tutorials\/Learn-Sketch-Basics\/450912-2.html"}}},{"title":"Exporting art boards","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/sketch-essential-training-the-basics-2015\/exporting-artboards","url_lynda":"https:\/\/www.lynda.com\/Sketch-tutorials\/Exporting-artboards\/450912\/471966-4.html","url_youtube":"none","thumbnail":null,"topics":[50],"software":[14],"course":{"title":"Sketch Essential Training: The Basics (2015)","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/sketch-essential-training-the-basics-2015\/welcome","lynda-com":"https:\/\/www.lynda.com\/Sketch-tutorials\/Learn-Sketch-Basics\/450912-2.html"}}},{"title":"Creating 3 columns for main section","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/sketch-essential-training-the-basics-2015\/creating-3-columns-for-the-main-section","url_lynda":"https:\/\/www.lynda.com\/Sketch-tutorials\/Creating-3-columns-main-section\/450912\/471946-4.html","url_youtube":"none","thumbnail":null,"topics":[60],"software":[14],"course":{"title":"Sketch Essential Training: The Basics (2015)","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/sketch-essential-training-the-basics-2015\/welcome","lynda-com":"https:\/\/www.lynda.com\/Sketch-tutorials\/Learn-Sketch-Basics\/450912-2.html"}}},{"title":"Creating link styles and footer","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/sketch-essential-training-the-basics-2015\/creating-link-styles-and-a-footer","url_lynda":"https:\/\/www.lynda.com\/Sketch-tutorials\/Creating-link-styles-footer\/450912\/471950-4.html","url_youtube":"none","thumbnail":null,"topics":[60],"software":[14],"course":{"title":"Sketch Essential Training: The Basics (2015)","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/sketch-essential-training-the-basics-2015\/welcome","lynda-com":"https:\/\/www.lynda.com\/Sketch-tutorials\/Learn-Sketch-Basics\/450912-2.html"}}},{"title":"Drawing the gear icon","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/sketch-essential-training-the-basics-2015\/drawing-the-gear-icon","url_lynda":"https:\/\/www.lynda.com\/Sketch-tutorials\/Drawing-gear-icon\/450912\/471945-4.html","url_youtube":"none","thumbnail":null,"topics":[85,50],"software":[14],"course":{"title":"Sketch Essential Training: The Basics (2015)","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/sketch-essential-training-the-basics-2015\/welcome","lynda-com":"https:\/\/www.lynda.com\/Sketch-tutorials\/Learn-Sketch-Basics\/450912-2.html"}}},{"title":"Drawing the star and pin icons","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/sketch-essential-training-the-basics-2015\/drawing-the-star-and-pin-icons","url_lynda":"https:\/\/www.lynda.com\/Sketch-tutorials\/Drawing-star-pin-icons\/450912\/471944-4.html","url_youtube":"none","thumbnail":null,"topics":[85,50],"software":[14],"course":{"title":"Sketch Essential Training: The Basics (2015)","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/sketch-essential-training-the-basics-2015\/welcome","lynda-com":"https:\/\/www.lynda.com\/Sketch-tutorials\/Learn-Sketch-Basics\/450912-2.html"}}},{"title":"Creating the logo","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/sketch-essential-training-the-basics-2015\/creating-the-logo","url_lynda":"https:\/\/www.lynda.com\/Sketch-tutorials\/Creating-logo\/450912\/471943-4.html","url_youtube":"none","thumbnail":null,"topics":[85,50],"software":[14],"course":{"title":"Sketch Essential Training: The Basics (2015)","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/sketch-essential-training-the-basics-2015\/welcome","lynda-com":"https:\/\/www.lynda.com\/Sketch-tutorials\/Learn-Sketch-Basics\/450912-2.html"}}},{"title":"Creating pages and art boards","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/sketch-essential-training-the-basics-2015\/creating-pages-and-artboards","url_lynda":"https:\/\/www.lynda.com\/Sketch-tutorials\/Creating-pages-artboards\/450912\/471939-4.html","url_youtube":"none","thumbnail":null,"topics":[84,60],"software":[14],"course":{"title":"Sketch Essential Training: The Basics (2015)","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/sketch-essential-training-the-basics-2015\/welcome","lynda-com":"https:\/\/www.lynda.com\/Sketch-tutorials\/Learn-Sketch-Basics\/450912-2.html"}}},{"title":"Styling an HTML input button","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/design-the-web-styling-form-elements\/styling-an-html-input-button","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Styling-HTML-input-button\/424047\/461834-4.html","url_youtube":"none","thumbnail":null,"topics":[2,81],"software":[33],"course":{"title":"Design the Web: Styling Form Elements","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/design-the-web-styling-form-elements","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/Design-Web-Styling-Form-Elements\/424047-2.html"}}},{"title":"Adding graphics and style to a text input field","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/design-the-web-styling-form-elements\/adding-graphics-and-style-to-a-text-input-field","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Adding-graphics-style-text-input-field\/424047\/461833-4.html","url_youtube":"none","thumbnail":null,"topics":[2,81,50],"software":[33],"course":{"title":"Design the Web: Styling Form Elements","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/design-the-web-styling-form-elements","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/Design-Web-Styling-Form-Elements\/424047-2.html"}}},{"title":"Setting a selected state on a label","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/design-the-web-styling-form-elements\/setting-a-selected-state-on-a-label","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Setting-selected-state-label\/424047\/461832-4.html","url_youtube":"none","thumbnail":null,"topics":[2,81],"software":[33],"course":{"title":"Design the Web: Styling Form Elements","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/design-the-web-styling-form-elements","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/Design-Web-Styling-Form-Elements\/424047-2.html"}}},{"title":"Adding custom art to checkbox and radio buttons","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/design-the-web-styling-form-elements\/adding-custom-art-to-checkbox-and-radio-buttons","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Adding-custom-art-checkbox-radio-buttons\/424047\/461831-4.html","url_youtube":"none","thumbnail":null,"topics":[2,81,50],"software":[33],"course":{"title":"Design the Web: Styling Form Elements","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/design-the-web-styling-form-elements","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/Design-Web-Styling-Form-Elements\/424047-2.html"}}},{"title":"Changing the appearance of a select menu","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/design-the-web-styling-form-elements\/changing-the-appearance-of-a-select-menu","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Changing-appearance-select-menu\/424047\/461830-4.html","url_youtube":"none","thumbnail":null,"topics":[2,81],"software":[33],"course":{"title":"Design the Web: Styling Form Elements","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/design-the-web-styling-form-elements","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/Design-Web-Styling-Form-Elements\/424047-2.html"}}},{"title":"Setting text and focus properties to a text area","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/design-the-web-styling-form-elements\/setting-text-and-focus-properties-to-a-text-area","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Setting-text-focus-properties-text-area\/424047\/461829-4.html","url_youtube":"none","thumbnail":null,"topics":[2,81],"software":[33],"course":{"title":"Design the Web: Styling Form Elements","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/design-the-web-styling-form-elements","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/Design-Web-Styling-Form-Elements\/424047-2.html"}}},{"title":"Styling the fieldset and legend","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/design-the-web-styling-form-elements\/styling-the-fieldset-and-legend","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Styling-fieldset-legend\/424047\/461828-4.html","url_youtube":"none","thumbnail":null,"topics":[2,81],"software":[33],"course":{"title":"Design the Web: Styling Form Elements","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/design-the-web-styling-form-elements","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/Design-Web-Styling-Form-Elements\/424047-2.html"}}},{"title":"Adding color and imagery to the form element","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/design-the-web-styling-form-elements\/adding-color-and-imagery-to-the-form-element","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Adding-color-imagery-form-element\/424047\/461827-4.html","url_youtube":"none","thumbnail":null,"topics":[2,81,50],"software":[33],"course":{"title":"Design the Web: Styling Form Elements","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/design-the-web-styling-form-elements","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/Design-Web-Styling-Form-Elements\/424047-2.html"}}},{"title":"Calculate wattage usage for incandescent bulbs","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/creating-a-calculation-tool-with-angularjs-1\/calculate-wattage-usage-for-incandescent-bulbs","url_lynda":"https:\/\/www.lynda.com\/AngularJS-tutorials\/Calculate-wattage-usage-incandescent-bulbs\/424042\/457731-4.html","url_youtube":"none","thumbnail":null,"topics":[83],"software":[33],"course":{"title":"Creating a Calculation Tool with AngularJS 1","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/creating-a-calculation-tool-with-angularjs-1","lynda-com":"https:\/\/www.lynda.com\/AngularJS-tutorials\/Creating-Calculation-Tool-AngularJS\/424042-2.html","udemy":"https:\/\/www.udemy.com\/creating-a-calculation-tool-with-angularjs\/"}}},{"title":"Creating a custom function in the controller","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/creating-a-calculation-tool-with-angularjs-1\/create-a-custom-function-in-the-controller","url_lynda":"https:\/\/www.lynda.com\/AngularJS-tutorials\/Create-custom-function-controller\/424042\/457730-4.html","url_youtube":"none","thumbnail":null,"topics":[34,9,10],"software":[33],"course":{"title":"Creating a Calculation Tool with AngularJS 1","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/creating-a-calculation-tool-with-angularjs-1","lynda-com":"https:\/\/www.lynda.com\/AngularJS-tutorials\/Creating-Calculation-Tool-AngularJS\/424042-2.html","udemy":"https:\/\/www.udemy.com\/creating-a-calculation-tool-with-angularjs\/"}}},{"title":"Set variables for conversion values","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/creating-a-calculation-tool-with-angularjs-1\/set-variables-for-conversion-values","url_lynda":"https:\/\/www.lynda.com\/AngularJS-tutorials\/Set-variables-conversion-values\/424042\/457729-4.html","url_youtube":"none","thumbnail":null,"topics":[34,82],"software":[33],"course":{"title":"Creating a Calculation Tool with AngularJS 1","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/creating-a-calculation-tool-with-angularjs-1","lynda-com":"https:\/\/www.lynda.com\/AngularJS-tutorials\/Creating-Calculation-Tool-AngularJS\/424042-2.html","udemy":"https:\/\/www.udemy.com\/creating-a-calculation-tool-with-angularjs\/"}}},{"title":"Defining our AngularJS Application and Controller","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/creating-a-calculation-tool-with-angularjs-1\/define-the-angularjs-application-and-controller","url_lynda":"https:\/\/www.lynda.com\/AngularJS-tutorials\/Define-AngularJS-application-controller\/424042\/457726-4.html","url_youtube":"none","thumbnail":null,"topics":[34,9],"software":[33],"course":{"title":"Creating a Calculation Tool with AngularJS 1","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/creating-a-calculation-tool-with-angularjs-1","lynda-com":"https:\/\/www.lynda.com\/AngularJS-tutorials\/Creating-Calculation-Tool-AngularJS\/424042-2.html","udemy":"https:\/\/www.udemy.com\/creating-a-calculation-tool-with-angularjs\/"}}},{"title":"Adjusting the Form area for small screens","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/creating-a-calculation-tool-with-angularjs-1\/adjust-the-form-area-for-small-screens","url_lynda":"https:\/\/www.lynda.com\/AngularJS-tutorials\/Adjust-form-area-small-screens\/424042\/457724-4.html","url_youtube":"none","thumbnail":null,"topics":[2,30,81],"software":[33],"course":{"title":"Creating a Calculation Tool with AngularJS 1","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/creating-a-calculation-tool-with-angularjs-1","lynda-com":"https:\/\/www.lynda.com\/AngularJS-tutorials\/Creating-Calculation-Tool-AngularJS\/424042-2.html","udemy":"https:\/\/www.udemy.com\/creating-a-calculation-tool-with-angularjs\/"}}},{"title":"Adjusting the Main area for small screens","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/creating-a-calculation-tool-with-angularjs-1\/adjust-the-main-area-for-small-screens","url_lynda":"https:\/\/www.lynda.com\/AngularJS-tutorials\/Adjust-main-area-small-screens\/424042\/457723-4.html","url_youtube":"none","thumbnail":null,"topics":[2,30],"software":[33],"course":{"title":"Creating a Calculation Tool with AngularJS 1","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/creating-a-calculation-tool-with-angularjs-1","lynda-com":"https:\/\/www.lynda.com\/AngularJS-tutorials\/Creating-Calculation-Tool-AngularJS\/424042-2.html","udemy":"https:\/\/www.udemy.com\/creating-a-calculation-tool-with-angularjs\/"}}},{"title":"Styling the form text and elements","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/creating-a-calculation-tool-with-angularjs-1\/style-the-form-text-and-elements","url_lynda":"https:\/\/www.lynda.com\/AngularJS-tutorials\/Style-form-text-elements\/424042\/457722-4.html","url_youtube":"none","thumbnail":null,"topics":[2,81],"software":[33],"course":{"title":"Creating a Calculation Tool with AngularJS 1","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/creating-a-calculation-tool-with-angularjs-1","lynda-com":"https:\/\/www.lynda.com\/AngularJS-tutorials\/Creating-Calculation-Tool-AngularJS\/424042-2.html","udemy":"https:\/\/www.udemy.com\/creating-a-calculation-tool-with-angularjs\/"}}},{"title":"Adding content with CSS Pseduo-elements","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/creating-a-calculation-tool-with-angularjs-1\/add-content-with-css-pseudo-elements","url_lynda":"https:\/\/www.lynda.com\/AngularJS-tutorials\/Add-content-CSS-pseudo-elements\/424042\/457720-4.html","url_youtube":"none","thumbnail":null,"topics":[2,23],"software":[33],"course":{"title":"Creating a Calculation Tool with AngularJS 1","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/creating-a-calculation-tool-with-angularjs-1","lynda-com":"https:\/\/www.lynda.com\/AngularJS-tutorials\/Creating-Calculation-Tool-AngularJS\/424042-2.html","udemy":"https:\/\/www.udemy.com\/creating-a-calculation-tool-with-angularjs\/"}}},{"title":"Adding the form elements","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/creating-a-calculation-tool-with-angularjs-1\/add-the-form-elements","url_lynda":"https:\/\/www.lynda.com\/AngularJS-tutorials\/Add-form-elements\/424042\/457715-4.html","url_youtube":"none","thumbnail":null,"topics":[81,6],"software":[33],"course":{"title":"Creating a Calculation Tool with AngularJS 1","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/creating-a-calculation-tool-with-angularjs-1","lynda-com":"https:\/\/www.lynda.com\/AngularJS-tutorials\/Creating-Calculation-Tool-AngularJS\/424042-2.html","udemy":"https:\/\/www.udemy.com\/creating-a-calculation-tool-with-angularjs\/"}}},{"title":"Add main HTML structure","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/creating-a-calculation-tool-with-angularjs-1\/add-the-main-html-structure","url_lynda":"https:\/\/www.lynda.com\/AngularJS-tutorials\/Add-main-HTML-structure\/424042\/457713-4.html","url_youtube":"none","thumbnail":null,"topics":[6],"software":[33],"course":{"title":"Creating a Calculation Tool with AngularJS 1","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/creating-a-calculation-tool-with-angularjs-1","lynda-com":"https:\/\/www.lynda.com\/AngularJS-tutorials\/Creating-Calculation-Tool-AngularJS\/424042-2.html","udemy":"https:\/\/www.udemy.com\/creating-a-calculation-tool-with-angularjs\/"}}},{"title":"Hooking in CSS and AngularJS","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/creating-a-calculation-tool-with-angularjs-1\/hook-in-css-and-angularjs","url_lynda":"https:\/\/www.lynda.com\/AngularJS-tutorials\/Hook-CSS-AngularJS\/424042\/457712-4.html","url_youtube":"none","thumbnail":null,"topics":[34,2,9],"software":[33],"course":{"title":"Creating a Calculation Tool with AngularJS 1","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/creating-a-calculation-tool-with-angularjs-1","lynda-com":"https:\/\/www.lynda.com\/AngularJS-tutorials\/Creating-Calculation-Tool-AngularJS\/424042-2.html","udemy":"https:\/\/www.udemy.com\/creating-a-calculation-tool-with-angularjs\/"}}},{"title":"Using Image Srcset and the Pixel Density Descriptor","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/creating-a-responsive-web-design-advanced-techniques\/using-image-srcset-and-the-pixel-density-descriptor","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Using-image-srcset-pixel-density-descriptor\/424045\/503223-4.html","url_youtube":"none","thumbnail":null,"topics":[2,30,6,72,50],"software":[33],"course":{"title":"Creating a Responsive Web Design: Advanced Techniques","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/creating-a-responsive-web-design-advanced-techniques","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/Creating-Responsive-Web-Design-Advanced-Techniques\/424045-2.html"}}},{"title":"Using CSS Media Queries for Device Pixel Ratio","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/creating-a-responsive-web-design-advanced-techniques\/using-css-media-queries-for-device-pixel-ratio","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Using-CSS-media-queries-device-pixel-ratio\/424045\/503222-4.html","url_youtube":"none","thumbnail":null,"topics":[2,30,50],"software":[33],"course":{"title":"Creating a Responsive Web Design: Advanced Techniques","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/creating-a-responsive-web-design-advanced-techniques","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/Creating-Responsive-Web-Design-Advanced-Techniques\/424045-2.html"}}},{"title":"Adding sizes for CSS-driven images","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/creating-a-responsive-web-design-advanced-techniques\/adding-sizes-for-css-driven-images","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Adding-sizes-CSS-driven-images\/424045\/503220-4.html","url_youtube":"none","thumbnail":null,"topics":[2,5,50],"software":[33],"course":{"title":"Creating a Responsive Web Design: Advanced Techniques","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/creating-a-responsive-web-design-advanced-techniques","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/Creating-Responsive-Web-Design-Advanced-Techniques\/424045-2.html"}}},{"title":"Using the same SVG file for all screen sizes","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/creating-a-responsive-web-design-advanced-techniques\/using-the-same-svg-file-for-all-screen-sizes","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Using-same-SVG-file-all-screen-sizes\/424045\/455394-4.html","url_youtube":"none","thumbnail":null,"topics":[30,72,47,50],"software":[33],"course":{"title":"Creating a Responsive Web Design: Advanced Techniques","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/creating-a-responsive-web-design-advanced-techniques","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/Creating-Responsive-Web-Design-Advanced-Techniques\/424045-2.html"}}},{"title":"Changing SVG art with CSS","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/creating-a-responsive-web-design-advanced-techniques\/changing-svg-art-with-css","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Changing-SVG-art-CSS\/424045\/455393-4.html","url_youtube":"none","thumbnail":null,"topics":[2,47,50],"software":[33],"course":{"title":"Creating a Responsive Web Design: Advanced Techniques","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/creating-a-responsive-web-design-advanced-techniques","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/Creating-Responsive-Web-Design-Advanced-Techniques\/424045-2.html"}}},{"title":"Adding media queries to SVG","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/creating-a-responsive-web-design-advanced-techniques\/adding-media-queries-to-an-svg","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Adding-media-queries-SVG\/424045\/455392-4.html","url_youtube":"none","thumbnail":null,"topics":[30,72,47,50],"software":[33],"course":{"title":"Creating a Responsive Web Design: Advanced Techniques","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/creating-a-responsive-web-design-advanced-techniques","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/Creating-Responsive-Web-Design-Advanced-Techniques\/424045-2.html"}}},{"title":"Adding CSS to an SVG","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/creating-a-responsive-web-design-advanced-techniques\/adding-css-to-an-svg","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Adding-CSS-SVG\/424045\/455391-4.html","url_youtube":"none","thumbnail":null,"topics":[2,47,50],"software":[33],"course":{"title":"Creating a Responsive Web Design: Advanced Techniques","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/creating-a-responsive-web-design-advanced-techniques","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/Creating-Responsive-Web-Design-Advanced-Techniques\/424045-2.html"}}},{"title":"Grouping artwork in an SVG","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/creating-a-responsive-web-design-advanced-techniques\/grouping-artwork-in-an-svg","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Grouping-artwork-SVG\/424045\/455390-4.html","url_youtube":"none","thumbnail":null,"topics":[49,47,50],"software":[33],"course":{"title":"Creating a Responsive Web Design: Advanced Techniques","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/creating-a-responsive-web-design-advanced-techniques","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/Creating-Responsive-Web-Design-Advanced-Techniques\/424045-2.html"}}},{"title":"Animating the height of the navigation","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/creating-a-responsive-web-design-advanced-techniques\/animating-the-height-of-the-navigation","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Animating-height-navigation\/424045\/455385-4.html","url_youtube":"none","thumbnail":null,"topics":[53,9,35,11],"software":[33],"course":{"title":"Creating a Responsive Web Design: Advanced Techniques","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/creating-a-responsive-web-design-advanced-techniques","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/Creating-Responsive-Web-Design-Advanced-Techniques\/424045-2.html"}}},{"title":"Attaching a click event to the mobile menu button","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/creating-a-responsive-web-design-advanced-techniques\/attaching-a-click-event-to-the-mobile-menu-button","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Attaching-click-event-mobile-menu-button\/424045\/455384-4.html","url_youtube":"none","thumbnail":null,"topics":[53,9,35,58],"software":[33],"course":{"title":"Creating a Responsive Web Design: Advanced Techniques","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/creating-a-responsive-web-design-advanced-techniques","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/Creating-Responsive-Web-Design-Advanced-Techniques\/424045-2.html"}}},{"title":"Adjusting the logo to overlap the menu","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/creating-a-responsive-web-design-advanced-techniques\/adjusting-the-logo-to-overlap-the-menu","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Adjusting-logo-overlap-menu\/424045\/455382-4.html","url_youtube":"none","thumbnail":null,"topics":[2,29],"software":[33],"course":{"title":"Creating a Responsive Web Design: Advanced Techniques","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/creating-a-responsive-web-design-advanced-techniques","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/Creating-Responsive-Web-Design-Advanced-Techniques\/424045-2.html"}}},{"title":"Adding JavaScript and jQuery to your project","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/creating-a-responsive-web-design-advanced-techniques\/adding-javascript-and-jquery-to-your-project","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Adding-JavaScript-jQuery-your-project\/424045\/455383-4.html","url_youtube":"none","thumbnail":null,"topics":[6,9,35],"software":[33],"course":{"title":"Creating a Responsive Web Design: Advanced Techniques","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/creating-a-responsive-web-design-advanced-techniques","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/Creating-Responsive-Web-Design-Advanced-Techniques\/424045-2.html"}}},{"title":"Adding a mobile link button","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/creating-a-responsive-web-design-advanced-techniques\/adding-a-mobile-link-button","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Adding-mobile-link-button\/424045\/455379-4.html","url_youtube":"none","thumbnail":null,"topics":[2],"software":[],"course":{"title":"Creating a Responsive Web Design: Advanced Techniques","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/creating-a-responsive-web-design-advanced-techniques","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/Creating-Responsive-Web-Design-Advanced-Techniques\/424045-2.html"}}},{"title":"Restyling the mobile menu","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/creating-a-responsive-web-design-advanced-techniques\/restyling-the-mobile-menu","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Restyling-mobile-menu\/424045\/455381-4.html","url_youtube":"none","thumbnail":null,"topics":[2],"software":[33],"course":{"title":"Creating a Responsive Web Design: Advanced Techniques","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/creating-a-responsive-web-design-advanced-techniques","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/Creating-Responsive-Web-Design-Advanced-Techniques\/424045-2.html"}}},{"title":"Setting page breaks with CSS","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/creating-a-responsive-web-design\/setting-page-breaks-with-css","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Setting-page-breaks-CSS\/424046\/449096-4.html","url_youtube":"none","thumbnail":null,"topics":[2,30,80],"software":[33],"course":{"title":"Creating a Responsive Web Design","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/creating-a-responsive-web-design?u=2125562","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/Creating-Responsive-Web-Design\/424046-2.html","udemy":"https:\/\/www.udemy.com\/creating-a-responsive-web-design\/","pluralsight":"https:\/\/www.pluralsight.com\/courses\/creating-responsive-web-design","amazon":"https:\/\/www.amazon.com\/Introduction-to-this-course\/dp\/B01FBZZP4O\/ref=sr_1_3?ie=UTF8&qid=1514385308&sr=8-3&keywords=chris+converse","edufyre":"https:\/\/edufyre.com\/p\/creating-a-responsive-web-design\/","skillshare":"https:\/\/www.skillshare.com\/classes\/Creating-a-Responsive-Web-Design\/1932648298?via=user-profile"}}},{"title":"Switching our image tags with CSS","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/creating-a-responsive-web-design\/switching-our-img-tags-with-css","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Switching-our-img-tags-CSS\/424046\/449094-4.html","url_youtube":"none","thumbnail":null,"topics":[2,30,80],"software":[33],"course":{"title":"Creating a Responsive Web Design","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/creating-a-responsive-web-design?u=2125562","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/Creating-Responsive-Web-Design\/424046-2.html","udemy":"https:\/\/www.udemy.com\/creating-a-responsive-web-design\/","pluralsight":"https:\/\/www.pluralsight.com\/courses\/creating-responsive-web-design","amazon":"https:\/\/www.amazon.com\/Introduction-to-this-course\/dp\/B01FBZZP4O\/ref=sr_1_3?ie=UTF8&qid=1514385308&sr=8-3&keywords=chris+converse","edufyre":"https:\/\/edufyre.com\/p\/creating-a-responsive-web-design\/","skillshare":"https:\/\/www.skillshare.com\/classes\/Creating-a-Responsive-Web-Design\/1932648298?via=user-profile"}}},{"title":"Displaying URLS when printing","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/creating-a-responsive-web-design\/displaying-urls-when-printing","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Displaying-URLS-when-printing\/424046\/449091-4.html","url_youtube":"none","thumbnail":null,"topics":[2,30,6,80],"software":[33],"course":{"title":"Creating a Responsive Web Design","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/creating-a-responsive-web-design?u=2125562","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/Creating-Responsive-Web-Design\/424046-2.html","udemy":"https:\/\/www.udemy.com\/creating-a-responsive-web-design\/","pluralsight":"https:\/\/www.pluralsight.com\/courses\/creating-responsive-web-design","amazon":"https:\/\/www.amazon.com\/Introduction-to-this-course\/dp\/B01FBZZP4O\/ref=sr_1_3?ie=UTF8&qid=1514385308&sr=8-3&keywords=chris+converse","edufyre":"https:\/\/edufyre.com\/p\/creating-a-responsive-web-design\/","skillshare":"https:\/\/www.skillshare.com\/classes\/Creating-a-Responsive-Web-Design\/1932648298?via=user-profile"}}},{"title":"Linking a CSS file for print","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/creating-a-responsive-web-design\/linking-a-css-file-for-print","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Linking-CSS-file-print\/424046\/449088-4.html","url_youtube":"none","thumbnail":null,"topics":[2,30,80],"software":[33],"course":{"title":"Creating a Responsive Web Design","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/creating-a-responsive-web-design?u=2125562","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/Creating-Responsive-Web-Design\/424046-2.html","udemy":"https:\/\/www.udemy.com\/creating-a-responsive-web-design\/","pluralsight":"https:\/\/www.pluralsight.com\/courses\/creating-responsive-web-design","amazon":"https:\/\/www.amazon.com\/Introduction-to-this-course\/dp\/B01FBZZP4O\/ref=sr_1_3?ie=UTF8&qid=1514385308&sr=8-3&keywords=chris+converse","edufyre":"https:\/\/edufyre.com\/p\/creating-a-responsive-web-design\/","skillshare":"https:\/\/www.skillshare.com\/classes\/Creating-a-Responsive-Web-Design\/1932648298?via=user-profile"}}},{"title":"Strategy for printing","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/creating-a-responsive-web-design\/strategy-for-printing","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Strategy-printing\/424046\/449087-4.html","url_youtube":"none","thumbnail":null,"topics":[2,30,80,72],"software":[33],"course":{"title":"Creating a Responsive Web Design","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/creating-a-responsive-web-design?u=2125562","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/Creating-Responsive-Web-Design\/424046-2.html","udemy":"https:\/\/www.udemy.com\/creating-a-responsive-web-design\/","pluralsight":"https:\/\/www.pluralsight.com\/courses\/creating-responsive-web-design","amazon":"https:\/\/www.amazon.com\/Introduction-to-this-course\/dp\/B01FBZZP4O\/ref=sr_1_3?ie=UTF8&qid=1514385308&sr=8-3&keywords=chris+converse","edufyre":"https:\/\/edufyre.com\/p\/creating-a-responsive-web-design\/","skillshare":"https:\/\/www.skillshare.com\/classes\/Creating-a-Responsive-Web-Design\/1932648298?via=user-profile"}}},{"title":"Moving the navigation for smaller screens","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/creating-a-responsive-web-design\/moving-the-navigation-for-smaller-screens","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Moving-navigation-smaller-screens\/424046\/449076-4.html","url_youtube":"none","thumbnail":null,"topics":[2,29,72],"software":[33],"course":{"title":"Creating a Responsive Web Design","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/creating-a-responsive-web-design?u=2125562","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/Creating-Responsive-Web-Design\/424046-2.html","udemy":"https:\/\/www.udemy.com\/creating-a-responsive-web-design\/","pluralsight":"https:\/\/www.pluralsight.com\/courses\/creating-responsive-web-design","amazon":"https:\/\/www.amazon.com\/Introduction-to-this-course\/dp\/B01FBZZP4O\/ref=sr_1_3?ie=UTF8&qid=1514385308&sr=8-3&keywords=chris+converse","edufyre":"https:\/\/edufyre.com\/p\/creating-a-responsive-web-design\/","skillshare":"https:\/\/www.skillshare.com\/classes\/Creating-a-Responsive-Web-Design\/1932648298?via=user-profile"}}},{"title":"Making adjustments for medium screens","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/creating-a-responsive-web-design\/making-adjustments-for-medium-screens","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Making-adjustments-medium-screens\/424046\/449074-4.html","url_youtube":"none","thumbnail":null,"topics":[2,72],"software":[33],"course":{"title":"Creating a Responsive Web Design","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/creating-a-responsive-web-design?u=2125562","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/Creating-Responsive-Web-Design\/424046-2.html","udemy":"https:\/\/www.udemy.com\/creating-a-responsive-web-design\/","pluralsight":"https:\/\/www.pluralsight.com\/courses\/creating-responsive-web-design","amazon":"https:\/\/www.amazon.com\/Introduction-to-this-course\/dp\/B01FBZZP4O\/ref=sr_1_3?ie=UTF8&qid=1514385308&sr=8-3&keywords=chris+converse","edufyre":"https:\/\/edufyre.com\/p\/creating-a-responsive-web-design\/","skillshare":"https:\/\/www.skillshare.com\/classes\/Creating-a-Responsive-Web-Design\/1932648298?via=user-profile"}}},{"title":"Making adjustments for large screens","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/creating-a-responsive-web-design\/making-adjustments-for-large-screens","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Making-adjustments-large-screens\/424046\/449073-4.html","url_youtube":"none","thumbnail":null,"topics":[2,30,72],"software":[33],"course":{"title":"Creating a Responsive Web Design","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/creating-a-responsive-web-design?u=2125562","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/Creating-Responsive-Web-Design\/424046-2.html","udemy":"https:\/\/www.udemy.com\/creating-a-responsive-web-design\/","pluralsight":"https:\/\/www.pluralsight.com\/courses\/creating-responsive-web-design","amazon":"https:\/\/www.amazon.com\/Introduction-to-this-course\/dp\/B01FBZZP4O\/ref=sr_1_3?ie=UTF8&qid=1514385308&sr=8-3&keywords=chris+converse","edufyre":"https:\/\/edufyre.com\/p\/creating-a-responsive-web-design\/","skillshare":"https:\/\/www.skillshare.com\/classes\/Creating-a-Responsive-Web-Design\/1932648298?via=user-profile"}}},{"title":"Adding indication triangles with CSS","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/creating-a-responsive-web-design\/adding-indication-arrows","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Adding-indication-arrows\/424046\/449070-4.html","url_youtube":"none","thumbnail":null,"topics":[2,23],"software":[33],"course":{"title":"Creating a Responsive Web Design","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/creating-a-responsive-web-design?u=2125562","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/Creating-Responsive-Web-Design\/424046-2.html","udemy":"https:\/\/www.udemy.com\/creating-a-responsive-web-design\/","pluralsight":"https:\/\/www.pluralsight.com\/courses\/creating-responsive-web-design","amazon":"https:\/\/www.amazon.com\/Introduction-to-this-course\/dp\/B01FBZZP4O\/ref=sr_1_3?ie=UTF8&qid=1514385308&sr=8-3&keywords=chris+converse","edufyre":"https:\/\/edufyre.com\/p\/creating-a-responsive-web-design\/","skillshare":"https:\/\/www.skillshare.com\/classes\/Creating-a-Responsive-Web-Design\/1932648298?via=user-profile"}}},{"title":"Showing and Hiding the nav sub menus","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/creating-a-responsive-web-design\/showing-and-hiding-the-nav-submenus","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Showing-hiding-nav-submenus\/424046\/449068-4.html","url_youtube":"none","thumbnail":null,"topics":[2,53],"software":[33],"course":{"title":"Creating a Responsive Web Design","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/creating-a-responsive-web-design?u=2125562","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/Creating-Responsive-Web-Design\/424046-2.html","udemy":"https:\/\/www.udemy.com\/creating-a-responsive-web-design\/","pluralsight":"https:\/\/www.pluralsight.com\/courses\/creating-responsive-web-design","amazon":"https:\/\/www.amazon.com\/Introduction-to-this-course\/dp\/B01FBZZP4O\/ref=sr_1_3?ie=UTF8&qid=1514385308&sr=8-3&keywords=chris+converse","edufyre":"https:\/\/edufyre.com\/p\/creating-a-responsive-web-design\/","skillshare":"https:\/\/www.skillshare.com\/classes\/Creating-a-Responsive-Web-Design\/1932648298?via=user-profile"}}},{"title":"Re-positioning the Nav","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/creating-a-responsive-web-design\/repositioning-the-nav","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Repositioning-nav\/424046\/449066-4.html","url_youtube":"none","thumbnail":null,"topics":[2,29],"software":[33],"course":{"title":"Creating a Responsive Web Design","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/creating-a-responsive-web-design?u=2125562","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/Creating-Responsive-Web-Design\/424046-2.html","udemy":"https:\/\/www.udemy.com\/creating-a-responsive-web-design\/","pluralsight":"https:\/\/www.pluralsight.com\/courses\/creating-responsive-web-design","amazon":"https:\/\/www.amazon.com\/Introduction-to-this-course\/dp\/B01FBZZP4O\/ref=sr_1_3?ie=UTF8&qid=1514385308&sr=8-3&keywords=chris+converse","edufyre":"https:\/\/edufyre.com\/p\/creating-a-responsive-web-design\/","skillshare":"https:\/\/www.skillshare.com\/classes\/Creating-a-Responsive-Web-Design\/1932648298?via=user-profile"}}},{"title":"Adding content with pseudo-elements","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/creating-a-responsive-web-design\/adding-content-with-pseudo-elements","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Adding-content-pseudo-elements\/424046\/449063-4.html","url_youtube":"none","thumbnail":null,"topics":[23],"software":[33],"course":{"title":"Creating a Responsive Web Design","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/creating-a-responsive-web-design?u=2125562","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/Creating-Responsive-Web-Design\/424046-2.html","udemy":"https:\/\/www.udemy.com\/creating-a-responsive-web-design\/","pluralsight":"https:\/\/www.pluralsight.com\/courses\/creating-responsive-web-design","amazon":"https:\/\/www.amazon.com\/Introduction-to-this-course\/dp\/B01FBZZP4O\/ref=sr_1_3?ie=UTF8&qid=1514385308&sr=8-3&keywords=chris+converse","edufyre":"https:\/\/edufyre.com\/p\/creating-a-responsive-web-design\/","skillshare":"https:\/\/www.skillshare.com\/classes\/Creating-a-Responsive-Web-Design\/1932648298?via=user-profile"}}},{"title":"Clearing floats with pseudo-elements","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/creating-a-responsive-web-design\/clearing-floats-with-pseudo-elements","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Clearing-floats-pseudo-elements\/424046\/449059-4.html","url_youtube":"none","thumbnail":null,"topics":[23],"software":[33],"course":{"title":"Creating a Responsive Web Design","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/creating-a-responsive-web-design?u=2125562","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/Creating-Responsive-Web-Design\/424046-2.html","udemy":"https:\/\/www.udemy.com\/creating-a-responsive-web-design\/","pluralsight":"https:\/\/www.pluralsight.com\/courses\/creating-responsive-web-design","amazon":"https:\/\/www.amazon.com\/Introduction-to-this-course\/dp\/B01FBZZP4O\/ref=sr_1_3?ie=UTF8&qid=1514385308&sr=8-3&keywords=chris+converse","edufyre":"https:\/\/edufyre.com\/p\/creating-a-responsive-web-design\/","skillshare":"https:\/\/www.skillshare.com\/classes\/Creating-a-Responsive-Web-Design\/1932648298?via=user-profile"}}},{"title":"Creating the button style","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/creating-a-responsive-web-design\/creating-the-button-style","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Creating-button-style\/424046\/449056-4.html","url_youtube":"none","thumbnail":null,"topics":[2,6],"software":[33],"course":{"title":"Creating a Responsive Web Design","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/creating-a-responsive-web-design?u=2125562","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/Creating-Responsive-Web-Design\/424046-2.html","udemy":"https:\/\/www.udemy.com\/creating-a-responsive-web-design\/","pluralsight":"https:\/\/www.pluralsight.com\/courses\/creating-responsive-web-design","amazon":"https:\/\/www.amazon.com\/Introduction-to-this-course\/dp\/B01FBZZP4O\/ref=sr_1_3?ie=UTF8&qid=1514385308&sr=8-3&keywords=chris+converse","edufyre":"https:\/\/edufyre.com\/p\/creating-a-responsive-web-design\/","skillshare":"https:\/\/www.skillshare.com\/classes\/Creating-a-Responsive-Web-Design\/1932648298?via=user-profile"}}},{"title":"Defining the basic text styles","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/creating-a-responsive-web-design\/defining-the-basic-text-styles","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Defining-basic-text-styles\/424046\/449053-4.html","url_youtube":"none","thumbnail":null,"topics":[2],"software":[33],"course":{"title":"Creating a Responsive Web Design","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/creating-a-responsive-web-design?u=2125562","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/Creating-Responsive-Web-Design\/424046-2.html","udemy":"https:\/\/www.udemy.com\/creating-a-responsive-web-design\/","pluralsight":"https:\/\/www.pluralsight.com\/courses\/creating-responsive-web-design","amazon":"https:\/\/www.amazon.com\/Introduction-to-this-course\/dp\/B01FBZZP4O\/ref=sr_1_3?ie=UTF8&qid=1514385308&sr=8-3&keywords=chris+converse","edufyre":"https:\/\/edufyre.com\/p\/creating-a-responsive-web-design\/","skillshare":"https:\/\/www.skillshare.com\/classes\/Creating-a-Responsive-Web-Design\/1932648298?via=user-profile"}}},{"title":"Importing a Google Font","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/creating-a-responsive-web-design\/importing-a-google-font","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Importing-Google-Font\/424046\/449052-4.html","url_youtube":"none","thumbnail":null,"topics":[46],"software":[65,33],"course":{"title":"Creating a Responsive Web Design","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/creating-a-responsive-web-design?u=2125562","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/Creating-Responsive-Web-Design\/424046-2.html","udemy":"https:\/\/www.udemy.com\/creating-a-responsive-web-design\/","pluralsight":"https:\/\/www.pluralsight.com\/courses\/creating-responsive-web-design","amazon":"https:\/\/www.amazon.com\/Introduction-to-this-course\/dp\/B01FBZZP4O\/ref=sr_1_3?ie=UTF8&qid=1514385308&sr=8-3&keywords=chris+converse","edufyre":"https:\/\/edufyre.com\/p\/creating-a-responsive-web-design\/","skillshare":"https:\/\/www.skillshare.com\/classes\/Creating-a-Responsive-Web-Design\/1932648298?via=user-profile"}}},{"title":"The HTML strategy for the layout","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/creating-a-responsive-web-design\/the-strategy-for-our-layout","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/strategy-our-layout\/424046\/449043-4.html","url_youtube":"none","thumbnail":null,"topics":[6,60],"software":[33],"course":{"title":"Creating a Responsive Web Design","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/creating-a-responsive-web-design?u=2125562","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/Creating-Responsive-Web-Design\/424046-2.html","udemy":"https:\/\/www.udemy.com\/creating-a-responsive-web-design\/","pluralsight":"https:\/\/www.pluralsight.com\/courses\/creating-responsive-web-design","amazon":"https:\/\/www.amazon.com\/Introduction-to-this-course\/dp\/B01FBZZP4O\/ref=sr_1_3?ie=UTF8&qid=1514385308&sr=8-3&keywords=chris+converse","edufyre":"https:\/\/edufyre.com\/p\/creating-a-responsive-web-design\/","skillshare":"https:\/\/www.skillshare.com\/classes\/Creating-a-Responsive-Web-Design\/1932648298?via=user-profile"}}},{"title":"Encoding special characters in a URL","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/design-the-web-css-controlled-svg-with-php\/encoding-special-characters-in-a-url","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Encoding-special-characters-URL\/424048\/448141-4.html","url_youtube":"none","thumbnail":null,"topics":[6],"software":[33],"course":{"title":"Design the Web: CSS-Controlled SVG with PHP","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/design-the-web-css-controlled-svg-with-php","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/Design-Web-CSS-Controlled-SVG-PHP\/424048-2.html"}}},{"title":"Changing colors with a mouseover","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/design-the-web-css-controlled-svg-with-php\/changing-colors-with-a-mouseover","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Changing-colors-mouseover\/424048\/448140-4.html","url_youtube":"none","thumbnail":null,"topics":[2,52],"software":[33],"course":{"title":"Design the Web: CSS-Controlled SVG with PHP","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/design-the-web-css-controlled-svg-with-php","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/Design-Web-CSS-Controlled-SVG-PHP\/424048-2.html"}}},{"title":"Setting up default colors for the SVG file","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/design-the-web-css-controlled-svg-with-php\/setting-up-default-colors-for-the-svg-file","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Setting-up-default-colors-SVG-file\/424048\/448139-4.html","url_youtube":"none","thumbnail":null,"topics":[2,47],"software":[33],"course":{"title":"Design the Web: CSS-Controlled SVG with PHP","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/design-the-web-css-controlled-svg-with-php","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/Design-Web-CSS-Controlled-SVG-PHP\/424048-2.html"}}},{"title":"Passing and receiving the first query string variable","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/design-the-web-css-controlled-svg-with-php\/passing-and-receiving-the-first-query-string-variable","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Passing-receiving-second-query-string-variable\/424048\/448138-4.html","url_youtube":"none","thumbnail":null,"topics":[52],"software":[33],"course":{"title":"Design the Web: CSS-Controlled SVG with PHP","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/design-the-web-css-controlled-svg-with-php","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/Design-Web-CSS-Controlled-SVG-PHP\/424048-2.html"}}},{"title":"Returning a PHP file as an SVG file","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/design-the-web-css-controlled-svg-with-php\/returning-a-php-file-as-an-svg-file","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Returning-PHP-file-SVG-file\/424048\/448136-4.html","url_youtube":"none","thumbnail":null,"topics":[52,47],"software":[33],"course":{"title":"Design the Web: CSS-Controlled SVG with PHP","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/design-the-web-css-controlled-svg-with-php","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/Design-Web-CSS-Controlled-SVG-PHP\/424048-2.html"}}},{"title":"Making the menu responsive","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/design-the-web-creating-css-only-navigation-menus\/making-the-menu-responsive","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Making-menu-responsive\/424044\/434380-4.html","url_youtube":"none","thumbnail":null,"topics":[2,30,72],"software":[33],"course":{"title":"Design the Web: Creating CSS-Only Navigation Menus","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/design-the-web-creating-css-only-navigation-menus","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/Design-Web-Creating-CSS-Only-Navigation-Menus\/424044-2.html"}}},{"title":"Adding support for ARIA","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/design-the-web-creating-css-only-navigation-menus\/adding-support-for-aria","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Adding-support-ARIA\/424044\/434379-4.html","url_youtube":"none","thumbnail":null,"topics":[79,6],"software":[33],"course":{"title":"Design the Web: Creating CSS-Only Navigation Menus","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/design-the-web-creating-css-only-navigation-menus","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/Design-Web-Creating-CSS-Only-Navigation-Menus\/424044-2.html"}}},{"title":"Positioning the third-level menus","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/design-the-web-creating-css-only-navigation-menus\/positioning-the-third-level-menus","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Positioning-third-level-menus\/424044\/434377-4.html","url_youtube":"none","thumbnail":null,"topics":[2,29],"software":[33],"course":{"title":"Design the Web: Creating CSS-Only Navigation Menus","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/design-the-web-creating-css-only-navigation-menus","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/Design-Web-Creating-CSS-Only-Navigation-Menus\/424044-2.html"}}},{"title":"Showing and hiding sub menus on hover","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/design-the-web-creating-css-only-navigation-menus\/showing-and-hiding-submenus-on-hover","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Showing-hiding-submenus-hover\/424044\/434376-4.html","url_youtube":"none","thumbnail":null,"topics":[2,53],"software":[33],"course":{"title":"Design the Web: Creating CSS-Only Navigation Menus","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/design-the-web-creating-css-only-navigation-menus","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/Design-Web-Creating-CSS-Only-Navigation-Menus\/424044-2.html"}}},{"title":"Clearing the floats with pseudo-elements","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/design-the-web-creating-css-only-navigation-menus\/clearing-the-floats-with-pseudo-elements","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Clearing-floats-pseudo-elements\/424044\/434375-4.html","url_youtube":"none","thumbnail":null,"topics":[2,60],"software":[33],"course":{"title":"Design the Web: Creating CSS-Only Navigation Menus","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/design-the-web-creating-css-only-navigation-menus","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/Design-Web-Creating-CSS-Only-Navigation-Menus\/424044-2.html"}}},{"title":"Overriding the bulleted list style","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/design-the-web-creating-css-only-navigation-menus\/overriding-the-bulleted-list-style","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Overriding-bulleted-list-style\/424044\/434374-4.html","url_youtube":"none","thumbnail":null,"topics":[2,6,60],"software":[33],"course":{"title":"Design the Web: Creating CSS-Only Navigation Menus","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/design-the-web-creating-css-only-navigation-menus","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/Design-Web-Creating-CSS-Only-Navigation-Menus\/424044-2.html"}}},{"title":"Nesting unordered lists in HTML","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/design-the-web-creating-css-only-navigation-menus\/nesting-unordered-lists-in-html","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Nesting-unordered-lists-HTML\/424044\/434373-4.html","url_youtube":"none","thumbnail":null,"topics":[6],"software":[33],"course":{"title":"Design the Web: Creating CSS-Only Navigation Menus","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/design-the-web-creating-css-only-navigation-menus","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/Design-Web-Creating-CSS-Only-Navigation-Menus\/424044-2.html"}}},{"title":"Making your quiz responsive","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/creating-a-quiz-with-angularjs-1\/making-your-quiz-responsive","url_lynda":"https:\/\/www.lynda.com\/AngularJS-tutorials\/Making-your-quiz-responsive\/373557\/424037-4.html","url_youtube":"none","thumbnail":null,"topics":[2,30,72,60],"software":[33],"course":{"title":"Creating a Quiz with AngularJS 1","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/creating-a-quiz-with-angularjs-1","lynda-com":"https:\/\/www.lynda.com\/AngularJS-tutorials\/Creating-Quiz-AngularJS\/373557-2.html","udemy":"https:\/\/www.udemy.com\/creating-a-quiz-with-angularjs\/"}}},{"title":"Creating custom share links","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/creating-a-quiz-with-angularjs-1\/creating-custom-share-links","url_lynda":"https:\/\/www.lynda.com\/AngularJS-tutorials\/Creating-custom-share-links\/373557\/424036-4.html","url_youtube":"none","thumbnail":null,"topics":[34,9,40,43],"software":[33],"course":{"title":"Creating a Quiz with AngularJS 1","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/creating-a-quiz-with-angularjs-1","lynda-com":"https:\/\/www.lynda.com\/AngularJS-tutorials\/Creating-Quiz-AngularJS\/373557-2.html","udemy":"https:\/\/www.udemy.com\/creating-a-quiz-with-angularjs\/"}}},{"title":"Calculating the user\u2019s results","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/creating-a-quiz-with-angularjs-1\/calculating-the-user-s-results","url_lynda":"https:\/\/www.lynda.com\/AngularJS-tutorials\/Calculating-users-results\/373557\/424035-4.html","url_youtube":"none","thumbnail":null,"topics":[34,9],"software":[33],"course":{"title":"Creating a Quiz with AngularJS 1","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/creating-a-quiz-with-angularjs-1","lynda-com":"https:\/\/www.lynda.com\/AngularJS-tutorials\/Creating-Quiz-AngularJS\/373557-2.html","udemy":"https:\/\/www.udemy.com\/creating-a-quiz-with-angularjs\/"}}},{"title":"Adding the feedback content","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/creating-a-quiz-with-angularjs-1\/adding-the-feedback-content","url_lynda":"https:\/\/www.lynda.com\/AngularJS-tutorials\/Adding-feedback-content\/373557\/424033-4.html","url_youtube":"none","thumbnail":null,"topics":[34,6,53,58],"software":[33],"course":{"title":"Creating a Quiz with AngularJS 1","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/creating-a-quiz-with-angularjs-1","lynda-com":"https:\/\/www.lynda.com\/AngularJS-tutorials\/Creating-Quiz-AngularJS\/373557-2.html","udemy":"https:\/\/www.udemy.com\/creating-a-quiz-with-angularjs\/"}}},{"title":"Setting up a custom function","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/creating-a-quiz-with-angularjs-1\/setting-up-a-custom-function","url_lynda":"https:\/\/www.lynda.com\/AngularJS-tutorials\/Setting-up-custom-function\/373557\/424029-4.html","url_youtube":"none","thumbnail":null,"topics":[34,10],"software":[33],"course":{"title":"Creating a Quiz with AngularJS 1","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/creating-a-quiz-with-angularjs-1","lynda-com":"https:\/\/www.lynda.com\/AngularJS-tutorials\/Creating-Quiz-AngularJS\/373557-2.html","udemy":"https:\/\/www.udemy.com\/creating-a-quiz-with-angularjs\/"}}},{"title":"Creating a click event to begin the quiz","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/creating-a-quiz-with-angularjs-1\/creating-a-click-event-to-begin-the-quiz","url_lynda":"https:\/\/www.lynda.com\/AngularJS-tutorials\/Creating-click-event-begin-quiz\/373557\/424027-4.html","url_youtube":"none","thumbnail":null,"topics":[53,9,58],"software":[33],"course":{"title":"Creating a Quiz with AngularJS 1","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/creating-a-quiz-with-angularjs-1","lynda-com":"https:\/\/www.lynda.com\/AngularJS-tutorials\/Creating-Quiz-AngularJS\/373557-2.html","udemy":"https:\/\/www.udemy.com\/creating-a-quiz-with-angularjs\/"}}},{"title":"Loading JSON data into our app","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/creating-a-quiz-with-angularjs-1\/loading-json-data-into-our-app","url_lynda":"https:\/\/www.lynda.com\/AngularJS-tutorials\/Loading-JSON-data-our-app\/373557\/424024-4.html","url_youtube":"none","thumbnail":null,"topics":[34,78],"software":[33],"course":{"title":"Creating a Quiz with AngularJS 1","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/creating-a-quiz-with-angularjs-1","lynda-com":"https:\/\/www.lynda.com\/AngularJS-tutorials\/Creating-Quiz-AngularJS\/373557-2.html","udemy":"https:\/\/www.udemy.com\/creating-a-quiz-with-angularjs\/"}}},{"title":"Preparing and formatting the JSON file","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/creating-a-quiz-with-angularjs-1\/preparing-and-formatting-the-json-file","url_lynda":"https:\/\/www.lynda.com\/AngularJS-tutorials\/Preparing-formatting-JSON-file\/373557\/424023-4.html","url_youtube":"none","thumbnail":null,"topics":[78],"software":[33],"course":{"title":"Creating a Quiz with AngularJS 1","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/creating-a-quiz-with-angularjs-1","lynda-com":"https:\/\/www.lynda.com\/AngularJS-tutorials\/Creating-Quiz-AngularJS\/373557-2.html","udemy":"https:\/\/www.udemy.com\/creating-a-quiz-with-angularjs\/"}}},{"title":"Setting up the AngularJS app and controller","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/creating-a-quiz-with-angularjs-1\/setting-up-the-angularjs-app-and-controller","url_lynda":"https:\/\/www.lynda.com\/AngularJS-tutorials\/Setting-up-AngularJS-app-controller\/373557\/424022-4.html","url_youtube":"none","thumbnail":null,"topics":[34,6],"software":[33],"course":{"title":"Creating a Quiz with AngularJS 1","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/creating-a-quiz-with-angularjs-1","lynda-com":"https:\/\/www.lynda.com\/AngularJS-tutorials\/Creating-Quiz-AngularJS\/373557-2.html","udemy":"https:\/\/www.udemy.com\/creating-a-quiz-with-angularjs\/"}}},{"title":"Creating the progress bar","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/creating-a-quiz-with-angularjs-1\/creating-the-progress-bar","url_lynda":"https:\/\/www.lynda.com\/AngularJS-tutorials\/Creating-progress-bar\/373557\/424020-4.html","url_youtube":"none","thumbnail":null,"topics":[34,2,6,53,9],"software":[33],"course":{"title":"Creating a Quiz with AngularJS 1","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/creating-a-quiz-with-angularjs-1","lynda-com":"https:\/\/www.lynda.com\/AngularJS-tutorials\/Creating-Quiz-AngularJS\/373557-2.html","udemy":"https:\/\/www.udemy.com\/creating-a-quiz-with-angularjs\/"}}},{"title":"Styling the questions and answers","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/creating-a-quiz-with-angularjs-1\/styling-the-questions-and-answers","url_lynda":"https:\/\/www.lynda.com\/AngularJS-tutorials\/Styling-questions-answers\/373557\/424015-4.html","url_youtube":"none","thumbnail":null,"topics":[2,60],"software":[33],"course":{"title":"Creating a Quiz with AngularJS 1","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/creating-a-quiz-with-angularjs-1","lynda-com":"https:\/\/www.lynda.com\/AngularJS-tutorials\/Creating-Quiz-AngularJS\/373557-2.html","udemy":"https:\/\/www.udemy.com\/creating-a-quiz-with-angularjs\/"}}},{"title":"Preparing the base layout","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/creating-a-quiz-with-angularjs-1\/preparing-the-base-layout","url_lynda":"https:\/\/www.lynda.com\/AngularJS-tutorials\/Preparing-base-layout\/373557\/424011-4.html","url_youtube":"none","thumbnail":null,"topics":[6,60],"software":[33],"course":{"title":"Creating a Quiz with AngularJS 1","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/creating-a-quiz-with-angularjs-1","lynda-com":"https:\/\/www.lynda.com\/AngularJS-tutorials\/Creating-Quiz-AngularJS\/373557-2.html","udemy":"https:\/\/www.udemy.com\/creating-a-quiz-with-angularjs\/"}}},{"title":"Setting and transitioning the clip property","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/design-the-web-css-animated-rollovers\/setting-and-transitioning-the-clip-property","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Setting-transitioning-clip-property\/373561\/423939-4.html","url_youtube":"none","thumbnail":null,"topics":[2,3],"software":[33],"course":{"title":"Design the Web: CSS Animated Rollovers","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/design-the-web-css-animated-rollovers","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/Design-Web-CSS-Animated-Rollovers\/373561-2.html"}}},{"title":"Setting all properties for transitions","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/design-the-web-css-animated-rollovers\/setting-all-properties-for-transitions","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Setting-all-properties-transitions\/373561\/423937-4.html","url_youtube":"none","thumbnail":null,"topics":[2,3],"software":[33],"course":{"title":"Design the Web: CSS Animated Rollovers","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/design-the-web-css-animated-rollovers","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/Design-Web-CSS-Animated-Rollovers\/373561-2.html"}}},{"title":"Adding pseudo elements","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/design-the-web-css-animated-rollovers\/adding-pseudo-elements","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Adding-pseudo-elements\/373561\/423936-4.html","url_youtube":"none","thumbnail":null,"topics":[2,23],"software":[33],"course":{"title":"Design the Web: CSS Animated Rollovers","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/design-the-web-css-animated-rollovers","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/Design-Web-CSS-Animated-Rollovers\/373561-2.html"}}},{"title":"Changing border properties","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/design-the-web-css-animated-rollovers\/changing-border-properties","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Changing-border-properties\/373561\/423935-4.html","url_youtube":"none","thumbnail":null,"topics":[2,53],"software":[33],"course":{"title":"Design the Web: CSS Animated Rollovers","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/design-the-web-css-animated-rollovers","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/Design-Web-CSS-Animated-Rollovers\/373561-2.html"}}},{"title":"Changing the background color","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/design-the-web-css-animated-rollovers\/changing-the-background-color","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Changing-background-color\/373561\/423934-4.html","url_youtube":"none","thumbnail":null,"topics":[2,53],"software":[33],"course":{"title":"Design the Web: CSS Animated Rollovers","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/design-the-web-css-animated-rollovers","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/Design-Web-CSS-Animated-Rollovers\/373561-2.html"}}},{"title":"Using individual files of the GSAP platform","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/creating-an-html5-banner-ad-with-greensock-gsap\/using-individual-files-of-the-gsap-platform","url_lynda":"https:\/\/www.lynda.com\/HTML-tutorials\/Using-individual-files-GSAP-platform\/373558\/420208-4.html","url_youtube":"none","thumbnail":null,"topics":[9,61],"software":[18,33],"course":{"title":"Creating an HTML5 Banner Ad with GreenSock (GSAP)","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/creating-an-html5-banner-ad-with-greensock-gsap","lynda-com":"https:\/\/www.lynda.com\/HTML-tutorials\/Creating-HTML5-Banner-Ad-GreenSock-GSAP\/373558-2.html"}}},{"title":"Animating the letters of a headline","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/creating-an-html5-banner-ad-with-greensock-gsap\/animating-the-letters-of-a-headline","url_lynda":"https:\/\/www.lynda.com\/HTML-tutorials\/Animating-letters-headline\/373558\/420207-4.html","url_youtube":"none","thumbnail":null,"topics":[9,61],"software":[18,33],"course":{"title":"Creating an HTML5 Banner Ad with GreenSock (GSAP)","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/creating-an-html5-banner-ad-with-greensock-gsap","lynda-com":"https:\/\/www.lynda.com\/HTML-tutorials\/Creating-HTML5-Banner-Ad-GreenSock-GSAP\/373558-2.html"}}},{"title":"Animating the surfboard","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/creating-an-html5-banner-ad-with-greensock-gsap\/animating-the-surfboard","url_lynda":"https:\/\/www.lynda.com\/HTML-tutorials\/Animating-surfboard\/373558\/420204-4.html","url_youtube":"none","thumbnail":null,"topics":[9,61],"software":[18,33],"course":{"title":"Creating an HTML5 Banner Ad with GreenSock (GSAP)","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/creating-an-html5-banner-ad-with-greensock-gsap","lynda-com":"https:\/\/www.lynda.com\/HTML-tutorials\/Creating-HTML5-Banner-Ad-GreenSock-GSAP\/373558-2.html"}}},{"title":"Animating the marker and shadow","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/creating-an-html5-banner-ad-with-greensock-gsap\/animating-the-marker-and-shadow","url_lynda":"https:\/\/www.lynda.com\/HTML-tutorials\/Animating-marker-shadow\/373558\/420203-4.html","url_youtube":"none","thumbnail":null,"topics":[9,61],"software":[18,33],"course":{"title":"Creating an HTML5 Banner Ad with GreenSock (GSAP)","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/creating-an-html5-banner-ad-with-greensock-gsap","lynda-com":"https:\/\/www.lynda.com\/HTML-tutorials\/Creating-HTML5-Banner-Ad-GreenSock-GSAP\/373558-2.html"}}},{"title":"Creating the first animations","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/creating-an-html5-banner-ad-with-greensock-gsap\/creating-the-first-animations","url_lynda":"https:\/\/www.lynda.com\/HTML-tutorials\/Creating-first-animations\/373558\/420202-4.html","url_youtube":"none","thumbnail":null,"topics":[9,61],"software":[18,33],"course":{"title":"Creating an HTML5 Banner Ad with GreenSock (GSAP)","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/creating-an-html5-banner-ad-with-greensock-gsap","lynda-com":"https:\/\/www.lynda.com\/HTML-tutorials\/Creating-HTML5-Banner-Ad-GreenSock-GSAP\/373558-2.html"}}},{"title":"Linking the main GSAP JavaScript file","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/creating-an-html5-banner-ad-with-greensock-gsap\/linking-the-main-gsap-javascript-file","url_lynda":"https:\/\/www.lynda.com\/HTML-tutorials\/Linking-main-GSAP-JavaScript-file\/373558\/420200-4.html","url_youtube":"none","thumbnail":null,"topics":[9],"software":[18,33],"course":{"title":"Creating an HTML5 Banner Ad with GreenSock (GSAP)","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/creating-an-html5-banner-ad-with-greensock-gsap","lynda-com":"https:\/\/www.lynda.com\/HTML-tutorials\/Creating-HTML5-Banner-Ad-GreenSock-GSAP\/373558-2.html"}}},{"title":"Creating the main ad link and container","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/creating-an-html5-banner-ad-with-greensock-gsap\/creating-the-main-ad-link-and-container","url_lynda":"https:\/\/www.lynda.com\/HTML-tutorials\/Creating-main-ad-link-container\/373558\/420196-4.html","url_youtube":"none","thumbnail":null,"topics":[6],"software":[33],"course":{"title":"Creating an HTML5 Banner Ad with GreenSock (GSAP)","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/creating-an-html5-banner-ad-with-greensock-gsap","lynda-com":"https:\/\/www.lynda.com\/HTML-tutorials\/Creating-HTML5-Banner-Ad-GreenSock-GSAP\/373558-2.html"}}},{"title":"Downloading GSAP","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/creating-an-html5-banner-ad-with-greensock-gsap\/downloading-gsap","url_lynda":"https:\/\/www.lynda.com\/HTML-tutorials\/Downloading-GSAP\/373558\/420194-4.html","url_youtube":"none","thumbnail":null,"topics":[61],"software":[18,33],"course":{"title":"Creating an HTML5 Banner Ad with GreenSock (GSAP)","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/creating-an-html5-banner-ad-with-greensock-gsap","lynda-com":"https:\/\/www.lynda.com\/HTML-tutorials\/Creating-HTML5-Banner-Ad-GreenSock-GSAP\/373558-2.html"}}},{"title":"Setting the video to the full browser space","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/design-the-web-html-background-video\/setting-the-video-to-the-full-browser-space","url_lynda":"https:\/\/www.lynda.com\/HTML-tutorials\/Setting-video-full-browser-space\/373560\/412836-4.html","url_youtube":"none","thumbnail":null,"topics":[72,7],"software":[33],"course":{"title":"Design the Web: HTML Background Video","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/design-the-web-html-background-video","lynda-com":"https:\/\/www.lynda.com\/HTML-tutorials\/Design-Web-HTML-Background-Video\/373560-2.html"}}},{"title":"Detecting features of mobile with Modernizr","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/design-the-web-html-background-video\/detecting-features-of-mobile-with-modernizr","url_lynda":"https:\/\/www.lynda.com\/HTML-tutorials\/Detecting-features-mobile-Modernizr\/373560\/412835-4.html","url_youtube":"none","thumbnail":null,"topics":[9,77],"software":[33],"course":{"title":"Design the Web: HTML Background Video","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/design-the-web-html-background-video","lynda-com":"https:\/\/www.lynda.com\/HTML-tutorials\/Design-Web-HTML-Background-Video\/373560-2.html"}}},{"title":"Making the layout responsive with CSS","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/design-the-web-html-background-video\/making-the-layout-responsive-with-css","url_lynda":"https:\/\/www.lynda.com\/HTML-tutorials\/Making-layout-responsive-CSS\/373560\/412834-4.html","url_youtube":"none","thumbnail":null,"topics":[2,30,72],"software":[33],"course":{"title":"Design the Web: HTML Background Video","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/design-the-web-html-background-video","lynda-com":"https:\/\/www.lynda.com\/HTML-tutorials\/Design-Web-HTML-Background-Video\/373560-2.html"}}},{"title":"Styling and positioning the caption","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/design-the-web-html-background-video\/styling-and-positioning-the-caption","url_lynda":"https:\/\/www.lynda.com\/HTML-tutorials\/Styling-positioning-caption\/373560\/412833-4.html","url_youtube":"none","thumbnail":null,"topics":[2,29,60],"software":[33],"course":{"title":"Design the Web: HTML Background Video","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/design-the-web-html-background-video","lynda-com":"https:\/\/www.lynda.com\/HTML-tutorials\/Design-Web-HTML-Background-Video\/373560-2.html"}}},{"title":"Positioning the logo over the video","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/design-the-web-html-background-video\/positioning-the-logo-over-the-video","url_lynda":"https:\/\/www.lynda.com\/HTML-tutorials\/Positioning-logo-over-video\/373560\/412832-4.html","url_youtube":"none","thumbnail":null,"topics":[2,29,60],"software":[33],"course":{"title":"Design the Web: HTML Background Video","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/design-the-web-html-background-video","lynda-com":"https:\/\/www.lynda.com\/HTML-tutorials\/Design-Web-HTML-Background-Video\/373560-2.html"}}},{"title":"Setting up the HTML and video element","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/design-the-web-html-background-video\/setting-up-the-html-and-video-element","url_lynda":"https:\/\/www.lynda.com\/HTML-tutorials\/Setting-up-HTML-video-element\/373560\/412831-4.html","url_youtube":"none","thumbnail":null,"topics":[6,7],"software":[33],"course":{"title":"Design the Web: HTML Background Video","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/design-the-web-html-background-video","lynda-com":"https:\/\/www.lynda.com\/HTML-tutorials\/Design-Web-HTML-Background-Video\/373560-2.html"}}},{"title":"Making the countdown responsive","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/design-the-web-creating-an-event-countdown\/making-the-countdown-responsive","url_lynda":"https:\/\/www.lynda.com\/JavaScript-tutorials\/Making-countdown-responsive\/373559\/407365-4.html","url_youtube":"none","thumbnail":null,"topics":[2,30,72,60],"software":[33],"course":{"title":"Design the Web: Creating an Event Countdown","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/design-the-web-creating-an-event-countdown","lynda-com":"https:\/\/www.lynda.com\/JavaScript-tutorials\/Design-Web-Creating-Event-Countdown\/373559-2.html"}}},{"title":"Activating the countdown plugin","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/design-the-web-creating-an-event-countdown\/activating-the-countdown-plugin","url_lynda":"https:\/\/www.lynda.com\/JavaScript-tutorials\/Activating-countdown-plugin\/373559\/407363-4.html","url_youtube":"none","thumbnail":null,"topics":[9],"software":[33],"course":{"title":"Design the Web: Creating an Event Countdown","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/design-the-web-creating-an-event-countdown","lynda-com":"https:\/\/www.lynda.com\/JavaScript-tutorials\/Design-Web-Creating-Event-Countdown\/373559-2.html"}}},{"title":"Styling the headings","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/design-the-web-creating-an-event-countdown\/styling-the-headings","url_lynda":"https:\/\/www.lynda.com\/JavaScript-tutorials\/Styling-headings\/373559\/407362-4.html","url_youtube":"none","thumbnail":null,"topics":[2],"software":[33],"course":{"title":"Design the Web: Creating an Event Countdown","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/design-the-web-creating-an-event-countdown","lynda-com":"https:\/\/www.lynda.com\/JavaScript-tutorials\/Design-Web-Creating-Event-Countdown\/373559-2.html"}}},{"title":"Linking to the necessary JavaScript files","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/design-the-web-creating-an-event-countdown\/linking-to-the-necessary-javascript-files","url_lynda":"https:\/\/www.lynda.com\/JavaScript-tutorials\/Linking-necessary-JavaScript-files\/373559\/407359-4.html","url_youtube":"none","thumbnail":null,"topics":[6,9],"software":[33],"course":{"title":"Design the Web: Creating an Event Countdown","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/design-the-web-creating-an-event-countdown","lynda-com":"https:\/\/www.lynda.com\/JavaScript-tutorials\/Design-Web-Creating-Event-Countdown\/373559-2.html"}}},{"title":"Using media queries for more precise responsiveness","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/creating-a-responsive-homepage-marquee\/using-media-queries-for-more-precise-responsiveness","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Using-media-queries-more-precise-responsiveness\/366450\/385927-4.html","url_youtube":"none","thumbnail":null,"topics":[2,30,61],"software":[33],"course":{"title":"Creating a Responsive Homepage Marquee","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/creating-a-responsive-homepage-marquee","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/Creating-Responsive-Homepage-Marquee\/366450-2.html"}}},{"title":"Activating the next and previous buttons","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/creating-a-responsive-homepage-marquee\/activating-the-next-and-previous-buttons","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Activating-next-previous-buttons\/366450\/385923-4.html","url_youtube":"none","thumbnail":null,"topics":[6,53,35,58],"software":[33],"course":{"title":"Creating a Responsive Homepage Marquee","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/creating-a-responsive-homepage-marquee","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/Creating-Responsive-Homepage-Marquee\/366450-2.html"}}},{"title":"Adding selected states to the navigation","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/creating-a-responsive-homepage-marquee\/adding-selected-states-to-the-navigation","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Adding-selected-states-navigation\/366450\/385922-4.html","url_youtube":"none","thumbnail":null,"topics":[2,6,53],"software":[33],"course":{"title":"Creating a Responsive Homepage Marquee","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/creating-a-responsive-homepage-marquee","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/Creating-Responsive-Homepage-Marquee\/366450-2.html"}}},{"title":"Advancing the panels with the timer","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/creating-a-responsive-homepage-marquee\/advancing-the-panels-with-the-timer","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Advancing-panels-timer\/366450\/385921-4.html","url_youtube":"none","thumbnail":null,"topics":[9,35,58,61],"software":[33],"course":{"title":"Creating a Responsive Homepage Marquee","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/creating-a-responsive-homepage-marquee","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/Creating-Responsive-Homepage-Marquee\/366450-2.html"}}},{"title":"Styling the navigation buttons","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/creating-a-responsive-homepage-marquee\/styling-the-navigation-buttons","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Styling-navigation-buttons\/366450\/385918-4.html","url_youtube":"none","thumbnail":null,"topics":[2,6],"software":[33],"course":{"title":"Creating a Responsive Homepage Marquee","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/creating-a-responsive-homepage-marquee","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/Creating-Responsive-Homepage-Marquee\/366450-2.html"}}},{"title":"Creating a semi-transparent gradient with CSS","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/creating-a-responsive-homepage-marquee\/creating-a-semitransparent-gradient-with-css","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Creating-semitransparent-gradient-CSS\/366450\/385917-4.html","url_youtube":"none","thumbnail":null,"topics":[2,32],"software":[33],"course":{"title":"Creating a Responsive Homepage Marquee","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/creating-a-responsive-homepage-marquee","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/Creating-Responsive-Homepage-Marquee\/366450-2.html"}}},{"title":"Creating the marquee timer","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/creating-a-responsive-homepage-marquee\/creating-the-marquee-timer","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Creating-marquee-timer\/366450\/385908-4.html","url_youtube":"none","thumbnail":null,"topics":[9,58],"software":[33],"course":{"title":"Creating a Responsive Homepage Marquee","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/creating-a-responsive-homepage-marquee","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/Creating-Responsive-Homepage-Marquee\/366450-2.html"}}},{"title":"Measuring and storing the browser screen size","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/creating-a-responsive-homepage-marquee\/measuring-and-storing-the-browser-screen-size","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Measuring-storing-browser-screen-size\/366450\/385907-4.html","url_youtube":"none","thumbnail":null,"topics":[9,35,72],"software":[33],"course":{"title":"Creating a Responsive Homepage Marquee","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/creating-a-responsive-homepage-marquee","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/Creating-Responsive-Homepage-Marquee\/366450-2.html"}}},{"title":"Running a function with jQuery Document Ready function","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/creating-a-responsive-homepage-marquee\/running-a-function-with-the-jquery-document-ready-function","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Running-function-jQuery-document-ready-function\/366450\/385906-4.html","url_youtube":"none","thumbnail":null,"topics":[35],"software":[33],"course":{"title":"Creating a Responsive Homepage Marquee","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/creating-a-responsive-homepage-marquee","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/Creating-Responsive-Homepage-Marquee\/366450-2.html"}}},{"title":"Populating the HTML debug area with JavaScript variable values","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/creating-a-responsive-homepage-marquee\/populating-the-html-debug-area-with-javascript-variable-values","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Populating-HTML-debug-area-JavaScript-variable-values\/366450\/385903-4.html","url_youtube":"none","thumbnail":null,"topics":[6,9,35],"software":[33],"course":{"title":"Creating a Responsive Homepage Marquee","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/creating-a-responsive-homepage-marquee","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/Creating-Responsive-Homepage-Marquee\/366450-2.html"}}},{"title":"Creating a JavaScript object for the variables","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/creating-a-responsive-homepage-marquee\/creating-a-javascript-object-for-the-variables","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Creating-JavaScript-object-variables\/366450\/385902-4.html","url_youtube":"none","thumbnail":null,"topics":[9],"software":[33],"course":{"title":"Creating a Responsive Homepage Marquee","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/creating-a-responsive-homepage-marquee","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/Creating-Responsive-Homepage-Marquee\/366450-2.html"}}},{"title":"Linking CSS and JavaScript files","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/creating-a-responsive-homepage-marquee\/linking-css-and-javascript-files","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Linking-CSS-JavaScript-files\/366450\/385900-4.html","url_youtube":"none","thumbnail":null,"topics":[2,6,9],"software":[33],"course":{"title":"Creating a Responsive Homepage Marquee","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/creating-a-responsive-homepage-marquee","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/Creating-Responsive-Homepage-Marquee\/366450-2.html"}}},{"title":"Creating SEO-friendly markup for the marquee data","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/creating-a-responsive-homepage-marquee\/creating-seo-friendly-markup-for-the-marquee-data","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Creating-SEO-friendly-markup-marquee-data\/366450\/385898-4.html","url_youtube":"none","thumbnail":null,"topics":[6],"software":[33],"course":{"title":"Creating a Responsive Homepage Marquee","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/creating-a-responsive-homepage-marquee","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/Creating-Responsive-Homepage-Marquee\/366450-2.html"}}},{"title":"Configuring and reviewing your sprite sheet animation","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/creating-an-animated-steam-sprite-sheet-with-after-effects\/configuring-and-reviewing-your-sprite-sheet-animation","url_lynda":"https:\/\/www.lynda.com\/After-Effects-tutorials\/Configuring-reviewing-your-sprite-sheet-animation\/366449\/383659-4.html","url_youtube":"none","thumbnail":null,"topics":[6,9,61,50],"software":[33],"course":{"title":"Creating an Animated Steam Sprite Sheet with After Effects","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/creating-an-animated-steam-sprite-sheet-with-after-effects","lynda-com":"https:\/\/www.lynda.com\/After-Effects-tutorials\/Creating-Animated-Steam-Sprite-Sheet-After-Effects\/366449-2.html"}}},{"title":"Importing and aligning frames into a single graphic","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/creating-an-animated-steam-sprite-sheet-with-after-effects\/importing-and-aligning-frames-into-a-single-graphic","url_lynda":"https:\/\/www.lynda.com\/After-Effects-tutorials\/Exporting-frames-looping-animation\/366449\/383656-4.html","url_youtube":"none","thumbnail":null,"topics":[61,56,50],"software":[12],"course":{"title":"Creating an Animated Steam Sprite Sheet with After Effects","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/creating-an-animated-steam-sprite-sheet-with-after-effects","lynda-com":"https:\/\/www.lynda.com\/After-Effects-tutorials\/Creating-Animated-Steam-Sprite-Sheet-After-Effects\/366449-2.html"}}},{"title":"Exporting frames of the looping animation","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/creating-an-animated-steam-sprite-sheet-with-after-effects\/exporting-frames-of-the-looping-animation","url_lynda":"https:\/\/www.lynda.com\/After-Effects-tutorials\/Exporting-frames-looping-animation\/366449\/383656-4.html","url_youtube":"none","thumbnail":null,"topics":[61,50],"software":[19],"course":{"title":"Creating an Animated Steam Sprite Sheet with After Effects","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/creating-an-animated-steam-sprite-sheet-with-after-effects","lynda-com":"https:\/\/www.lynda.com\/After-Effects-tutorials\/Creating-Animated-Steam-Sprite-Sheet-After-Effects\/366449-2.html"}}},{"title":"Creating a seamless loop for animated particles","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/creating-an-animated-steam-sprite-sheet-with-after-effects\/creating-a-seamless-loop-for-animated-particles","url_lynda":"https:\/\/www.lynda.com\/After-Effects-tutorials\/Creating-seamless-loop-animated-particles\/366449\/383655-4.html","url_youtube":"none","thumbnail":null,"topics":[61,50],"software":[19],"course":{"title":"Creating an Animated Steam Sprite Sheet with After Effects","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/creating-an-animated-steam-sprite-sheet-with-after-effects","lynda-com":"https:\/\/www.lynda.com\/After-Effects-tutorials\/Creating-Animated-Steam-Sprite-Sheet-After-Effects\/366449-2.html"}}},{"title":"Setting keyframes for particle birth rate","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/creating-an-animated-steam-sprite-sheet-with-after-effects\/setting-keyframes-for-particle-birth-rate","url_lynda":"https:\/\/www.lynda.com\/After-Effects-tutorials\/Setting-keyframes-particle-birth-rate\/366449\/383654-4.html","url_youtube":"none","thumbnail":null,"topics":[61,50],"software":[19],"course":{"title":"Creating an Animated Steam Sprite Sheet with After Effects","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/creating-an-animated-steam-sprite-sheet-with-after-effects","lynda-com":"https:\/\/www.lynda.com\/After-Effects-tutorials\/Creating-Animated-Steam-Sprite-Sheet-After-Effects\/366449-2.html"}}},{"title":"Defining and styling the individual particles","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/creating-an-animated-steam-sprite-sheet-with-after-effects\/defining-and-styling-the-individual-particles","url_lynda":"https:\/\/www.lynda.com\/After-Effects-tutorials\/Defining-styling-individual-particles\/366449\/383653-4.html","url_youtube":"none","thumbnail":null,"topics":[61,50],"software":[19],"course":{"title":"Creating an Animated Steam Sprite Sheet with After Effects","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/creating-an-animated-steam-sprite-sheet-with-after-effects","lynda-com":"https:\/\/www.lynda.com\/After-Effects-tutorials\/Creating-Animated-Steam-Sprite-Sheet-After-Effects\/366449-2.html"}}},{"title":"Setting the physics properties of the particles","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/creating-an-animated-steam-sprite-sheet-with-after-effects\/setting-the-physics-properties-of-the-particles","url_lynda":"https:\/\/www.lynda.com\/After-Effects-tutorials\/Setting-physics-properties-particles\/366449\/383652-4.html","url_youtube":"none","thumbnail":null,"topics":[61,50],"software":[19],"course":{"title":"Creating an Animated Steam Sprite Sheet with After Effects","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/creating-an-animated-steam-sprite-sheet-with-after-effects","lynda-com":"https:\/\/www.lynda.com\/After-Effects-tutorials\/Creating-Animated-Steam-Sprite-Sheet-After-Effects\/366449-2.html"}}},{"title":"Setting up your project and applying particles","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/creating-an-animated-steam-sprite-sheet-with-after-effects\/setting-up-your-project-and-applying-particles","url_lynda":"https:\/\/www.lynda.com\/After-Effects-tutorials\/Setting-up-your-project-applying-particles\/366449\/383651-4.html","url_youtube":"none","thumbnail":null,"topics":[61,50],"software":[19],"course":{"title":"Creating an Animated Steam Sprite Sheet with After Effects","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/creating-an-animated-steam-sprite-sheet-with-after-effects","lynda-com":"https:\/\/www.lynda.com\/After-Effects-tutorials\/Creating-Animated-Steam-Sprite-Sheet-After-Effects\/366449-2.html"}}},{"title":"Showing and hiding symbol groups","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/design-the-web-responsive-svg-images\/showing-and-hiding-symbol-groups","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Showing-hiding-symbol-groups\/366454\/386284-4.html","url_youtube":"none","thumbnail":null,"topics":[2,30,49,47,50],"software":[33],"course":{"title":"Design the Web: Responsive SVG Images","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/design-the-web-responsive-svg-images","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/Design-Web-Responsive-SVG-Images\/366454-2.html"}}},{"title":"Adding classes and styles for symbols","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/design-the-web-responsive-svg-images\/adding-classes-and-styles-for-symbols","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Adding-classes-styles-symbols\/366454\/386283-4.html","url_youtube":"none","thumbnail":null,"topics":[2,47,50],"software":[33],"course":{"title":"Design the Web: Responsive SVG Images","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/design-the-web-responsive-svg-images","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/Design-Web-Responsive-SVG-Images\/366454-2.html"}}},{"title":"Using media queries in an SVG","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/design-the-web-responsive-svg-images\/using-media-queries-in-an-svg","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Using-media-queries-SVG\/366454\/386282-4.html","url_youtube":"none","thumbnail":null,"topics":[30,49,47,50],"software":[33],"course":{"title":"Design the Web: Responsive SVG Images","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/design-the-web-responsive-svg-images","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/Design-Web-Responsive-SVG-Images\/366454-2.html"}}},{"title":"Adding CSS to an SVG","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/design-the-web-responsive-svg-images\/adding-css-to-an-svg","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Adding-CSS-SVG\/366454\/386281-4.html","url_youtube":"none","thumbnail":null,"topics":[2,47,50],"software":[33],"course":{"title":"Design the Web: Responsive SVG Images","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/design-the-web-responsive-svg-images","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/Design-Web-Responsive-SVG-Images\/366454-2.html"}}},{"title":"Moving and looping the clouds","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/creating-an-html5-banner-ad-with-greensock-gsap\/moving-and-looping-the-clouds","url_lynda":"https:\/\/www.lynda.com\/HTML-tutorials\/Moving-looping-clouds\/373558\/420205-4.html","url_youtube":"none","thumbnail":null,"topics":[9,61],"software":[18,33],"course":{"title":"Creating an HTML5 Banner Ad with GreenSock (GSAP)","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/creating-an-html5-banner-ad-with-greensock-gsap","lynda-com":"https:\/\/www.lynda.com\/HTML-tutorials\/Creating-HTML5-Banner-Ad-GreenSock-GSAP\/373558-2.html"}}},{"title":"Creating QR Codes with jQuery","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/design-the-web-adding-dynamic-qr-codes\/creating-qr-codes-with-jquery","url_lynda":"https:\/\/www.lynda.com\/JavaScript-tutorials\/Creating-QR-codes-jQuery\/366453\/374377-4.html","url_youtube":"none","thumbnail":null,"topics":[9,35],"software":[33],"course":{"title":"Design the Web: Adding Dynamic QR Codes","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/design-the-web-adding-dynamic-qr-codes","lynda-com":"https:\/\/www.lynda.com\/JavaScript-tutorials\/Design-Web-Adding-Dynamic-QR-Codes\/366453-2.html"}}},{"title":"Creating QR Codes with JavaScript","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/design-the-web-adding-dynamic-qr-codes\/creating-qr-codes-with-javascript","url_lynda":"https:\/\/www.lynda.com\/JavaScript-tutorials\/Creating-QR-codes-JavaScript\/366453\/374376-4.html","url_youtube":"none","thumbnail":null,"topics":[9],"software":[33],"course":{"title":"Design the Web: Adding Dynamic QR Codes","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/design-the-web-adding-dynamic-qr-codes","lynda-com":"https:\/\/www.lynda.com\/JavaScript-tutorials\/Design-Web-Adding-Dynamic-QR-Codes\/366453-2.html"}}},{"title":"Combining PHP (server-side languages) with Google Chart API","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/design-the-web-adding-dynamic-qr-codes\/combining-php-server-side-languages-with-google-chart-api","url_lynda":"https:\/\/www.lynda.com\/JavaScript-tutorials\/Combining-PHP-server-side-languages-Google-Chart-API\/366453\/374375-4.html","url_youtube":"none","thumbnail":null,"topics":[76,52],"software":[65,33],"course":{"title":"Design the Web: Adding Dynamic QR Codes","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/design-the-web-adding-dynamic-qr-codes","lynda-com":"https:\/\/www.lynda.com\/JavaScript-tutorials\/Design-Web-Adding-Dynamic-QR-Codes\/366453-2.html"}}},{"title":"Using an IMG tag with Google Chart API","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/design-the-web-adding-dynamic-qr-codes\/using-an-img-tag-with-google-chart-api","url_lynda":"https:\/\/www.lynda.com\/JavaScript-tutorials\/Using-IMG-tag-Google-Chart-API\/366453\/374374-4.html","url_youtube":"none","thumbnail":null,"topics":[76,6],"software":[65,33],"course":{"title":"Design the Web: Adding Dynamic QR Codes","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/design-the-web-adding-dynamic-qr-codes","lynda-com":"https:\/\/www.lynda.com\/JavaScript-tutorials\/Design-Web-Adding-Dynamic-QR-Codes\/366453-2.html"}}},{"title":"Detecting and assembling links with JavaScript","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/design-the-web-creating-and-protecting-email-links\/detecting-and-assembling-links-with-javascript","url_lynda":"https:\/\/www.lynda.com\/HTML-tutorials\/Detecting-assembling-links-JavaScript\/366452\/372359-4.html","url_youtube":"none","thumbnail":null,"topics":[9],"software":[33],"course":{"title":"Design the Web: Creating and Protecting Email Links","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/design-the-web-creating-and-protecting-email-links\/using-css-pseudo-classes-to-display-content-in-a-page","lynda-com":"https:\/\/www.lynda.com\/HTML-tutorials\/Design-Web-Creating-Protecting-Email-Links\/366452-2.html"}}},{"title":"Creating and running an inline JavaScript function","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/design-the-web-creating-and-protecting-email-links\/creating-and-running-an-inline-javascript-function","url_lynda":"https:\/\/www.lynda.com\/HTML-tutorials\/Creating-running-inline-JavaScript-function\/366452\/372358-4.html","url_youtube":"none","thumbnail":null,"topics":[9,10],"software":[33],"course":{"title":"Design the Web: Creating and Protecting Email Links","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/design-the-web-creating-and-protecting-email-links\/using-css-pseudo-classes-to-display-content-in-a-page","lynda-com":"https:\/\/www.lynda.com\/HTML-tutorials\/Design-Web-Creating-Protecting-Email-Links\/366452-2.html"}}},{"title":"Encoding text with character entities","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/design-the-web-creating-and-protecting-email-links\/encoding-text-with-character-entities","url_lynda":"https:\/\/www.lynda.com\/HTML-tutorials\/Encoding-text-character-entities\/366452\/372357-4.html","url_youtube":"none","thumbnail":null,"topics":[6],"software":[33,41],"course":{"title":"Design the Web: Creating and Protecting Email Links","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/design-the-web-creating-and-protecting-email-links\/using-css-pseudo-classes-to-display-content-in-a-page","lynda-com":"https:\/\/www.lynda.com\/HTML-tutorials\/Design-Web-Creating-Protecting-Email-Links\/366452-2.html"}}},{"title":"Reversing text using Unicode-bidi and direction properties","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/design-the-web-creating-and-protecting-email-links\/using-unicode-bidi-and-direction-properties-to-reverse-text","url_lynda":"https:\/\/www.lynda.com\/HTML-tutorials\/Using-unicode-bidi-direction-properties-reverse-text\/366452\/372356-4.html","url_youtube":"none","thumbnail":null,"topics":[2],"software":[],"course":{"title":"Design the Web: Creating and Protecting Email Links","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/design-the-web-creating-and-protecting-email-links\/using-css-pseudo-classes-to-display-content-in-a-page","lynda-com":"https:\/\/www.lynda.com\/HTML-tutorials\/Design-Web-Creating-Protecting-Email-Links\/366452-2.html"}}},{"title":"Displaying content in a page with CSS Pseudo-classes","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/design-the-web-creating-and-protecting-email-links\/using-css-pseudo-classes-to-display-content-in-a-page","url_lynda":"https:\/\/www.lynda.com\/HTML-tutorials\/Using-CSS-pseudo-classes-display-content-page\/366452\/372355-4.html","url_youtube":"none","thumbnail":null,"topics":[23],"software":[33],"course":{"title":"Design the Web: Creating and Protecting Email Links","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/design-the-web-creating-and-protecting-email-links\/using-css-pseudo-classes-to-display-content-in-a-page","lynda-com":"https:\/\/www.lynda.com\/HTML-tutorials\/Design-Web-Creating-Protecting-Email-Links\/366452-2.html"}}},{"title":"Recoloring instances of a symbol","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/design-the-web-using-symbols-in-svg\/recoloring-instances-of-a-symbol","url_lynda":"https:\/\/www.lynda.com\/Illustrator-tutorials\/Recoloring-instances-symbol\/191087\/196496-4.html","url_youtube":"none","thumbnail":null,"topics":[75,48],"software":[33],"course":{"title":"Design the Web: Using Symbols in SVG","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/design-the-web-using-symbols-in-svg","lynda-com":"https:\/\/www.lynda.com\/Illustrator-tutorials\/Design-Web-Using-Symbols-SVG\/191087-2.html"}}},{"title":"Transforming instances of a symbol","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/design-the-web-using-symbols-in-svg\/transforming-instances-of-a-symbol","url_lynda":"https:\/\/www.lynda.com\/Illustrator-tutorials\/Transforming-instances-symbol\/191087\/196495-4.html","url_youtube":"none","thumbnail":null,"topics":[75,47,48],"software":[33],"course":{"title":"Design the Web: Using Symbols in SVG","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/design-the-web-using-symbols-in-svg","lynda-com":"https:\/\/www.lynda.com\/Illustrator-tutorials\/Design-Web-Using-Symbols-SVG\/191087-2.html"}}},{"title":"Updating the symbol source art","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/design-the-web-using-symbols-in-svg\/updating-the-symbol-source-art","url_lynda":"https:\/\/www.lynda.com\/Illustrator-tutorials\/Updating-symbol-source-art\/191087\/196494-4.html","url_youtube":"none","thumbnail":null,"topics":[47,48],"software":[33],"course":{"title":"Design the Web: Using Symbols in SVG","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/design-the-web-using-symbols-in-svg","lynda-com":"https:\/\/www.lynda.com\/Illustrator-tutorials\/Design-Web-Using-Symbols-SVG\/191087-2.html"}}},{"title":"Creating multiple instances of a single symbol","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/design-the-web-using-symbols-in-svg\/creating-multiple-instances-of-a-single-symbol","url_lynda":"https:\/\/www.lynda.com\/Illustrator-tutorials\/Creating-multiple-instances-single-symbol\/191087\/196493-4.html","url_youtube":"none","thumbnail":null,"topics":[47,48],"software":[33],"course":{"title":"Design the Web: Using Symbols in SVG","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/design-the-web-using-symbols-in-svg","lynda-com":"https:\/\/www.lynda.com\/Illustrator-tutorials\/Design-Web-Using-Symbols-SVG\/191087-2.html"}}},{"title":"Creating an SVG Symbol","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/design-the-web-using-symbols-in-svg\/creating-a-symbol","url_lynda":"https:\/\/www.lynda.com\/Illustrator-tutorials\/Creating-symbol\/191087\/196492-4.html","url_youtube":"none","thumbnail":null,"topics":[47,48],"software":[33],"course":{"title":"Design the Web: Using Symbols in SVG","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/design-the-web-using-symbols-in-svg","lynda-com":"https:\/\/www.lynda.com\/Illustrator-tutorials\/Design-Web-Using-Symbols-SVG\/191087-2.html"}}},{"title":"Adding a circle element to an SVG graphic","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/design-the-web-using-symbols-in-svg\/adding-a-circle-element-to-an-svg-graphic","url_lynda":"https:\/\/www.lynda.com\/Illustrator-tutorials\/Adding-circle-element-SVG-graphic\/191087\/196491-4.html","url_youtube":"none","thumbnail":null,"topics":[47],"software":[33],"course":{"title":"Design the Web: Using Symbols in SVG","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/design-the-web-using-symbols-in-svg","lynda-com":"https:\/\/www.lynda.com\/Illustrator-tutorials\/Design-Web-Using-Symbols-SVG\/191087-2.html"}}},{"title":"How SVG sizing works","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/design-the-web-using-symbols-in-svg\/how-svg-sizing-works","url_lynda":"https:\/\/www.lynda.com\/Illustrator-tutorials\/How-SVG-sizing-works\/191087\/196490-4.html","url_youtube":"none","thumbnail":null,"topics":[47],"software":[33],"course":{"title":"Design the Web: Using Symbols in SVG","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/design-the-web-using-symbols-in-svg","lynda-com":"https:\/\/www.lynda.com\/Illustrator-tutorials\/Design-Web-Using-Symbols-SVG\/191087-2.html"}}},{"title":"Control grouped SVG elements with CSS","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/design-the-web-svg-rollovers-with-css\/controlling-grouped-svg-elements-with-css","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Controlling-grouped-SVG-elements-CSS\/176494\/185300-4.html","url_youtube":"none","thumbnail":null,"topics":[2,49,47],"software":[33],"course":{"title":"Design the Web: SVG Rollovers with CSS","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/design-the-web-svg-rollovers-with-css","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/Design-Web-SVG-Rollovers-CSS\/176494-2.html"}}},{"title":"Grouping SVG elements","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/design-the-web-svg-rollovers-with-css\/grouping-svg-elements","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Grouping-SVG-elements\/176494\/185299-4.html","url_youtube":"none","thumbnail":null,"topics":[49],"software":[33],"course":{"title":"Design the Web: SVG Rollovers with CSS","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/design-the-web-svg-rollovers-with-css","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/Design-Web-SVG-Rollovers-CSS\/176494-2.html"}}},{"title":"Combining CSS hover states with SVG","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/design-the-web-svg-rollovers-with-css\/combining-css-hover-states-with-svg","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Combining-CSS-hover-states-SVG\/176494\/185298-4.html","url_youtube":"none","thumbnail":null,"topics":[2,47],"software":[33],"course":{"title":"Design the Web: SVG Rollovers with CSS","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/design-the-web-svg-rollovers-with-css","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/Design-Web-SVG-Rollovers-CSS\/176494-2.html"}}},{"title":"Adding classes to SVG elements","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/design-the-web-svg-rollovers-with-css\/adding-classes-to-svg-elements","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Adding-classes-SVG-elements\/176494\/185297-4.html","url_youtube":"none","thumbnail":null,"topics":[2,47],"software":[33],"course":{"title":"Design the Web: SVG Rollovers with CSS","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/design-the-web-svg-rollovers-with-css","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/Design-Web-SVG-Rollovers-CSS\/176494-2.html"}}},{"title":"Moving SVG code inline with HTML","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/design-the-web-svg-rollovers-with-css\/moving-svg-inline-with-html","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Moving-SVG-inline-HTML\/176494\/185296-4.html","url_youtube":"none","thumbnail":null,"topics":[6,47],"software":[33],"course":{"title":"Design the Web: SVG Rollovers with CSS","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/design-the-web-svg-rollovers-with-css","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/Design-Web-SVG-Rollovers-CSS\/176494-2.html"}}},{"title":"Options for combining CSS with SVG","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/design-the-web-svg-rollovers-with-css\/options-for-combining-css-with-svg","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Options-combining-CSS-SVG\/176494\/185295-4.html","url_youtube":"none","thumbnail":null,"topics":[2,47],"software":[33],"course":{"title":"Design the Web: SVG Rollovers with CSS","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/design-the-web-svg-rollovers-with-css","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/Design-Web-SVG-Rollovers-CSS\/176494-2.html"}}},{"title":"Adding and positioning labels","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/design-the-web-pie-charts-with-css\/adding-and-positioning-labels","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Adding-positioning-labels\/176497\/182416-4.html","url_youtube":"none","thumbnail":null,"topics":[2,29],"software":[33],"course":{"title":"Design the Web: Pie Charts with CSS","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/design-the-web-pie-charts-with-css","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/Design-Web-Pie-Charts-CSS\/176497-2.html"}}},{"title":"Sizing and rotating the wedge shape","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/design-the-web-pie-charts-with-css\/sizing-and-rotating-the-wedge-shape","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Sizing-rotating-wedge-shape\/176497\/182414-4.html","url_youtube":"none","thumbnail":null,"topics":[2,75],"software":[33],"course":{"title":"Design the Web: Pie Charts with CSS","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/design-the-web-pie-charts-with-css","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/Design-Web-Pie-Charts-CSS\/176497-2.html"}}},{"title":"Making a sharable CSS rule","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/design-the-web-pie-charts-with-css\/making-a-shareable-css-rule","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Making-shareable-CSS-rule\/176497\/182411-4.html","url_youtube":"none","thumbnail":null,"topics":[2],"software":[33],"course":{"title":"Design the Web: Pie Charts with CSS","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/design-the-web-pie-charts-with-css","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/Design-Web-Pie-Charts-CSS\/176497-2.html"}}},{"title":"Creating the pie chart container07","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/design-the-web-pie-charts-with-css\/creating-the-pie-chart-container","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Creating-pie-chart-container\/176497\/182410-4.html","url_youtube":"none","thumbnail":null,"topics":[2,6],"software":[33],"course":{"title":"Design the Web: Pie Charts with CSS","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/design-the-web-pie-charts-with-css","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/Design-Web-Pie-Charts-CSS\/176497-2.html"}}},{"title":"Assigning click events to the navigation","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/creating-a-marquee-in-wordpress-with-jquery\/assigning-click-events-to-the-navigation","url_lynda":"https:\/\/www.lynda.com\/jQuery-tutorials\/Assigning-click-events-navigation\/162709\/169985-4.html","url_youtube":"none","thumbnail":null,"topics":[53,9,35],"software":[33],"course":{"title":"Creating a Marquee in WordPress with jQuery","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/creating-a-marquee-in-wordpress-with-jquery","lynda-com":"https:\/\/www.lynda.com\/jQuery-tutorials\/Creating-Marquee-WordPress-jQuery\/162709-2.html"}}},{"title":"Adding CSS rules for the large marquee","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/creating-a-marquee-in-wordpress-with-jquery\/adding-css-rules-for-the-large-marquee","url_lynda":"https:\/\/www.lynda.com\/jQuery-tutorials\/Adding-CSS-rules-large-marquee\/162709\/169984-4.html","url_youtube":"none","thumbnail":null,"topics":[2],"software":[33],"course":{"title":"Creating a Marquee in WordPress with jQuery","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/creating-a-marquee-in-wordpress-with-jquery","lynda-com":"https:\/\/www.lynda.com\/jQuery-tutorials\/Creating-Marquee-WordPress-jQuery\/162709-2.html"}}},{"title":"Adding a SetInterval for the timer","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/creating-a-marquee-in-wordpress-with-jquery\/adding-a-setinterval-for-the-timer","url_lynda":"https:\/\/www.lynda.com\/jQuery-tutorials\/Adding-setInterval-timer\/162709\/169980-4.html","url_youtube":"none","thumbnail":null,"topics":[9],"software":[33],"course":{"title":"Creating a Marquee in WordPress with jQuery","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/creating-a-marquee-in-wordpress-with-jquery","lynda-com":"https:\/\/www.lynda.com\/jQuery-tutorials\/Creating-Marquee-WordPress-jQuery\/162709-2.html"}}},{"title":"Storing post content data in a JavaScript array","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/creating-a-marquee-in-wordpress-with-jquery\/storing-panel-entry-data-in-a-javascript-array","url_lynda":"https:\/\/www.lynda.com\/jQuery-tutorials\/Storing-panel-entry-data-JavaScript-array\/162709\/169978-4.html","url_youtube":"none","thumbnail":null,"topics":[63,9,35],"software":[33],"course":{"title":"Creating a Marquee in WordPress with jQuery","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/creating-a-marquee-in-wordpress-with-jquery","lynda-com":"https:\/\/www.lynda.com\/jQuery-tutorials\/Creating-Marquee-WordPress-jQuery\/162709-2.html"}}},{"title":"Getting data and images from Custom Post Type entries","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/creating-a-marquee-in-wordpress-with-jquery\/getting-data-from-custom-post-type-entries","url_lynda":"https:\/\/www.lynda.com\/jQuery-tutorials\/Getting-data-from-custom-post-type-entries\/162709\/169976-4.html","url_youtube":"none","thumbnail":null,"topics":[63],"software":[33,21],"course":{"title":"Creating a Marquee in WordPress with jQuery","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/creating-a-marquee-in-wordpress-with-jquery","lynda-com":"https:\/\/www.lynda.com\/jQuery-tutorials\/Creating-Marquee-WordPress-jQuery\/162709-2.html"}}},{"title":"Adding custom CSS files to your WordPress theme","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/creating-a-marquee-in-wordpress-with-jquery\/adding-custom-css-files-to-your-theme","url_lynda":"https:\/\/www.lynda.com\/jQuery-tutorials\/Adding-custom-CSS-files-your-theme\/162709\/169974-4.html","url_youtube":"none","thumbnail":null,"topics":[63,2],"software":[33,21],"course":{"title":"Creating a Marquee in WordPress with jQuery","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/creating-a-marquee-in-wordpress-with-jquery","lynda-com":"https:\/\/www.lynda.com\/jQuery-tutorials\/Creating-Marquee-WordPress-jQuery\/162709-2.html"}}},{"title":"Registering custom JavaScript files in your WordPress theme","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/creating-a-marquee-in-wordpress-with-jquery\/registering-custom-javascript-files-in-your-theme","url_lynda":"https:\/\/www.lynda.com\/jQuery-tutorials\/Registering-custom-JavaScript-files-your-theme\/162709\/169973-4.html","url_youtube":"none","thumbnail":null,"topics":[63,9],"software":[33,21],"course":{"title":"Creating a Marquee in WordPress with jQuery","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/creating-a-marquee-in-wordpress-with-jquery","lynda-com":"https:\/\/www.lynda.com\/jQuery-tutorials\/Creating-Marquee-WordPress-jQuery\/162709-2.html"}}},{"title":"Creating a Custom Post Type","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/creating-a-marquee-in-wordpress-with-jquery\/creating-a-custom-post-type","url_lynda":"https:\/\/www.lynda.com\/jQuery-tutorials\/Creating-custom-post-type\/162709\/169971-4.html","url_youtube":"none","thumbnail":null,"topics":[63],"software":[33,41,21],"course":{"title":"Creating a Marquee in WordPress with jQuery","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/creating-a-marquee-in-wordpress-with-jquery","lynda-com":"https:\/\/www.lynda.com\/jQuery-tutorials\/Creating-Marquee-WordPress-jQuery\/162709-2.html"}}},{"title":"Adding photos to the WordPress Media Library","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/creating-a-marquee-in-wordpress-with-jquery\/adding-photos-to-the-wordpress-media-library","url_lynda":"https:\/\/www.lynda.com\/jQuery-tutorials\/Adding-photos-WordPress-Media-Library\/162709\/169969-4.html","url_youtube":"none","thumbnail":null,"topics":[63],"software":[41,21],"course":{"title":"Creating a Marquee in WordPress with jQuery","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/creating-a-marquee-in-wordpress-with-jquery","lynda-com":"https:\/\/www.lynda.com\/jQuery-tutorials\/Creating-Marquee-WordPress-jQuery\/162709-2.html"}}},{"title":"Restyling an unordered list","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/design-the-web-graphics-and-css-pseudo-elements\/restyling-an-unordered-list","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Restyling-unordered-list\/162711\/170068-4.html","url_youtube":"none","thumbnail":null,"topics":[2,6],"software":[33],"course":{"title":"Design the Web: Graphics and CSS Pseudo-Elements","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/design-the-web-graphics-and-css-pseudo-elements","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/Design-Web-Graphics-CSS-Pseudo-Elements\/162711-2.html"}}},{"title":"Setting absolute positioning properties","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/design-the-web-graphics-and-css-pseudo-elements\/setting-absolute-positioning-properties","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Setting-absolute-positioning-properties\/162711\/170066-4.html","url_youtube":"none","thumbnail":null,"topics":[2,29],"software":[33],"course":{"title":"Design the Web: Graphics and CSS Pseudo-Elements","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/design-the-web-graphics-and-css-pseudo-elements","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/Design-Web-Graphics-CSS-Pseudo-Elements\/162711-2.html"}}},{"title":"Creating a Pseudo Element with CSS","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/design-the-web-graphics-and-css-pseudo-elements\/creating-a-pseudo-element-with-css","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Creating-pseudo-element-CSS\/162711\/170065-4.html","url_youtube":"none","thumbnail":null,"topics":[2,23],"software":[33],"course":{"title":"Design the Web: Graphics and CSS Pseudo-Elements","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/design-the-web-graphics-and-css-pseudo-elements","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/Design-Web-Graphics-CSS-Pseudo-Elements\/162711-2.html"}}},{"title":"PNG-8 with a website (online tool)","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/design-the-web-creating-smaller-graphics-with-png-8\/png-8-with-a-website","url_lynda":"https:\/\/www.lynda.com\/Photoshop-tutorials\/PNG-8-website\/162712\/168346-4.html","url_youtube":"none","thumbnail":null,"topics":[50],"software":[41],"course":{"title":"Design the Web: Creating Smaller Graphics with PNG-8","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/design-the-web-creating-smaller-graphics-with-png-8","lynda-com":"https:\/\/www.lynda.com\/Photoshop-tutorials\/Design-Web-Creating-Smaller-Graphics-PNG-8\/162712-2.html"}}},{"title":"PNG-8 with PNGoo for Windows","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/design-the-web-creating-smaller-graphics-with-png-8\/png-8-with-pngoo-for-windows","url_lynda":"https:\/\/www.lynda.com\/Photoshop-tutorials\/PNG-8-PNGoo-Windows\/162712\/168345-4.html","url_youtube":"none","thumbnail":null,"topics":[50],"software":[74],"course":{"title":"Design the Web: Creating Smaller Graphics with PNG-8","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/design-the-web-creating-smaller-graphics-with-png-8","lynda-com":"https:\/\/www.lynda.com\/Photoshop-tutorials\/Design-Web-Creating-Smaller-Graphics-PNG-8\/162712-2.html"}}},{"title":"PNG-8 with ImageAlpha for Mac","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/design-the-web-creating-smaller-graphics-with-png-8\/png-8-with-imagealpha-for-mac","url_lynda":"https:\/\/www.lynda.com\/Photoshop-tutorials\/PNG-8-ImageAlpha-Mac\/162712\/168344-4.html","url_youtube":"none","thumbnail":null,"topics":[50],"software":[67],"course":{"title":"Design the Web: Creating Smaller Graphics with PNG-8","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/design-the-web-creating-smaller-graphics-with-png-8","lynda-com":"https:\/\/www.lynda.com\/Photoshop-tutorials\/Design-Web-Creating-Smaller-Graphics-PNG-8\/162712-2.html"}}},{"title":"PNG-8 Adobe Generator and Fireworks","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/design-the-web-creating-smaller-graphics-with-png-8\/png-8-with-adobe-generator-and-fireworks","url_lynda":"https:\/\/www.lynda.com\/Photoshop-tutorials\/PNG-8-Adobe-Generator-Fireworks\/162712\/168343-4.html","url_youtube":"none","thumbnail":null,"topics":[50],"software":[73,12],"course":{"title":"Design the Web: Creating Smaller Graphics with PNG-8","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/design-the-web-creating-smaller-graphics-with-png-8","lynda-com":"https:\/\/www.lynda.com\/Photoshop-tutorials\/Design-Web-Creating-Smaller-Graphics-PNG-8\/162712-2.html"}}},{"title":"Creating editable SVG graphics from shape layers","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/design-the-web-adobe-generator-for-graphics\/creating-editable-svg-graphics-from-shape-layers","url_lynda":"https:\/\/www.lynda.com\/Photoshop-tutorials\/Creating-editable-SVG-graphics-from-shape-layers\/162713\/371626-4.html","url_youtube":"none","thumbnail":null,"topics":[47,50],"software":[12],"course":{"title":"Design the Web: Adobe Generator for Graphics","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/design-the-web-adobe-generator-for-graphics","lynda-com":"https:\/\/www.lynda.com\/Photoshop-tutorials\/Design-Web-Adobe-Generator-Graphics\/162713-2.html"}}},{"title":"Using defaults to automate transformations, naming, and folder creation","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/design-the-web-adobe-generator-for-graphics\/using-defaults-to-automate-transformations-naming-and-folder-creation","url_lynda":"https:\/\/www.lynda.com\/Photoshop-tutorials\/Creating-folders-directories-your-generated-graphics\/162713\/364780-4.html","url_youtube":"none","thumbnail":null,"topics":[50],"software":[12],"course":{"title":"Design the Web: Adobe Generator for Graphics","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/design-the-web-adobe-generator-for-graphics","lynda-com":"https:\/\/www.lynda.com\/Photoshop-tutorials\/Design-Web-Adobe-Generator-Graphics\/162713-2.html"}}},{"title":"Creating folders and directories for your generated graphics","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/design-the-web-adobe-generator-for-graphics\/creating-folders-and-directories-for-your-generated-graphics","url_lynda":"https:\/\/www.lynda.com\/Photoshop-tutorials\/Creating-folders-directories-your-generated-graphics\/162713\/364780-4.html","url_youtube":"none","thumbnail":null,"topics":[50],"software":[12],"course":{"title":"Design the Web: Adobe Generator for Graphics","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/design-the-web-adobe-generator-for-graphics","lynda-com":"https:\/\/www.lynda.com\/Photoshop-tutorials\/Design-Web-Adobe-Generator-Graphics\/162713-2.html"}}},{"title":"Transforming and creating SVG from vector SmartObjects","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/design-the-web-adobe-generator-for-graphics\/transforming-and-creating-svg-files-from-vector-smart-objects","url_lynda":"https:\/\/www.lynda.com\/Photoshop-tutorials\/Transforming-creating-SVG-files-from-vector-Smart-Objects\/162713\/364779-4.html","url_youtube":"none","thumbnail":null,"topics":[47,50],"software":[12],"course":{"title":"Design the Web: Adobe Generator for Graphics","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/design-the-web-adobe-generator-for-graphics","lynda-com":"https:\/\/www.lynda.com\/Photoshop-tutorials\/Design-Web-Adobe-Generator-Graphics\/162713-2.html"}}},{"title":"Generate Composite Images from Multiple Layers","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/design-the-web-adobe-generator-for-graphics\/generate-composite-images-from-multiple-layers","url_lynda":"https:\/\/www.lynda.com\/Photoshop-tutorials\/Transforming-Smart-Objects-shape-layers\/162713\/166908-4.html","url_youtube":"none","thumbnail":null,"topics":[50],"software":[12],"course":{"title":"Design the Web: Adobe Generator for Graphics","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/design-the-web-adobe-generator-for-graphics","lynda-com":"https:\/\/www.lynda.com\/Photoshop-tutorials\/Design-Web-Adobe-Generator-Graphics\/162713-2.html"}}},{"title":"Transforming Smart Objects and Shape Layers","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/design-the-web-adobe-generator-for-graphics\/transforming-smart-objects-and-shape-layers","url_lynda":"https:\/\/www.lynda.com\/Photoshop-tutorials\/Transforming-Smart-Objects-shape-layers\/162713\/166908-4.html","url_youtube":"none","thumbnail":null,"topics":[50],"software":[12],"course":{"title":"Design the Web: Adobe Generator for Graphics","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/design-the-web-adobe-generator-for-graphics","lynda-com":"https:\/\/www.lynda.com\/Photoshop-tutorials\/Design-Web-Adobe-Generator-Graphics\/162713-2.html"}}},{"title":"Setting Optimization and Image Quality","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/design-the-web-adobe-generator-for-graphics\/setting-optimization-and-image-quality","url_lynda":"https:\/\/www.lynda.com\/Photoshop-tutorials\/Setting-optimization-image-quality\/162713\/166907-4.html","url_youtube":"none","thumbnail":null,"topics":[50],"software":[12],"course":{"title":"Design the Web: Adobe Generator for Graphics","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/design-the-web-adobe-generator-for-graphics","lynda-com":"https:\/\/www.lynda.com\/Photoshop-tutorials\/Design-Web-Adobe-Generator-Graphics\/162713-2.html"}}},{"title":"Generating images from a layer","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/design-the-web-adobe-generator-for-graphics\/generating-images-from-a-layer","url_lynda":"https:\/\/www.lynda.com\/Photoshop-tutorials\/Generating-images-from-layer\/162713\/166906-4.html","url_youtube":"none","thumbnail":null,"topics":[50],"software":[12],"course":{"title":"Design the Web: Adobe Generator for Graphics","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/design-the-web-adobe-generator-for-graphics","lynda-com":"https:\/\/www.lynda.com\/Photoshop-tutorials\/Design-Web-Adobe-Generator-Graphics\/162713-2.html"}}},{"title":"Registering JavaScript Files in WordPress","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/creating-a-photo-gallery-in-wordpress-with-jquery\/registering-javascript-files-in-wordpress","url_lynda":"https:\/\/www.lynda.com\/jQuery-tutorials\/Registering-custom-JavaScript-files-your-theme\/162709\/169973-4.html","url_youtube":"none","thumbnail":null,"topics":[63,9],"software":[21],"course":{"title":"Creating a Photo Gallery in WordPress with jQuery","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/creating-a-photo-gallery-in-wordpress-with-jquery\/about-the-exercise-files","lynda-com":"https:\/\/www.lynda.com\/Web-CMS-tutorials\/Creating-Photo-Gallery-WordPress-jQuery\/151164-2.html"}}},{"title":"Creating a gallery in WordPress","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/creating-a-photo-gallery-in-wordpress-with-jquery\/creating-a-gallery-in-wordpress","url_lynda":"https:\/\/www.lynda.com\/Web-CMS-tutorials\/Creating-gallery-WordPress\/151164\/160800-4.html","url_youtube":"none","thumbnail":null,"topics":[63,50],"software":[21],"course":{"title":"Creating a Photo Gallery in WordPress with jQuery","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/creating-a-photo-gallery-in-wordpress-with-jquery\/about-the-exercise-files","lynda-com":"https:\/\/www.lynda.com\/Web-CMS-tutorials\/Creating-Photo-Gallery-WordPress-jQuery\/151164-2.html"}}},{"title":"Editing photos in WordPress","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/creating-a-photo-gallery-in-wordpress-with-jquery\/editing-photos-in-wordpress","url_lynda":"https:\/\/www.lynda.com\/Web-CMS-tutorials\/Editing-photos-WordPress\/151164\/160799-4.html","url_youtube":"none","thumbnail":null,"topics":[63,50],"software":[21],"course":{"title":"Creating a Photo Gallery in WordPress with jQuery","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/creating-a-photo-gallery-in-wordpress-with-jquery\/about-the-exercise-files","lynda-com":"https:\/\/www.lynda.com\/Web-CMS-tutorials\/Creating-Photo-Gallery-WordPress-jQuery\/151164-2.html"}}},{"title":"Uploading photos to your WordPress site","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/creating-a-photo-gallery-in-wordpress-with-jquery\/uploading-photos-to-your-wordpress-site","url_lynda":"https:\/\/www.lynda.com\/Web-CMS-tutorials\/Uploading-photos-your-WordPress-site\/151164\/160798-4.html","url_youtube":"none","thumbnail":null,"topics":[63],"software":[21],"course":{"title":"Creating a Photo Gallery in WordPress with jQuery","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/creating-a-photo-gallery-in-wordpress-with-jquery\/about-the-exercise-files","lynda-com":"https:\/\/www.lynda.com\/Web-CMS-tutorials\/Creating-Photo-Gallery-WordPress-jQuery\/151164-2.html"}}},{"title":"Exporting graphics form data sets","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/design-the-web-automating-web-graphics\/exporting-graphics-from-data-sets","url_lynda":"https:\/\/www.lynda.com\/Photoshop-tutorials\/Exporting-graphics-from-data-sets\/151163\/156164-4.html","url_youtube":"none","thumbnail":null,"topics":[50],"software":[12],"course":{"title":"Design the Web: Automating Web Graphics","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/design-the-web-automating-web-graphics","lynda-com":"https:\/\/www.lynda.com\/Photoshop-tutorials\/Design-Web-Automating-Web-Graphics\/151163-2.html"}}},{"title":"Setting a layer’s visibility with variables","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/design-the-web-automating-web-graphics\/setting-a-layer-s-visibility-with-variables","url_lynda":"https:\/\/www.lynda.com\/Photoshop-tutorials\/Setting-layers-visibility-variables\/151163\/156162-4.html","url_youtube":"none","thumbnail":null,"topics":[50],"software":[12],"course":{"title":"Design the Web: Automating Web Graphics","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/design-the-web-automating-web-graphics","lynda-com":"https:\/\/www.lynda.com\/Photoshop-tutorials\/Design-Web-Automating-Web-Graphics\/151163-2.html"}}},{"title":"Creating an external data set","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/design-the-web-automating-web-graphics\/creating-an-external-data-set","url_lynda":"https:\/\/www.lynda.com\/Photoshop-tutorials\/Creating-internal-data-set\/151163\/156160-4.html","url_youtube":"none","thumbnail":null,"topics":[50],"software":[12,33],"course":{"title":"Design the Web: Automating Web Graphics","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/design-the-web-automating-web-graphics","lynda-com":"https:\/\/www.lynda.com\/Photoshop-tutorials\/Design-Web-Automating-Web-Graphics\/151163-2.html"}}},{"title":"Creating an internal data set","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/design-the-web-automating-web-graphics\/creating-an-internal-data-set","url_lynda":"https:\/\/www.lynda.com\/Photoshop-tutorials\/Creating-internal-data-set\/151163\/156160-4.html","url_youtube":"none","thumbnail":null,"topics":[50],"software":[12],"course":{"title":"Design the Web: Automating Web Graphics","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/design-the-web-automating-web-graphics","lynda-com":"https:\/\/www.lynda.com\/Photoshop-tutorials\/Design-Web-Automating-Web-Graphics\/151163-2.html"}}},{"title":"Turning Photoshop layers in to variables","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/design-the-web-automating-web-graphics\/turning-photoshop-layers-into-variables","url_lynda":"https:\/\/www.lynda.com\/Photoshop-tutorials\/Turning-Photoshop-layers-variables\/151163\/156159-4.html","url_youtube":"none","thumbnail":null,"topics":[50],"software":[12],"course":{"title":"Design the Web: Automating Web Graphics","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/design-the-web-automating-web-graphics","lynda-com":"https:\/\/www.lynda.com\/Photoshop-tutorials\/Design-Web-Automating-Web-Graphics\/151163-2.html"}}},{"title":"Getting Coordinates for CSS Animations","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/design-the-web-getting-css-from-photoshop\/getting-coordinates-of-css3-animations","url_lynda":"https:\/\/www.lynda.com\/Photoshop-tutorials\/Getting-coordinates-CSS3-animations\/151161\/156106-4.html","url_youtube":"none","thumbnail":null,"topics":[2,3,53,61],"software":[12,33],"course":{"title":"Design the Web: Getting CSS from Photoshop","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/design-the-web-getting-css-from-photoshop","lynda-com":"https:\/\/www.lynda.com\/Photoshop-tutorials\/Design-Web-Getting-CSS-from-Photoshop\/151161-2.html"}}},{"title":"Getting CSS for multiple layers","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/design-the-web-getting-css-from-photoshop\/getting-css-for-multiple-layers","url_lynda":"https:\/\/www.lynda.com\/Photoshop-tutorials\/Getting-CSS-multiple-layers\/151161\/156105-4.html","url_youtube":"none","thumbnail":null,"topics":[2,60],"software":[12,33],"course":{"title":"Design the Web: Getting CSS from Photoshop","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/design-the-web-getting-css-from-photoshop","lynda-com":"https:\/\/www.lynda.com\/Photoshop-tutorials\/Design-Web-Getting-CSS-from-Photoshop\/151161-2.html"}}},{"title":"Converting Layer Styles (effects) to CSS","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/design-the-web-getting-css-from-photoshop\/converting-layer-styles-effects-to-css","url_lynda":"https:\/\/www.lynda.com\/Photoshop-tutorials\/Converting-layer-styles-effects-CSS\/151161\/156104-4.html","url_youtube":"none","thumbnail":null,"topics":[],"software":[12,33],"course":{"title":"Design the Web: Getting CSS from Photoshop","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/design-the-web-getting-css-from-photoshop","lynda-com":"https:\/\/www.lynda.com\/Photoshop-tutorials\/Design-Web-Getting-CSS-from-Photoshop\/151161-2.html"}}},{"title":"Art Layers vs. Vector Shapes","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/design-the-web-getting-css-from-photoshop\/art-layers-vs-vector-shapes","url_lynda":"https:\/\/www.lynda.com\/Photoshop-tutorials\/Art-layers-vs-vector-shapes\/151161\/156103-4.html","url_youtube":"none","thumbnail":null,"topics":[2,5],"software":[12,33],"course":{"title":"Design the Web: Getting CSS from Photoshop","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/design-the-web-getting-css-from-photoshop","lynda-com":"https:\/\/www.lynda.com\/Photoshop-tutorials\/Design-Web-Getting-CSS-from-Photoshop\/151161-2.html"}}},{"title":"Getting CSS properties from Text layers","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/design-the-web-getting-css-from-photoshop\/getting-css-properties-from-text-layers","url_lynda":"https:\/\/www.lynda.com\/Photoshop-tutorials\/Getting-CSS-properties-from-text-layers\/151161\/156102-4.html","url_youtube":"none","thumbnail":null,"topics":[2,60],"software":[12,33],"course":{"title":"Design the Web: Getting CSS from Photoshop","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/design-the-web-getting-css-from-photoshop","lynda-com":"https:\/\/www.lynda.com\/Photoshop-tutorials\/Design-Web-Getting-CSS-from-Photoshop\/151161-2.html"}}},{"title":"Preloading images","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/creating-a-responsive-web-experience\/preloading-images","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Preloading-images\/135375\/155644-4.html","url_youtube":"none","thumbnail":null,"topics":[71,9,35,50],"software":[33],"course":{"title":"Creating a Responsive Web Experience","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/creating-a-responsive-web-experience","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/Creating-Responsive-Web-Experience\/135375-2.html"}}},{"title":"Opening and closing the nav panel","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/creating-a-responsive-web-experience\/opening-and-closing-the-nav-panel","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Opening-closing-nav-panel\/135375\/155642-4.html","url_youtube":"none","thumbnail":null,"topics":[53,9,35,61],"software":[33],"course":{"title":"Creating a Responsive Web Experience","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/creating-a-responsive-web-experience","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/Creating-Responsive-Web-Experience\/135375-2.html"}}},{"title":"Loading alternate content based on screen size","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/creating-a-responsive-web-experience\/loading-alternative-content-based-on-screen-size","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Loading-alternative-content-based-screen-size\/135375\/155639-4.html","url_youtube":"none","thumbnail":null,"topics":[71,9,35,72],"software":[33],"course":{"title":"Creating a Responsive Web Experience","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/creating-a-responsive-web-experience","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/Creating-Responsive-Web-Experience\/135375-2.html"}}},{"title":"Detecting a change in screen size","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/creating-a-responsive-web-experience\/detecting-a-change-in-screen-size","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Detecting-change-screen-size\/135375\/155638-4.html","url_youtube":"none","thumbnail":null,"topics":[9,35],"software":[33],"course":{"title":"Creating a Responsive Web Experience","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/creating-a-responsive-web-experience","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/Creating-Responsive-Web-Experience\/135375-2.html"}}},{"title":"Determining the screen size with JavaScript","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/creating-a-responsive-web-experience\/determining-the-screen-size-with-javascript","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Determining-screen-size-JavaScript\/135375\/155637-4.html","url_youtube":"none","thumbnail":null,"topics":[9,35,72],"software":[33],"course":{"title":"Creating a Responsive Web Experience","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/creating-a-responsive-web-experience","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/Creating-Responsive-Web-Experience\/135375-2.html"}}},{"title":"Positioning the image and caption","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/creating-a-responsive-web-experience\/positioning-the-image-and-caption","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Positioning-image-caption\/135375\/155634-4.html","url_youtube":"none","thumbnail":null,"topics":[2,29],"software":[33],"course":{"title":"Creating a Responsive Web Experience","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/creating-a-responsive-web-experience","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/Creating-Responsive-Web-Experience\/135375-2.html"}}},{"title":"Loading content with jQuery","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/creating-a-responsive-web-experience\/loading-content-with-jquery","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Loading-content-jQuery\/135375\/155632-4.html","url_youtube":"none","thumbnail":null,"topics":[71,9,35],"software":[33],"course":{"title":"Creating a Responsive Web Experience","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/creating-a-responsive-web-experience","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/Creating-Responsive-Web-Experience\/135375-2.html"}}},{"title":"Adding JavaScript and jQuery to your project","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/creating-a-responsive-web-experience\/adding-javascript-and-jquery-to-your-project","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Adding-JavaScript-jQuery-your-project\/135375\/155631-4.html","url_youtube":"none","thumbnail":null,"topics":[6,9,35],"software":[33],"course":{"title":"Creating a Responsive Web Experience","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/creating-a-responsive-web-experience","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/Creating-Responsive-Web-Experience\/135375-2.html"}}},{"title":"Creating clipping areas","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/design-the-web-multiple-graphic-sizes\/creating-clipping-areas","url_lynda":"https:\/\/www.lynda.com\/Photoshop-tutorials\/Creating-clipping-areas\/135377\/148013-4.html","url_youtube":"none","thumbnail":null,"topics":[50],"software":[12],"course":{"title":"Design the Web: Multiple Graphic Sizes","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/design-the-web-multiple-graphic-sizes","lynda-com":"https:\/\/www.lynda.com\/Photoshop-tutorials\/Design-Web-Multiple-Graphic-Sizes\/135377-2.html"}}},{"title":"Combining Smart Objects and Clipping Masks","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/design-the-web-multiple-graphic-sizes\/combining-smart-objects-and-clipping-masks","url_lynda":"https:\/\/www.lynda.com\/Photoshop-tutorials\/Combining-Smart-Objects-clipping-masks\/135377\/148014-4.html","url_youtube":"none","thumbnail":null,"topics":[50],"software":[12],"course":{"title":"Design the Web: Multiple Graphic Sizes","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/design-the-web-multiple-graphic-sizes","lynda-com":"https:\/\/www.lynda.com\/Photoshop-tutorials\/Design-Web-Multiple-Graphic-Sizes\/135377-2.html"}}},{"title":"Slicing and exporting multiple images","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/design-the-web-multiple-graphic-sizes\/slicing-and-exporting-multiple-images","url_lynda":"https:\/\/www.lynda.com\/Photoshop-tutorials\/Slicing-exporting-multiple-images\/135377\/148015-4.html","url_youtube":"none","thumbnail":null,"topics":[50],"software":[12],"course":{"title":"Design the Web: Multiple Graphic Sizes","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/design-the-web-multiple-graphic-sizes","lynda-com":"https:\/\/www.lynda.com\/Photoshop-tutorials\/Design-Web-Multiple-Graphic-Sizes\/135377-2.html"}}},{"title":"Scaling the canvas and slices of hi-res web graphics","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/design-the-web-multiple-graphic-sizes\/scaling-the-canvas-and-slices-of-hi-res-web-graphics","url_lynda":"https:\/\/www.lynda.com\/Photoshop-tutorials\/Scaling-canvas-slices-hi-res-web-graphics\/135377\/148017-4.html","url_youtube":"none","thumbnail":null,"topics":[50],"software":[12],"course":{"title":"Design the Web: Multiple Graphic Sizes","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/design-the-web-multiple-graphic-sizes","lynda-com":"https:\/\/www.lynda.com\/Photoshop-tutorials\/Design-Web-Multiple-Graphic-Sizes\/135377-2.html"}}},{"title":"Using Save for Web to scale down web graphics","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/design-the-web-multiple-graphic-sizes\/using-save-for-web-to-scale-down-web-graphics","url_lynda":"https:\/\/www.lynda.com\/Photoshop-tutorials\/Using-Save-Web-scale-down-web-graphics\/135377\/148018-4.html","url_youtube":"none","thumbnail":null,"topics":[50],"software":[12],"course":{"title":"Design the Web: Multiple Graphic Sizes","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/design-the-web-multiple-graphic-sizes","lynda-com":"https:\/\/www.lynda.com\/Photoshop-tutorials\/Design-Web-Multiple-Graphic-Sizes\/135377-2.html"}}},{"title":"Validating your HTML code","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/creating-a-responsive-html-email\/validating-your-html-code","url_lynda":"https:\/\/www.lynda.com\/HTML-tutorials\/Validating-your-HTML-code\/135374\/147327-4.html","url_youtube":"none","thumbnail":null,"topics":[6],"software":[41],"course":{"title":"Creating a Responsive HTML Email","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/creating-a-responsive-html-email","lynda-com":"https:\/\/www.lynda.com\/HTML-tutorials\/Creating-Responsive-HTML-Email\/135374-2.html","udemy":"https:\/\/www.udemy.com\/creating-responsive-html-email\/","amazon":"https:\/\/www.amazon.com\/Preview-the-final-project\/dp\/B01FFC6UAG\/ref=sr_1_5?ie=UTF8&qid=1514384847&sr=8-5&keywords=Chris+Converse","skillshare":"https:\/\/www.skillshare.com\/classes\/Creating-a-Responsive-HTML-Email\/1603294647?via=user-profile"}}},{"title":"Using High Definition (Retina\u00ae) graphics in your HTML Email","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/creating-a-responsive-html-email\/using-high-definition-graphics-in-your-html-email","url_lynda":"https:\/\/www.lynda.com\/HTML-tutorials\/Using-high-definition-graphics-your-HTML-email\/135374\/364940-4.html","url_youtube":"none","thumbnail":null,"topics":[2,5,64,50],"software":[33],"course":{"title":"Creating a Responsive HTML Email","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/creating-a-responsive-html-email","lynda-com":"https:\/\/www.lynda.com\/HTML-tutorials\/Creating-Responsive-HTML-Email\/135374-2.html","udemy":"https:\/\/www.udemy.com\/creating-responsive-html-email\/","amazon":"https:\/\/www.amazon.com\/Preview-the-final-project\/dp\/B01FFC6UAG\/ref=sr_1_5?ie=UTF8&qid=1514384847&sr=8-5&keywords=Chris+Converse","skillshare":"https:\/\/www.skillshare.com\/classes\/Creating-a-Responsive-HTML-Email\/1603294647?via=user-profile"}}},{"title":"Encoding and embedding Base64 images","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/creating-a-responsive-html-email\/encoding-and-embedding-base64-images","url_lynda":"https:\/\/www.lynda.com\/HTML-tutorials\/Encoding-embedding-Base64-images\/135374\/156762-4.html","url_youtube":"none","thumbnail":null,"topics":[64,50],"software":[33,41],"course":{"title":"Creating a Responsive HTML Email","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/creating-a-responsive-html-email","lynda-com":"https:\/\/www.lynda.com\/HTML-tutorials\/Creating-Responsive-HTML-Email\/135374-2.html","udemy":"https:\/\/www.udemy.com\/creating-responsive-html-email\/","amazon":"https:\/\/www.amazon.com\/Preview-the-final-project\/dp\/B01FFC6UAG\/ref=sr_1_5?ie=UTF8&qid=1514384847&sr=8-5&keywords=Chris+Converse","skillshare":"https:\/\/www.skillshare.com\/classes\/Creating-a-Responsive-HTML-Email\/1603294647?via=user-profile"}}},{"title":"Adding CSS media queries to your HTML email","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/creating-a-responsive-html-email\/adding-css-media-queries-to-your-html-email","url_lynda":"https:\/\/www.lynda.com\/HTML-tutorials\/Adding-CSS-media-queries-your-HTML-email\/135374\/147316-4.html","url_youtube":"none","thumbnail":null,"topics":[30,64],"software":[33],"course":{"title":"Creating a Responsive HTML Email","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/creating-a-responsive-html-email","lynda-com":"https:\/\/www.lynda.com\/HTML-tutorials\/Creating-Responsive-HTML-Email\/135374-2.html","udemy":"https:\/\/www.udemy.com\/creating-responsive-html-email\/","amazon":"https:\/\/www.amazon.com\/Preview-the-final-project\/dp\/B01FFC6UAG\/ref=sr_1_5?ie=UTF8&qid=1514384847&sr=8-5&keywords=Chris+Converse","skillshare":"https:\/\/www.skillshare.com\/classes\/Creating-a-Responsive-HTML-Email\/1603294647?via=user-profile"}}},{"title":"Creating the content graphics","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/creating-a-responsive-html-email\/creating-the-content-graphics","url_lynda":"https:\/\/www.lynda.com\/HTML-tutorials\/Creating-content-graphics\/135374\/147303-4.html","url_youtube":"none","thumbnail":null,"topics":[50],"software":[12],"course":{"title":"Creating a Responsive HTML Email","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/creating-a-responsive-html-email","lynda-com":"https:\/\/www.lynda.com\/HTML-tutorials\/Creating-Responsive-HTML-Email\/135374-2.html","udemy":"https:\/\/www.udemy.com\/creating-responsive-html-email\/","amazon":"https:\/\/www.amazon.com\/Preview-the-final-project\/dp\/B01FFC6UAG\/ref=sr_1_5?ie=UTF8&qid=1514384847&sr=8-5&keywords=Chris+Converse","skillshare":"https:\/\/www.skillshare.com\/classes\/Creating-a-Responsive-HTML-Email\/1603294647?via=user-profile"}}},{"title":"Creating the banner and background graphics","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/creating-a-responsive-html-email\/creating-the-banner-and-background-graphics","url_lynda":"https:\/\/www.lynda.com\/HTML-tutorials\/Creating-banner-background-graphics\/135374\/147302-4.html","url_youtube":"none","thumbnail":null,"topics":[50],"software":[12],"course":{"title":"Creating a Responsive HTML Email","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/creating-a-responsive-html-email","lynda-com":"https:\/\/www.lynda.com\/HTML-tutorials\/Creating-Responsive-HTML-Email\/135374-2.html","udemy":"https:\/\/www.udemy.com\/creating-responsive-html-email\/","amazon":"https:\/\/www.amazon.com\/Preview-the-final-project\/dp\/B01FFC6UAG\/ref=sr_1_5?ie=UTF8&qid=1514384847&sr=8-5&keywords=Chris+Converse","skillshare":"https:\/\/www.skillshare.com\/classes\/Creating-a-Responsive-HTML-Email\/1603294647?via=user-profile"}}},{"title":"Final animations and publishing settings","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/design-the-web-animated-loading-gifs\/final-animations-and-publishing-settings","url_lynda":"https:\/\/www.lynda.com\/Photoshop-tutorials\/Final-animations-publishing-settings\/124090\/144558-4.html","url_youtube":"none","thumbnail":null,"topics":[61,50],"software":[12],"course":{"title":"Design the Web: Animated Loading GIFs","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/design-the-web-animated-loading-gifs","lynda-com":"https:\/\/www.lynda.com\/Photoshop-tutorials\/Design-Web-Animated-Loading-GIFs\/124090-2.html"}}},{"title":"Animating SmartObject transformations","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/design-the-web-animated-loading-gifs\/animating-smart-object-transformations","url_lynda":"https:\/\/www.lynda.com\/Photoshop-tutorials\/Animating-Smart-Object-transformations\/124090\/144557-4.html","url_youtube":"none","thumbnail":null,"topics":[61,50],"software":[12],"course":{"title":"Design the Web: Animated Loading GIFs","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/design-the-web-animated-loading-gifs","lynda-com":"https:\/\/www.lynda.com\/Photoshop-tutorials\/Design-Web-Animated-Loading-GIFs\/124090-2.html"}}},{"title":"Preparing artwork for keyframe animations","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/design-the-web-animated-loading-gifs\/preparing-artwork-for-keyframe-animations","url_lynda":"https:\/\/www.lynda.com\/Photoshop-tutorials\/Preparing-artwork-keyframe-animations\/124090\/144556-4.html","url_youtube":"none","thumbnail":null,"topics":[61,50],"software":[12],"course":{"title":"Design the Web: Animated Loading GIFs","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/design-the-web-animated-loading-gifs","lynda-com":"https:\/\/www.lynda.com\/Photoshop-tutorials\/Design-Web-Animated-Loading-GIFs\/124090-2.html"}}},{"title":"Creating a branded animation","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/design-the-web-animated-loading-gifs\/creating-a-branded-animation","url_lynda":"https:\/\/www.lynda.com\/Photoshop-tutorials\/Creating-branded-animation\/124090\/144554-4.html","url_youtube":"none","thumbnail":null,"topics":[61,50],"software":[12],"course":{"title":"Design the Web: Animated Loading GIFs","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/design-the-web-animated-loading-gifs","lynda-com":"https:\/\/www.lynda.com\/Photoshop-tutorials\/Design-Web-Animated-Loading-GIFs\/124090-2.html"}}},{"title":"Modifying animations after they are created","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/design-the-web-animated-loading-gifs\/modifying-animations-after-they-are-created","url_lynda":"https:\/\/www.lynda.com\/Photoshop-tutorials\/Modifying-animations-after-created\/124090\/144553-4.html","url_youtube":"none","thumbnail":null,"topics":[61,50],"software":[12],"course":{"title":"Design the Web: Animated Loading GIFs","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/design-the-web-animated-loading-gifs","lynda-com":"https:\/\/www.lynda.com\/Photoshop-tutorials\/Design-Web-Animated-Loading-GIFs\/124090-2.html"}}},{"title":"Animating a gradient overlay effect","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/design-the-web-animated-loading-gifs\/animating-a-gradient-overlay-effect","url_lynda":"https:\/\/www.lynda.com\/Photoshop-tutorials\/Animating-gradient-overlay-effect\/124090\/144552-4.html","url_youtube":"none","thumbnail":null,"topics":[61,50],"software":[12],"course":{"title":"Design the Web: Animated Loading GIFs","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/design-the-web-animated-loading-gifs","lynda-com":"https:\/\/www.lynda.com\/Photoshop-tutorials\/Design-Web-Animated-Loading-GIFs\/124090-2.html"}}},{"title":"Setting up your artwork for non-destructive editing","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/design-the-web-animated-loading-gifs\/setting-up-your-artwork-for-nondestructive-editing","url_lynda":"https:\/\/www.lynda.com\/Photoshop-tutorials\/Setting-up-your-artwork-nondestructive-editing\/124090\/144551-4.html","url_youtube":"none","thumbnail":null,"topics":[61,50],"software":[12],"course":{"title":"Design the Web: Animated Loading GIFs","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/design-the-web-animated-loading-gifs","lynda-com":"https:\/\/www.lynda.com\/Photoshop-tutorials\/Design-Web-Animated-Loading-GIFs\/124090-2.html"}}},{"title":"Testing Your Email in 30+ Email Clients","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/creating-a-responsive-html-email\/testing-your-email-in-30-plus-html-email-clients","url_lynda":"https:\/\/www.lynda.com\/HTML-tutorials\/Testing-your-email-30-HTML-email-clients\/135374\/147328-4.html","url_youtube":"none","thumbnail":null,"topics":[64],"software":[20,41],"course":{"title":"Creating a Responsive HTML Email","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/creating-a-responsive-html-email","lynda-com":"https:\/\/www.lynda.com\/HTML-tutorials\/Creating-Responsive-HTML-Email\/135374-2.html","udemy":"https:\/\/www.udemy.com\/creating-responsive-html-email\/","amazon":"https:\/\/www.amazon.com\/Preview-the-final-project\/dp\/B01FFC6UAG\/ref=sr_1_5?ie=UTF8&qid=1514384847&sr=8-5&keywords=Chris+Converse","skillshare":"https:\/\/www.skillshare.com\/classes\/Creating-a-Responsive-HTML-Email\/1603294647?via=user-profile"}}},{"title":"Detecting the screen size for responsive layout","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/creating-an-interactive-animated-timeline-with-jquery\/detecting-the-screen-size-for-a-responsive-layout","url_lynda":"https:\/\/www.lynda.com\/jQuery-tutorials\/Detecting-screen-size-responsive-layout\/124092\/143451-4.html","url_youtube":"none","thumbnail":null,"topics":[9,35,60],"software":[33],"course":{"title":"Creating an Interactive Animated Timeline with jQuery","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/creating-an-interactive-animated-timeline-with-jquery","lynda-com":"https:\/\/www.lynda.com\/jQuery-tutorials\/Create-Interactive-Animated-Timeline-jQuery\/124092-2.html"}}},{"title":"Create a CSS media Query for small screens","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/creating-an-interactive-animated-timeline-with-jquery\/creating-a-css-media-query-for-small-screens","url_lynda":"https:\/\/www.lynda.com\/jQuery-tutorials\/Creating-CSS-media-query-small-screens\/124092\/143447-4.html","url_youtube":"none","thumbnail":null,"topics":[30],"software":[33],"course":{"title":"Creating an Interactive Animated Timeline with jQuery","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/creating-an-interactive-animated-timeline-with-jquery","lynda-com":"https:\/\/www.lynda.com\/jQuery-tutorials\/Create-Interactive-Animated-Timeline-jQuery\/124092-2.html"}}},{"title":"Animating the background","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/creating-an-interactive-animated-timeline-with-jquery\/animating-the-background","url_lynda":"https:\/\/www.lynda.com\/jQuery-tutorials\/Animating-background\/124092\/143444-4.html","url_youtube":"none","thumbnail":null,"topics":[35,11],"software":[33],"course":{"title":"Creating an Interactive Animated Timeline with jQuery","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/creating-an-interactive-animated-timeline-with-jquery","lynda-com":"https:\/\/www.lynda.com\/jQuery-tutorials\/Create-Interactive-Animated-Timeline-jQuery\/124092-2.html"}}},{"title":"Activate the navigation to animate the panels","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/creating-an-interactive-animated-timeline-with-jquery\/activating-the-navigation-to-animate-the-panels","url_lynda":"https:\/\/www.lynda.com\/jQuery-tutorials\/Activating-navigation-animate-panels\/124092\/143443-4.html","url_youtube":"none","thumbnail":null,"topics":[53,35,58],"software":[33],"course":{"title":"Creating an Interactive Animated Timeline with jQuery","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/creating-an-interactive-animated-timeline-with-jquery","lynda-com":"https:\/\/www.lynda.com\/jQuery-tutorials\/Create-Interactive-Animated-Timeline-jQuery\/124092-2.html"}}},{"title":"Position and style the navigation","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/creating-an-interactive-animated-timeline-with-jquery\/positioning-and-styling-the-navigation","url_lynda":"https:\/\/www.lynda.com\/jQuery-tutorials\/Positioning-styling-navigation\/124092\/143442-4.html","url_youtube":"none","thumbnail":null,"topics":[2,29,60],"software":[33],"course":{"title":"Creating an Interactive Animated Timeline with jQuery","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/creating-an-interactive-animated-timeline-with-jquery","lynda-com":"https:\/\/www.lynda.com\/jQuery-tutorials\/Create-Interactive-Animated-Timeline-jQuery\/124092-2.html"}}},{"title":"Generate the navigation based on the HTML","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/creating-an-interactive-animated-timeline-with-jquery\/generating-the-navigation-based-on-the-html","url_lynda":"https:\/\/www.lynda.com\/jQuery-tutorials\/Generating-navigation-based-HTML\/124092\/143441-4.html","url_youtube":"none","thumbnail":null,"topics":[53,35],"software":[33],"course":{"title":"Creating an Interactive Animated Timeline with jQuery","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/creating-an-interactive-animated-timeline-with-jquery","lynda-com":"https:\/\/www.lynda.com\/jQuery-tutorials\/Create-Interactive-Animated-Timeline-jQuery\/124092-2.html"}}},{"title":"Adjusting the layout with jQuery","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/creating-an-interactive-animated-timeline-with-jquery\/adjusting-the-layout-with-jquery","url_lynda":"https:\/\/www.lynda.com\/jQuery-tutorials\/Adjusting-layout-jQuery\/124092\/143440-4.html","url_youtube":"none","thumbnail":null,"topics":[9,35],"software":[33],"course":{"title":"Creating an Interactive Animated Timeline with jQuery","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/creating-an-interactive-animated-timeline-with-jquery","lynda-com":"https:\/\/www.lynda.com\/jQuery-tutorials\/Create-Interactive-Animated-Timeline-jQuery\/124092-2.html"}}},{"title":"Linking CSS and JavaScript files to your HTML file","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/creating-an-interactive-animated-timeline-with-jquery\/linking-css-and-javascript-files-to-your-html-file","url_lynda":"https:\/\/www.lynda.com\/jQuery-tutorials\/Linking-CSS-JavaScript-files-your-HTML-file\/124092\/143431-4.html","url_youtube":"none","thumbnail":null,"topics":[2,6,9],"software":[33],"course":{"title":"Creating an Interactive Animated Timeline with jQuery","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/creating-an-interactive-animated-timeline-with-jquery","lynda-com":"https:\/\/www.lynda.com\/jQuery-tutorials\/Create-Interactive-Animated-Timeline-jQuery\/124092-2.html"}}},{"title":"Saving web graphics form Photoshop","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/creating-an-interactive-animated-timeline-with-jquery\/saving-web-graphics-from-photoshop","url_lynda":"https:\/\/www.lynda.com\/jQuery-tutorials\/Saving-web-graphics-from-Photoshop\/124092\/143430-4.html","url_youtube":"none","thumbnail":null,"topics":[50],"software":[12],"course":{"title":"Creating an Interactive Animated Timeline with jQuery","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/creating-an-interactive-animated-timeline-with-jquery","lynda-com":"https:\/\/www.lynda.com\/jQuery-tutorials\/Create-Interactive-Animated-Timeline-jQuery\/124092-2.html"}}},{"title":"Creating a stage size and a frame guide","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/design-the-web-sprite-sheets\/creating-a-stage-size-and-a-frame-guide","url_lynda":"https:\/\/www.lynda.com\/Photoshop-tutorials\/Creating-stage-size-frame-guide\/135376\/143351-4.html","url_youtube":"none","thumbnail":null,"topics":[56,50],"software":[12],"course":{"title":"Design the Web: Sprite Sheets","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/design-the-web-sprite-sheets","lynda-com":"https:\/\/www.lynda.com\/Photoshop-tutorials\/Design-Web-Sprite-Sheets\/135376-2.html"}}},{"title":"Using Smart Objects to create frame artwork","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/design-the-web-sprite-sheets\/using-smart-objects-to-create-frame-artwork","url_lynda":"https:\/\/www.lynda.com\/Photoshop-tutorials\/Using-Smart-Objects-create-frame-artwork\/135376\/143352-4.html","url_youtube":"none","thumbnail":null,"topics":[56,50],"software":[12],"course":{"title":"Design the Web: Sprite Sheets","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/design-the-web-sprite-sheets","lynda-com":"https:\/\/www.lynda.com\/Photoshop-tutorials\/Design-Web-Sprite-Sheets\/135376-2.html"}}},{"title":"Creating bite effects on the apples","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/design-the-web-sprite-sheets\/creating-bite-effects-on-the-apples","url_lynda":"https:\/\/www.lynda.com\/Photoshop-tutorials\/Creating-bite-effects-apples\/135376\/143353-4.html","url_youtube":"none","thumbnail":null,"topics":[56,50],"software":[12],"course":{"title":"Design the Web: Sprite Sheets","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/design-the-web-sprite-sheets","lynda-com":"https:\/\/www.lynda.com\/Photoshop-tutorials\/Design-Web-Sprite-Sheets\/135376-2.html"}}},{"title":"Creating bite effects on the cores","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/design-the-web-sprite-sheets\/creating-bite-effects-on-the-cores","url_lynda":"https:\/\/www.lynda.com\/Photoshop-tutorials\/Creating-bite-effects-cores\/135376\/143354-4.html","url_youtube":"none","thumbnail":null,"topics":[56,50],"software":[12],"course":{"title":"Design the Web: Sprite Sheets","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/design-the-web-sprite-sheets","lynda-com":"https:\/\/www.lynda.com\/Photoshop-tutorials\/Design-Web-Sprite-Sheets\/135376-2.html"}}},{"title":"Simulating the leaf falling","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/design-the-web-sprite-sheets\/simulating-the-leaf-falling","url_lynda":"https:\/\/www.lynda.com\/Photoshop-tutorials\/Simulating-leaf-falling\/135376\/143355-4.html","url_youtube":"none","thumbnail":null,"topics":[56,50],"software":[12],"course":{"title":"Design the Web: Sprite Sheets","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/design-the-web-sprite-sheets","lynda-com":"https:\/\/www.lynda.com\/Photoshop-tutorials\/Design-Web-Sprite-Sheets\/135376-2.html"}}},{"title":"Exporting and testing your sprite animation","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/design-the-web-sprite-sheets\/exporting-and-testing-your-sprite-animation","url_lynda":"https:\/\/www.lynda.com\/Photoshop-tutorials\/Exporting-texting-your-sprite-animation\/135376\/143356-4.html","url_youtube":"none","thumbnail":null,"topics":[9,56,50],"software":[12,33],"course":{"title":"Design the Web: Sprite Sheets","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/design-the-web-sprite-sheets","lynda-com":"https:\/\/www.lynda.com\/Photoshop-tutorials\/Design-Web-Sprite-Sheets\/135376-2.html"}}},{"title":"Applying non-destructive filter effects","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/design-the-web-sprite-sheets\/applying-nondestructive-filter-effects","url_lynda":"https:\/\/www.lynda.com\/Photoshop-tutorials\/Applying-nondestructive-filter-effects\/135376\/143357-4.html","url_youtube":"none","thumbnail":null,"topics":[50],"software":[12],"course":{"title":"Design the Web: Sprite Sheets","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/design-the-web-sprite-sheets","lynda-com":"https:\/\/www.lynda.com\/Photoshop-tutorials\/Design-Web-Sprite-Sheets\/135376-2.html"}}},{"title":"Position and transforming artwork","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/design-the-web-video-graphics-and-animation\/positioning-and-transforming-artwork","url_lynda":"https:\/\/www.lynda.com\/Photoshop-tutorials\/Positioning-transforming-artwork\/123000\/130488-4.html","url_youtube":"none","thumbnail":null,"topics":[61,62],"software":[12],"course":{"title":"Design the Web: Video Graphics and Animation","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/design-the-web-video-graphics-and-animation","lynda-com":"https:\/\/www.lynda.com\/Photoshop-tutorials\/Design-Web-Video-Graphics-Animation\/123000-2.html"}}},{"title":"Animating artwork","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/design-the-web-video-graphics-and-animation\/animating-artwork","url_lynda":"https:\/\/www.lynda.com\/Photoshop-tutorials\/Animating-artwork\/123000\/130489-4.html","url_youtube":"none","thumbnail":null,"topics":[61,62],"software":[12],"course":{"title":"Design the Web: Video Graphics and Animation","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/design-the-web-video-graphics-and-animation","lynda-com":"https:\/\/www.lynda.com\/Photoshop-tutorials\/Design-Web-Video-Graphics-Animation\/123000-2.html"}}},{"title":"Animating Smart Objects","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/design-the-web-video-graphics-and-animation\/animating-smart-objects","url_lynda":"https:\/\/www.lynda.com\/Photoshop-tutorials\/Animating-Smart-Objects\/123000\/130490-4.html","url_youtube":"none","thumbnail":null,"topics":[61,62],"software":[12],"course":{"title":"Design the Web: Video Graphics and Animation","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/design-the-web-video-graphics-and-animation","lynda-com":"https:\/\/www.lynda.com\/Photoshop-tutorials\/Design-Web-Video-Graphics-Animation\/123000-2.html"}}},{"title":"Adjusting a Smart Object registration point","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/design-the-web-video-graphics-and-animation\/adjusting-a-smart-object-registration-point","url_lynda":"https:\/\/www.lynda.com\/Photoshop-tutorials\/Adjusting-Smart-Object-registration-point\/123000\/130491-4.html","url_youtube":"none","thumbnail":null,"topics":[61],"software":[12],"course":{"title":"Design the Web: Video Graphics and Animation","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/design-the-web-video-graphics-and-animation","lynda-com":"https:\/\/www.lynda.com\/Photoshop-tutorials\/Design-Web-Video-Graphics-Animation\/123000-2.html"}}},{"title":"Animating Layer Styles (Effects)","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/design-the-web-video-graphics-and-animation\/animating-layer-styles-and-effects","url_lynda":"https:\/\/www.lynda.com\/Photoshop-tutorials\/Animating-layer-styles-effects\/123000\/130492-4.html","url_youtube":"none","thumbnail":null,"topics":[61],"software":[12],"course":{"title":"Design the Web: Video Graphics and Animation","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/design-the-web-video-graphics-and-animation","lynda-com":"https:\/\/www.lynda.com\/Photoshop-tutorials\/Design-Web-Video-Graphics-Animation\/123000-2.html"}}},{"title":"Extending and reusing a graphic elements","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/design-the-web-video-graphics-and-animation\/extending-and-reusing-a-graphic-element","url_lynda":"https:\/\/www.lynda.com\/Photoshop-tutorials\/Extending-reusing-graphic-element\/123000\/130494-4.html","url_youtube":"none","thumbnail":null,"topics":[61],"software":[12],"course":{"title":"Design the Web: Video Graphics and Animation","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/design-the-web-video-graphics-and-animation","lynda-com":"https:\/\/www.lynda.com\/Photoshop-tutorials\/Design-Web-Video-Graphics-Animation\/123000-2.html"}}},{"title":"Adding Text to a Video","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/design-the-web-video-graphics-and-animation\/adding-text-to-a-video","url_lynda":"https:\/\/www.lynda.com\/Photoshop-tutorials\/Adding-text-video\/123000\/130495-4.html","url_youtube":"none","thumbnail":null,"topics":[62],"software":[12],"course":{"title":"Design the Web: Video Graphics and Animation","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/design-the-web-video-graphics-and-animation","lynda-com":"https:\/\/www.lynda.com\/Photoshop-tutorials\/Design-Web-Video-Graphics-Animation\/123000-2.html"}}},{"title":"Rendering video from Photoshop","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/design-the-web-video-graphics-and-animation\/rendering-video-from-photoshop","url_lynda":"https:\/\/www.lynda.com\/Photoshop-tutorials\/Rendering-video-from-Photoshop\/123000\/130497-4.html","url_youtube":"none","thumbnail":null,"topics":[62],"software":[12],"course":{"title":"Design the Web: Video Graphics and Animation","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/design-the-web-video-graphics-and-animation","lynda-com":"https:\/\/www.lynda.com\/Photoshop-tutorials\/Design-Web-Video-Graphics-Animation\/123000-2.html"}}},{"title":"Getting video into Photoshop","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/design-the-web-video-graphics-and-animation\/getting-video-into-photoshop","url_lynda":"https:\/\/www.lynda.com\/Photoshop-tutorials\/Getting-video-Photoshop\/123000\/130484-4.html","url_youtube":"none","thumbnail":null,"topics":[62],"software":[12],"course":{"title":"Design the Web: Video Graphics and Animation","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/design-the-web-video-graphics-and-animation","lynda-com":"https:\/\/www.lynda.com\/Photoshop-tutorials\/Design-Web-Video-Graphics-Animation\/123000-2.html"}}},{"title":"Moving and transitioning video clips","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/design-the-web-video-graphics-and-animation\/moving-and-transitioning-video","url_lynda":"https:\/\/www.lynda.com\/Photoshop-tutorials\/Moving-transitioning-video\/123000\/130486-4.html","url_youtube":"none","thumbnail":null,"topics":[62],"software":[12],"course":{"title":"Design the Web: Video Graphics and Animation","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/design-the-web-video-graphics-and-animation","lynda-com":"https:\/\/www.lynda.com\/Photoshop-tutorials\/Design-Web-Video-Graphics-Animation\/123000-2.html"}}},{"title":"Splitting video clips","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/design-the-web-video-graphics-and-animation\/splitting-video-clips","url_lynda":"https:\/\/www.lynda.com\/Photoshop-tutorials\/Splitting-video-clips\/123000\/130485-4.html","url_youtube":"none","thumbnail":null,"topics":[62],"software":[12],"course":{"title":"Design the Web: Video Graphics and Animation","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/design-the-web-video-graphics-and-animation","lynda-com":"https:\/\/www.lynda.com\/Photoshop-tutorials\/Design-Web-Video-Graphics-Animation\/123000-2.html"}}},{"title":"Adding and artwork and making Smart Objects","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/design-the-web-video-graphics-and-animation\/adding-artwork-and-making-smart-objects","url_lynda":"https:\/\/www.lynda.com\/Photoshop-tutorials\/Adding-artwork-making-Smart-Objects\/123000\/130487-4.html","url_youtube":"none","thumbnail":null,"topics":[62],"software":[12],"course":{"title":"Design the Web: Video Graphics and Animation","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/design-the-web-video-graphics-and-animation","lynda-com":"https:\/\/www.lynda.com\/Photoshop-tutorials\/Design-Web-Video-Graphics-Animation\/123000-2.html"}}},{"title":"Creating a paragraph style for the body text","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/design-the-web-simulating-web-text\/creating-a-paragraph-style-for-the-body-text","url_lynda":"https:\/\/www.lynda.com\/Photoshop-tutorials\/Creating-paragraph-style-body-text\/123001\/132583-4.html","url_youtube":"none","thumbnail":null,"topics":[60],"software":[12],"course":{"title":"Design the Web: Simulating Web Text","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/design-the-web-simulating-web-text","lynda-com":"https:\/\/www.lynda.com\/Photoshop-tutorials\/Design-Web-Simulating-Web-Text\/123001-2.html"}}},{"title":"Creating a paragraph style for the headings","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/design-the-web-simulating-web-text\/creating-a-paragraph-style-for-the-headings","url_lynda":"https:\/\/www.lynda.com\/Photoshop-tutorials\/Creating-paragraph-style-headings\/123001\/132584-4.html","url_youtube":"none","thumbnail":null,"topics":[60],"software":[12],"course":{"title":"Design the Web: Simulating Web Text","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/design-the-web-simulating-web-text","lynda-com":"https:\/\/www.lynda.com\/Photoshop-tutorials\/Design-Web-Simulating-Web-Text\/123001-2.html"}}},{"title":"Creating a character style for hyerlinks","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/design-the-web-simulating-web-text\/creating-a-character-style-for-hyperlinks","url_lynda":"https:\/\/www.lynda.com\/Photoshop-tutorials\/Creating-character-style-hyperlinks\/123001\/132585-4.html","url_youtube":"none","thumbnail":null,"topics":[60],"software":[12],"course":{"title":"Design the Web: Simulating Web Text","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/design-the-web-simulating-web-text","lynda-com":"https:\/\/www.lynda.com\/Photoshop-tutorials\/Design-Web-Simulating-Web-Text\/123001-2.html"}}},{"title":"Combining paragraph and character styles","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/design-the-web-simulating-web-text\/combining-paragraph-and-character-styles","url_lynda":"https:\/\/www.lynda.com\/Photoshop-tutorials\/Combining-paragraph-character-styles\/123001\/132586-4.html","url_youtube":"none","thumbnail":null,"topics":[60],"software":[12],"course":{"title":"Design the Web: Simulating Web Text","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/design-the-web-simulating-web-text","lynda-com":"https:\/\/www.lynda.com\/Photoshop-tutorials\/Design-Web-Simulating-Web-Text\/123001-2.html"}}},{"title":"Variations in web browser text rendering","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/design-the-web-simulating-web-text\/variations-in-web-browser-text-rendering","url_lynda":"https:\/\/www.lynda.com\/Photoshop-tutorials\/Variations-web-browser-text-rendering\/123001\/132588-4.html","url_youtube":"none","thumbnail":null,"topics":[60],"software":[41],"course":{"title":"Design the Web: Simulating Web Text","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/design-the-web-simulating-web-text","lynda-com":"https:\/\/www.lynda.com\/Photoshop-tutorials\/Design-Web-Simulating-Web-Text\/123001-2.html"}}},{"title":"Adjusting the anti-aliasing settings for a text block","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/design-the-web-simulating-web-text\/adjusting-the-anti-aliasing-settings-for-a-text-block","url_lynda":"https:\/\/www.lynda.com\/Photoshop-tutorials\/Adjusting-anti-aliasing-settings-text-block\/123001\/132589-4.html","url_youtube":"none","thumbnail":null,"topics":[60],"software":[12],"course":{"title":"Design the Web: Simulating Web Text","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/design-the-web-simulating-web-text","lynda-com":"https:\/\/www.lynda.com\/Photoshop-tutorials\/Design-Web-Simulating-Web-Text\/123001-2.html"}}},{"title":"Adding CSS3 media queries","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/creating-a-responsive-sortable-photo-gallery-with-jquery\/adding-css3-media-queries","url_lynda":"https:\/\/www.lynda.com\/jQuery-tutorials\/Adding-CSS3-media-queries\/114897\/127939-4.html","url_youtube":"none","thumbnail":null,"topics":[2,30],"software":[33],"course":{"title":"Creating a Responsive Sortable Photo Gallery with jQuery","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/creating-a-responsive-sortable-photo-gallery-with-jquery","lynda-com":"https:\/\/www.lynda.com\/jQuery-tutorials\/Creating-Responsive-Sortable-Photo-Gallery-jQuery\/114897-2.html"}}},{"title":"Activating the Sorting Links","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/creating-a-responsive-sortable-photo-gallery-with-jquery\/activating-the-sorting-links","url_lynda":"https:\/\/www.lynda.com\/jQuery-tutorials\/Activating-sorting-links\/114897\/127932-4.html","url_youtube":"none","thumbnail":null,"topics":[53,9,35,58],"software":[33],"course":{"title":"Creating a Responsive Sortable Photo Gallery with jQuery","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/creating-a-responsive-sortable-photo-gallery-with-jquery","lynda-com":"https:\/\/www.lynda.com\/jQuery-tutorials\/Creating-Responsive-Sortable-Photo-Gallery-jQuery\/114897-2.html"}}},{"title":"Positioning and animating the thumbnails","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/creating-a-responsive-sortable-photo-gallery-with-jquery\/positioning-and-animating-the-thumbnails","url_lynda":"https:\/\/www.lynda.com\/jQuery-tutorials\/Positioning-animating-thumbnails\/114897\/127929-4.html","url_youtube":"none","thumbnail":null,"topics":[9,35,11],"software":[33],"course":{"title":"Creating a Responsive Sortable Photo Gallery with jQuery","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/creating-a-responsive-sortable-photo-gallery-with-jquery","lynda-com":"https:\/\/www.lynda.com\/jQuery-tutorials\/Creating-Responsive-Sortable-Photo-Gallery-jQuery\/114897-2.html"}}},{"title":"Create a custom function to position thumbnails","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/creating-a-responsive-sortable-photo-gallery-with-jquery\/creating-a-custom-function-to-position-thumbnails","url_lynda":"https:\/\/www.lynda.com\/jQuery-tutorials\/Creating-custom-function-position-thumbnails\/114897\/127924-4.html","url_youtube":"none","thumbnail":null,"topics":[9,35,10],"software":[33],"course":{"title":"Creating a Responsive Sortable Photo Gallery with jQuery","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/creating-a-responsive-sortable-photo-gallery-with-jquery","lynda-com":"https:\/\/www.lynda.com\/jQuery-tutorials\/Creating-Responsive-Sortable-Photo-Gallery-jQuery\/114897-2.html"}}},{"title":"Styling the Text and Background image","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/creating-a-responsive-sortable-photo-gallery-with-jquery\/styling-the-text-and-the-background-image","url_lynda":"https:\/\/www.lynda.com\/jQuery-tutorials\/Styling-text-background-image\/114897\/127917-4.html","url_youtube":"none","thumbnail":null,"topics":[2,5],"software":[33],"course":{"title":"Creating a Responsive Sortable Photo Gallery with jQuery","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/creating-a-responsive-sortable-photo-gallery-with-jquery","lynda-com":"https:\/\/www.lynda.com\/jQuery-tutorials\/Creating-Responsive-Sortable-Photo-Gallery-jQuery\/114897-2.html"}}},{"title":"Linking the JavaScript files to HTML","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/creating-a-responsive-sortable-photo-gallery-with-jquery\/linking-the-javascript-files","url_lynda":"https:\/\/www.lynda.com\/jQuery-tutorials\/Linking-JavaScript-files\/114897\/127908-4.html","url_youtube":"none","thumbnail":null,"topics":[6,9],"software":[33],"course":{"title":"Creating a Responsive Sortable Photo Gallery with jQuery","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/creating-a-responsive-sortable-photo-gallery-with-jquery","lynda-com":"https:\/\/www.lynda.com\/jQuery-tutorials\/Creating-Responsive-Sortable-Photo-Gallery-jQuery\/114897-2.html"}}},{"title":"Linking the CSS files to HTML","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/creating-a-responsive-sortable-photo-gallery-with-jquery\/linking-the-css-files","url_lynda":"https:\/\/www.lynda.com\/jQuery-tutorials\/Linking-CSS-files\/114897\/127907-4.html","url_youtube":"none","thumbnail":null,"topics":[2,6],"software":[33],"course":{"title":"Creating a Responsive Sortable Photo Gallery with jQuery","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/creating-a-responsive-sortable-photo-gallery-with-jquery","lynda-com":"https:\/\/www.lynda.com\/jQuery-tutorials\/Creating-Responsive-Sortable-Photo-Gallery-jQuery\/114897-2.html"}}},{"title":"Setting the viewport scale settings","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/creating-a-responsive-sortable-photo-gallery-with-jquery\/setting-the-viewport-scale-settings","url_lynda":"https:\/\/www.lynda.com\/jQuery-tutorials\/Setting-viewport-scale-settings\/114897\/127906-4.html","url_youtube":"none","thumbnail":null,"topics":[6],"software":[33],"course":{"title":"Creating a Responsive Sortable Photo Gallery with jQuery","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/creating-a-responsive-sortable-photo-gallery-with-jquery","lynda-com":"https:\/\/www.lynda.com\/jQuery-tutorials\/Creating-Responsive-Sortable-Photo-Gallery-jQuery\/114897-2.html"}}},{"title":"Creating custom thumbnails","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/creating-a-responsive-sortable-photo-gallery-with-jquery\/creating-custom-thumbnails","url_lynda":"https:\/\/www.lynda.com\/jQuery-tutorials\/Creating-custom-thumbnails\/114897\/127904-4.html","url_youtube":"none","thumbnail":null,"topics":[50],"software":[12],"course":{"title":"Creating a Responsive Sortable Photo Gallery with jQuery","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/creating-a-responsive-sortable-photo-gallery-with-jquery","lynda-com":"https:\/\/www.lynda.com\/jQuery-tutorials\/Creating-Responsive-Sortable-Photo-Gallery-jQuery\/114897-2.html"}}},{"title":"Creating multiple images for responsive imagery","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/creating-a-responsive-sortable-photo-gallery-with-jquery\/creating-multiple-images-for-a-responsive-design","url_lynda":"https:\/\/www.lynda.com\/jQuery-tutorials\/Creating-multiple-images-responsive-design\/114897\/127903-4.html","url_youtube":"none","thumbnail":null,"topics":[50],"software":[12],"course":{"title":"Creating a Responsive Sortable Photo Gallery with jQuery","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/creating-a-responsive-sortable-photo-gallery-with-jquery","lynda-com":"https:\/\/www.lynda.com\/jQuery-tutorials\/Creating-Responsive-Sortable-Photo-Gallery-jQuery\/114897-2.html"}}},{"title":"Slicing and Exporting Web Graphics","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/creating-a-responsive-sortable-photo-gallery-with-jquery\/slicing-and-exporting-web-graphics","url_lynda":"https:\/\/www.lynda.com\/jQuery-tutorials\/Slicing-exporting-web-graphics\/114897\/127902-4.html","url_youtube":"none","thumbnail":null,"topics":[50],"software":[12],"course":{"title":"Creating a Responsive Sortable Photo Gallery with jQuery","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/creating-a-responsive-sortable-photo-gallery-with-jquery","lynda-com":"https:\/\/www.lynda.com\/jQuery-tutorials\/Creating-Responsive-Sortable-Photo-Gallery-jQuery\/114897-2.html"}}},{"title":"Adding vector dotted rules","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/design-the-web-smart-objects\/adding-vector-dotted-rules","url_lynda":"https:\/\/www.lynda.com\/Photoshop-tutorials\/Adding-vector-dotted-rules\/114905\/125308-4.html","url_youtube":"none","thumbnail":null,"topics":[60],"software":[12],"course":{"title":"Design the Web: Smart Objects","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/design-the-web-smart-objects","lynda-com":"https:\/\/www.lynda.com\/Photoshop-tutorials\/Design-Web-Smart-Objects\/114905-2.html"}}},{"title":"Creating a Smart Object form existing layers","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/design-the-web-smart-objects\/creating-a-smart-object-from-existing-layers","url_lynda":"https:\/\/www.lynda.com\/Photoshop-tutorials\/Creating-Smart-Object-from-existing-layers\/114905\/125309-4.html","url_youtube":"none","thumbnail":null,"topics":[60],"software":[12],"course":{"title":"Design the Web: Smart Objects","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/design-the-web-smart-objects","lynda-com":"https:\/\/www.lynda.com\/Photoshop-tutorials\/Design-Web-Smart-Objects\/114905-2.html"}}},{"title":"Replacing artwork in a Smart Object","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/design-the-web-smart-objects\/replacing-artwork-in-a-smart-object","url_lynda":"https:\/\/www.lynda.com\/Photoshop-tutorials\/Replacing-artwork-Smart-Object\/114905\/125310-4.html","url_youtube":"none","thumbnail":null,"topics":[60],"software":[12],"course":{"title":"Design the Web: Smart Objects","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/design-the-web-smart-objects","lynda-com":"https:\/\/www.lynda.com\/Photoshop-tutorials\/Design-Web-Smart-Objects\/114905-2.html"}}},{"title":"Exploring animated Smart Objects","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/design-the-web-smart-objects\/exploring-animated-smart-objects","url_lynda":"https:\/\/www.lynda.com\/Photoshop-tutorials\/Exploring-animated-Smart-Objects\/114905\/125312-4.html","url_youtube":"none","thumbnail":null,"topics":[61,60],"software":[12],"course":{"title":"Design the Web: Smart Objects","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/design-the-web-smart-objects","lynda-com":"https:\/\/www.lynda.com\/Photoshop-tutorials\/Design-Web-Smart-Objects\/114905-2.html"}}},{"title":"Using linked files as Smart Objects","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/design-the-web-smart-objects\/using-linked-files-as-smart-objects","url_lynda":"https:\/\/www.lynda.com\/Photoshop-tutorials\/Using-linked-files-Smart-Objects\/114905\/364448-4.html","url_youtube":"none","thumbnail":null,"topics":[60],"software":[12],"course":{"title":"Design the Web: Smart Objects","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/design-the-web-smart-objects","lynda-com":"https:\/\/www.lynda.com\/Photoshop-tutorials\/Design-Web-Smart-Objects\/114905-2.html"}}},{"title":"Creating Smart Objects from JPG files","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/design-the-web-smart-objects\/creating-smart-objects-from-jpeg-files","url_lynda":"https:\/\/www.lynda.com\/Photoshop-tutorials\/Creating-Smart-Objects-from-JPEG-files\/114905\/125300-4.html","url_youtube":"none","thumbnail":null,"topics":[60],"software":[12],"course":{"title":"Design the Web: Smart Objects","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/design-the-web-smart-objects","lynda-com":"https:\/\/www.lynda.com\/Photoshop-tutorials\/Design-Web-Smart-Objects\/114905-2.html"}}},{"title":"Creating Smart Objects from Photoshop files","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/design-the-web-smart-objects\/creating-smart-objects-from-photoshop-files","url_lynda":"https:\/\/www.lynda.com\/Photoshop-tutorials\/Creating-Smart-Objects-from-Photoshop-files\/114905\/125301-4.html","url_youtube":"none","thumbnail":null,"topics":[60],"software":[12],"course":{"title":"Design the Web: Smart Objects","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/design-the-web-smart-objects","lynda-com":"https:\/\/www.lynda.com\/Photoshop-tutorials\/Design-Web-Smart-Objects\/114905-2.html"}}},{"title":"Creating Smart Objects from Illustrator files","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/design-the-web-smart-objects\/creating-smart-objects-from-illustrator-files","url_lynda":"https:\/\/www.lynda.com\/Photoshop-tutorials\/Creating-Smart-Objects-from-Illustrator-files\/114905\/125302-4.html","url_youtube":"none","thumbnail":null,"topics":[60],"software":[12],"course":{"title":"Design the Web: Smart Objects","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/design-the-web-smart-objects","lynda-com":"https:\/\/www.lynda.com\/Photoshop-tutorials\/Design-Web-Smart-Objects\/114905-2.html"}}},{"title":"Duplicating Smart Objects","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/design-the-web-smart-objects\/duplicating-smart-objects","url_lynda":"https:\/\/www.lynda.com\/Photoshop-tutorials\/Duplicating-Smart-Objects\/114905\/125304-4.html","url_youtube":"none","thumbnail":null,"topics":[60],"software":[12],"course":{"title":"Design the Web: Smart Objects","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/design-the-web-smart-objects","lynda-com":"https:\/\/www.lynda.com\/Photoshop-tutorials\/Design-Web-Smart-Objects\/114905-2.html"}}},{"title":"Editing the contents of a Smart Object","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/design-the-web-smart-objects\/editing-the-contents-of-a-smart-object","url_lynda":"https:\/\/www.lynda.com\/Photoshop-tutorials\/Editing-contents-Smart-Object\/114905\/125305-4.html","url_youtube":"none","thumbnail":null,"topics":[60],"software":[12],"course":{"title":"Design the Web: Smart Objects","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/design-the-web-smart-objects","lynda-com":"https:\/\/www.lynda.com\/Photoshop-tutorials\/Design-Web-Smart-Objects\/114905-2.html"}}},{"title":"Creating a callout from a duplicated Smart Object","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/design-the-web-smart-objects\/creating-a-callout-from-a-duplicated-smart-object","url_lynda":"https:\/\/www.lynda.com\/Photoshop-tutorials\/Creating-callout-from-duplicated-Smart-Object\/114905\/125306-4.html","url_youtube":"none","thumbnail":null,"topics":[60],"software":[12],"course":{"title":"Design the Web: Smart Objects","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/design-the-web-smart-objects","lynda-com":"https:\/\/www.lynda.com\/Photoshop-tutorials\/Design-Web-Smart-Objects\/114905-2.html"}}},{"title":"Creating a second callout","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/design-the-web-smart-objects\/creating-a-second-callout","url_lynda":"https:\/\/www.lynda.com\/Photoshop-tutorials\/Creating-second-callout\/114905\/125307-4.html","url_youtube":"none","thumbnail":null,"topics":[60],"software":[12],"course":{"title":"Design the Web: Smart Objects","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/design-the-web-smart-objects","lynda-com":"https:\/\/www.lynda.com\/Photoshop-tutorials\/Design-Web-Smart-Objects\/114905-2.html"}}},{"title":"Clipping a layer into a text layer","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/design-the-web-clipping-masks\/clipping-a-layer-into-a-text-layer","url_lynda":"https:\/\/www.lynda.com\/Photoshop-tutorials\/Clipping-layer-text-layer\/114906\/121246-4.html","url_youtube":"none","thumbnail":null,"topics":[38],"software":[12],"course":{"title":"Design the Web: Clipping Masks","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/design-the-web-clipping-masks","lynda-com":"https:\/\/www.lynda.com\/Photoshop-tutorials\/Web-Design-Lab-Using-Clipping-Masks-Nondestructive-Cropping\/114906-2.html"}}},{"title":"Clipping a layer into a basic shape","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/design-the-web-clipping-masks\/clipping-a-layer-into-a-basic-shape","url_lynda":"https:\/\/www.lynda.com\/Photoshop-tutorials\/Clipping-layer-basic-shape\/114906\/121247-4.html","url_youtube":"none","thumbnail":null,"topics":[38,50],"software":[12],"course":{"title":"Design the Web: Clipping Masks","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/design-the-web-clipping-masks","lynda-com":"https:\/\/www.lynda.com\/Photoshop-tutorials\/Web-Design-Lab-Using-Clipping-Masks-Nondestructive-Cropping\/114906-2.html"}}},{"title":"Clipping layer adjustments into a layer","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/design-the-web-clipping-masks\/clipping-layer-adjustments-into-a-layer","url_lynda":"https:\/\/www.lynda.com\/Photoshop-tutorials\/Clipping-layer-adjustments-layer\/114906\/121248-4.html","url_youtube":"none","thumbnail":null,"topics":[50],"software":[12],"course":{"title":"Design the Web: Clipping Masks","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/design-the-web-clipping-masks","lynda-com":"https:\/\/www.lynda.com\/Photoshop-tutorials\/Web-Design-Lab-Using-Clipping-Masks-Nondestructive-Cropping\/114906-2.html"}}},{"title":"Painting and erasing a custom clipping shape","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/design-the-web-clipping-masks\/painting-and-erasing-a-custom-clipping-shape","url_lynda":"https:\/\/www.lynda.com\/Photoshop-tutorials\/Painting-erasing-custom-clipping-shape\/114906\/121249-4.html","url_youtube":"none","thumbnail":null,"topics":[50],"software":[12],"course":{"title":"Design the Web: Clipping Masks","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/design-the-web-clipping-masks","lynda-com":"https:\/\/www.lynda.com\/Photoshop-tutorials\/Web-Design-Lab-Using-Clipping-Masks-Nondestructive-Cropping\/114906-2.html"}}},{"title":"Combining clipping masks and layer masks","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/design-the-web-clipping-masks\/combining-clipping-masks-and-layer-masks?","url_lynda":"https:\/\/www.lynda.com\/Photoshop-tutorials\/Combining-clipping-masks-layer-masks\/114906\/121250-4.html","url_youtube":"none","thumbnail":null,"topics":[50],"software":[12],"course":{"title":"Design the Web: Clipping Masks","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/design-the-web-clipping-masks","lynda-com":"https:\/\/www.lynda.com\/Photoshop-tutorials\/Web-Design-Lab-Using-Clipping-Masks-Nondestructive-Cropping\/114906-2.html"}}},{"title":"Re-assign CSS rules with JavaScript","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/creating-a-sliding-tabbed-panel-with-jquery\/reassigning-css-rules-with-javascript","url_lynda":"https:\/\/www.lynda.com\/jQuery-tutorials\/Reassigning-CSS-rules-JavaScript\/105379\/114363-4.html","url_youtube":"none","thumbnail":null,"topics":[2,9,35],"software":[33],"course":{"title":"Creating a Sliding Tabbed Panel with jQuery","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/creating-a-sliding-tabbed-panel-with-jquery","lynda-com":"https:\/\/www.lynda.com\/jQuery-tutorials\/Create-Sliding-Tabbed-Panel-jQuery\/105379-2.html"}}},{"title":"Assigning a selected state to the tab clicked","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/creating-a-sliding-tabbed-panel-with-jquery\/assigning-a-selected-state-to-the-tab-clicked","url_lynda":"https:\/\/www.lynda.com\/jQuery-tutorials\/Assigning-selected-state-tab-clicked\/105379\/114353-4.html","url_youtube":"none","thumbnail":null,"topics":[53,35],"software":[33],"course":{"title":"Creating a Sliding Tabbed Panel with jQuery","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/creating-a-sliding-tabbed-panel-with-jquery","lynda-com":"https:\/\/www.lynda.com\/jQuery-tutorials\/Create-Sliding-Tabbed-Panel-jQuery\/105379-2.html"}}},{"title":"Animating the panels based on the tab clicked","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/creating-a-sliding-tabbed-panel-with-jquery\/animating-the-panels-based-on-the-tab-clicked","url_lynda":"https:\/\/www.lynda.com\/jQuery-tutorials\/Animating-panels-based-tab-clicked\/105379\/114352-4.html","url_youtube":"none","thumbnail":null,"topics":[53,35,11],"software":[33],"course":{"title":"Creating a Sliding Tabbed Panel with jQuery","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/creating-a-sliding-tabbed-panel-with-jquery","lynda-com":"https:\/\/www.lynda.com\/jQuery-tutorials\/Create-Sliding-Tabbed-Panel-jQuery\/105379-2.html"}}},{"title":"Assigning click events to the tabs","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/creating-a-sliding-tabbed-panel-with-jquery\/assigning-click-events-to-the-tabs","url_lynda":"https:\/\/www.lynda.com\/jQuery-tutorials\/Assigning-click-events-tabs\/105379\/114351-4.html","url_youtube":"none","thumbnail":null,"topics":[53,9,35,58],"software":[33],"course":{"title":"Creating a Sliding Tabbed Panel with jQuery","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/creating-a-sliding-tabbed-panel-with-jquery","lynda-com":"https:\/\/www.lynda.com\/jQuery-tutorials\/Create-Sliding-Tabbed-Panel-jQuery\/105379-2.html"}}},{"title":"Adding the jQuery document ready","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/creating-a-sliding-tabbed-panel-with-jquery\/adding-the-jquery-document-ready","url_lynda":"https:\/\/www.lynda.com\/jQuery-tutorials\/Adding-jQuery-document-ready\/105379\/114349-4.html","url_youtube":"none","thumbnail":null,"topics":[35],"software":[33],"course":{"title":"Creating a Sliding Tabbed Panel with jQuery","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/creating-a-sliding-tabbed-panel-with-jquery","lynda-com":"https:\/\/www.lynda.com\/jQuery-tutorials\/Create-Sliding-Tabbed-Panel-jQuery\/105379-2.html"}}},{"title":"CSS styles for the tabs","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/creating-a-sliding-tabbed-panel-with-jquery\/adding-css-styles-to-the-tabs","url_lynda":"https:\/\/www.lynda.com\/jQuery-tutorials\/Adding-CSS-styles-tabs\/105379\/114345-4.html","url_youtube":"none","thumbnail":null,"topics":[2],"software":[33],"course":{"title":"Creating a Sliding Tabbed Panel with jQuery","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/creating-a-sliding-tabbed-panel-with-jquery","lynda-com":"https:\/\/www.lynda.com\/jQuery-tutorials\/Create-Sliding-Tabbed-Panel-jQuery\/105379-2.html"}}},{"title":"CSS styles for the text","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/creating-a-sliding-tabbed-panel-with-jquery\/adding-css-styles-to-the-text","url_lynda":"https:\/\/www.lynda.com\/jQuery-tutorials\/Adding-CSS-styles-text\/105379\/114344-4.html","url_youtube":"none","thumbnail":null,"topics":[2,60],"software":[33],"course":{"title":"Creating a Sliding Tabbed Panel with jQuery","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/creating-a-sliding-tabbed-panel-with-jquery","lynda-com":"https:\/\/www.lynda.com\/jQuery-tutorials\/Create-Sliding-Tabbed-Panel-jQuery\/105379-2.html"}}},{"title":"Create template graphics","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/creating-an-ipad-web-app\/creating-the-template-graphics","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Creating-template-graphics\/98830\/107247-4.html","url_youtube":"none","thumbnail":null,"topics":[],"software":[12],"course":{"title":"Creating an iPad Web App","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/creating-an-ipad-web-app","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/Create-iPad-Web-App\/98830-2.html"}}},{"title":"Set up javascript orientation detection","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/creating-an-ipad-web-app\/setting-up-device-orientation-detection-with-javascript","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Setting-up-device-orientation-detection-JavaScript\/98830\/107248-4.html","url_youtube":"none","thumbnail":null,"topics":[9],"software":[33],"course":{"title":"Creating an iPad Web App","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/creating-an-ipad-web-app","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/Create-iPad-Web-App\/98830-2.html"}}},{"title":"CSS for layout","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/creating-an-ipad-web-app\/adding-css-for-the-layout","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Adding-CSS-layout\/98830\/107249-4.html","url_youtube":"none","thumbnail":null,"topics":[2],"software":[33],"course":{"title":"Creating an iPad Web App","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/creating-an-ipad-web-app","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/Create-iPad-Web-App\/98830-2.html"}}},{"title":"Adding the logo and leaves","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/creating-an-ipad-web-app\/adding-the-logo-and-leaves","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Adding-logo-leaves\/98830\/107251-4.html","url_youtube":"none","thumbnail":null,"topics":[2,29,6],"software":[33],"course":{"title":"Creating an iPad Web App","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/creating-an-ipad-web-app","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/Create-iPad-Web-App\/98830-2.html"}}},{"title":"Adding the teapot graphics","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/creating-an-ipad-web-app\/adding-the-teapot-graphics","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Adding-teapot-graphics\/98830\/107252-4.html","url_youtube":"none","thumbnail":null,"topics":[29,57,6,50],"software":[],"course":{"title":"Creating an iPad Web App","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/creating-an-ipad-web-app","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/Create-iPad-Web-App\/98830-2.html"}}},{"title":"Reposition teapots based on orientation","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/creating-an-ipad-web-app\/repositioning-the-teapots-based-on-orientation","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Repositioning-teapots-based-orientation\/98830\/107253-4.html","url_youtube":"none","thumbnail":null,"topics":[2,29],"software":[33],"course":{"title":"Creating an iPad Web App","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/creating-an-ipad-web-app","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/Create-iPad-Web-App\/98830-2.html"}}},{"title":"Load the homepage via Ajax","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/creating-an-ipad-web-app\/loading-the-homepage-via-ajax","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Loading-homepage-via-AJAX\/98830\/107255-4.html","url_youtube":"none","thumbnail":null,"topics":[9,35],"software":[33],"course":{"title":"Creating an iPad Web App","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/creating-an-ipad-web-app","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/Create-iPad-Web-App\/98830-2.html"}}},{"title":"Add and style the navigation","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/creating-an-ipad-web-app\/adding-and-styling-the-navigation","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Adding-styling-navigation\/98830\/107256-4.html","url_youtube":"none","thumbnail":null,"topics":[2,5,6],"software":[33],"course":{"title":"Creating an iPad Web App","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/creating-an-ipad-web-app","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/Create-iPad-Web-App\/98830-2.html"}}},{"title":"Set click events for the navigation","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/creating-an-ipad-web-app\/setting-click-events-for-the-navigation","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Setting-click-events-navigation\/98830\/107257-4.html","url_youtube":"none","thumbnail":null,"topics":[9,35,58],"software":[33],"course":{"title":"Creating an iPad Web App","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/creating-an-ipad-web-app","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/Create-iPad-Web-App\/98830-2.html"}}},{"title":"Detecting the homepage","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/creating-an-ipad-web-app\/detecting-the-homepage","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Detecting-homepage\/98830\/107258-4.html","url_youtube":"none","thumbnail":null,"topics":[9,35],"software":[33],"course":{"title":"Creating an iPad Web App","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/creating-an-ipad-web-app","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/Create-iPad-Web-App\/98830-2.html"}}},{"title":"Add iScroll functionality","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/creating-an-ipad-web-app\/adding-iscroll-functionality","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Adding-iScroll-functionality\/98830\/107260-4.html","url_youtube":"none","thumbnail":null,"topics":[6,9],"software":[59,33],"course":{"title":"Creating an iPad Web App","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/creating-an-ipad-web-app","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/Create-iPad-Web-App\/98830-2.html"}}},{"title":"Stop main web app base screen from moving on drag","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/creating-an-ipad-web-app\/preventing-the-web-app-base-screen-from-moving-on-drag","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Preventing-web-app-base-screen-from-moving-drag\/98830\/107261-4.html","url_youtube":"none","thumbnail":null,"topics":[9,58],"software":[33],"course":{"title":"Creating an iPad Web App","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/creating-an-ipad-web-app","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/Create-iPad-Web-App\/98830-2.html"}}},{"title":"Add in video","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/creating-an-ipad-web-app\/adding-video","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Adding-video\/98830\/107264-4.html","url_youtube":"none","thumbnail":null,"topics":[6,7],"software":[33],"course":{"title":"Creating an iPad Web App","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/creating-an-ipad-web-app","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/Create-iPad-Web-App\/98830-2.html"}}},{"title":"Setting up the gallery layout","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/creating-an-ipad-web-app\/setting-up-the-gallery-layout","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Setting-up-gallery-layout\/98830\/107265-4.html","url_youtube":"none","thumbnail":null,"topics":[2,28],"software":[33],"course":{"title":"Creating an iPad Web App","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/creating-an-ipad-web-app","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/Create-iPad-Web-App\/98830-2.html"}}},{"title":"Activating the gallery","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/creating-an-ipad-web-app\/activating-the-gallery","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Activating-gallery\/98830\/107266-4.html","url_youtube":"none","thumbnail":null,"topics":[53,9,35,58],"software":[33],"course":{"title":"Creating an iPad Web App","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/creating-an-ipad-web-app","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/Create-iPad-Web-App\/98830-2.html"}}},{"title":"Adding Google maps containers","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/creating-an-ipad-web-app\/adding-google-maps-functionality-using-map-containers","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Adding-Google-Maps-functionality-using-map-containers\/98830\/107269-4.html","url_youtube":"none","thumbnail":null,"topics":[45,6],"software":[65,33],"course":{"title":"Creating an iPad Web App","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/creating-an-ipad-web-app","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/Create-iPad-Web-App\/98830-2.html"}}},{"title":"Activating Google maps","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/creating-an-ipad-web-app\/activating-the-map","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Activating-map\/98830\/107270-4.html","url_youtube":"none","thumbnail":null,"topics":[45,9],"software":[65,33],"course":{"title":"Creating an iPad Web App","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/creating-an-ipad-web-app","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/Create-iPad-Web-App\/98830-2.html"}}},{"title":"Animate map into place","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/creating-an-ipad-web-app\/animating-the-map-into-place","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Animating-map-place\/98830\/107271-4.html","url_youtube":"none","thumbnail":null,"topics":[57,9,35],"software":[33],"course":{"title":"Creating an iPad Web App","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/creating-an-ipad-web-app","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/Create-iPad-Web-App\/98830-2.html"}}},{"title":"Detecting an iPad","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/creating-an-ipad-web-app\/detecting-an-ipad","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Detecting-iPad\/98830\/107273-4.html","url_youtube":"none","thumbnail":null,"topics":[6,9,35,50],"software":[33],"course":{"title":"Creating an iPad Web App","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/creating-an-ipad-web-app","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/Create-iPad-Web-App\/98830-2.html"}}},{"title":"Checking for standalone status","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/creating-an-ipad-web-app\/checking-for-stand-alone-status","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Checking-stand-alone-status\/98830\/107274-4.html","url_youtube":"none","thumbnail":null,"topics":[9,35],"software":[33],"course":{"title":"Creating an iPad Web App","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/creating-an-ipad-web-app","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/Create-iPad-Web-App\/98830-2.html"}}},{"title":"Switch click for touch events","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/creating-an-ipad-web-app\/checking-for-stand-alone-status","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Switching-from-click-events-touch-events\/98830\/107275-4.html","url_youtube":"none","thumbnail":null,"topics":[9,58],"software":[33],"course":{"title":"Creating an iPad Web App","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/creating-an-ipad-web-app","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/Create-iPad-Web-App\/98830-2.html"}}},{"title":"Create web app graphics","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/creating-an-ipad-web-app\/creating-the-web-app-graphics","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Creating-web-app-graphics\/98830\/107243-4.html","url_youtube":"none","thumbnail":null,"topics":[50],"software":[12],"course":{"title":"Creating an iPad Web App","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/creating-an-ipad-web-app","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/Create-iPad-Web-App\/98830-2.html"}}},{"title":"Add HTML for web app","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/creating-an-ipad-web-app\/adding-html-for-the-web-app","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Adding-HTML-web-app\/98830\/107244-4.html","url_youtube":"none","thumbnail":null,"topics":[6],"software":[33],"course":{"title":"Creating an iPad Web App","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/creating-an-ipad-web-app","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/Create-iPad-Web-App\/98830-2.html"}}},{"title":"Add HTML for main containers","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/creating-an-ipad-web-app\/adding-html-for-main-containers","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Adding-HTML-main-containers\/98830\/107246-4.html","url_youtube":"none","thumbnail":null,"topics":[6],"software":[33],"course":{"title":"Creating an iPad Web App","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/creating-an-ipad-web-app","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/Create-iPad-Web-App\/98830-2.html"}}},{"title":"Format Contact Us page","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/creating-an-ipad-web-app\/formatting-the-contact-us-page","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Formatting-Contact-Us-page\/98830\/107267-4.html","url_youtube":"none","thumbnail":null,"topics":[2,5,9,35],"software":[33],"course":{"title":"Creating an iPad Web App","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/creating-an-ipad-web-app","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/Create-iPad-Web-App\/98830-2.html"}}},{"title":"Content formatting","author":"Chris Converse","url":"https:\/\/www.linkedin.com\/learning\/creating-an-ipad-web-app\/formatting-content","url_lynda":"https:\/\/www.lynda.com\/CSS-tutorials\/Formatting-content\/98830\/107263-4.html","url_youtube":"none","thumbnail":null,"topics":[2,29],"software":[33],"course":{"title":"Creating an iPad Web App","urls":{"linkedin-learning":"https:\/\/www.linkedin.com\/learning\/creating-an-ipad-web-app","lynda-com":"https:\/\/www.lynda.com\/CSS-tutorials\/Create-iPad-Web-App\/98830-2.html"}}}]}