Logo
    Search

    Supper Club × Authoring Browser Extensions with Tim Leland

    enJune 24, 2022

    Podcast Summary

    • A Decade-Long Journey of Building Side Project Browser ExtensionsA software developer shares how creating a simple weather app sparked a decade-long journey of building and updating free browser extensions for convenience and innovation.

      Tim Leland, a software developer with a decade of experience, shares his journey of building browser extensions as side projects while working full-time. The catalyst for his extension development was creating a simple weather app for quick access. Tim enjoys the freedom and creativity that comes with side projects, which led him to build and update extensions like Weather Extension for over seven years. These extensions provide convenience for users by saving time and offering features not typically found in traditional weather apps. Tim's extensions are free, and he continues to innovate and improve them. This conversation took place on the Syntax Supper Club podcast, sponsored by ZenLayer and the Postlight podcast.

    • Offering a free and paid version of a product or serviceProviding a free version can attract a large user base, but adding a paid version covers costs and offers additional features.

      Providing a free version of a product or service can attract a large user base, but adding a paid version can help cover costs and provide additional features. This was discussed in relation to a weather extension with over 211,000 users, which uses a paid API and offers a paid version for additional features like weather alerts and more frequent updates. The creator mentioned that while the extension had reached over a million people, it also had its challenges, such as easy installation and uninstallation, and occasional attempts to hack or buy the extension. Marketing efforts, including reaching out to websites and having the extension shared on popular sites, also played a role in its growth.

    • Understanding the unique environments of Chrome extension developmentChrome extensions require separate rules and adaptations, including using fetch for network requests, web workers for background tasks, and avoiding server-side components without review.

      Developing a Chrome extension involves working in various environments, each with its unique characteristics. A Chrome extension functions as its own entity, separate from the browser, with its own set of rules. Previously, background tasks were handled through HTML pages, but with the new manifest v3, background tasks are now handled as web workers. This change requires developers to adapt by using fetch for network requests and removing references to window or document. Additionally, hosting server-side components within the extension is discouraged due to security concerns, and instead, developers must go through the review process to ensure the safety and functionality of their extensions. Overall, understanding the distinct environments and requirements of Chrome extensions is crucial for successful development.

    • Importance of ethical practices and securing a fitting domain nameBe aware of underhanded practices in the world of extensions and online tools, and secure a fitting domain name to contribute to your service's success and branding.

      The world of extensions and online tools can sometimes have shady practices, with companies making money through underhanded methods such as swapping out affiliate links or using your computer's resources for crypto mining. However, there are also opportunities for innovation and growth, as demonstrated by the creation of a URL shortener service from an existing extension. The importance of securing a fitting domain name for a business was also emphasized, as it can contribute to the success and branding of the service. The speaker shared his experience of acquiring the domain name tdot.ly for his URL shortener service, which proved to be a perfect fit and helped differentiate it from competitors. The cost of the domain name was not disclosed, but it was acknowledged that such a short and memorable domain comes at a premium. Overall, the discussion highlighted the importance of being aware of potential risks in the digital world, while also recognizing opportunities for innovation and growth.

    • Exploring Bitly's Paid FeaturesBitly's paid plans offer custom domains, URL expiration, analytics, and OneLink for advanced link management. Businesses can evaluate these features to make back their investment.

      Bitly's paid plans offer additional features such as custom domains, URLs that expire after a certain number of clicks, and analytics, which can help businesses make back their investment. The speaker shared his experience of evaluating these features before deciding to purchase a paid plan. He also mentioned "OneLink," an add-on feature that allows users to list multiple links under one link, which he was considering building out. The speaker also touched upon the ease of setting up SSL domains with a custom domain name using Caddy, although he noted that there were additional checks to ensure security. Overall, the discussion highlighted how Bitly's paid plans can offer valuable features for businesses looking to optimize their link management.

    • Dealing with malicious content in URL shortener servicesMaintaining a URL shortener service involves constant vigilance against malicious content to ensure a safe and reliable experience for users. Automated systems and manual checks are necessary to detect and remove such content.

      Building and maintaining a URL shortener service involves dealing with malicious content. The speaker shared his personal experience of having his servers shut down due to malicious URLs being flagged and shared on the Internet. He emphasized the importance of having a robust system to automatically detect and remove such content. The speaker also mentioned that even big companies like Discord can have their URLs flagged for malicious content. He uses a combination of automated systems and manual checks to ensure the safety of the URLs on his platform. Additionally, he mentioned a tool he built called "Link and Shorten" which expands short links and checks their safety before expanding them. Overall, the process of building and maintaining a URL shortener requires constant vigilance against malicious content to ensure a safe and reliable service for users.

    • Innovating to combat digital threatsIndividuals and companies continue to adapt and innovate to keep up with digital threats, sharing personal experiences and creating projects to address challenges, with interoperability of browser extensions enabling easy transfer between major browsers, except for Safari.

      While there is no AI involvement in the specific discussion about detecting and removing malicious content from platforms, individuals and companies continue to innovate and adapt to keep up with the ever-evolving digital threats. The speaker shares personal experiences with detecting suspicious content on social media and the challenges in keeping up with the creators of such content. He also discusses his inspiration for creating various projects, ranging from personal frustrations to professional needs. Furthermore, the speaker touches upon the interoperability of browser extensions, allowing for the easy transfer of extensions between different browsers like Chrome, Firefox, Opera, and Edge. However, Safari remains an exception due to its unique review process. Overall, the conversation highlights the importance of staying vigilant and adaptive in the digital world and the potential for innovation to address various challenges.

    • Creating and sharing content can lead to significant traffic and revenueConsistently creating and sharing content increases chances of discovery and potential revenue through unconventional methods like affiliate marketing and ads.

      Creating and sharing content, whether it's through a blog, YouTube channel, or browser extensions, can lead to significant traffic and potential revenue. The speaker shared his personal experience of making $500 from affiliate links on a popular blog post and how getting picked up and shared by larger platforms led to a surge in new subscribers and opportunities. He also emphasized the importance of consistently creating and sharing content, as it increases the chances of getting discovered and shared. The speaker also mentioned that while conventional methods like charging a subscription fee for extra features are common, there are unconventional ways to make money from content, such as affiliate marketing and ads. He encouraged the value of blogging, even in today's digital landscape, as a way to help people and potentially earn revenue.

    • Blogging and Email Marketing with SendlayerEffective communication and productivity remain constant, regardless of blogging trends or technology tools. Use Sendlayer for email marketing to ensure delivery and connect with your audience.

      Despite the debates about the relevance of blogging in today's digital landscape, it remains a viable platform for individuals to express their ideas and even make a living. The speaker shared his personal experience of writing when motivated and using tools like Sendlayer to manage his email marketing. During the discussion, they also talked about Sendlayer, an email delivery service that helps businesses ensure their transactional emails reach their customers' inboxes. The conversation then shifted to the hosts' preferences for computers, keyboards, and phones, with the speaker expressing his fondness for the Apple MacBook Pro M1 and the Microsoft Sculpt ergonomic keyboard. The takeaway is that while technology tools and trends may change, the importance of effective communication and productivity remains constant.

    • Continuous learning is key in codingEmphasize foundational language, stay updated, make the most of free time, and adapt to new technologies and trends.

      Regardless of the specific tools or languages used, the most important aspect of coding is continuous learning. The interviewee shared his personal experiences with various programming languages and tools, but emphasized the importance of starting with a foundational language like JavaScript and then expanding to other languages as needed. He also highlighted the importance of staying updated through resources like podcasts, YouTube videos, and blogs. If given a chance to go back in time, he would encourage those in college to make the most of their free time and start coding projects or businesses. While a Computer Science degree can be valuable, it's also possible to learn through self-paced online courses and real-world experience. Ultimately, the key to success in coding is a willingness to learn and adapt to new technologies and trends.

    • Exploring Different Coffee Preparation Methods with TimTim shares his passion for coffee and discusses using a Chibo coffee maker for convenience and cold brew for maximum caffeine infusion. He encourages listeners to check out his blog and Twitter for more information.

      Key takeaway from this conversation with Tim is his passion for coffee and the different methods he uses to prepare it. He shared his experience with a Chibo coffee maker, which grinds fresh beans on the spot and is more convenient than traditional espresso machines. He also mentioned his preference for cold brew and the process of making it at home with a long steep time for maximum caffeine infusion. Tim encouraged listeners to check out his blog and Twitter for more information, and mentioned t.ly as a URL shortener service. Overall, the conversation highlighted Tim's enthusiasm for coffee and his willingness to share his knowledge and experiences.

    Recent Episodes from Syntax - Tasty Web Development Treats

    789: Do More With AI - LLMs With Big Token Counts

    789: Do More With AI - LLMs With Big Token Counts

    Join Scott and CJ as they dive into the fascinating world of AI, exploring topics from LLM token sizes and context windows to understanding input length. They discuss practical use cases and share insights on how web developers can leverage larger token counts to maximize the potential of AI and LLMs.

    Show Notes

    Hit us up on Socials!

    Syntax: X Instagram Tiktok LinkedIn Threads

    Wes: X Instagram Tiktok LinkedIn Threads

    Scott: X Instagram Tiktok LinkedIn Threads

    CJ: X Instagram YouTube TwitchTV

    Randy: X Instagram YouTube Threads

    788: Supabase: Open Source Firebase for Fullstack JS Apps

    788: Supabase: Open Source Firebase for Fullstack JS Apps

    Scott and CJ chat with Paul Copplestone, CEO and co-founder of Supabase, about the journey of building an open source alternative to Firebase. Learn about the tech stack, the story behind their excellent documentation, and how Supabase balances business goals with open-source values.

    Show Notes

    • 00:00 Welcome to Syntax!
    • 00:30 Who is Paul Copplestone?
    • 01:17 Why ‘Supa’ and not ‘Super’?
    • 02:26 How did Supabase start?
    • 08:42 Simplicity in design.
    • 10:32 How do you take Supabase one step beyond the competition?
    • 12:35 How do you decide which libraries are officially supported vs community maintained?
      • 15:17 You don’t need a client library!
    • 16:48 Edge functions for server-side functionality.
    • 18:51 The genesis of pgvector.
    • 20:59 The product strategy.
    • 22:25 What’s the story behind Supabase’s awesome docs?
    • 25:26 The tech behind Supabase.
    • 35:46 How do you balance business goals with open source?
    • 42:01 What’s next for Supabase?
    • 44:15 Supabase’s GA + new features.
    • 48:24 Who runs the X account?
    • 50:39 Sick Picks + Shameless Plugs.

    Sick Picks

    Shameless Plugs

    Hit us up on Socials!

    Syntax: X Instagram Tiktok LinkedIn Threads

    Wes: X Instagram Tiktok LinkedIn Threads

    Scott: X Instagram Tiktok LinkedIn Threads

    CJ: X Instagram YouTube TwitchTV

    Randy: X Instagram YouTube Threads

    787: You Should Try Vue.js

    787: You Should Try Vue.js

    Scott and CJ dive deep into the world of Vue.js, exploring what makes this frontend framework unique and why it stands out from React and Svelte. CJ gives a comprehensive tour, covering everything from getting started to advanced features like state management and Vue’s built-in styles.

    Show Notes

    Vue.js: The Documentary.

    Sick Picks

    Shameless Plugs

    Hit us up on Socials!

    Syntax: X Instagram Tiktok LinkedIn Threads

    Wes: X Instagram Tiktok LinkedIn Threads

    Scott: X Instagram Tiktok LinkedIn Threads

    Randy: X Instagram YouTube Threads

    786: What Open Source license should you use?

    786: What Open Source license should you use?

    Scott and CJ dive into the world of open source, breaking down its meaning, benefits, and the various types of licenses you’ll encounter. From permissive licenses like MIT and Apache 2.0 to copy-left licenses such as GNU GPLv3, they’ll help you choose and apply the right license for your project.

    Show Notes

    Hit us up on Socials!

    Syntax: X Instagram Tiktok LinkedIn Threads

    Wes: X Instagram Tiktok LinkedIn Threads

    Scott: X Instagram Tiktok LinkedIn Threads

    Randy: X Instagram YouTube Threads

    785: What’s Next for NextJS with Tim Neutkens

    785: What’s Next for NextJS with Tim Neutkens

    Scott and Wes dive into the world of Next.js with special guest Tim Neutkens from Vercel. They explore the latest updates, including the React Compiler and React Server Components, discussing their impact on developer workflows and the future of Next.js development.

    Show Notes

    • 00:00 Welcome to Syntax!
    • 00:30 What does the React Compiler do?
    • 05:04 Will React Compiler help with managing Context?
    • 06:39 What happens if you’re not using a React Compiler?
    • 09:30 Will this work on any NextJS version?
    • 12:18 What are React Server Components?
    • 16:28 Shipping all the data inside an encapsulated component.
    • 20:17 Clearing up the frustrations around retrofitting server components.
    • 23:13 Handing migration.
    • 28:30 Is this just a fetch request with props?
    • 36:41 How closely are the NextJS and React teams working?
    • 41:53 Will we ever get Async Client Components?
    • 43:52 Async Local Storage API.
    • 45:31 Turbopack.
    • 57:51 Sick Picks & Shameless Plugs.

    Sick Picks

    Shameless Plugs

    Hit us up on Socials!

    Syntax: X Instagram Tiktok LinkedIn Threads

    Wes: X Instagram Tiktok LinkedIn Threads

    Scott: X Instagram Tiktok LinkedIn Threads

    Randy: X Instagram YouTube Threads

    784: Logging × Blogging × Testing × Freelancing

    784: Logging × Blogging × Testing × Freelancing

    In this Potluck episode, Scott and Wes tackle listener questions on modern blogging, website environmental impact, and using LangChain with LLMs. They also cover CSS hyphens, unit vs. integration testing, and balancing web development with new parenthood.

    Show Notes

    Sick Picks

    Shameless Plugs

    Hit us up on Socials!

    Syntax: X Instagram Tiktok LinkedIn Threads

    Wes: X Instagram Tiktok LinkedIn Threads

    Scott: X Instagram Tiktok LinkedIn Threads

    Randy: X Instagram YouTube Threads

    783: How We Built a Netflix Style “Save for Offline” Feature Into Syntax

    783: How We Built a Netflix Style “Save for Offline” Feature Into Syntax

    Scott and Wes dive into the world of browser caching for audio files, exploring the File System API and the Cache API. They discuss size restrictions across different browsers, how tools like Riverside.fm leverage IndexedDB, and walk through code examples for creating, retrieving, and managing cached audio data.

    Show Notes

    Hit us up on Socials!

    Syntax: X Instagram Tiktok LinkedIn Threads

    Wes: X Instagram Tiktok LinkedIn Threads

    Scott:X Instagram Tiktok LinkedIn Threads

    Randy: X Instagram YouTube Threads

    782: The Developer’s Guide To Fonts with Stephen Nixon

    782: The Developer’s Guide To Fonts with Stephen Nixon

    Scott and CJ are joined by Stephen Nixon of ArrowType to delve into the world of fonts and type for developers. They explore the intricacies of font creation, the utility of variable fonts, and offer tips for making visually appealing typography on the web.

    Show Notes

    Sick Picks

    Shameless Plugs

    Hit us up on Socials!

    Syntax: X Instagram Tiktok LinkedIn Threads

    Wes: X Instagram Tiktok LinkedIn Threads

    Scott:X Instagram Tiktok LinkedIn Threads

    Randy: X Instagram YouTube Threads

    781: Potluck - The Value of TypeScript × Vue vs Svelte × Leetcode

    781: Potluck - The Value of TypeScript × Vue vs Svelte × Leetcode

    In this potluck episode of Syntax, Scott and CJ serve up a variety of community questions, from the nuances of beginner vs. advanced TypeScript to the pros and cons of SvelteKit. They also discuss falling out of love with React, shipping private packages via NPM, and the eternal struggle of always starting but never finishing projects.

    Show Notes

    Sick Picks

    Shameless Plugs

    Hit us up on Socials!

    Syntax: X Instagram Tiktok LinkedIn Threads

    Wes: X Instagram Tiktok LinkedIn Threads

    Scott:X Instagram Tiktok LinkedIn Threads

    Randy: X Instagram YouTube Threads

    780: Cloud Storage: Bandwidth, Storage and BIG ZIPS

    780: Cloud Storage: Bandwidth, Storage and BIG ZIPS

    Today, Scott and Wes dive into cloud storage solutions—why you might need them, how they use them, and what you need to know about the big players, fees, and more.

    Show Notes

    Hit us up on Socials!

    Syntax: X Instagram Tiktok LinkedIn Threads

    Wes: X Instagram Tiktok LinkedIn Threads

    Scott:X Instagram Tiktok LinkedIn Threads

    Randy: X Instagram YouTube Threads

    Related Episodes

    061 | An Insider's Look In My Toolbox: The Tech, Tools, & Tips I Use To Run My Business

    061 | An Insider's Look In My Toolbox: The Tech, Tools, & Tips I Use To Run My Business

    In this episode, I give you a behind-the-scenes tour of my productivity toolbox so you can benefit from the awesome tech, tools, and tips I use to run my business.

    I also give you the straight talk on why apps don’t make you productive, discuss the important difference between efficiency, organization, and productivity, make suggestions on implementing new apps and programs, and offer tips to help you take advantage of some lesser known functions of my favorite tools.

    I hope you enjoy this episode about my toolbox and encourage you to implement apps that will increase your effectiveness in your business. Now let’s jump right in and get to the straight talk!

    What You’ll Discover In This Episode:

    ✔️Programs That Create Efficiency

    ✔️Apps That Aid Your Productivity

    ✔️Websites That Can Clone You (It’s a good thing!)

    ✔️ Chrome Extensions That Make Life Easier

    ✔️Tips To Use Them All Effectively

    ✔️So Much More!

    Important Resources & Links From This Episode:

    My Toolbox

    Outlook Training Interest List

    Trello Interest List

    077 | Bookmarks: Unlocking The Hidden Time Savers In Your Browser

    077 | Bookmarks: Unlocking The Hidden Time Savers In Your Browser

    In this episode, I uncover some of the best but most underutilized features of webpage bookmarks, to help you power through your online work more efficiently.

    What You’ll Discover In This Episode:

    ✔️️ The Benefits Of Using Webpage Bookmarks

    ✔️  How To Best Utilize Them To Increase Efficiency

    ✔️  My Preferred Bookmark Structure

    ✔️  Pro Tips For Maximizing Bookmarks

    ✔️So Much More!

    I hope you enjoy my episode on webpage bookmarks and encourage you to use them in a way that increases your productivity. Now let’s jump right in and get to the straight talk!

    Important Resources & Links From This Episode:

    Facebook Community

    Create, View, & Edit Chrome Bookmarks

    EP 075 Jake Anderson Building Human Connections Will Grow Your Engagement and Business

    EP 075 Jake Anderson Building Human Connections Will Grow Your Engagement and Business
    • Jake reminds us that vanity metrics don’t always equal great coach
    • Jake admit that he was not happy with his choices and why
    • Jake shares thoughts on looking for a paradise you are already living in
    • Jake share the importance of building those human connections


    Jake Anderson links
    Facebook Group
    Website

    84: 3 Mistakes You're Making with Your Leadership Vision

    84: 3 Mistakes You're Making with Your Leadership Vision
    There are 3 mistakes that are common when it comes to having a leadership vision. Not only are they common, but they’re stopping your vision from coming to life.
    In this episode, we’re unpacking these mistakes so you can finally see your leadership vision become a reality!

    Want to try audiobooks for free?
    I’ve partnered with Audible.com so that you can try listening to audiobooks with a free 30-day trial!
    Start your free 30 day trial by going to: www.audibletrial.com/CBLPpodcast

    Ready to finally see your vision come to life? Let’s get on a call to create your vision strategy! Schedule your call with Dionna here:
    www.baproinc.com/ep84

    Questions about this episode? Topic suggestions for future episodes? Record them using the green Record Podcast Question button at www.baproinc.com/ep84 or send them to culture@businessadvocatespro.com

    Let's chat about this episode on Twitter: @BAPROINC or IG: @CultureBuildingPRO

    The Culture Building like a PRO Podcast: Simple ways to transform your company culture... Today!
    | Company Culture | Culture Building | Organizational Culture | Employee Engagement | Effective Leadership | Servant Leadership |
    baproinc.com

    Ep. 13. Hobby Turned Business

    Ep. 13. Hobby Turned Business
    From humble beginnings to creating something much larger, Sienna and Alex talk about the thrill of turning a hobby into a viable business on the same day Sienna launches her Etsy store! Sienna shares what she has been up to for the last month and provides a little backstory on how she found her love for candle making while Alex dishes on the progress of his ongoing project.