Lazy loading video
Improve your website’s speed and performance by implementing lazy loading for videos, a technique that delays loading until they’re needed.
Blogs
Articles on designing and coding things for the web.
CSS clip-path property
Get creative with the CSS clip-path property! Discover how to shape web elements into non-rectangular forms for unique visual effects.
Exploring progressive web apps (PWAs)
Discover Progressive Web Apps (PWAs). Learn how they enhance the mobile web experience.
Ultimate Vim cheat sheet
Master Vim commands with this comprehensive cheat sheet. Navigate, edit, and unleash the power of this text editor.
Content filtering with CSS :has() selector
Master the powerful CSS :has() selector! Learn to filter content, create dynamic layouts, and style parent elements with ease.
The ABCD of YouTube Ads
Navigate the world of YouTube advertising! Learn the fundamentals of ad formats, targeting, and campaign creation.
Setting up SSH keys on Ubuntu 20.04
Secure your Ubuntu 20.04 connections with SSH keys. Follow this simple setup guide.
Installing Node.js on Ubuntu 20.04
Follow this straightforward guide to install Node.js on Ubuntu 20.04 and get started with the powerful JavaScript runtime environment.
Google Analytics 4 vs. Universal Analytics
Comparing the Universal Analytics and Google Analytics 4 data models
Jekyll vs Hugo
Choosing a static site generator? Compare Jekyll and Hugo side-by-side to find the best fit for your project.
Content writing for SEO
Learn how to craft content that ranks high in search engines. Master SEO content writing techniques to attract organic traffic and boost visibility.
Facebook Ads vs Google Ads vs Microsoft Ads
Facebook, Microsoft & Google Ads Compared. Which is the best PPC platform?
Introduction to structured data markup
Enhance your site’s search presence with structured data. Get a beginner-friendly introduction.
What is the use of Google Search Console?
Unlock the power of Google Search Console for your website. Analyze search performance, fix errors, and gain valuable SEO insights.
Improving Core Web Vitals for better SEO and user experience
Discover how to improve performance and user experience for better SEO results
Mastodon
Discover what Mastodon is, why it’s gaining popularity, and how this decentralized social network platform differs from Twitter.
Figma vs Sketch
Get insights into the pros and cons of Figma and Sketch, two popular design tools, to help you choose the right one for your projects.
Eleventy vs Hugo
How to choose the best static site generator
What is a static site generator?
Learn about Static Site Generators (SSGs). Discover their benefits and popular choices.
What is a Canonical URL?
Understand canonical URLs for SEO. Learn why they’re important and how to use them.
What are Serverless Functions?
Understand serverless functions - scalable, cloud-based services ideal for small, focused tasks. Discover their benefits and use cases.
Redirect chain
Understand the potential issues with redirect chains and how to manage them for optimal website performance and SEO.
How do you write maintainable code?
Learn essential tips for writing maintainable code that is easy to understand, debug, and update. Improve your coding practices for long-term efficiency.
Best practices for version control with Git
Streamline your Git workflow with these best practices. Learn how to commit, branch, and collaborate effectively.
An overview of web accessibility
An introduction to web accessibility, including how to make websites more accessible to users with disabilities and the importance of following web accessibility guidelines
Writing an article using chatGPT
Discover how ChatGPT can assist in article writing. Learn its capabilities, limitations, and best practices for leveraging AI in your content creation.
Use your website hosted on Netlify as an alias for your Mastodon username
Use your own user @ domain for Mastodon discoverability
CSS Grid vs Flexbox
Get the ultimate guide to CSS Grid and Flexbox – when to use each for modern, flexible website layouts.
Crucial non-technical skills every developer needs to work on
Level up as a developer! Sharpen your communication, problem-solving, and other essential soft skills for career success.
Scrape data from websites into Google Sheets
Automate data collection with this easy guide on scraping websites directly into Google Sheets. No coding required!
Embedding audio with Hugo shortcodes
Add audio to your Hugo site seamlessly. Use these shortcodes for easy audio embeds.
Raw HTML in Hugo
Get the inside scoop on how to directly embed raw HTML within your Hugo content. Master techniques for flexible control of your website’s structure.
Why linux is the best choice for programming?
Discover why Linux is the top OS for programmers. Learn about its advantages in customization, security, and open-source tools.
Hugo shortcode for raw HTML
How to render raw html in Hugo markdown files with shorcode
Technical SEO for beginners
Get started with technical SEO! Master the fundamentals of optimizing your website’s structure and code for search engines.
Show related content in Hugo
Boost engagement on your Hugo site. Display related content to keep visitors reading.
How to setup Tailwind CSS in Hugo
Streamline your Hugo website’s styling with Tailwind CSS. Get started with this easy-to-follow setup guide.
What is the best laptop for a web developer
Find the perfect laptop for coding! Discover the key factors to consider when choosing a web development machine.
Tips to improve your website’s search result ranking
How to improve your website’s search result ranking
Count all pages from section in Hugo
Get accurate content counts in Hugo. See how to count pages within specific sections.
Tips for writing clean and maintainable code
Craft code that’s easy to understand, modify, and reuse. Discover the keys to writing maintainable code for long-term success.
The CSS :has() selector
Discover the power of the CSS :has() selector for conditional styling based on an element’s children or siblings.
What are Variable fonts?
Discover variable fonts, a powerful technology for web typography. Learn their benefits and how to use them.
Add anchor links to headings in Hugo
Create anchor links (jump links) for headings in your Hugo content. Improve navigation and allow users to jump directly to relevant content sections.
Use CSS templates to display Apple Pay buttons in Safari
Offer Apple Pay as a payment option on your website. Learn to display Apple Pay buttons with CSS templates in Safari.
Fluid Typography
Learn how fluid typography makes websites easier to read on any device, improving their look and feel.
Headers for Cloudflare Pages
Optimize your Cloudflare Pages website with custom headers. Learn how to improve security, caching, and more.
Differences between OpenType and TrueType font formats
Understand the key distinctions between OpenType (OTF) and TrueType (TTF) fonts to choose the best format for your web projects.
Text-only websites
Websites that offer a text-only service or some other form of lightweight browsing
Prioritise requests to improve website speed
Learn how to optimize website speed by strategically prioritizing requests. Understand resource loading order and maximize page performance.
File variables in Hugo
Master file variables in the Hugo static site generator for more efficient and dynamic content management.
Inverting colors using CSS
Explore the CSS filter invert() property for inverting colors on your website. Learn practical use cases and how to apply this effect strategically.
AVIF image format
Optimize your website with AVIF images. Learn about this next-generation format offering superior compression and quality.
How to Transfer Google Photos to iCloud Photos
Easily move your photos from Google Photos to iCloud Photos. Follow this step-by-step guide for a smooth transition.
Responsive IFRAME
Make embedded content like videos and maps scale perfectly on all devices. Learn the CSS technique for responsive iframes.
How to implement accessibility "Skip to main content"
Improve keyboard navigation for your website! Learn how to add a Skip to Main Content link for better accessibility.
Advanced Google search queries
Master Google Search! Discover powerful search operators for refined web searches.
Disable FLoC on Netlify
Learn how to disable FLoC (Federated Learning of Cohorts) on your Netlify site, preserving user privacy from this behavioral tracking method.
Nested Media Queries
Create ultra-responsive web designs using nested media queries. Target specific screen sizes and orientations with precision.
Optimizing image loading for the web
Boost website speed with image optimization. Learn techniques like compression, lazy loading, and responsive images for faster page load times.
Schedule Netlify builds with GitHub Actions
Automate your Netlify builds on a schedule using GitHub Actions. Optimize your workflow with this step-by-step guide.
Programming quotes
Find a dose of inspiration with this collection of insightful and humorous programming quotes.
Tag cloud snippet for Hugo
Add a visually appealing tag cloud to your Hugo website. Get the code snippet and instructions for easy implementation.
Social sharing buttons without Javascript
Let visitors easily share your content with lightweight social buttons. Learn how to add them without relying on JavaScript.
Installing MySQL on MacOS
Set up MySQL on your Mac for local database development. Follow this simple installation guide.
Kirby meta tags snippet for better SEO
Improve your Kirby website’s SEO with this meta tags snippet. Optimize how your pages appear in search results.
Capture screenshot with Chrome DevTools
Master the art of taking screenshots directly within Chrome DevTools. Perfect for debugging, documentation, and sharing specific website elements.
JSON-LD for Hugo
Boost your Hugo website’s SEO with JSON-LD. Learn how to add structured data and help search engines understand your content.
Illustrations for your website
Beautiful illustrations for your website.
How to create a theme for Hugo
How to create a theme in Hugo
How to add Google Tag Manager code to your Hugo website
Integrate Google Tag Manager into your Hugo site. Follow this step-by-step guide.
Delimiter separated tags in Hugo
Master tag organization in Hugo. Learn to use delimiter-separated tags effectively.
How to implement search in Hugo
Add powerful search functionality to your Hugo website. Learn how with this tutorial.
Recently licensed fonts included with macOS Catalina
Apple has recently licensed fonts from Commercial Type and Klim Type Foundry for use in macOS Catalina.
The CSS calc() function
Get dynamic with CSS! Learn to use the calc() function for calculations within stylesheets, enabling flexible layouts and responsive design.
The web open font format (WOFF)
Learn about WOFF, the font format designed for the web. Understand its advantages and how to use it on your website.
Dark mode images without javascript
Switch website images for dark mode without JavaScript. Learn this CSS trick for a seamless user experience.
The list-style-type CSS property
Customize ordered and unordered lists with CSS! Explore the list-style-type property to control bullet styles and more.
Viewport bug in Mobile Safari
Discover a common viewport bug in Mobile Safari and its implications for responsive web design. Get workarounds and fixes to ensure optimal viewing.
Dark mode for SVG favicon
Learn how to include raw HTML code within your Hugo content for greater flexibility and customization.
HTML5 progress element
The element is used to create a progress bar to serve as a visual demonstration of progress
RSS feeds for your Github releases, tags and activity
Learn how to create RSS feeds for GitHub releases, tags, and activity. Find out about latest from projects you follow via RSS feed.
CSS layout debugger
Debug CSS layouts with ease. Discover this powerful one-liner.
Emojis as favicon
Now that all modern browsers support SVG favicons, here’s how to turn any emoji into a favicon
Facebook advertising trends in 2020
Stay ahead in Facebook advertising with the latest trends in 2020. Optimize your campaigns with insights into effective targeting and ad formats.
What is SameSite cookie?
Understand SameSite cookies and how they protect against cross-site request forgery (CSRF) attacks. Learn best practices for website security.
Git cheat sheet for beginners
Get started with Git! Check this essential cheat sheet for common Git commands.
An overview of modern web development tools and workflows
Various tools and workflows that are commonly used in modern web development, including version control systems, task runners, and build tools
How to style the hr element with CSS
Customize horizontal lines on your website! Learn how to use CSS to style the element for unique designs.
Speed up Photoshop
Is Photoshop running slow? Get tips on optimizing its performance, from hardware upgrades to workflow adjustments, and streamline your image editing.
Technical SEO tools you probably haven’t heard of
Elevate your SEO game with these lesser-known, but powerful, technical optimization tools.
Social Media image sizes in 2020
Nail social media visuals in 2020! Find the perfect image sizes for all major platforms.
How to update or replace a Dropbox file without changing its link
Need to modify a shared Dropbox file without breaking the link? Learn this easy technique to keep the same URL.
GIFs and prefers-reduced-motion
Respect users’ accessibility preferences with the prefers-reduced-motion setting. Learn how to handle GIFs responsibly.
Dark mode for your website
Add dark mode to your website. Follow this guide for user-friendly dark theme implementation.
Semantic HTML and SEO
Boost your website’s SEO with semantic HTML. Understand how meaningful tags improve search engine understanding.
Iframe accessibility
Enhance the accessibility of embedded iframes on your website with these essential tips and techniques for screen readers and assistive technologies.
Get free SSL for your website with Cloudflare
Secure your website and boost SEO with a free SSL certificate from Cloudflare. Follow this simple guide.
Tags in Jekyll
Organize your Jekyll blog posts with tags. Discover how to implement and display them for improved content categorization.
Optimize your Jekyll powered website with these simple steps
Boost your Jekyll website’s speed and performance with these easy-to-follow optimization techniques.