Creating a Fast ⚡ and Beautiful 🌼 Portfolio Website using HTML, CSS 🎨, Eleventy ⑪ and Netlify

This page summarizes the projects mentioned and recommended in the original post on dev.to

Our great sponsors
  • SurveyJS - Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App
  • WorkOS - The modern identity platform for B2B SaaS
  • InfluxDB - Power Real-Time Data Analytics at Scale
  • ingo-steinke.de

    www.ingo-steinke.com is a portfolio website about web developer Ingo Steinke. The site is built using HTML, CSS, JavaScript, and 11ty (eleventy). English version: www.ingo-steinke.com

    A static site generator fitted my needs, and I liked the effortless deployment on Netlify, once I pushed code to GitHub.

  • WHATWG HTML Standard

    HTML Standard

    Printing your website is an effective way to inspect your website without interactivity. If you already use native lazy loading in Chrome, you can even print a page without images below the fold. In the end, my designer advised me to replace my project screenshots with decorative vector icons, due to optical reasons, so all images below the fold are now optional anyway.

  • SurveyJS

    Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

  • axe-core

    Accessibility engine for automated Web UI testing

    Use automated tools like Lighthouse, axe, and your browser's developer tools to find issues and errors early to ensure your site does not completely fail when it comes to speed, usability and accessibility.

  • web-vitals

    Essential metrics for a healthy site.

    Google's Core Web Vitals emphasize usability and web performance for search engine optimization. I rarely had the chance to start a project from scratch to keep it small and fast right from the start.

NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project

Related posts