Lightnews — Scholar-powered news

Reposted by Will Browar

Jason Adams @jamnpp.bsky.social · 5d

Sometimes there's so much beauty in the world,... I feel like I can't take it. And my heart is just going to cave in.

Will Browar @wbrowar.com · 5d

Hi, friends! I'm looking to get better at this Web Components thing and would love your opinions.

wbrowar.com/article/code/crit...

#WebComponents #CSS #JavaScript ##WebComponents

Critique my Web Component, Please

Looking for a critique from folks who have used web components and have seen the good, bad, and ugly.

wbrowar.com

1

Will Browar @wbrowar.com · 7d

The progress bar is now customizable in that you can pick the colors for the 3 states (progress, success, and failure) and you can set the height of the progress bar.

You can change these in the Admin Bar plugin settings page, or in your front-end CSS.

Will Browar @wbrowar.com · 7d

🥃 Admin Bar for Craft CMS 5.7.1 is out with a quick update to how API requests are displayed. The progress bar now fits the theme you choose and flashes to green when a successful API request is made. It'll flash red on error (like when Admin Bar can't reach the CMS).

#CraftCMS #CMS

1 1

Will Browar @wbrowar.com · 9d

If the full bar color is too much, the height of the bar is adjustable in CSS. Also, the colors of the 3 states (blue, green, and red) are customizable to fit with your website's branding 💅

Will Browar @wbrowar.com · 9d

Yay or nay?

POV: you make an API call from your admin toolbar and the toolbar is a visual progress bar.

The attribute values for this can be:

Display progress in blue: 0-99

Success in green: 100

Failure in red: -1

#WebComponents #CSS

2 2

Will Browar @wbrowar.com · 14d

LEGO has slowly been selling my childhood back to me and I'm here for it 💸

#LEGO #Nintendo #Gremlins

Two boxes of LEGO sets: Gizmo from the Gremlins franchise and a LEGO replication of an original Nintendo Gameboy.

2

Will Browar @wbrowar.com · 14d

After a bunch of tiny tweaks and design iterations I'm proud of my simple little toolbar component. I have some ideas for markup optimizations and a few new features, but I'm happy with the current design and how flexible it is to change it.

#CSS #WebComponents

A screenshot of the masthead of a website with a black toolbar of white links and icons across the top of the content area.

1

Will Browar @wbrowar.com · 19d

I'm really looking forward to Ghost of Yotei and I hope it's as awesome as Ghost of Tsushima. I've done everything I can to avoid spoilers in trailers and reviews, but the few I've come across sounds promising!

Reposted by Will Browar

IntentToShip @intenttoship.dev · 21d

Blink: Intent to Ship: Temporal in ECMA262

groups.google.com

1 8 13

Will Browar @wbrowar.com · 21d

This was my first time listening to Podcast Awesome and I really liked this conversation with @stuffbreaker.bsky.social around the Web Component Toolkit.

overcast.fm/+AA-SZfiTLO4

#webdev #webdevp#webcomponents

🎙️ Rage Coding, Headless Web Components, and the Future of DX with Burton Smith — Podcast Awesome

Have you ever rage-coded your way into building a developer tool that actually fixes things? Burton Smith has. And we’re here for it. In this episode of Podcast Awesome, Matt and Web Awesome’s boss, Cory Laviska chat with Burton Smith. Burton is an open source wizard and creator of the Web Components Toolkit, and he tells us about the gap between the promise of Web Components and the messy reality devs often face. 💻 Burton’s toolkit bridges that gap like Gandalf on a DX bender. In this episod…

overcast.fm

2

Will Browar @wbrowar.com · 21d

Okay, this was sort of an accidental thing that happened when moving through Live Photos on the Photos app of my iPhone. I'd caption this:

" you might be wondering how I got here.." 🐶

#dogs

1

Will Browar @wbrowar.com · 23d

The last of my UniFi cameras is up! This one took a while to run Ethernet from the basement through the exterior of the house, plus I didn't want to permanently install it into the soffit because it might need to move in the future. Painted aluminum worked for a nice temporary mounting setup.

