KPC

Kevin Powell - Community

A friendly place for developers to meet other devs, ask questions, get help, and just have a good time 🙂.

Join

KPC

Kevin Powell - Community

A friendly place for developers to meet other devs, ask questions, get help, and just have a good time 🙂.

Join

front-end

resources

back-end

ui-ux

os-and-tools

help

Jacord

11/20/2025

Tool for previewing `<system-color>` keywords - including windows contrast themes

Hey All, I just gathered all the colors which are returned in different browsers, OSs and contrast themes, light & dark modes and subsequently made this tool which you can use to preview them, (without needing a BrowserStack subscription!): https://codepen.io/crowjake/pen/MYyjpor If you wanted to you could also use the CSS to build your own color theme with <system-color> fallbacks and use my system for emulating how that would look in different browsers. ...

Screenshot of 7 boxes each with different labels, as they appear in a tool for for previewing system-colors

13eck

11/15/2025

HTTP status codes explained via meme

https://httpmemes.netlify.app/

Arrowzzz

11/3/2025

Can you explain why the children in 'topchop' div appearing side by side?

I have not marked the container as a flexbox explicitly. Should the display: flex property ever be inherited from the parent ? https://codepen.io/AccurateArrowz/pen/OPMaBPy...

13eck

10/30/2025

Affinity All In One Editor

Affinity is an all-in-one editing powerhouse. It used to be three different apps: one for layout design, one for vector design, and one for raster design. Now it's all one app! Free with a Canva account (also free) but the AI tools cost monie. https://www.affinity.studio/...

redcaus1235

10/17/2025

Booking system ?

Hey, I created a website for a doctor’s office, and now I’m working on the appointment booking Page . Patients need to enter their name, choose a service, and provide some info. Is there any software I can integrate for that, or do I need to code it myself using HTML/CSS and a database to store everything?

curiousmissfox

10/5/2025

Google AppsScript

In the same vein as codepen, iCodeThis, scrimba editor, stackblitz, etc https://script.google.com/home has been really helpful for when you need a quick pseudo-server, quick webhook, esp if you need to connect to any Google Workspace products. Also can create a frontend interface. Im finding it like a Google Cloud Projects Lite (GCP is too complex for my experience level with backend; but can also be connected Apps Script x GCP if desired). Ive used it for quick webhooks (although i did spend 2 days learning that my POST request redirected and was converted to a GET request, the platform is was using couldnt follow redirects. So "quick" is relative 😆). Can connect to Cloud SQL, Firebase, or if you dont need a proper db , you can connect it to a Google Sheet to act as your table. I just used it to add a menu item to the sheet that runs my function to sync data or in another sheet, launches a form to add a new row to the sheet and validation for some columns. Ive also used an AppsScript web app webhook to store all my form submissions from my website in one sheet (tab for each form). ...

Alex

9/17/2025

Device Resolution and Scaling Metrics

https://www.mydevice.io Never worry about resolution, dpi scaling or downsampling again!...

capt_uhu

9/15/2025

Anchor position polyfill

played around a bit with anchor position this weekend. Oddbird's anchor position polyfill now has some basic support for position-area https://github.com/oddbird/css-anchor-positioning

Zach Jensz

9/5/2025

Apple's Assault on Standards

https://infrequently.org/2025/09/apples-crimes-against-the-internet-community/

Zach Jensz

9/5/2025

Why your website should be under 14KB

https://endtimes.dev/why-your-website-should-be-under-14kb-in-size/

curiousmissfox

8/30/2025

Privacy Friendly Google Fonts Alternative

Going through and cleaning up some of my bookmarked tools and wanted to share this- when you want to use a google font but want to be GDPR compliant Cool Labs You just change your head from this: ```Html...

Khoa

8/20/2025

Security Training for Web Developers

https://www.hacksplaining.com/

quaiy is wow

8/14/2025

WebDesignMuseum for design inspiration

https://www.webdesignmuseum.org/

Khoa

8/6/2025

Best color palette generator rn imo

https://perceptualpalettes.alexdunn.au/

Zach Jensz

7/23/2025

UK joins EU in regulating healthy browser engine competition

https://open-web-advocacy.org/blog/uk-regulator-flags-apples-ios-browser-engine-ban-in-draft-sms-designation/

Rägnar O'ock

6/26/2025

Documentation style guide

Writing good documentation is never easy, the Vue documentation writing guide could help you making your's easier for people to read and enjoy https://github.com/vuejs/docs/blob/main/.github/contributing/writing-guide.md...

Rägnar O'ock

6/24/2025

Selfish reasons for building accessible UIs

https://nolanlawson.com/2025/06/16/selfish-reasons-for-building-accessible-uis/

bilal17

6/19/2025

Visual Roadmap to master HTML & CSS:

https://www.onepin.io/roadmap/HTML-&-CSS-Mastery-Roadmap-683dffffc64264bcc7eb9ee0

13eck

6/16/2025

Billable.me: Content-editable invoice

https://billable.me/ Pretty simple: edit to your needs and print as PDF....