Posts tagged with frontend-engineering-explained

• Part Two: Building a Profile Page with HTML and CSS: Implementation

  This post was published on 2025-01-07T00:00:00.000Z

  In this post we will start implementing the design by working through some of the issues, learning more about Git and GitHub, get set up for development, create our first visual component, and learn about performance, CSS, and modern image formats.

• Part Three: Building a Profile Page with HTML and CSS: Typography And Getting Responsive

  This post was published on 2025-01-19T00:00:00.000Z

  Learn how to build a responsive profile page with modern typography, media queries, and CSS Grid. Part three of our hands-on web development tutorial series.

• Part Four: Building a Profile Page with HTML and CSS: Refactor, Custom Properties, LinkTree

  This post was published on 2025-01-24T00:00:00.000Z

  In part four of the series, we will do some refactoring of our CSS so that we take advantage of CSS custom properties. We will also complete the mobile layout by adding the LinkTree component to our page.

• Part Five: Building a Profile Page with HTML and CSS: Responsive, Favicon, Open Graph

  This post was published on 2025-02-07T00:00:00.000Z

  In part five of the series, we will complete our layout, add a favicon, and set up Open Graph meta tags for social sharing.

• Part Six: Building a Profile Page with HTML and CSS: A form, A Dialog, and Netlify

  This post was published on 2025-02-17T00:00:00.000Z

  In this part, we will add a form to our profile page, use a dialog to display our form, deploy our page using Netlify, and set up Netlify to handle form submissions.

• Part One: Building a Profile Page with HTML and CSS: Planning

  This post was published on 2025-01-03T00:00:00.000Z

  In this part of the series we will break down the design into components using Atomic Design, set up our repository on GitHub, and create the issues we will need to work on.

• CSS Transforms and the Matrix

  This post was published on 2025-02-21T00:00:00.000Z

  A deep dive into the CSS transform matrix, how it relates to the individual CSS transform properties, a look at the hidden powers of the function forms, and a dragon or two.

• The HTML Dialog Element: A Native Solution for Accessible Modal Interactions

  This post was published on 2025-02-04T00:00:00.000Z

  Learn how to use the HTML dialog element to create accessible modal dialogs for your web sites and applications.

• My Journey to the International Association of Accessibility Professionals (IAAP) Web Accessibility Specialist (WAS) Certification

  This post was published on 2025-01-29T00:00:00.000Z

  Join me on my journey as I prepare for the IAAP Web Accessibility Specialist (WAS) certification, sharing weekly insights, resources, and study plans.

• Understanding local() in @font-face: A Deep Dive

  This post was published on 2025-01-22T00:00:00.000Z

  Learn how to build a responsive profile page with modern typography, media queries, and CSS Grid. Part three of our hands-on web development tutorial series.

• What is WCAG? - A Brief Overview

  This post was published on 2025-02-06T00:00:00.000Z

  Learn about WCAG (Web Content Accessibility Guidelines), including WCAG 2.2 principles, conformance levels, and upcoming WCAG 3 changes, plus insights on accessibility certification value.