Open in app

Sign In

Write

Sign In

Abbey Perini
Abbey Perini

27 Followers

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
Accessibility

10 min read


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

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
CSS

20 min read


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
React

5 min read


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. …

Accessibility

9 min read

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

9 min read


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
Accessibility

6 min read


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. …

Accessibility

8 min read

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

8 min read


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
Programming

4 min read


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
Image

8 min read


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
React

7 min read

Abbey Perini

Abbey Perini

27 Followers

…did someone say animated CSS button?

Following
  • Sunil Sandhu

    Sunil Sandhu

  • Denis Cangemi

    Denis Cangemi

  • Teddy Morin

    Teddy Morin

  • Lauren Perini

    Lauren Perini

  • Jessi Shakarian

    Jessi Shakarian

Help

Status

Writers

Blog

Careers

Privacy

Terms

About

Text to speech