Kailoon.com
My simple portfolio blog built using 11th and tailwindcss.
Overview
This article discusses a simple portfolio blog built using 11ty and tailwindcss based on the 11ty base blog. The blog now includes a dark mode feature and several other key features. The article provides an installation guide and encourages users to customize the blog according to their preferences.
Features
- Shortcodes: The blog supports shortcodes, allowing users to create responsive galleries or single images using srcset via cloudinary in webp format.
- Convert external links: External links are automatically converted to open in a new tab with noreferrer for better SEO optimization.
- Draft post enabled: The blog has a feature that allows users to create draft posts that are not visible to the public until they are published.
- Responsive images: The blog uses srcset and is integrated with Cloudinary and Netlify to ensure that images are optimized for responsiveness and performance.
- Google Lighthouse: The blog scores 4 out of 100 in Google Lighthouse, indicating good performance and optimization.
- CSSnano: The blog is CSSnano-ready, which means that the CSS is minified for a smaller file size and improved loading speed.
- Eleventy
11ty is a static site generator that allows developers to build fast, modern websites using HTML, Markdown, and other templating languages, without the need for a complex build system.
- Tailwind
Tailwind CSS is a utility-first CSS framework that provides pre-defined classes for building responsive and customizable user interfaces.
- Netlify
Netlify is a cloud-based web development platform that provides a range of tools and services to help developers build, deploy, and manage modern web applications. It offers features such as continuous deployment, serverless functions, and CDN hosting, making it an ideal platform for building fast, scalable, and secure websites.
