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

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

Matt Lawrence and Mike Karanwww.htmlallthethings.com
The adventures of Matt Lawrence and Mike Karan through the world of web development, web design, and small business management. As web development agency owners for the better part of a decade, they’ve worked with all sorts of technologies, through the rise of responsive web design, the revolution of serverless computing, and the popularity gain of many no-code tools for small business owners. They commonly discuss foundational web development technologies like HTML, CSS, and JavaScript - including popular frameworks and tools such as Tailwind CSS, Svelte, WordPress, Vue, and more.
Last refreshed:
Follow this podcast in the Metacast mobile app to refresh it and see new episodes.
Download Metacast podcast app
Podcasts are better in Metacast mobile app
Don't just listen to podcasts. Learn from them with transcripts, summaries, and chapters for every episode. Skim, search, and bookmark insights. Learn more

Episodes

Advanced Topics w/ Little Experience

In this episode we take a look at taking on complex tasks in a field where you're not very experienced, something all programmers must do at one point or another in their career. Segment 1 - The Newcomer Effect This segment is going to focus on our experience configuring a vuejs service worker - I went in with no previous hand-on experience, a complete newcomer to service workers and an amateur at vuejs. Therefore this process is no doubt clunky, but as you’ll hear that’s exactly the point I wan...

Mar 20, 20191 hr 19 minEp. 34

Leadership w/ Scott McCarthy

In this episode we sit down with leadership expert Scott McCarthy, to discuss leadership skills related to small business and independent entrepreneurs. Segment 1 - Introduce Yourself Segment 2 - Starting Out Do you think that leadership is more of a school-learned skill (note-taking, reading, etc.) or more of one that you learn by putting it into practice? How closely would you relate self-discipline with leadership skills? Should you work on self-discipline before trying to lead others? When e...

Mar 13, 20191 hr 35 minEp. 33

jQuery to Vue.js

With Vue.js' popularity steadily rising, many of you are probably thinking of migrating from jQuery. Segment 1 - State of jQuery https://jquery.com/ jQuery is a javascript library mainly targeted at HTML document traversal and manipulation, event handling, animation* and ajax requests. Meant to simplify your code and reduce the amount you would have to write doing simple things such as Assigning event listeners to all elements of the same class Creating DOM elements such as DIVs Using the $.ajax...

Mar 06, 20191 hr 9 minEp. 32

Pivoting a Project

Pivoting a project can be a blessing, or a curse. It's important to know when and when not to pivot to avoid derailing your development cycle. Segment 1 - Our Pivots When first starting out it’s important to be open to all avenues to you In our case we chose to try to get into the IT and Web Design/Development business from the get go. Although we did have a few IT clients we both seemed to prefer the web development side of the business as time went on. Eventually we landed a larger Web develop...

Feb 27, 20191 hr 9 minEp. 31

Git Workflow

In this episode we talk about keeping our projects together with OneDrive and eventually upgrading to git for full version control. Segment 1 - Starting Without Git We used to use OneDrive to keep each other on the same page We had the same OneDrive directory sync to our computers so that our work would carry over However, this is not proper version control and therefore a bunch of conflicts would happen if we were working on the same projects, luckily most were minor and just required someone s...

Feb 20, 20191 hrEp. 30

Site Builders and Webflow

In this episode we discuss website builders in general, then do a deep dive into Webflow. Segment 1 - Site Builders There are many reasons out there to use a site builder, they can range anywhere from convenience aspects, to pricing. I think it’s fairly important for a web developer to be at least familiar with these reasons and also the downfalls of site builders so that when it comes time for them to explain to their customer why they need a custom website, they will be coming at if from a pla...

Feb 13, 20191 hr 27 minEp. 29

Your First Website Contract

In this episode Mike and Matt discuss what it's like to take on your first website contract as a complete beginner web developer, focusing on a small business website refresh. Segment 1 - Gathering Requirements We’ve talked about requirements a few times but this whole conversation will be very specific to a typical first site that a developer will have to do for their first project. So in this scenario a small business call Happy Coffee has approached you with a request for their old site to be...

Feb 06, 20191 hr 12 minEp. 28

Negative Customer Relations

