Thinking Ahead for Emergency UI When Building a Website

Syntax - Tasty Web Development Treats

Wes Bos

Tech News, News, Technology

4.9 • 1.2K Ratings

🗓️ 15 April 2020

⏱️ 46 minutes

🔗️ Recording | iTunes | RSS

🧾️ Download transcript

Summary

In this episode of Syntax, Scott and Wes talk about emergency UI when building a website. During an emergency, you need to relay information to your website visitors as quickly and efficiently as possible. How do you do that? What do you need in place on your website? Sanity - Sponsor Sanity.io is a real-time headless CMS with a fully customizable Content Studio built in React. Get a Sanity powered site up and running in minutes at sanity.io/create. Get an awesome supercharged free developer plan on sanity.io/syntax. Sentry - Sponsor If you want to know what’s happening with your errors, track them with Sentry. Sentry is open-source error tracking that helps developers monitor and fix crashes in real time. Cut your time on error resolution from five hours to five minutes. It works with any language and integrates with dozens of other services. Syntax listeners can get two months for free by visiting Sentry.io and using the coupon code “tastytreat”. Show Notes 5:40 - Banners and popups Interfere Static Dismissible Cookie/localstorage When that popup is updated, it should show again. Maybe use a hash of the content? Or length? Something that resets itself every time the content is updated. Private client-side-only PWAs are hard 14:35 - Good styling What happens if they add an image? Do they have access to the branded fonts and colors in their WYSIWYG? Can you revoke 100px red Times New Roman? 18:32 - Page alerts Yellow, green, red Alerts on existing pages 21:08 - New pages Is there a good template for new pages? Can they easily set the slug? whatever.com/covid19 Can they add it to the nav? 23:52 - Google’s “Hours of Operation” Is that easy to change? Meta tags: https://schema.org/OpeningHoursSpecification 25:43 - Other Own your audience! Email newsletter ready to rock Online pickup? Basic scheduling software https://www.cityhive.net/ https://snipcart.com/ Live streaming - have a YouTube account ready to go, even if empty 34:38 - Deployment Detail how to deploy everything It might have been years and the CSS will only compile on Node 6 and Gulp 3 Do any caches need clearing? Does the CSS need to be cache busted? Links 1Password Cloudflare ××× SIIIIICK ××× PIIIICKS ××× Scott: Mellow Groovy Sounds YouTube Channel Mellow Grovvy AOR / West Coast Mix #4 Wes: Used projectors are cheap and can be a great deal Shameless Plugs Scott: All Courses - 50% everything! Wes: All Courses - Use the coupon code ‘Syntax’ for $10 off! Tweet us your tasty treats! Scott’s Instagram LevelUpTutorials Instagram Wes’ Instagram Wes’ Twitter Wes’ Facebook Scott’s Twitter Make sure to include @SyntaxFM in your tweets

Transcript

Click on a timestamp to play from that location

0:00.0	You're listening to Syntax. The Podcast with the tastiest web development treats out there.
0:06.0	Strap yourself in and get ready. Here is Scott Telinsky and West Boss.
0:10.4	Welcome to Syntax. This is the podcast with the tastiest web development treats out there.
0:16.0	Today we got a good one for you. We're going to be talking about like emergency UI when building a website and this is sort of like come up in the last little while and I like to call this snow day
0:27.3	UI is when something happens to a business or a school or organization and they need to quickly get information
0:35.8	across to their website visitors via a pop-up or a banner or a special page on their
0:41.6	website. Is your website set up for something like that?
0:46.0	And this is sort of bugging me because I've been going to all of these websites for schools and businesses and whatnot, and they all have these just awful like
0:55.3	clearly just threw in a div and type some content or they like have one
1:00.4	editable little block and they do massive times new Roman font with the like green background because like when there's an emergency we don't necessarily have time to wait for the web developer to build something and I think that there is
1:16.5	Something to talk about here in terms of like what should you do for your websites to be prepared
1:22.1	for putting across the
1:24.0	across the UI and being able to communicate effectively for anyone
1:28.0	that visits the websites and needs to get that information.
1:31.0	Interesting.
1:32.0	Let alone, like I'm saying Snow day here because like we're all stressed out here and that's sort of the basic thing.
1:37.8	If a school is closed because there's too much snow, you need to get that information across to to everybody, but obviously we're talking about what else is going on in the world right now
1:46.7	Yeah, I feel like you're just like you're coining a term here with the snow day UI like that's that's a pretty cool idea.
1:53.6	You could get a like a book, a part book about Snow Day UI.
1:56.7	Snow Day UI.
1:57.7	Yeah, I think that's interesting.
2:00.0	What do they have in the south where they don't have snow days? Well I suppose if there is a like if it's snow hits the ground everybody screeches to a halt over there
	...

Please login to see the full transcript.

Previous episode | Next episode

Disclaimer: The podcast and artwork embedded on this page are from Wes Bos, and are the property of its owner and not affiliated with or endorsed by Tapesearch.

Generated transcripts are the property of Wes Bos and are distributed freely under the Fair Use doctrine. Transcripts generated by Tapesearch are not guaranteed to be accurate.