Kevin Powell - Community

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

Some general youtube channels and resources for beginners

Steve Griffith - https://www.youtube.com/@SteveGriffith-Prof3ssorSt3v3/videos Apparently an actual professor. has made videos about multiple topics like pub sub model, css inheritance etc. Web dev simplified - https://www.youtube.com/@WebDevSimplified Ignore the clickbait title videos and don't watch them but some of the general javascript content is pretty good. Closures, promises, event delegation that stuff. Website Architect - https://www.youtube.com/@thewebsitearchitect...

A UML mega cheat sheet

detailed explanations of the different kinds of UML diagrams with the name and use of each parts https://www.uml-diagrams.org/...

Short PDF On Pricing Client Projects (Breaking the Time Barrier)

https://www.freshbooks.com/fbstaticprod-uploads/public-website-assets/other/Breaking-the-Time-Barrier.pdf Useful information about how to price your freelance projects to clients. Touches on value-based pricing. Helped me a lot on how I 'should' price (though it's not always that easy in reality 😂) and gives you a new perspective on things. Worth to read, takes maybe 15-30 minutes!...

Runjs: The JavaScript playground for your desktop

A neat tool for JS prototyping. Free version is limited, of course, but still pretty cool. https://runjs.app/...

More head elements

Found a really good place to look up tags for <head> https://zhead.dev/...

(simple)-state-shifter: a Finite State Machine to simplify code flow

If you find business logic &/or UI flow is becoming a tangled web, with many if/else / switch statements, then consider s Finite State Machine like mine to reduce the code & help make it more legible: (live demo linked in repo) https://github.com/tomByrer/state-shifter...
No description

Real-time payment notification for websites

Has anyone here ever built a site with real-time payment notification i.e when people come to your site they can see a notification on the bottom right corner of their screen that says e.g "John from London paid £50". I'm building a charity site....it encourages others to donate but I'm looking for a SAAS that already does that so I'll connect my site to the software so it can listen to triggers from Stripe and execute. Does anyone know a software that does that?

Kagi Search: Privacy-first, Search as a Service

https://kagi.com/
No ads. No tracking. No compromise. Just deep, powerful search.
Kagi is a search engine that believes you're either the client or the product....
No description

Orion Browser: Security-first macOS/iOS browser

https://kagi.com/orion/
Incredibly fast. Built-in ad blocker. Zero telemetry. Web extensions support.
...
No description

C Implementation of Flexbox

This guy write his own flexbox-like layout algo for GUI in C. Perry cool stuff and honestly not that difficult, IMO! https://youtu.be/by9lQvpvMIc?si=8wl8hYFlQAxSvkdA...

FREE React Introductory interactive course

this is the first course i did when starting react and this goes through the fundamentals upto some intermediate react concepts such as dealing with async operations and side effects. It was a really nice course so i sm going to leave it here. Thanks! https://scrimba.com/learn-react-c0e...

Flexbox Labs Grid Generator

They just added a grid version to the flexbox labs site. This is super cool. https://flexboxlabs.netlify.app/grid...
No description

One Line Code of Clip-Path for Inverted Borders

One of the best and easiest way to achieve Inverted Borders shapes ,imo. https://youtu.be/g-R_YlDg2kQ?si=c40OFGHxk-qg9410 The issue I faced to mark the co-ordinates as per video. So is there any tool to get Path values of svg image or create an svg image with path codes....

git corruption when trying to add/commit/push - this works for me

``` find .git/objects -type f -empty -delete git repack -a -d git prune...

Hamburger menu (responsive) not closing on X button

Hi! It is my first time trying to edit a hamburger menu for resposive view, it works well except it wont really close after clicking the X, what can I do? Code is here: https://codepen.io/luakenai/pen/VYZzyRa Thank you in advance!...

Flexbox visualizer tool

Just ran across this cool flexbox tool on daily dev. Figured you guys would appreciate it. https://flexboxlabs.netlify.app/...
No description

Looking for trustable business partners based on US | Europe

Hey everyone, I'm really excited to be a part of this community – I feel like I've finally found what I've been searching for! I’ve always wanted to leave my 6-8 hour job because I didn’t see a bright future there. So, I started running online businesses and e-commerce stores, and I’m happy to see them growing! I'm here to improve my English because I'm from a country where it’s neither my first nor second language. I’ll be heading to the USA soon, so I really need to improve. I'm excited to work towards making my big dreams come true!...