Website 101 Podcast

Sean and Mike interview our new co-host Amanda Lutz. Amanda's goal is to out nerd Sean and Mike in this episode. Amanda made her first website in 1994 - a university provided websiteAmanda's major is Computing and Information SciencesAmanda has learned these languages: Basic, Pascal, C++, Java, C#Amanda is a Windows/Android userMade a time tracking website as a personal project in the early 2000sWorked on a ticketing website back in 2005 (Audience View)10 years since Amanda, Sean, and Mike met up for the first time at an ExpressionEngine meetup.Teaches web development at Seneca College. Show Links Lotus Notes Audience View Canada Learning Code (Previously Ladies Learning Code) Seneca College More Website 101 Podcast Email the Podcast! Twitter Sean on LinkedIn Mike on LinkedIn

Kevin Powell CSS evangelist discusses everything to do with CSS and why it is awesome. Kevin's history with web development and teachingTeaching in classroom vs online teachingHow do you decide what you are going to teach?Where do you go to learn about new things in CSS that you want to teach?Upcoming CSS including Cascade Layers, CSS nesting, Container queries, and Query unitsKevin's thoughts on frameworks (Foundation, Bootstrap, Tailwind) and Sass vs regular Css.min-content max-content fit-contentBrowser support and progressive enhancementAccessibilityCSS naming conventions - BEM Show Links CSS Layout News CSS Weekly Modern CSS newsletter Tailwind CSS Bootstrap Foundation SASS 3 useful CSS values that most people don’t know about The 6 most important CSS concepts for b

We talk with Bill Campbell, one of our subscribers, about the process of planning his website and then working with a web developer and hosting. Introduce our new co-host Amanda LutzBill's background3 products that Bill will sell on his websitePlanning pages and page contentNewsletter call to actionDomain should be separate from hosting companyEcommerce & SecuritySelling courses and coachingHiring a developerDIY - pros/consUser testingBackups Show Links S03 E01 Do You Really Need a Website? S03 E11 Own your own content S01 E08 What is a Landing Page S02 E02 Web Jargon Part One Shopify Kajabi WordPress Woo Commerce S01 E03 Web Design Shortcuts You Should Never Take Google Analytics Google Page Speed Insights

Adam Wathan, co-founder of Tailwind CSS, talks about what Tailwind CSS is, why he built it, and the future of Tailwind. Is Tailwind CSS a framework?What is Tailwind CSSThe biggest inspiration for tailwind is...Inline styles vs TailwindTailwind 3 and Just in Time (JIT)Build toolingTailwind Browser Dev toolsArbitrary classesTailwind UITailwind documentation and examplesHow to choose what to add in Tailwind.What makes something a plugin rather than part of Tailwind core.Tailwind 4 and the future Show Links Tailwind CSS Bootstrap Atomic CSS Tachyons BEM Tailwind UI Refactoring UI Tweet about running a product More Website 101 Podcast Email the Podcast! Twitter Sean on LinkedIn Mike on LinkedI

We talk to Wes Bos all about web development, soft skills, and everything needed to succeed in web development. Wes's history and background in web developmentHow does Wes learn enough on a new technology to start teaching it?How to decide what to learn with new technology or languagesImportant advice for a new developerMost important technical skillLearn the fundamentalsNo code designWeakest development skillOnline courses vs BootcampsEmerging technology Show Links Canada Learning Code Amanda Lutz's episode Juno College (Previously Hacker You) The Great Divide (Chris Coyier) Beginner Javascript Owen Craig's Episode Purchasing power parity Javascript 30 All Wes Bos courses Wordpress Svelt

Sean interviews Mike about his journey to becoming a web developer Bootcamps / collegeStarted with Macromedia FlashMike was a drummer in 4 different bands - learned web development to build the band websitesFirst website built for his band in late 90sFirst client site - restaurant (February 2000)First job was web developer at a magazine publisherBuild toolsDesign vs Development preferencesAdvice for new web development Show Links Mike's first client website - wayback machine Adobe Image Ready CSS Zen Garden SASS Tailwind CSS Grunt Alpine Js Vue Petite Vue jQuery More Website 101 Podcast Email the Podcast! Twitter Sean on LinkedIn Mike o

