Notes
I write about web development, advertising and seo- How to Add Bluesky Comments to Your Hugo Website
- How to Unsubscribe from All YouTube Channels in Bulk
- How to Add Mastodon Author Attribution to Your Website
- The light-dark() CSS Function
- CSS field-sizing
- Growing Your Developer Audience Through Technical Blogging
- How to Delete All Your Tweets for Free
- How AI is Revolutionizing Digital Marketing
- Should you block AI crawlers?
- Good bots vs Bad bots
- All you need to know about the Digital Services Act
- Open Graph Meta Tags
- Master Artificial Intelligence (AI) Without Spending a Dime
- What are UTM tags?
- Google's Big March 2024 Update
- Getting Organized with Todo.txt
- Self-hosting web fonts
- Getting Started with TypeScript
- How to invert the colors using CSS
- CSS z-index property
- HTTP response status codes explained
- What is Schema.org?
- What is a robots.txt file?
- How to use FFMPEG
- What are Large Language Models (LLMs)?
- A beginner's guide to Ollama
- CSS aspect-ratio property
- CSS text-wrap property
- AI as your writing partner
- Prompt engineering 101
- CSS margin-inline property
- CSS color-scheme property
- Cloudflare fonts (Beta)
- How to block AI crawler bots
- Understanding AGI
- Figma vs Sketch in 2024
- Maximizing Facebook Ad Effectiveness
- Data-Driven Digital Advertising
- App defaults
- CSS nesting
- CSS clamp() function
- CSS subgrid
- Lazy loading video
- CSS clip-path property
- Ultimate Vim cheat sheet
- Exploring progressive web apps (PWAs)
- Content filtering with CSS :has() selector
- The ABCD of YouTube Ads
- Setting up SSH keys on Ubuntu 20.04
- Installing Node.js on Ubuntu 20.04
- Google Analytics 4 vs. Universal Analytics
- Jekyll vs Hugo
- Content writing for SEO
- Facebook Ads vs Google Ads vs Microsoft Ads
- Introduction to structured data markup
- What is the use of Google Search Console?
- Mastodon
- Improving Core Web Vitals for better SEO and user experience
- Figma vs Sketch
- Eleventy vs Hugo
- What is a static site generator?
- What is a Canonical URL?
- What are Serverless Functions?
- Redirect chain
- How do you write maintainable code?
- Best practices for version control with Git
- An overview of web accessibility
- Writing an article using chatGPT
- Use your website hosted on Netlify as an alias for your Mastodon username
- CSS Grid vs Flexbox
- Crucial non-technical skills every developer needs to work on
- Scrape data from websites into Google Sheets
- Embedding audio with Hugo shortcodes
- Raw HTML in Hugo
- Why linux is the best choice for programming?
- Technical SEO for beginners
- Hugo shortcode for raw HTML
- Show related content in Hugo
- How to setup Tailwind CSS in Hugo
- What is the best laptop for a web developer
- Tips to improve your website’s search result ranking
- Count all pages from section in Hugo
- Tips for writing clean and maintainable code
- The CSS :has() selector
- What are Variable fonts?
- Add anchor links to headings in Hugo
- Use CSS templates to display Apple Pay buttons in Safari
- Fluid Typography
- Headers for Cloudflare Pages
- Differences between OpenType and TrueType font formats
- Text-only websites
- Prioritise requests to improve website speed
- Inverting colors using CSS
- File variables in Hugo
- AVIF image format
- How to transfer Google Photos to iCloud Photos
- Responsive IFRAME
- How to implement accessibility "Skip to main content"
- Advanced Google search queries
- Disable FLoC on Netlify
- Nested Media Queries
- Optimizing image loading for the web
- Schedule Netlify builds with GitHub Actions
- Programming quotes
- Tag cloud snippet for Hugo
- Social sharing buttons without Javascript
- Installing MySQL on MacOS
- Kirby meta tags snippet for better SEO
- Capture screenshot with Chrome DevTools
- JSON-LD for Hugo
- Illustrations for your website
- How to create a theme for Hugo
- How to add Google Tag Manager code to your Hugo website
- How to implement search in Hugo
- Delimiter separated tags in Hugo
- Recently licensed fonts included with macOS Catalina
- The CSS calc() function
- The web open font format (WOFF)
- Dark mode images without javascript
- The list-style-type CSS property
- Viewport bug in Mobile Safari
- Dark mode for SVG favicon
- HTML5 progress element
- RSS feeds for your Github releases, tags and activity
- CSS layout debugger
- Emojis as favicon
- Facebook advertising trends in 2020
- What is SameSite cookie?
- Git cheat sheet for beginners
- An overview of modern web development tools and workflows
- How to style the hr element with CSS
- Speed up Photoshop
- Technical SEO tools you probably haven’t heard of
- Social Media image sizes in 2020
- How to update or replace a Dropbox file without changing its link
- GIFs and prefers-reduced-motion
- Semantic HTML and SEO
- Dark mode for your website
- Iframe accessibility
- Get free SSL for your website with Cloudflare
- Tags in Jekyll
- Optimize your Jekyll powered website with these simple steps
- Environments in Jekyll
- Chrome accessibility extensions
- Difference between font formats
- CSS :empty selector
- Staticman comments on a Jekyll site
- Google Analytics alternatives
- The caret-color CSS property
- You can use Vibration API to vibrate devices
- Adding HTTP response headers to a Netlify static website
- What are variables in CSS?
- HTML input autofocus attribute
- text-decoration is a shorthand
- Centerig flexbox items
- Preventing autofilling with autocomplete new-password
- Using CSS for accessible web design
- Outlook Conditional CSS
- HTML video tag
- Syntax highlight with Rouge in Jekyll
- You can check the spelling and grammar of the text in an editable element
- CSS font-variant property
- Page specific assets in Jekyll
- Jekyll reading time without plugins
- How to add an RSS feed to a Jekyll blog
- Top plugins for Wordpress websites
- Using the aria-current attribute
- Install Jekyll on Mac OS
- Applying the active class for the current page in Jekyll
- Static site generators: An introduction
- Displaying GitHub Gists in Jekyll sites
- Print style sheets
- Responsive web design techniques
- Disable Jekyll's default syntax highlighter Rouge
- Image caption in Jekyll
- Tips for optimizing website performance
- Showing the word count in Jekyll
- Custom 404 page for Jekyll on Github pages
- Redirect Jekyll URLs
- Custom CSS selection styling
- Interaction media features
- How to improve website traffic
- HTML abbr tag
- Creating navigation menu in Jekyll
- Structured Data markup validation and testing tools
- Top monospaced fonts for coding
- How to secure your website with HTTPS and SSL certificates
- HTML kbd tag
- Tips for designing a user-friendly website layout
- HTML mark tag
- Open source e-mail templates
- You can transition z-index
- Places where you can learn how to code
- Sublime Text packages for front-end development
- Change the name of your file with download attribute
- CSS hacks you may not know