2026 WeCoded Challenge (Glass Ceiling)

Published: (March 15, 2026 at 09:38 PM EDT)
1 min read
Source: Dev.to

Source: Dev.to

Cover image for 2026 WeCoded Challenge (Glass Ceiling)

Frontend Art 💜

Show us your Art

This piece visualizes the idea of breaking the glass ceiling through an interactive coded artwork. As users move their cursor or tap the screen, cracks spread across a translucent barrier, symbolizing the gradual but powerful dismantling of invisible obstacles in tech.

Inspiration

Gender equity in tech is often discussed in terms of unseen barriers—limitations that aren’t always visible but are deeply felt. The “glass ceiling” metaphor captures that tension perfectly. I wanted to express the moment when those barriers begin to fracture: not all at once, but through persistent pressure, collective effort, and visibility.

The interactive cracks represent progress driven by participation—every action contributes to breaking the ceiling and opening space for more equitable opportunities.

My Code

The project is built with HTML, CSS, and JavaScript, using a canvas layer to draw dynamic crack patterns based on user interaction.

https://codepen.io/editor/Dancodepen-io/pen/019cf438-aeff-7a5e-9d21-4e9483fa81e7

0 views
Back to Blog

Related posts

Read more »

Intro About Java Script

Introduction In today’s class I learned a short introduction to JavaScript, so I’ll share some facts about JavaScript in this blog. What Is JavaScript? JavaScr...

Your design system has a coupling problem

Introduction I write bluntly, I value your time—less waffle, more value. Pick a popular component library and find the Button component. You’ll see: Structure...