ShopTalk

175: Rapidfire 48


Listen Later

We’ve got another RAPID-FIRE for you this week! Nothing but questions and answers. That’s what you like, right? Ohhhh, yeah.
We answer questions about fonts on Windows PCs, CSS frameworks, carousels, organizing SASS files, deploying with rsync, unicorns, managing Gulp files, and more!
Q & A:
2:27 After designing and creating a website on a Mac and getting everything looking pretty, I always get a bit disappointed when I come to look at the site on a PC. I find the font smoothing and colour management on OS X make everything look substantially nicer, particularly @font-face fonts. Adding a subtle text shadow to everything helps a bit but are there any plugins or other tools to improve font smoothing on the users’ screen? If not, is there anything you take care to avoid at the design stage to make the difference less apparent in the end product?
6:30 I’m used to building websites from scratch, but I’m getting into HTML5 frameworks. What is the best way to customize one of those frameworks?
11:55 How do you feel about condensing information into swiping carousel on mobile devices? Basically, if a site has 3 columns of informational text on desktop it will turn into a 1 column carousel with swiping functionality on mobile. Some of the designers like it because it provides more interactive/fun experience on mobile, as well as helping balance and shorten the page length. I feel like this has the same principle of regular hero sized carousels and the fact no one uses them. Also, hiding content like that is just bad right?
17:35 So my question for you sort of open-ended, I just was hoping to get a little window into what your organization style and workflow is like with SASS. Do you keep separate stylesheets and import them all? Do you keep everything organized in one file like classic CSS? I’d just like to get some advice from someone who’s been through the ropes a little bit and can help me write code I won’t cringe at when I look back at it years from now.
21:55 I want to be able to select
  • ’s like how I would files my desktop. It looked like I could use jQuery UI, but…it doesn’t support the Shift key for multiple select. Do you have any suggestions for a plugin, Code Pen (plug), etc. that could help me out?
  • 26:04 I have a question about uploading a site to the web. I work locally with localhost etc, and then put my files online via FTP. I have heard you mention this is now outdated and not best practice. What are the best alternatives to FTP and what are their benefits over FTP?
    29:22 I have always styled the default state for links using the type element selector on the anchor element like a { styles… } but I have always wondered about the pseudo-class :link since it’s function is to style links that are in its default state maybe I should just be styling using :link { styles… } instead of on the anchor element? Then I wouldn’t have conflicting styles and the need to overwrite styles when using an anchor for wrapping divs and getting rid of those link styles.
    33:12 I graduated with a comp-sci degree but found that I love to design as well as develop on the back end. Is there anyone out there that does this? Or is there always a clear cut break between the front end and back end? Is it good to blur these lines?
    36:37 I would like to know if there are any workarounds for pixel rounding as-well as floating point rounding in browsers? My problem occurs when I make fluid grids. All browsers seem to round floating points differently which makes them inconsistent across browsers.
    40:15 The agency I’m working at is starting to move toward more modular SCSS, following the SMACSS model. Jonathan Snook says that media queries should go next to the module that they affect. I think this approach will be way easier to maintain, since all the code for that module will be in one spot, but I’ve also heard people mention that this will lead to massive code bloat and performance issues. Are there perform[...]
    ...more
    View all episodesView all episodes
    Download on the App Store

    ShopTalkBy Chris Coyier & Dave Rupert

    • 4.9
    • 4.9
    • 4.9
    • 4.9
    • 4.9

    4.9

    500 ratings


    More shows like ShopTalk

    View all
    The Changelog: Software Development, Open Source by Changelog Media

    The Changelog: Software Development, Open Source

    289 Listeners

    The Bugle by The Bugle

    The Bugle

    3,720 Listeners

    Software Engineering Daily by Software Engineering Daily

    Software Engineering Daily

    624 Listeners

    Talk Python To Me by Michael Kennedy

    Talk Python To Me

    582 Listeners

    Soft Skills Engineering by Jamison Dance and Dave Smith

    Soft Skills Engineering

    287 Listeners

    Pod Save America by Crooked Media

    Pod Save America

    87,131 Listeners

    Syntax - Tasty Web Development Treats by Wes Bos & Scott Tolinski - Full Stack JavaScript Web Developers

    Syntax - Tasty Web Development Treats

    987 Listeners

    Tech Brew Ride Home by Morning Brew

    Tech Brew Ride Home

    959 Listeners

    Strict Scrutiny by Crooked Media

    Strict Scrutiny

    5,802 Listeners

    The CSS Podcast by The CSS Podcast

    The CSS Podcast

    59 Listeners

    PodRocket by LogRocket

    PodRocket

    60 Listeners

    Whiskey Web and Whatnot: Web Development, Neat by RobbieTheWagner, Charles William Carpenter III, Adam Argyle, and The Radcast Network

    Whiskey Web and Whatnot: Web Development, Neat

    55 Listeners

    The Weekly Show with Jon Stewart by Comedy Central

    The Weekly Show with Jon Stewart

    10,682 Listeners

    Search Engine by PJ Vogt

    Search Engine

    4,582 Listeners

    Better Offline by Cool Zone Media and iHeartPodcasts

    Better Offline

    571 Listeners