😂🤣 Well, that happened…🤣 @kevinpowell.co Congrats on hitting 1M subs!

Insane numbers… Been sub’d for a few years… You’ll get to 1M at some point.

Why we're giving AI too much credit | Morten Rand-Hendriksen | TEDxSurrey YouTube video by TEDx Talks

Ai - youtu.be/yjLsHD9IzIA?...

Enjoy! Happy Christmas! Mac Laptop && Christmas = True; 😅

Thank you. 😎 It’s my second one. Less complex than the original. The original supported keyboard input. Trying to find motivation to redevelop the help desk web app I wrote 4 years ago.. 🫣

Just realised there is a mistake in the hashtag..🫣 #javascript

I’m always doing it wrong... For a language(?) that has structure, rules and varied syntax… the approach to writing CSS is as varied as it’s syntax… 🤔 Just my random thought at 5:30 in the morning.. #css #smorgasbord

I’ve watched endless amounts of videos / snippets on CSS and I find it fascinating, powerful and complex enough to be infuriating at times. I’m not an expert(in anything not just CSS 🤣) but I have been experimenting with HTML & CSS since 1995/96. With all that information, why do I feel like

Stop using the legacy color syntax YouTube video by Kevin Powell

Love these short nuggets from @kevinpowell.co

youtu.be/Uynb7Ci8JMg?...

Calculator Another Calculator. Let complex than my previous....

#frontendwebdev #html #css #javscript Another calculator... Just for fun!
codepen.io/John-Carruth...

😮 Two of my favourite people, talking about one of the most important topics for anyone working in web dev!

New track preview:

// They Rise [Original]
// 126BPM

#AmiciteMusic

Maybe there should be a sub-display type. While masonry/ex-masonry takes advantage of the grid structure it doesn’t necessarily conform as the tiles are often offset and not even consistently offset. sub-display could offer anything that uses the underlying grid as a structure. My random thoughts🤷.

Search Simple search form....

Simple web form with a bit of CSS for decorative reasons and the use of Javascript to search through an array of words.

codepen.io/John-Carruth...

Photo I took with my dog and bone. iPhone15

A commenter brought up that it was be useful if we could declare what type of sizing is being used on each axis independently...

Search Simple search form....

Form design with #HTML and #CSS and a simple search function using some #Javascript

I'm aware there are probably far better ways to achieve this result, but I'm Tinkering with code.

codepen.io/John-Carruth...

display: none; overflow: clip; box-sizing: border-box;🫣

Even thought I’ve probably written thousands of lines of code across various programming languages not to mention JavaScript and PHP I always feel like my code should be better.🫣

Basic on the C64..🫣

Responsive Grid Design ...

Messing around with responsive layouts and Grid. Go to say Grid can cope with being responsive without the need for '@media' . No JavaScript either.

codepen.io/John-Carruth...

Social Icon Hover ...

Animated hover effect using 3 SVG images and some CSS.

codepen.io/John-Carruth...

Bouncing Ball ...

Animated bouncing ball on the word "Light" using only CSS.

codepen.io/John-Carruth...

Icon Circles Exp ...

Using CSS cos & sin with some animation. You can create some interesting effects.

codepen.io/John-Carruth...

Checkbox Buttons ...

Switch using an Input Checkbox with only CSS

codepen.io/John-Carruth...

So, I wrote this a while back when I was working on a Help Desk project. Never ended up using. but it works. The code searches for element with IDs within a given element. I have created a #codepen for it.

codepen.io/John-Carruth...

MouseDrag ...

Using Javascript to facilitate the dragging of elements is a challenge. While this kinda works but not fluid and gets stuck, so it's far from perfect. Plus it's a very simple. Sorry about the colour choices... 🫣

codepen.io/John-Carruth...

Brain Declutter A simple Web App to help declutter your brain. Still requires some work. But the base functionality is working. TODO: Reactor HTML Refactor some of th...

So, I changed up the simple notes app and gave it my own twist (Yes, the code is mine!). I'm pretty sure there are better more concise ways to write the code but you can only learn by doing. Still needs some small tweaks where the search bar is concerned. But it works!

codepen.io/John-Carruth...

.yoga {
position: collapsed;
}

Generated in Adobe Firefly...