Open in app
Home
Notifications
Lists
Stories

Write
Abbey Perini
Abbey Perini

Home

About

Nov 29, 2021

Accessibility Auditing My Portfolio Site — Part 6

Read Part 1 — The Audit, Part 2 — Quick Fixes, Part 3 — Dark Mode Toggle, Part 4 — Blog Preview Component and Part 5 — Blog Page Deep Dive. We’ve finally reached the end. If you’ve read multiple articles in this series, I want to thank you, especially…

Accessibility

10 min read

Accessibility Auditing My Portfolio Site — Part 6
Accessibility Auditing My Portfolio Site — Part 6

Nov 21, 2021

How I Structure My Writing

Ayu asked how I write more than 1,000 words on a topic, and the short answer is practice. I was lucky to go through schooling that focused on writing from an early age. I lost count of how many research papers I’ve written a long time ago. When I reached…

Writing

4 min read


Nov 20, 2021

Blog Page Accessibility Deep Dive

Accessibility Auditing My Portfolio Site — Part 5 Read Part 1 — The Audit, Part 2 — Quick Fixes, Part 3 — Dark Mode Toggle, and Part 4 — Blog Preview Component. When I built the lambda functions to pull my blogs using the DEV API, I noticed that I…

CSS

20 min read

Blog Page Accessibility Deep Dive
Blog Page Accessibility Deep Dive

Nov 11, 2021

Accessibility Auditing My Portfolio Site — Part 4

Read Part 1 — The Audit, Part 2 — Quick Fixes, and Part 3 — Dark Mode Toggle. This blog will focus on making the blog preview component code on the main page of my site more accessible. The Problems First, I want to update the blog preview component to always return…

React

5 min read

Accessibility Auditing My Portfolio Site — Part 4
Accessibility Auditing My Portfolio Site — Part 4

Nov 6, 2021

An Accessible Dark Mode Toggle in React

Accessibility Auditing My Portfolio Site — Part 3 Read Part 1 — The Audit and Part 2 — Quick Fixes. When I made my dark mode toggle using Chris Bongers’ tutorial, I focused on making color themes with sufficient contrast across my site. I chose colors unlikely to cause issues for users with colorblindness. I did not consider…

Accessibility

9 min read

An Accessible Dark Mode Toggle in React
An Accessible Dark Mode Toggle in React

Nov 4, 2021

Accessibility Auditing My Portfolio Site — Part 2

Read part 1, The Audit This article is comprised of several accessibility vignettes. It’s a collection of short stories about quick fixes — some amuse-bouches, if you will. Researching, coding fixes, and writing the bulk of this blog took me less than three hours. Accessibility Auditing My Portfolio Site —…

Accessibility

6 min read

Accessibility Auditing My Portfolio Site — Part 2
Accessibility Auditing My Portfolio Site — Part 2

Nov 2, 2021

Accessibility Auditing My Portfolio Site — Part 1

When I made my portfolio site, I put a lot of effort into following the accessibility standards I knew from MDN’s Getting Started with the Web guides and other reading I had done. I felt a 100 Lighthouse score was a good indicator of how I was doing. I wanted…

Accessibility

8 min read

Accessibility Auditing My Portfolio Site — Part 1
Accessibility Auditing My Portfolio Site — Part 1

Published in JavaScript in Plain English

·Sep 16, 2021

8 Things I’ve Learned Working in a Legacy Codebase

My first dev job threw me into a huge legacy codebase. My last big ticket involved getting a modern library to work within the deprecated UI framework it uses. After that journey, I wanted to share some tips I’ve learned along the way. (1) Learn the codebase by fixing bugs.

Programming

4 min read

8 Things I’ve Learned Working in a Legacy Codebase
8 Things I’ve Learned Working in a Legacy Codebase

Published in Bootcamp

·Aug 30, 2021

Sourcing images and optimizing them for the web

When I sat down to write about my Shiba Inu SVGs, it became clear that I was writing two blogs. One, a tutorial for SVGs in React, and this one, demystifying sourcing images for your website. Here are the topics this article will cover: 1. Image Types 2. Image Optimization for…

Image

8 min read

Sourcing images and optimizing them for the web
Sourcing images and optimizing them for the web

Published in JavaScript in Plain English

·Aug 30, 2021

Adding Shiba Inu Loading and Error SVGs to My React Site

When I updated the blog section of my portfolio site, I realized I had a great opportunity to draw some cute SVGs and take my loading and error messages to the next level. When I started, the loading text looked like this: and the error text looked like this:

React

7 min read

How I Added Shiba Inu Loading and Error SVGs to My React Site
How I Added Shiba Inu Loading and Error SVGs to My React Site
Abbey Perini

Abbey Perini

…did someone say animated CSS button?

Following
  • Lauren Perini

    Lauren Perini

  • Teddy Morin

    Teddy Morin

  • Sunil Sandhu

    Sunil Sandhu

  • Jessi Shakarian

    Jessi Shakarian

  • Emma Bostian

    Emma Bostian

Help

Status

Writers

Blog

Careers

Privacy

Terms

About

Knowable