Website 101 Podcast

Learn about the process for hiring junior developers and get insight into common mistakes made as well as how to stand out from the crowd. Terence has 12 years of experience with hiring.Number of applicants and number of interviewsWhat's important in filtering candidates to interviewSoft skillsAdvice for developers on portfolio sharingContractsJob ad requirementsCode testAttention to detailCommon applicant mistakesBootcampsTips to stand out during the application process Show Links Goat View Episode Transcript More Website 101 Podcast Email the Podcast! Twitter Sean on LinkedIn Mike on LinkedIn Amanda on LinkedIn  

Learn why Chris Ferdinandi believers there's a simpler, more resilient way to make things for the web with vanilla Javascript. We also take a detour into accessibility. Chris's background and history with web developmentSingle Page ApplicationsLibrariesTiny libraries that Chris recommends at: The Vanilla JS ToolkitAccessibility and best practices with JavaScriptLiving with ADHDJavaScript and education recommendationsRecommendations for novice developers starting outWhat's coming up in JavaScript that Chris is excited aboutGo Make Things - Website 101 Podcast Listener Page Show Links Go Make Things Alpine Js Vue React Angular jQuery WebAIM The Vanilla JS Toolkit The A11Y Project Checklist Sean uses a screen reader

We discuss various things to avoid doing with your website and why they are not a good idea. Disabling copy/pasteOpen in new tabClick hereUsing placeholder text and not using labelsLow contrast textNot enough white space / breathing roomNo comments in your code or unformatted codeFor clients: Identify problems, don't suggest solutions.Dates on blogs that are infrequently updatedCarousels / slidersPopups, modals, lightboxesFull size images on mobile Show Links stop disabling copy/paste in form fields (tweet) Should external links open in a new tab or not? Why you shouldnt say click here Season 4 Episode 1 - Click Here Should I use a Carousel View Episode Transcript More Website 101 Podcast Email the Podcast! Twitter Sean on LinkedIn

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 View Episode Transcript More Website 101 Podcast Email the Podcast! Twitter Sean 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 conce

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 View Episode Transcript More Website 101 Podcast Email the Podcast! Twitter Sean on Linke

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 View Episode Transcript More Website 101 Podcast Email the Podcast! Twitter Sean

Join Mike and Sean as they delve into the early days of Sean's web development career, from his first website in 1997 to becoming a professional in 2008. 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 View Episode Transcript More Website 101 Podcast Email the Podcast! Twitter Sean on LinkedIn Mike on LinkedIn

Join us as we learn from Oliver Scherndorfer, a UI designer and typographer, as he shares his knowledge on typography and how it can impact your website's design and readability. We discuss different font types, common mistakes to avoid, and tips for selecting the right font for your website. 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.Timestamps[00:00] Intro[01:37] Oliver introduces himself and talks about his background in design and typograph

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 View Episode Transcript More Website 101 Podcast E

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

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 Breakpoint

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 View Episode Transcript 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 View Episode Transcript

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 View Episode Transcript More Website 101 Podcast Email the Podcast! Twitter Sean on LinkedIn Mike on LinkedIn  

In this episode of Website 101, learn actionable ways to improve your website's performance without a full redesign. Sean and Mike discuss content audits, usability testing, design improvements, and more. 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 View Episode Transcript More Website 101 Podcast Email the Podcast! Twitter Sean 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 View Episode Transcript More Website 101 Podcast Email the Podcast! Twitter Sean on LinkedIn Mike on LinkedIn