In this episode we discuss the difficult conversations we all face when dealing with customers including pricing, misunderstandings, and more. Segment 1 - Saying No Sometimes customers relations aren’t just selling them on your latest theme, service, or skill - there comes a time where you have to deal with intricacies that have a negative connotation attached to them Specifically these are often: pricing, value (of work and of the product to the customer), bad content (low quality images, bad c...

Jan 30, 20191 hr 8 minEp. 27

Tips and Tricks

In this episode we share some of our tips and tricks that we've picked up along our many web development and design adventures. Segment 1 - Matt’s Tips & Tricks Server/Hosting Management Common things like this include: WordPress updates (plugin updates), migrating to a different server/host, testing a new major feature, adding something a client has requested - but you think won’t work out which will result in a rollback Always backup files and databases that you won’t be able to get back i...

Jan 23, 20191 hr 3 minEp. 26

Coding Challenge Wrap-Up

In this episode we discuss our recently completed coding challenge, making "No BS News for Reddit" Note: We had some audio issues with the first upload of this episode, if you hear nothing, simply delete your version and re-download to get the updated file. Apologies for the inconvenience. Segment 1 - Pre-Planning & Design As apart of this challenge we were allowed to plan, design, and research before the challenge began To prepare we did some research on PWAs and their functionality We also...

Jan 16, 20191 hr 8 minEp. 25

Code Challenge - No BS News for Reddit

In this tidbit episode we discuss our code challenge, announcing official dates, and other considerations that we've thought up over the past few weeks. We'll be calling our PWA (Progressive Web App) "No BS News for Reddit" and will be using: flexbox, Vue.js, and service workers to accomplish our task. The challenge will comprise of us trying to complete this app within a 24-hour period. As a PWA, we will be running it on Digital Ocean for hosting, which will also be our finish line. More specif...

Jan 14, 201930 min

Maintaining Your Skills

Happy New Year! 2019 has just kicked off, and so has another year of podcasts. In this episode we discuss maintaining your skills after long periods away from your desk. This is the perfect compliment to the recently completed holiday season as many of us are just now getting back to work. Segment 1 - Keeping Things in Practice Keep using the technology you deem valuable The main way I stay on top of my skills is seemingly an obvious answer. By using them This can be a little difficult though wi...

Jan 09, 20191 hr 1 minEp. 24

Motivation

In this episode Mike and Matt discuss motivation in it's many forms, and how it affects working on variety of projects. Segment 1 - Types of Motivation Different types of motivation range from the tinkerer all the way to the passionate Being in any of these camps generally dictates how much effort, and time, that you’ll put into a field that you’re checking out In terms of web development & design, having a different level of motivation will no doubt determine where you fall within the field...

Dec 19, 20181 hr 22 minEp. 23

Design, Develop, Deploy

This week we discuss breaking out of our comfort zone to finally develop an app via a coding challenge. Segment 1 - The Idea Parameters Our idea needed to be something that was accessible, yet popular enough to get in front of people and actually get downloaded In order to get downloads we knew the reach had to be decent, it had to be something that people would find useful, but it had to be simple enough in order to be developed quickly We decided to analyze our previous experiences in launchin...

Dec 12, 20181 hr 25 minEp. 22

The Hustle

In this episode Mike & Matt discuss the entrepreneurial hustle, focusing in on the online freelance game for web developers and designers. Segment 1 - Freelancing Online There are a lot of developers, writers, virtual assistants, and more that work freelance online As a small business, we have experience getting work from freelancing websites and other site resources, however, please note that we work almost exclusively in the web development/design segment of the business so your mileage ma...

Dec 05, 20181 hr 17 minEp. 21

Cross-Platform Web Development

Matt's freshly back from vacation to discuss developing for multiple platforms using various tools such as Apache Cordova, React Native, and Ionic. Allowing developers to use what they're familiar with, and still make apps for a variety of platforms. Segment 1 - When to Use/Not Use Cross-Platform Development Cross Platform Web Development allows you to build apps in Javascript that you can then use as native apps on iOS, Android and even Windows This allows developers that are already familiar w...

Nov 28, 20181 hr 24 minEp. 20

Front-End Developer Roadmap

In this episode we dive into the the Front-End Developer Roadmap by Kamran Ahmed, going through all the technologies you need to learn from the basics, through the mastery phase of your career. Segment 1 - Roadmap Discussion We discuss the 18-20 main points of the developer roadmap Source: https://github.com/kamranahmedse/developer-roadmap Segment 2 - Update on HTML All The Things Authentication for admins was added to edit the site Pagination with infinite scroll was added Major code refactorin...

Nov 21, 20181 hr 41 minEp. 19

Developing with Vue.js, Node.js, and MongoDB

We've been hard at work, learning a new development stack on which the HTML All The Things website is built. Note: Matt is on vacation for 1.5 weeks, this episode has been pre-recorded before his departure, some things that were discussed may have a different status (hopefully complete) upon the release of the episode. Segment 1 - VueJS Frontend Development Due to the nature of VueJS, we spun up an entirely new development environment Switching from Notepad++ to Visual Studio Code w/ the Vetur p...

Nov 14, 20181 hr 10 minEp. 18

Gathering Project Scope & Requirements

Getting details from your customers can be a challenging experience, but it is vital so that you can deliver a complete produce on time. Segment 1 - The Contact There are a lot of way that customers can contact you Some clients want to be hands-on, some want to hand over everything to you - the professional, and others get right to the point Despite how many details these customers give you, every project has a unique spin on it, even if it seems run of the mill, this makes it vital that your co...

Nov 07, 20181 hr 23 minEp. 17

Responsive Design

Responsive design has revolutionized how websites are developed, but static layouts still have their place. We explore these two different layout methods in this episode of the podcast. Reference from Treehouse: https://blog.teamtreehouse.com/which-page-layout Segment 1 - What is Responsive Design? Responsive design responds to its environment, in the case of web design it’s specifically referring to how a website’s user interface responds to different window sizes and technologies available. Th...

Oct 31, 20181 hr 21 minEp. 16

Developer to CTO w/ Azhar Zuberi

We sit down with Azhar Zuberi to discuss his unique professional journey from developer to CTO of a startup. Segment 1 - Introduce Yourself Segment 2 - A little backstory What would you say was the most important topic or lesson you learned in your schooling when it comes to being a developer? How important was your first job as a developer in defining your coding style/knowledge base? When first starting out what were the ‘popular’ technologies that you learned (i.e. angular, bootstrap, wordpre...

Oct 24, 20181 hr 52 minEp. 15

Communicating with Customers

Communicating with your customers is a difficult, yet necessary part of doing business. In this episode we discuss best practices when dealing with various types of customers. Segment 1 - Establishing Channels Establishing which channels you're willing to talk on is critical Steer new customers to the proper channels that you check regularly (ie email, Twitter DM, phone call, etc.) so that you don't miss out on potential business Make sure that you check your unused channels on occasion (maybe w...

Oct 17, 20181 hr 11 minEp. 14

UX Considerations

We dive into the world of UX in this episode, analyzing some basic tactics you can use to ensure that your users have a great experience on your site or app! UX Rules Source: https://theblog.adobe.com/15-rules-every-ux-designer-know/ UX is not (only) UI User Interface is a part of User Experience Are glitches part of UX? Know your audience User research is a natural first step in the design process Designing a site for a specific industry will very much influence your decisions. You are not the ...

Oct 10, 20181 hr 51 minEp. 13

Bootcamp to Web Developer w/ David Lindahl

In this episode we sit down with David Lindahl, a friend and colleague that recently pivoted his career from a the financial sector to web development. Segment 1 - Introduce Yourself Introductions and pathway to today Segment 2 - Bootcamp You mentioned that Code Fellows , which is where you took your classes, prefers to call it more of a coding school, or coding academy. What differences are there between traditional boot camps and a course at Code Fellows? In general how was the experience? Wou...

Oct 03, 20181 hr 37 minEp. 12

Box, Flexbox, and Grid

We dive into the different CSS layout methods that have evolved over recent years including box model, flexbox, and grid. Segment 1 - Layout Models StackChief reference article Box Model Elements comprise of: content, padding, border, margin Dimensions like height and width Floats and clearfix CSS Box Model - W3Schools article Flexbox Evolution of the box model Comprises of a container element called the flex container, which "control" their child elements called flex items Flexbox is fantastic ...

Sep 26, 20181 hr 30 minEp. 11

CSS Transitions & Animations

In this episode we focus on CSS transitions and animations, what they are, why they both exist, and when you should use one or the other. Segment 1 - Transitions vs Animations AdobePress Article - reference link Transitions Only have two states (triggered and not triggered) Always run forward when triggered, and backwards when the trigger is removed Common triggers are: hover, link, active, visited, focus, checked, disabled Common use case: hover over a button and have the box shadow get darker ...

Sep 19, 20181 hr 24 minEp. 10

Our Gear

In this episode we discuss the tools that help us get the job done, with a specific focus on the hardware. Things like the PCs we use, the headphones we listen to, and some stories behind our hardware decisions. Segment 1 - Desktop Setups Matt's Desktop Setup Custom PC FX-8350 (8 core AMD processor) 16GB RAM DDR3 2x XFX 7970 (GPUs) Windows 10 CM Storm Sentinel Advance 3 Mouse Logitech G15 Keyboard Blue Snowball SteelSeries Flux Bose Companion 2 Series II Multimedia Speaker System Mike's Desktop ...

Sep 12, 20181 hr 36 minEp. 9

Tidbit: Website Planning Session

In this first mini podcast episode, we record one of the first meetings for planning out the HTML All The Things website. The meeting was unscripted, microphones on and that's it (intro and outro are exceptions). This should give you a good idea what a typical meeting is like for us, specifically how we collaborate on projects with our different talents. You can find us on... Facebook | Twitter | Instagram | RSS Medium | YouTube | GitHub | Spotify...

Sep 08, 201821 min

Learning New Technologies

Learning new technologies can be a difficult thing to start, let alone master. In this episode we discuss how we started with new technologies and how to expand those introductions into mastery with a given framework, plugin, or other product. Segment 1 - Getting Started Identify Objectives Ensure that your selected technology cover as many of your objectives as possible Sometimes your objective is just to learn a given technology - with no specific project objective(s) Do the "My First App" exa...

Sep 05, 20181 hr 19 minEp. 8

Troubleshooting Your Code

In this episode we dive into the world of troubleshooting and debugging exploring different methodologies and tools that should help you take out any pesky bugs you might come across. Segment 1 - Troubleshooting Methodologies Process of Elimination Slowly eliminate parts of your code that might be the culprit Narrow down the culprit then perform the process of elimination on the section that is causing the issue Don't be afraid to Google/research Researching is nothing to be ashamed of, it does ...

Aug 29, 20181 hr 15 minEp. 7
For the best experience, listen in Metacast app for iOS or Android