To kick off our 5th season Mike interviews Sean about his journey to becoming a web developer. Sean's first website was a Geocities website built in 1997First client website built in 2008Started full time self-employment in 2013Provided official support to end-users of ExpressionEngineWhat does Sean like the least/most about web developmentSean's advice for new web developers Show Links Geocities Moodle Dreamweaver Microsoft Frontpage Adobe GoLive Movable Type ExpressionEngine GreenSock More Website 101 Podcast Email the Podcast! Twitter Sean on LinkedIn Mike on LinkedIn  

Time to pimp your website typography with Oliver Schöndorfer. Learn the fundementals of typography and why it matters to your website and message. We start off by defining what Typography is. Then the various types of fonts including serif and sans-serif fonts and when to choose which to choose. I (uppercase I), l (lowercase l), 1, a, g testThe difference between legibility and readabilityComic Sans and Helvetica fontsAvatar and PapyrusHeading, body fonts, and fonts that can be used everywhereOliver Judges Sean's website headingsTips on how to choose fonts for a websiteWeb font marketplaces5 common web typography mistakes and how to avoid themLeading and line heightline lengthOliver gives a review of the Website 101 Podcast website typography. Show Links Pimp My Type YouTube Channel Oliver's Newsletter Stop Using Open Sans Design Academy Google Fonts

Learn all about Owen Craig's journey from novice developer to bootcamp instructor. Why he transitioned from social media manager to development, why Owen chose a bootcamp and how he later became an instructor at that same bootcamp. What is a bootcampWhy a bootcamp vs other pathsFavorite part of web developmentLeast liked part of web developmentHow Owen became an instructor at Juno collegeHow to keep up with changing technologyAdvice for a new developerHow to evaluate what to learnNo code developersMost important skill a developer should have Show Links Juno College Udemy Code Academy Wes Bos Juno College (Free Events) Andrew Welch Jargon Part 1 Jargon Part 2 More Website 101 Podcast Email the Podcast! Twitter Sean

We talk to Laura Bailey of Revy Web Design all about Wordpress, her journey from IT technical support in the UK to running a Wordpress agency with employees in a small town in British Columbia Canada. Laura, talks about her role as a business owner, website designer, and building bespoke websites for her clients. The difference between a pre-built theme and a theme builder such as Elementor.Lauras default plugin stack for WordPress sites.Rank Math SEO vs YoastOptimizing WordPress sites for performanceUpdating WordPress and PluginsWebsite MaintenanceWordPress Hosting Show Links Revy Web Design Elementor Divi Oxygen Beaver Builder Classic Editor Gutenberg Editor Deactivate Gutenberg Crocoblock Suite Advanced Custom Fields Th

Website optimization expert Andrew Welch discusses optimizing your website performance and speed. Site speed is a ranking signal for google. Ensuring your website is fast and efficient can give you a boost in your SEO results. We also discuss: How optimizing your site can improve your bounce rateContributing factors to a slow website\What you can do to improve your site without touching codeLimit the number of tracking scriptslazy loading images / mapsWeb hosting - shared vs VPSCaching & MinifyingImage Optimization / Responsive Images Google image srcset peas to find the article by Eric Portis that Andrew Mentions. Show Links Andrew's dotall conference talk Google PageSpeed Insights WebPageTest Tags Gone Wild! Managing Tag Managers Servd Fastly CloudFront Responsive Breakpoints

We have a short survey for listeners that we will use to plan season 5. This will help us to choose episodes that our listeners want to hear more about. Stay tuned to the end of the episode for a bonus tip to help you improve your website. The survey will be available anytime into the future. If you find it while listening to archived episodes, please fill it out. Show Links Listener Survey More Website 101 Podcast Email the Podcast! Twitter Sean on LinkedIn Mike on LinkedIn  

Returning guest Angie Herrara discusses alternatives to google analytics for tracking website visitors. We discuss Fathom Analytics and Stat Counter. Reasons to consider using an alternative to google analytics include concerns about privacy and a simpler, easier to understand interface. Google is very complex and difficult to understandFathom Analytics is privacy orientedFathom and Stat Counter have a simpler easy to understand interfaceThings that you want to understand and know how to track with whichever analytics you useIf it's free (google analytics) then you are the product Show Links Google Analytics Company of One Use Fathom How Fathom tracks without cookies Stat Counter Hot Jar Crazy Egg Full Story More Website 101 Podcast Email

