HTML All The Things - Web Development, Web Design, Small Business

What is the best way to make a website? Websites can be made with no-code builders, custom code, marketing software, and unique combinations of available tech. Even if we narrow down our choice to custom code, we're still left wondering what our tech stack should be. In this episode, Matt and Mike discussed if there is in fact a best way to make a website. Websites are complex and they're made for humans, whom are also complex. Beyond technical requirements we have to consider the site's audience, who will be editing content, deadlines, and social limitations. Just like many things in life, there may be an objectively best way to make a website...somewhere in the gray area, after you've analyzed your needs, wants, and realities. Show Notes: https://www.htmlallthethings.com/podcasts/is-there-a-best-way-to-make-a-website Learn with Scrimba: https://scrimba.com/?ref=htmlallthethings

Today we celebrate this past week's milestone of 300 released episodes. Now we know that this number is a bit wishy-washy because we have some "side episodes" like Tidbits and Web News...and it doesn't help that we changed how we number our episodes in the feed at some point down the line. But despite all that, we're considering the episode that released just this past Tuesday as of recording this, as episode 300! In this special edition episode, we won't be talking so much about web development, but instead of reflecting on the past 300 episodes of the HTML All The Things Podcast and discuss our future goals on where we want HATT to be in the future. Thank you all for listening and here's to another 300! Show Notes: https://www.htmlallthethings.com/podcasts/celebrating-300-episodes-whats-next-for-html-all-the-things

This week we had the pleasure of sitting down with the creator of MacOS Web, Puru Vijay to discuss how creating projects can help land you a job in the web development field. MacOS Web has come up in Puru's job interviews and has helped him build a connection with the development community, including those that are hiring. He is also passionate about contributing to open source projects and ensuring that navbars at the bottom of smartphones have left-handed and right-handed detection. Matt and Mike had a blast with this interview and hope that you enjoy it too! Show Notes: https://www.htmlallthethings.com/podcasts/make-a-project-get-a-job-w-puru Learn with Scrimba: https://scrimba.com/?ref=htmlallthethings

AI is a hot topic these days with LLMs dominating much of the tech talk we see online. In the web development scene, chatbots like ChatGPT and Copilot are able to develop and debug code through simple conversational prompts that don't require complex developer-level knowledge. This simplicity has brought with it a lot of discussion and debate about AI's role in the development space. Will it replace all developer jobs? Is it simply another tool to increase a developer's productivity? Should aspiring junior developer use AI in their learning. In this week's episode, Matt and Mike discussed learning to code alongside ChatGPT and Copilot. The guys explored the dangers of using AI while you learn, when you should reach for a chatbot, and then touch on their thoughts surrounding the future of the industry. Will Devin take all our jobs? Show Notes: https://www.htmlallthethings.com/podcasts/should-junior-developers-use-chatgpt-to-help-them-write-code Learn with Scrimba: https://scrimba.com/?ref=htmlallthethings

Vendor lock-in in web development refers to a situation where a company becomes overly reliant on a single vendor's products or services, making it difficult and costly to switch to another provider. This can lead to several issues, such as reduced flexibility, high switching costs, and a lack of interoperability with other systems. This might mean that a business is using a specific technology stack or platform that does not easily allow for migration to other systems, potentially leading to increased costs and limited innovation. On the flip side, vendor lock-in can provide benefits to a business such as great pricing (ie sales and loyalty benefits), increased productivity as users master a limited toolset, and the avoidance of "reinventing the wheel" repeatedly with custom code. In this episode, Matt and Mike discussed vendor lock-in in both a negative and positive light. Breaking down what you should be looking out for when choosing vendors to build products with. Show Notes: https://www.htmlallthethings.com/podcasts/beware-of-vendor-lock-in Learn with Scrimba: https://scrimba.com/?ref=htmlallthethings

