305 CSS Jitter

April 2nd, 2018 01:02:17 Download

Show Description

We're doing an old school RapidFire episode answering your questions on element queries, CSS helper classes, improving your design eye, PWA on desktop, frozen hover states on iOS, handling passwords for clients, and Lightbox alternatives.

Show Sponsors

Interested in sponsoring?

Time Jumps

2:20 Magazine corner
5:42 Where are element queries at? Parent and child elements should be more helpful, right?
17:22 I'd like to hear your opinions on front-end framework css "helper" or "utility" classes and whether they're good or bad or becoming overused.
26:32 I'm pretty comfortable in HTML/CSS and vanilla Javascript. What would you guys recommend for improving your eye for design?
31:50 What are your thoughts about PWA (progressive web apps) on desktop vs electron apps?
37:35 Any thoughts about the current best practice for avoiding frozen hover styles on iOS devices?
40:45 What do you recommend for an enterprise capable CMS?
44:25 How do you handle clients' sensitive information, or how do you access client accounts if they ask you to? Do you save credentials? All of these things require access to domain registrar accounts, hosting accounts, Google accounts, etc.
52:45 I was wondering if you had any advice, solutions, ideas, or otherwise that might make of an good alternative to Lightbox presentation?

Comments

Raf

I use pcrypt.org to handle clients sensitive information.
Josh Schneider

#1. Thanks Chris and Dave, for all you do. Also, (late) welcome, Chris, to Oregon!

Enjoyed this show, and would love to hear a more in-depth discussion about particularly focused on BEM / AtomicCSS / Helper classes (CSS in JS being an entire other show or series).

I’m putting together a design system, and the pain of organizing and choosing naming conventions and patterns is big. You started a healthy debate about “helpers” as “mortar” vs the purity of full-on systems, where you’re either all-in or maybe not gaining anything by picking and choosing approaches. Anyway, if such an episode already exists, please point me to it, or please think about more on this for a future episode.

Also, Sitecore is a big ASP.NET CMS that we happen to use where I work. It is a big player in the “enterprise” CMS world, and is not at all affiliated with Microsoft, AFAIK.
Chad Passaro

Sitefinity is the one we use at our company for .Net Development….. Which i hate! … but I totally a PHP wordpress guy
Srdjan Lukic

I still don’t get what the problem was about the Umbraco CMS?

I’ve been developing in Umbraco since 2004 and I’ve never had a task that was not possible in Umbraco.

If they don’t wanna host it then they can just use the Umbraco Cloud version. That way the CMS part will be hosted by Umbraco on their Azure servers and updating the CMS is just a click on a single button. So the rest is just up to their .NET developing skills.

More info : https://umbraco.com/products/umbraco-cloud/
Dan

Slick slider is pretty neat and has built in mobile support – http://kenwheeler.github.io/slick/
Eric

I agree with Dave, there is purpose for “Utility CSS” and explicit CSS. We separate it out by component specific and non-component specific.
Rounded Corners
Primary Color
Padding
Margni

Another reason to use utility for all spacing is to generate common whitespace, and then if I want to adjust the whitespace unit, from 6px to 8px I can do that and the entire website/app can be adjusted to have more whitespace. Very very handy, vs going back and changing every component.

Job Mentions

🔗 Front-end Developer at Bonfire Studios

Are you an energized, talented and motivated individual fascinated by the mobile web and the future of interactive media? Bonfire Studios is looking to add a web developer to its growing team.