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

    502 ratings


    More shows like ShopTalk

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

    The Changelog: Software Development, Open Source

    290 Listeners

    Decoder with Nilay Patel by The Verge

    Decoder with Nilay Patel

    3,151 Listeners

    Daily Tech News Show by Tom Merritt

    Daily Tech News Show

    1,393 Listeners

    Software Engineering Daily by Software Engineering Daily

    Software Engineering Daily

    625 Listeners

    Soft Skills Engineering by Jamison Dance and Dave Smith

    Soft Skills Engineering

    283 Listeners

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

    Syntax - Tasty Web Development Treats

    984 Listeners

    REWORK by 37signals

    REWORK

    210 Listeners

    Darknet Diaries by Jack Rhysider

    Darknet Diaries

    8,020 Listeners

    The freeCodeCamp Podcast by freeCodeCamp.org

    The freeCodeCamp Podcast

    485 Listeners

    Practical AI by Practical AI LLC

    Practical AI

    212 Listeners

    The Stack Overflow Podcast by The Stack Overflow Podcast

    The Stack Overflow Podcast

    62 Listeners

    PodRocket by LogRocket

    PodRocket

    58 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

    53 Listeners

    The Startup Ideas Podcast by Greg Isenberg

    The Startup Ideas Podcast

    204 Listeners

    Oxide and Friends by Oxide Computer Company

    Oxide and Friends

    59 Listeners