In this episode Mike and Sean talk with returning guest Gaurav about content marketing; what it is, why it's important, and how to do it. Gaurav starts off by defining what content marketing is and why it's important. Later we discuss the similarities and differences between content marketing and advertising. FunnelsAdvertising vs content marketingSEOLong tail keywordsNewsletter and blogSocial Media & content marketing Show Links S02 E08 Copy Editing and Copy Writing Jonathon Stark More Website 101 Podcast Email the Podcast! Twitter Sean on LinkedIn Mike on LinkedIn  

In this episode Mike and Sean discuss various things you can do to improve your existing website without doing a complete redesign and rebuild. We talk about ways that you can improve your website by making small changes yourself at no cost. Some changes may require a web developer but these will be low cost but with high value. A website is like a garden, it needs to grow, it needs pruning, and watering. These tips will help keep your website fresh and exciting. Show Links How to conduct a website content audit for your nonprofit Google PageSpeed Insights Accessibility Accessibility - Why It's Important More Website 101 Podcast Email the Podcast! Twitter Sean on LinkedIn Mike on LinkedIn  

We discuss accessibility, with Matsuko Friedland, in websites, why it's important both for users and website owners, as well as some tips on how to ensure your website is accessible. Matsuko starts off by explaining what accessibility is and why it's important. We also talk about what a screen reader is and how a screen reader works. Why should we care about accessibility other than the legal requirementsThe three levels of WCAG complianceSemantic HTMLHeader Order is importantAccessibility is good for SEOColor ContrastPlaceholder contentPixel and Tonic, CraftCMS, selected by the W3C for accessibility Show Links Accessibility Why It's important Curb Cut Effect Web Content Accessibility Guidelines (WCAG) 2.0 Building the most inaccessible site possible with a perfect Lighthouse score Empathy Prompts Accessible Colors

Today Marlene Oliveira of moflow discusses the value of conducting a website content strategy, and why you should do it before anything else. What is content strategy?Measuring the success of a website buildS.M.A.R.T. goalsHow to collect and document material for a content strategyThe format of a content strategyThe value of consulting with internal stakeholdersWhat communication looks like during a content strategyHow long does it take?The value of engaging in a content strategyAdvice for do-it-yourselfers Show Links Developing a website content strategy for a new nonprofit site: elements to include How to create communications objectives from nonprofit strategic goals More Website 101 Podcast Email the Podcast! Twitter Sean on LinkedIn Mike on LinkedIn  

In this episode Sean and Mike discuss red flags to be aware of when looking for a web developer. Conversely we also talk about things that clients do that are red flags for web developers. A lot of what we talk about is common sense things like not interrupting people and appropriate response time, but common sense is not always as common as we would like. Show Links Web Jargon part 1 Web Jargon part 2 More Website 101 Podcast Email the Podcast! Twitter Sean on LinkedIn Mike on LinkedIn  

In this episode Sean and Mike talk with Amanda Lutz about how to talk with your web developer. How much does a website cost?Think about what you want from your websiteHow to measure success of a websiteHave realistic expectationsNot all feature requests are equalFree isn't free!Agree on how you'll communicate throughout the project. Good communication is crucial. What constitutes an emergency? How to tell a developer "something's broken!"What platforms will your website support?"Make the logo bigger" - Provide objectives, not solutions. Show Links More Website 101 Podcast Email the Podcast! Twitter Sean on LinkedIn Mike on LinkedIn  

In this episode we talk about why using Click Here for link text is bad practice. We then briefly go over the remaining episode topics that are planned for season four. Mike gives a brief history of where Click here comes from. Mike has advice on how to make your links stand out so that click here is not necessary. we also go over the negative SEO impact of using click here. We also talk about how the the internet body that determines and publishes about web standards: The W3C has decided to use Craft CMS to publish their website. Show Links Mike's Blog: Don't Say 'Click Here' Smashing Magazine: Click Here W3C: Don't use "click here" as link text W3C Selects Craft CMS More Website 101 Podcast Email the Podcast! Twitter Sean on LinkedIn Mike on Link