A white security camera mounted under a brown roof.

1

Reposted by Will Browar

Adam Argyle @nerdy.dev · 25d

❌ mobile first
✅ container first

9 21 190

Will Browar @wbrowar.com · 25d

Admin Bar Themes

Here's an announcement post for the new themes and you can check them all out in this post (best viewed in Chrome).

Bonus points to you if you can figure out which theme my 9yo helped me design 😅

wbrowar.com/article/code/admi...

#CraftCMS #CMS

Admin Bar Themes

Coding articles, maker blog, hobby photography, Craft CMS plugins.

wbrowar.com

Will Browar @wbrowar.com · 25d

🥃 Admin Bar for Craft CMS 5.7 is out!

This brings over the glass effects from Admin Bar Component 1.7 and includes a set of themes you can use to start with and then customize Admin Bar's look for your site.

plugins.craftcms.com/admin-bar

#CraftCM#CraftCMS

Admin Bar

Front-end shortcuts for clients logged into Craft CMS.

plugins.craftcms.com

1

Will Browar @wbrowar.com · 25d

🎉 Admin Bar Component 1.7 is out!

It includes a fruit company glass-inspired background setting that can be turned on with a CSS variable. It also includes some fixes for anchor positioning in Safari.

www.npmjs.com/package/admin-b...

#webcomponents #C#webcomponents

admin-bar-component

A framework- and CMS-agnostic admin bar web component.. Latest version: 1.7.3, last published: a day ago. Start using admin-bar-component in your project by running `npm i admin-bar-component`. There are no other projects in the npm registry using admin-bar-component.

www.npmjs.com

1

Will Browar @wbrowar.com · 25d

A sales milestone (super tiny one) for my Craft CMS plugins got me thinking and got me to spend some time on a feature I've been wanting to work on for a bit. More to come soon, but it's been a fun weekend of coding. 🎉

2

Will Browar @wbrowar.com · Sep 16

Okay `contrast-color()` is going to be very cool! Here's an example of how `color-mix()` can be used along with `contrast-color()` to set `color` and `background-color` properties from one color variable.

codepen.io/wbrowar/pen/jEbgjGK

#CSS

A screenshot of a color picker with the text 'Pick a color. Any color.' and four orange boxes containing the sentence 'The quick brown fox jumps over the lazy dog' with a fox and dog emoji. Each box shows a different color in the background, from light orange to dark orange.

3

Will Browar @wbrowar.com · Sep 15

The bug as it is now is where the actual browser window will crash after opening a slotted popover. Trying to scroll or open a different over seems to cause the crash to happen.

Will Browar @wbrowar.com · Sep 15

I've been testing anchor positioning support in Safari all summer and I found a show stopping bug for slotted items and/or popovers.

I'm thinking of disabling the anchor positioning stuff for Admin Bar Component in Safari for now, but I'll install macOS 26 later to decide what to do.

1

Will Browar @wbrowar.com · Sep 12

The guys still got it 🎸🥁

Alkaline Trio performing on stage with blue lights around them

Will Browar @wbrowar.com · Sep 10

Nice costume, kid, but it's not even Halloween for another month.

#bugs #insects

A photo of a praying mantis walking onto a smart doorbell.

1

Reposted by Will Browar

The Pandemics @thepandemics.bsky.social · Sep 8

Our new album, Youthful Exuberance, will be out on Lonely Atom Records on 10/28/25! There are some special guests on the record we hope you'll love.

The NYC release show will be on Friday, October 31st (yes, Halloween!) at Bar Freda in, Queens. We'll be headlining w/ Tail Light Rebellion & more

2 4

Will Browar @wbrowar.com · Sep 8

Today I got to see some art from a friend of mine in person. He's been working on this series for a while now and just got several pieces placed in a local gallery.

If you dig it, check out his in-progress stuff here: www.instagram.com/mark_stone_...

#art #abstract #painting

A wall with seven abstract painting of different sizes and orientations. The best way to describe the paintings are that they look like a bunch of colorful shapes that look like lines intersecting and moving in the same, sweeping direction.

5