Posts

Tag #webdev Posts

Eight grey social media icons, along with email in white and copy link icons. Text above the icons says, share buttons.

Learn to create your own share buttons for social media, email, and more using HTML, CSS, and a little JavaScript for a website with privacy in mind.

A background of binary ones, and zeros formed like a hallway. On top has a dark gray hand with yellow outlines with text that reads, WebFinger for Mastodon.

Using the power of WebFinger on your own domain to make your Mastodon profile discoverable, and to verify association.

An example of markdown text with kramdown attribute lists.

Learn to easily apply HTML attributes by writing Markdown when using kramdown, and Jekyll or Bridgetown static site generators.

A vortex of posts that is formed by multi colored post-it notes.

Dive into my attempt at creating the related posts feature to each post page using Jekyll, Liquid template language and HTML.

Symfony logo with text beside it that says, Symfony. On the next line a send email icon with text that reads, Mailer.

Learn how to send email messages using the Symfony mailer component without the use of the Symfony framework.

Faint graph paper grid background with black text of MkDocs

Learn the ins and outs of adding custom metadata to MkDocs with overriding blocks and meta files for all pages, per page or per directory.

Multi-colored admonitions or call-outs repeated horizontally

Uncover what an admonition or call-out is and how to implement them in a website using Jekyll, HTML, Liquid and SASS.

Web Code HTML by jamesmarkosborne, Pixabay

The steps I took to optimize my website download performance for a better user experience.

The Tardis from Doctor Who TV series by ThomasB72

Code example of how one could create a simple JavaScript clock with date using HTML, pure JavaScript or using jQuery.

open books pages, story

How to fix Jekyll Paginate v2 caching bug using unofficial fixes.