Free tiers are no stranger to web developers as many look to them to get them started on a new tool, try out hosting, or help with some basic design work. The problem is that free tiers are sometimes downgraded, or even completely removed from existence if a service decides that they're more trouble than they're worth. For those relying on free tiers to do their work, this can spell disaster and even cause some businesses to shut down. In this episode, Matt and Mike discussed the dangers of free tiers, what they're good for, and why you should be ready to pay up at some point down the line. Show Notes: https://www.htmlallthethings.com/podcasts/free-tiers-are-dangerous Learn with Scrimba: https://scrimba.com/?ref=htmlallthethings

Kevin Powell, known to many as the King of CSS, joins Matt in this packed episode to discuss the current status of CSS, how to tailor your content absorption for learning, and more. The duo discussed whether or not popular CSS toolkits (ie SASS, TailwindCSS) outweigh the need to learn vanilla CSS. They also discussed whether naming conventions like BEM are still relevant since most web developers use frameworks that have localized CSS per component. And that's just getting started, the guys also discussed tutorial hell mitigation, browser support + using features in production, focusing your educational content absorption, and much more. Show Notes: https://www.htmlallthethings.com/podcasts/css-styling-the-web-learning-through-content-w-kevin-powell Learn with Scrimba: https://scrimba.com/?ref=htmlallthethings

WordPress is a very popular tool for making websites that can be easily extended to get the job done. While the original focus of WordPress was blogs, over time other websites started being created with it through the use of plugins like WooCommerce (eCommerce sites), ACF (dynamic data-driven sites), and Elementor (sites that can be built visually). This versatility fuels WordPress' continued popularity, but also brews a community that believes it's a bloated and dated tool. Having recently make a website with WordPress, Matt takes us through a deep dive of what he believes is an identity crisis stemming from Gutenberg/FSE, no built-in disaster recovery, and limitations forcing the use of multiple plugins. Show Notes: https://www.htmlallthethings.com/podcasts/wordpress-is-a-no-code-tool-that-requires-coding Learn with Scrimba: https://scrimba.com/?ref=htmlallthethings

With the tech job market seemingly exploding with layoffs recently, nailing your technical interviews is possibly more important than ever. With that said, there are a lot of opinions out there on how much prep you should be doing and whether you should be applying everywhere, or just to a few select places so you can focus your studies. This week we had that pleasure of speaking with Kyle from TechSquidTV to discuss all things technical interviews. We also discussed what to do after you've been laid off and then switched gears to discuss the marrying of hardware and software together into unique projects. Show Notes: https://www.htmlallthethings.com/podcasts/technical-interviews-exposed-w-kyle-techsquidtv Learn with Scrimba - https://scrimba.com/?ref=htmlallthethings

Progressing through your web development career is unique depending on the companies you decide to work for, but there are some common positions that companies will use to help guide their promotion process. These positions include junior developer, developer (intermediate), senior developer, tech lead, and staff engineer. Each one of these positions will have a unique flare depending on who's setting up the teams but in general as you climb the ladder through them you'll collect more cash, more responsibility, and slowly transition to less code/more management. In this episode Matt and Mike discussed the common promotions that web developers progress through and how they can vary company to company. Show Notes: https://www.htmlallthethings.com/podcasts/junior-developer-vs-senior-developer Learn with Scrimba - https://scrimba.com/?ref=htmlallthethings

Work-life balance is an important topic to talk about in the tech field, especially in 2024 with the recent layoffs and overall industry downturn. It can be easy to sacrifice some personal time to log extra hours at the office in an attempt to give yourself some job security or impress your boss. The problem is that this can be a slippery slope that leads you to work all the time for no additional pay and if your company restructures, or has problems keeping up revenues, you may still get a layoff. Digital availability is also a major problem in the tech field and other industries that rely on technology heavily - work is always ready to be done 24/7, with messages and emails coming in at all hours of the day. It's easy to just "check one email" when you get home from a long day at the office, quickly leading to getting pulled into a situation that could have you working throughout the evening. During these trying times it's important that we keep our families, friends, and mental health in mind alongside our careers. In this episode Matt and Mike discussed the importance of work-life balance for web developers during these trying times. Show Notes: https://www.htmlallthethings.com/podcasts/work-life-balance-for-web-developers-in-2024 Learn with Scrimba - https://scrimba.com/?ref=htmlallthethings

