SQL Noir - A Detective SQL Game

👓 sqlnoir.com

#game #sql #webdev #dev #noir #web #detective #learncoding #coding #it

SQL Noir - A Detective SQL Game

Solve crimes and mysteries using SQL queries in this detective-themed SQL learning game.

^{www.sqlnoir.com}

When you are almost done with the project but your manager (or client) has “a few suggestions”. 🤔

#memes #uno #feeelancing #webdev

#CSS Grid is so fun. Here’s a simple card pattern where key elements break their container… or do they?? 🧐 cloudfour.com/thinks/faux-cont…

#WebDesign #WebDev

Faux Containers in CSS Grids

A simple trick for styling cards with breakout elements.

^{Cloud Four}

Now presenting

Make Your Own Website
web.pixelshannon.com/make

This guide is intended to help beginners make their first website with HTML/CSS.

I originally wrote it for my daughter, then 12 years old, so she could make a website for a school project. I think it is now complete-enough for anyone to follow to get started making a personal or hobby site.

Let me know what you think!

#MakeYourOwnWebsite #PersonalSites #PersonalWeb #SmallWeb #HTML #CSS #IndieWeb #WebDev #homepage #SmolWeb

Have yet to try this, but sounds cool. 🎉

You can have a full LAMP Sandbox (PHP + WebServer + DB) running 100% inside your browser.

You can run your own and third-party #PHP applications, like #WordPress. #webdev

docs.endor.dev/faq/general/
endor.dev/s/lamp84

Here's how I built a fun quiz system with Eleventy: nathanupchurch.com/blog/making…

#eleventy #11ty #quiz #indieweb #webdev

Glad to say after 3 days of struggling I've been able to get up Fedicate.org my website for a fediverse database along with information that I will expand on over time.

Give me feedback as well as use the cyrptpad forms on the site to suggest new information including FediBlock reports to the site.

#FediBlock #FediverseDatabase #Database #Website #WebDev #Fedicate

Black magic web design.
Source: aureliengmz at threads.

#WebDev

I was originally going to add a bunch of wacky GIFs like 404 media has (and I likely still will), but I had this idea as I was adding a 404 page to my site:

reillyspitzfaden.com/404.html

#404 #WebDev #Eleventy #11ty #Magritte #Surrealism

The Treachery of 404s

There is no page here

^{reillyspitzfaden.com}

🎉 Bluesky’s AT Protocol as I Understand It by Ayo Ayco (@ayo) | ayos.blog/atproto/

#webdev #frontend #fediverse

Nice look'n SVG to CSS converter.

Converts SVG code into a Data URI, an encoded URL format that can be used as a background-image source.

#webdev #SVG #CSS

svgbackgrounds.com/tools/svg-t…

SVG to CSS converter

👉 Copy and paste SVG code and convert it into a Data URI, which can be used as a background image in pure CSS. Best of all no image files required.

^{SVG Backgrounds}

From @bert_hubert

Microsoft's email security scanners now execute JavaScript and POST requests from links in scanned emails, breaking single-use sign-on workflows. Developers must adapt by supporting multiple link confirmations. The rise of "gatekeeper" behavior raises concerns about transparency and accountability.

berthub.eu/articles/posts/shif…

#CyberSecurity #WebDev #EmailSecurity

To add context here, you would get to work with me on this. You have been warned.
unix.family/@farrokhi/11387846…

#GetFediHired #Hugo #WebDev

“Ever troubleshoot a #WordPress site and spot an old plugin that you didn’t know could work?”

🤔

#memes #webdev #oldschool

A nice little #CSS button generator, in case you need one in a pinch.

markodenic.com/tools/buttons-g…

#webdev

CSS Button Generator

Use this free CSS Button Generator to create beautiful buttons for your website in seconds.

^{Marko Denic - Web Developer}

"Top 25 Website Fonts for 2025"

bestwebdesigntools.com/blog/de…

i'm not a big font person, but sometimes I do like to change things up. I'm a rebel.

#free #frontend #webdev #fonts

Designers' Favorite: Top 25 Website Fonts for 2025

A curated list of 25 best website fonts for 2025! Featuring download links, live examples, and expert implementation tips for modern web design. Perfect for designers and developers

^{bestwebdesigntools.com}