EPISODE · Aug 25, 2014 · 59 MIN
130: Rapidfire 35
from ShopTalk Show · host ShopTalk
This week it’s another RAPIDFIRE! Nothing but the best darn question and answer action you’ve ever heard! We talked about (roughly in order): Q & A: 3:45 I need a responsive image solution for a redesign of a website running on the (.NET) Episerver CMS. What responsive image solution would you use under these constraints? 8:18 I’ve built a whole range of different sites now on WordPress and in each case I’ve felt that once I push the site live, the load time is sluggish. How do you approach this problem and what kinds of resources are out there to help? 13:50 Any tips for avoiding merge conflicts in the compiled .css file when working in teams? Should I even push compiled CSS to the repository, or should this be one person’s responsibility? 17:13 What software do you guys recommend when testing websites through a screen reader or text-based browser? 23:11 I’ve seen a few tutorials online using Adobe Edge Animate to create CSS animations. Is it something that needs to be learned or looked into if I already have working knowledge of CSS3 animations and transforms? 28:15 I am trying to dig into Sass/SCSS, preprocessors and have learned a lot already about using command line with Grunt.js and Compass, but I’m wondering if CodeKit would just be a simpler and easier thing to learn first? 32:10 What are some best practices when using tabindex? 38:06 Where would you recommend a young web designer start off? Let’s say they know html and css and are looking to learn more or kick of their career, what would you recommend? 41:10 I know there is a performance hit for every new font that gets loaded, but once I have loaded a font, is there a performance hit based on how much text on the page is being rendered? My boss likes to use the web font for the H tags and then use fallback web safe fonts for body copy, is this necessary? 45:05 I used to use my main email address for all my accounts, and shortly after an attack on a certain famous tech company, I received huge waves of spam that I have been struggling to get rid of. How do you guys handle your email accounts? 49:08 I’ve got a bone to pick with links and a seemingly odd trend of not adding target="_blank". My question to you is, “What’s up with that?” 54:00 If you export an adobe illustrator AI file to SVG, you can choose to save the layers as meta data in the SVG file. What’s even more interesting is you can then target those layers with css and jquery. Essentially you can traverse the Illustrator layer stack in an SVG file and add things like hover events which change the layer color via css. Here’s a tutorial on the subject which goes into greater detail. Sponsors: 21:02 E4H: Accessibility Summit – Environments for Humans brings together some of the Web’s most notable experts in and for an all-new, two-day online conference, the Accessibility Summit 2014! Bring the experts to your desktop September 9-10, 2014 from 9AM to 4PM (CT). With flexible content delivery and adaptable applications, the truly Accessible Web is available to everyone all the time, regardless of ability. Spend some time with the Accessibility experts and find the inspiration and practical knowledge you need to make your Web presence truly universal. Don’t miss this great event and purchase your tickets now! 39:13 Adobe – Check out Project Parfait: it’s a really nice way to extract everything you need from a PSD – in your browser! Also, take a look at the Edge Animate CC updates: some sweet new features like copy/paste SVG art from Illustrator. Show Links: Adaptive Images W3 Total Cache New Relic ChromeVox NVAccess Screen Reader Accessibility Developer Tools Adobe Edge Animate Codekit An Alphabet of Accessibility Issues Code School Treehouse Codecademy 1Password If you enjoy the show, please take a minute and fill out our short feedback survey!
What this episode covers
This week it’s another RAPIDFIRE! Nothing but the best darn question and answer action you’ve ever heard! We talked about (roughly in order): Q & A: 3:45 I need a responsive image solution for a redesign of a website running on the (.NET) Episerver CMS. What responsive image solution would you use under these constraints? 8:18 I’ve built a whole range of different sites now on WordPress and in each case I’ve felt that once I push the site live, the load time is sluggish. How do you approach this problem and what kinds of resources are out there to help? 13:50 Any tips for avoiding merge conflicts in the compiled .css file when working in teams? Should I even push compiled CSS to the repository, or should this be one person’s responsibility? 17:13 What software do you guys recommend when testing websites through a screen reader or text-based browser? 23:11 I’ve seen a few tutorials online using Adobe Edge Animate to create CSS animations. Is it something that needs to be learned or looked into if I already have working knowledge of CSS3 animations and transforms? 28:15 I am trying to dig into Sass/SCSS, preprocessors and have learned a lot already about using command line with Grunt.js and Compass, but I’m wondering if CodeKit would just be a simpler and easier thing to learn first? 32:10 What are some best practices when using tabindex? 38:06 Where would you recommend a young web designer start off? Let’s say they know html and css and are looking to learn more or kick of their career, what would you recommend? 41:10 I know there is a performance hit for every new font that gets loaded, but once I have loaded a font, is there a performance hit based on how much text on the page is being rendered? My boss likes to use the web font for the H tags and then use fallback web safe fonts for body copy, is this necessary? 45:05 I used to use my main email address for all my accounts, and shortly after an attack on a certain famous tech company, I received huge waves of spam that I have been struggling to get rid of. How do you guys handle your email accounts? 49:08 I’ve got a bone to pick with links and a seemingly odd trend of not adding target="\_blank". My question to you is, “What’s up with that?” 54:00 If you export an adobe illustrator AI file to SVG, you can choose to save the layers as meta data in the SVG file. What’s even more interesting is you can then target those layers with css and jquery. Essentially you can traverse the Illustrator layer stack in an SVG file and add things like hover events which change the layer color via css. Here’s a tutorial on the subject which goes into greater detail. Sponsors: 21:02 E4H: Accessibility Summit – Environments for Humans brings together some of the Web’s most notable experts in and for an all-new, two-day online conference, the Accessibility Summit 2014! Bring the experts to your desktop September 9-10, 2014 from 9AM to 4PM (CT). With flexible content delivery and adaptable applications, the truly Accessible Web is available to everyone all the time, regardless of ability. Spend some time with the Accessibility experts and find the inspiration and practical knowledge you need to make your Web presence truly universal. Don’t miss this great event and purchase your tickets now! 39:13 Adobe – Check out Project Parfait: it’s a really nice way to extract everything you need from a PSD – in your browser! Also, take a look at the Edge Animate CC updates: some sweet new features like copy/paste SVG art from Illustrator. Show Links: Adaptive Images W3 Total Cache New Relic ChromeVox NVAccess Screen Reader Accessibility Developer Tools Adobe Edge Animate Codekit An Alphabet of Accessibility Issues Code School Treehouse Codecademy 1Password If you enjoy the show, please take a minute and fill out our short feedback survey!
NOW PLAYING
130: Rapidfire 35
No transcript for this episode yet
Similar Episodes
No similar episodes found.