Running a web development agency isn't easy from both the technical and customer service side of things. Luckily, Matt and Mike have been running their web development agency for 7+ years, making plenty of mistakes, and claiming even more successes over the years. In this episode, they lay out the top 5 tips insider tips that have helped them maintain a successful business for all these years including: presenting technical solutions to non-technical customers, avoiding scope creep, pushing back on customer ideas that won't work, and more. Show Notes: https://www.htmlallthethings.com/podcasts/top-5-insider-web-developer-agency-tips Learn with Scrimba - https://scrimba.com/?ref=htmlallthethings

Almost everyone has a unique story on how they joined the field in which they eventually made a career, but many aren't as unique as Francesco Ciulla's. His development journey has lead him to work with the European Space Agency as a full-stack developer, developer relations at Daily.dev, become a Docker Captain, and most recently create a massive YouTube following in just a few short weeks. This week Matt and Mike had the pleasure of sitting down and discussing Francesco's unique developer journey at length discussing his previous jobs, education, passion for teaching and much more! Show Notes - https://www.htmlallthethings.com/podcasts/francescos-unique-developer-journey Learn with Scrimba - https://scrimba.com/?ref=htmlallthethings

Web development, often hailed for its versatility, empowers us to create websites, progressive web apps (PWAs), mobile applications, and robust web-based tools. However, beneath the surface lies a complex landscape far from utopian. To make web development sustainable without the need for networking engineers, IT managers, and server admins - tools that go beyond the vanilla platform (HTML, CSS, JS) have become staples of the industry (NodeJS, Svelte/Kit, Angular, etc.). These tools provide web developers with the ability to perform complex and time-consuming tasks with relative ease and without having to touch the underlying layers of technology. The side effect is that many web developers are left learning an absolute ton of technology at a high-level, with very little expertise in one area versus another. In this episode, Matt and Mike discussed the current mess that web development finds itself in as they converse about the sheer amount of material to learn, abstraction layers, and more. Show Notes: https://www.htmlallthethings.com/podcasts/web-development-is-a-mess-do-we-need-frameworks-is-there-too-much-to-learn Scrimba Discount: https://tinyurl.com/ScrimbaHATT

Learn how to land a web development job with this week's guest, James Quick. James is a content creator that focuses on teaching web developers through his YouTube channel and podcast. Our discussion this week focused on landing and keeping a web developer role with our conversation focusing on what you should do before landing the job, immediately after getting into your role, and how to keep your career going into the future. First off, our conversation on what to do before getting a developer job focused on studying, coding practice, and standing out as an applicant. Second, we discussed what to do right after landing the role conversing about whether you should keep learning on/off work hours and whether you should make an effort to learn job-related tech or branch out. Lastly, we discussed what to do once you've had a developer job for a while, touching on whether you should bother having a side hustle, how much learning you should do, and if you should update your portfolio or not. At the end of the interview, we asked James to expand and explain Astro, a web framework for content-driven sites. Show Notes: https://www.htmlallthethings.com/podcasts/how-to-land-a-web-development-job-w-james-quick Scrimba Discount: https://tinyurl.com/ScrimbaHATT

Back in the days of Internet Explorer web developers struggled with keeping their websites compatible across various versions. This problem exemplified as more modern browsers like Firefox and Chrome were added to the mix, forcing many web devs to create websites that could utilize modern features and fall back onto old ones for users still on IE. Today, these problems are largely solved, but not entirely. There is still some feature disparity between Edge, Chrome, Safari, and Firefox...and even now some developers need to continue to support Internet Explorer. It's also widely known that as newer versions of these browsers seem to squash more of these differences, users won't always have the most up-to-date version of the browser due to update neglect, or system compatibility. In this episode, Matt and Mike focus on CSS feature disparity between browsers and how to handle site development when your user base doesn't all have the latest features that you're utilizing. When is it safe to use a new CSS feature on a production website? Show Notes: https://www.htmlallthethings.com/podcasts/css-browser-support-when-can-i-use-this Scrimba Discount: https://tinyurl.com/ScrimbaHATT

