Environments in Jekyll
Learn how to use Jekyll environments to manage development, testing, and production versions of your website effectively.
Blogs
Articles on designing and coding things for the web.
Chrome accessibility extensions
Test and enhance your website’s accessibility with these helpful Chrome extensions for developers.
Difference between font formats
Confused about WOFF, OTF, TTF? Understand the key distinctions between font formats for optimal web performance.
CSS :empty selector
Style empty elements with the CSS :empty selector – discover how it targets elements with no content, including nested elements.
Staticman comments on a Jekyll site
Add a commenting system to your static Jekyll website using Staticman. Learn how with this step-by-step guide.
Google Analytics alternatives
Looking for privacy-focused website analytics? Explore alternatives to Google Analytics that protect user data.
The caret-color CSS property
Customize the appearance of the text cursor (caret) in input fields. Learn how to use the CSS caret-color property.
You can use Vibration API to vibrate devices
Explore the Vibration API and how to add haptic feedback to your web applications. Enhance user experience with this interactive feature.
Adding HTTP response headers to a Netlify static website
Optimize your Netlify site’s performance and security with custom HTTP headers.
What are variables in CSS?
Discover CSS variables! Make your stylesheets more dynamic and maintainable with this powerful feature.
HTML input autofocus attribute
Learn how to use the HTML autofocus attribute to set input focus upon page load. Understand its uses and best practices for user experience.
text-decoration is a shorthand
Master the CSS text-decoration shorthand for underlining, overlining, strikethrough, & more. Streamline your text styling with this efficient property.
Centerig flexbox items
Master the art of centering elements both horizontally and vertically with Flexbox – explore the essential CSS properties.
Preventing autofilling with autocomplete new-password
Preventing autofilling with autocomplete=“new-password”
Using CSS for accessible web design
Learn how to use CSS to design accessible websites
Outlook Conditional CSS
Fix email rendering issues in Microsoft Outlook. Use conditional CSS for compatibility and ensure your emails look fantastic on all email clients.
HTML video tag
Learn how to embed videos effortlessly into your website using the HTML video tag, along with its attributes for customization.
Syntax highlight with Rouge in Jekyll
Discover how to integrate Rouge into your Jekyll site for beautiful syntax highlighting. Enhance code readability and presentation on your blog or website.
You can check the spelling and grammar of the text in an editable element
Improve your website’s writing quality! Learn how to enable built-in spelling and grammar checks within text fields.
CSS font-variant property
Explore the CSS font-variant property for stylistic text variations like small caps, ligatures, and more. Enhance your web typography with this guide.
Page specific assets in Jekyll
Customize your Jekyll website with page-specific CSS or JavaScript. Learn how to target individual pages for unique styling or functionality.
Jekyll reading time without plugins
Display estimated reading time for your Jekyll blog posts without plugins. Learn the simple code solution.
How to add an RSS feed to a Jekyll blog
Make your Jekyll blog more discoverable. Add an RSS feed for easy subscriptions.
Top plugins for Wordpress websites
Enhance your WordPress site. Explore the best plugins for SEO, security, and more.
Using the aria-current attribute
Boost website accessibility with the aria-current attribute. Learn how and when to use it for better navigation.
Install Jekyll on Mac OS
Get started with Jekyll on your Mac! Follow this step-by-step installation guide and start building static websites.
Applying the active class for the current page in Jekyll
Improve Jekyll navigation! Highlight the current page with the ‘active’ CSS class.
Static site generators: An introduction
Get an overview of static site generators. See if they are the right fit for your web project.
Displaying GitHub Gists in Jekyll sites
Seamlessly embed GitHub Gists into your Jekyll website to showcase code snippets. Enhance your tech blog with this easy integration.
Print style sheets
Optimize the appearance of your website for printing with print style sheets. Control how your content looks on the printed page.
Responsive web design techniques
Techniques for making websites responsive, including using media queries, flexible grids and layouts, and responsive images
Disable Jekyll's default syntax highlighter Rouge
Improve code readability on your Jekyll blog with Rouge syntax highlighting. Follow this guide for easy integration.
Image caption in Jekyll
Enhance your images with captions in Jekyll. Learn how to add this feature to your website for improved context.
Tips for optimizing website performance
Best practices for optimizing the performance of a website, including optimizing images, minifying CSS and JavaScript, and using caching techniques
Showing the word count in Jekyll
Obtaining the word count from a post in Jekyll
Custom 404 page for Jekyll on Github pages
Turn 404 errors into opportunities! Create a custom error page for your Jekyll site on GitHub Pages with this guide.
Redirect Jekyll URLs
Maintain seamless navigation when changing URLs on your Jekyll site. Learn how to implement redirects effectively.
Custom CSS selection styling
Learn how to style user-selected text on your website with CSS. Create a unique effect to highlight important content or provide feedback.
Interaction media features
Learn how to adapt your website’s design to different screen sizes, pointer types, and device capabilities using interaction media features.
How to improve website traffic
The ultimate guide how to improve website traffic
HTML abbr tag
Learn the proper use of the HTML abbr tag to define abbreviations and acronyms, ensuring clarity for users and search engines.
Creating navigation menu in Jekyll
Build a user-friendly navigation menu for your Jekyll website. Follow this tutorial for clear instructions.
Structured Data markup validation and testing tools
Schema.org structured data helps you to highlight specific information for search engines and to improve the way your page displays in SERPs
Top monospaced fonts for coding
Take a look at the fonts in this post that can make your text editor or terminal emulator look little bit nicer
How to secure your website with HTTPS and SSL certificates
Protect your website and users with HTTPS/SSL. Learn how in this comprehensive guide.
HTML kbd tag
Learn how to use the tag in HTML to represent keyboard input, helping clarify UI instructions within your webpages.
Tips for designing a user-friendly website layout
Create a website that puts users first! Get practical tips for designing intuitive layouts that improve the user experience.
HTML mark tag
Understand how the HTML tag highlights important text on your webpage and the scenarios where it’s most appropriate.
Open source e-mail templates
A collection of open source email templates
You can transition z-index
Did you know you can animate the z-index property? Learn this CSS trick for creating dynamic visual effects on your web pages.
Places where you can learn how to code
There many different options to learn to code online, so in this article, find places you can learn to code
Sublime Text packages for front-end development
List of packages I use every day
Change the name of your file with download attribute
Learn to control downloaded filenames using the HTML download attribute. Enhance user experience and file organization on your website.
CSS hacks you may not know
Discover clever CSS tricks and workarounds to achieve specific styling effects. Use modern solutions where available.