Lightnews — Scholar-powered news

notjb

@notjb.dev

Build a timetable with CSS Grid 👀

➡️ 9elements.com/blog/buildin...

#css #cssgrid #layout #frontend #dev

Building a multi stage timetable with modern CSS using grid, subgrid, round(), and mod(). - 9elements

Combining finest craftsmanship with elegant design to ship innovative digital experiences.

9elements.com

November 20, 2025 at 8:43 AM

notjb

@notjb.dev

🎩 New component unlocked
⛏️ Rough-borders section in #tailwindcss
🎨 A SVG Filter is used to achieve the effect
play.tailwindcss.com/eUBo4BqFWW?s...

July 28, 2025 at 7:42 AM

notjb

@notjb.dev

🎩 New component unlocked
💻 2 columns diagonal split section in #tailwindcss
📱On mobile the sections are stacking
🎨 Uses `clip-path` css for shaping
➡️ play.tailwindcss.com/etUXmJI0LB

Tailwind Play

An advanced online playground for Tailwind CSS that lets you use all of Tailwind's build-time features directly in the browser.

play.tailwindcss.com

June 23, 2025 at 11:20 AM

notjb

@notjb.dev

A bit niche - front-end problem with parent/child both having backdrop-filter properties in Chromium resulting in one of them not getting the desired effect 😵‍💫

➡️ stackoverflow.com/questions/60...

🔖 #frontend #dev #bug

backdrop-filter not working for nested elements in Chrome

I have a div.outer and inside a div.inner, both with position: absolute; and backdrop-filter: blur(8px);. https://jsbin.com/nihakiqocu/1/edit?html,css,output Safari (left) gives the desired resul...

stackoverflow.com

April 9, 2025 at 1:09 PM

notjb

@notjb.dev

A *really really* good article by @kooslooijesteijn.net on getting good at design + more:

➡️ www.kooslooijesteijn.net/blog/get-goo...
🔖 #design #goodread #read #article #inspiration

How to get good at anything creative | Koos Looijesteijn

What does it mean to improve skills? How can you move beyond the basics and keep getting better?

www.kooslooijesteijn.net

February 10, 2025 at 2:21 PM

notjb

@notjb.dev

Cool illustrated blogpost on prop drilling in vue 🎯
➡️https://alexop.dev/posts/solving-prop-drilling-in-vue/
#frontend #vuejs #dev

Solving Prop Drilling in Vue: Modern State Management Strategies | alexop.dev

Eliminate prop drilling in Vue apps using Composition API, Provide/Inject, and Pinia. Learn when to use each approach with practical examples.

alexop.dev

February 3, 2025 at 2:26 PM

notjb

@notjb.dev

Scrolling through the @splinetool.bsky.social Community repo is inspiring af! Those are cool inspo for site heros 🤩
#ui #3D #spline #design #webdesign

➡️ app.spline.design/community/fi...

➡️ app.spline.design/community/fi...

➡️ app.spline.design/community/fi...

➡️ app.spline.design/community/fi...

Retrofuturism - BG animation

retro feel landing page with glowing glass refraction

app.spline.design

January 22, 2025 at 9:14 AM

notjb

@notjb.dev

To unsubscribe from a yearly Adobe Creative Cloud **without** paying any remaining fees, you have to:

• Downgrade to a single app subscription (grating you a trial period)
• Unsubscribe within the trial period

✌️

donald duck is holding a fan of money in his hands

Alt: Adobe shuffling my money every month until today.

media.tenor.com

January 20, 2025 at 8:39 AM

notjb

@notjb.dev

Generate consistent and predictable color swatches.
➡️ www.colorspace.dev #frontend #3D #ui

Colorspace: Generate beautiful color palettes

Generate color palettes using perceptually uniform color spaces. Interactive visualizations helps you understand color relationships while creating harmonious color scales.

www.colorspace.dev

January 15, 2025 at 9:19 AM

notjb

@notjb.dev

Tips and tricks with the devtool
➡️ devtoolstips.org
#resource #frontend

DevTools Tips

Discover helpful cross-browser DevTools tips and tricks

devtoolstips.org

January 8, 2025 at 8:26 AM

notjb

@notjb.dev

A database providing 777 AI-related risks 🔮
👀 airisk.mit.edu#AI-Risk-Data...
ℹ️ mitsloan.mit.edu/ideas-made-t...

#ai #research #mit

New database details AI risks | MIT Sloan

The AI Risk Repository, a database of over 700 risks posed by AI, aims to provide a shared framework for monitoring and maintaining AI risk oversight.

mitsloan.mit.edu

December 12, 2024 at 12:39 PM

Reposted by notjb

Jhey ʕ·ᴥ·　ʔ

@jhey.dev

Scroll gallery effect using CSS grid and scroll-driven animations ✨

- split images into layers
- lay out images in stacked layers with same grid structure
- animate the size of the center image
- animate the layers to reveal with different timings