React is a powerful tool that empowers web developers to create reactive websites and web apps. Unfortunately, sometimes projects built with React can struggle to reach their maximum performance potential. To solve this, Million 3 (million.js) steps in to help make your React project up to 70% faster. Million boasts a simple setup using an easy-to-use installer so that you don't need to spend hours installing and troubleshooting. In this interview episode, Matt and Mike discussed Million.js with Aiden and Tobiloba, exploring when Million should be used, when it should not be used, and what it helps with the most. With the release of Million 3 just this week, the guys learned about some cool new features that should help Million be even more useful than it already is. Show Notes: https://www.htmlallthethings.com/podcasts/make-react-faster-using-million-3-million-js-w-aiden-tobiloba Scrimba Discount: https://tinyurl.com/ScrimbaHATT

When a junior developer is assigned to your team, it's easy to give them the "new guy" treatment. You might give them jobs you don't like to do or play some sort of harmless prank on them, but take it a step further and you're in danger of becoming a toxic workplace. Handing over jobs that are simply too difficult for a junior developer and ridiculing them when they inevitably fail is one large example of how a team joke can take a dark turn, forming a habit of treating junior developers poorly in the hopes that they'll "rise to the challenge." In reality, most teams would benefit from having another experienced developer, so why not help the newbie grow into someone you can trust? In this episode, Matt and Mike discussed how to challenge and mentor a junior developer by giving them achievable challenges, avoiding a "trial by fire" that they will inevitably fail. Show Notes: https://www.htmlallthethings.com/podcasts/working-with-junior-developers-teaching-training-and-mentoring Scrimba Discount: https://tinyurl.com/ScrimbaHATT

Subscription fees are any household budget's worst nightmare, but they're not limited to just your favorite TV subscriptions. Web developers are also constantly bombarded by subscription fees for everything from development tools, analytics software, and WordPress plugins. Perpetual licenses (one-time fees) are almost a thing of the past and so everything you reach for at the paid tier ends up becoming a recurring cost that you'll need to make the most of to maximize value. Not only can these costs very quickly spiral out of control, but they're also a hard sell when dealing with a client. Every WordPress developer has surely come across a client that expects a feature-add for free, when the plugin to do so is behind a monthly subscription. In this episode, Matt and Mike discussed the hidden costs of web development reviewing the dreaded ballooning monthly bill made up of premium WordPress plugins, SEO software, development tools, and more. Thanks to this episode's sponsor Magic Mind. Use our link (https://www.magicmind.com/JANhtml) and promo code (HTML20) for up to 75% off in January 2024! After January? Our code is still good for up to 20% off! Show Notes: https://www.htmlallthethings.com/podcasts/the-hidden-costs-of-web-development Scrimba Discount: https://tinyurl.com/ScrimbaHATT

Three web development topics grace this episode's contents as Matt and Mike discussed the seemingly never ending tech layoffs that keep making headlines. The guys also discussed HTMX, a lightweight UI library that has taken off in popularity recently to the pleasure of some and dismay of others - is HTMX the "Tailwind CSS" of backend technology? Finally the guys discussed how to handle your family and friends approaching you with their ideas and wanting you to work on them. We've all been there, you're at a family gathering, and someone wants to work with you on their new idea that's sure to "take the world by storm" - or in a twist, sometimes they just want you to be their mentor...what do you do if you just don't have the time? Thanks to this episode's sponsor Magic Mind. Use our link (https://www.magicmind.com/JANhtml) and promo code (HTML20) for up to 75% off in January 2024! After January? Our code is still good for up to 20% off! Show Notes: https://www.htmlallthethings.com/podcasts/more-tech-layoffs-htmx-is-real-friends-with-ideas Scrimba Discount: https://tinyurl.com/ScrimbaHATT