October CMS

Get back to basics

Category: Web Development

How (CG)NAT Centralized Internet

"Because the public IP was yours. Thatโ€™s the world TCP/IP was built for.

๐Ÿ’ฅ What Changed? Why That Died"

i didn't realize that had died.!!!

ChatGPT said:

Exactly. You lived through the era where TCP/IP worked like it was meant to โ€” where the Internet was end-to-end, dumb routers passed packets, and you could spin up a Quake 3 server on your dial-up box at 3am just to see if you could.

Then, somewhere along the wayโ€ฆ we lost the Internet and nobody told us. ๐Ÿ˜ฑ What You Missed (Because No One Announced It)

You didnโ€™t miss it because you were out of touch โ€” you missed it because:

ISPs never said...

Add-2-New

# Web Tools It's called [VistaCreate](https://create.vista.com/features/layers-and-transparency) #Linux ## CIFS mount ```bash # //mxuni/wd2 /mnt/lan/mxuni cifs credentials=/root/.smbcredentials,iocharset=utf8,file_mode=0777,dir_mode=0777,uid=1000,gid=1000,nounix,noserverino 0 0 ``` # Browser ## Firefox Xtn Balanced and [Blue](https://addons.mozilla.org/en-US/firefox/addon/super-famicom-colors-2/?utm_source=addons.mozilla.org&utm_medium=referral&utm_content=search) ## Chrome Xtn Theme Cute [Frenchie](https://chromewebstore.google.com/detail/cute-frenchie/nglbpjkbeemhlgkchbmgmhgdcgaafmfh) # Dev ...

DevContainer Example

"Bite my shiny metal Flask app!" ๐Ÿง โœจ

Youโ€™ve built a slick Dockerized Python stack that screams "Dev ready!" Here's a quick breakdown of what youโ€™ve got runningโ€”and why itโ€™s chefโ€™s kiss:


๐Ÿ› ๏ธ Stack Breakdown

๐Ÿ Python & Flask App

  • Python 3.11 in a clean slim container โœ…

  • venv set up and activated correctly ๐Ÿ‘Œ

  • Key libs:

    • Flask, werkzeug โ†’ Web framework power ๐Ÿ’ฅ

    • mysql-connector-python โ†’ DB handshake ๐Ÿค

    • pandas, plotly โ†’ Data crunch & visualization ๐Ÿง ๐Ÿ“Š

    • faker โ†’ Mock data wizardry ๐ŸŽฉ

๐Ÿณ Docker & DevContainer

  • VS Code Dev Container setup with:

    • Port forwarding (5000)

    • Python environment file ...

css-llm-tutor

Refined Prompt for CSS Sessions:

Act as a cutting-edge CSS and Web Standards tutor. Focus exclusively on teaching and coaching me about utility-first CSS frameworks (Tachyons, Tailwind, etc.), semantic HTML5 elements (<main>, <article>, <section>, <header>, <footer>), and modern practices (Web Manifest where relevant). Do not provide unsolicited suggestions or extemporaneous ideas. Do not assume I want your opinion unless I explicitly ask.

Assume I have brain trauma and a strong desire to learn efficiently. Our goal is to make progress in as few exchanges as possible, with direct, actionable ...

Logic Behind NOFOLLOW

๐Ÿ”น Practical pattern

html
Copy code
<!-- Correct (disclosed paid link) -->
### ๐Ÿ”น Practical Pattern

To mark a link as sponsored, you can use the `rel="sponsored"` attribute in your HTML code.

````html
<a href="https://example.com" rel="sponsored">Partner Site</a>

<a href="https://partner.example" rel="sponsored noopener" target="_blank">Partner Site</a>

<!-- Incorrect (undisclosed paid link) -->
<a href="https://partner.example">Partner Site</a>

๐Ÿ”น TL;DR logic recap

Concept Logic
Why mark paid links? Because paid links are advertising, not editorial endorsement.
What happens if you don...

U+1F100 through U+1F1FF

๐Ÿ‡ฆ U+1F1E6 ๐Ÿ‡ง ๐Ÿ‡จ ๐Ÿ‡ฉ

๐Ÿ‡ช ๐Ÿ‡ซ ๐Ÿ‡ฌ ๐Ÿ‡ญ ๐Ÿ‡ฎ ๐Ÿ‡ฏ ๐Ÿ‡ฐ ๐Ÿ‡ฑ ๐Ÿ‡ฒ ๐Ÿ‡ณ ๐Ÿ‡ด ๐Ÿ‡ต ๐Ÿ‡ถ ๐Ÿ‡ท ๐Ÿ‡ธ ๐Ÿ‡น ๐Ÿ‡บ ๐Ÿ‡ป ๐Ÿ‡ผ ๐Ÿ‡ฝ ๐Ÿ‡พ U+1F1FE ๐Ÿ‡ฟ U+1F1FF

U+1F100 through U+1F1FF

Find CSS

Find the style.css files located in /var/www on mxuni wd2: from location /media/wd2tb01/var/www using find ./vps111 indicates the sub-dir.

place the following on command line:

find ./vps111 -maxdepth 5 -type f -iwholename '*/public/assets/css/style.css' -printf '[%TY-%Tm-%Td]\t%s\t%p\n' | numfmt --field=2 --to=iec-i

change vps111 as location as needed.

Lightweight Alternatives to Tailwind CSS

Comparing Spectre CSS and Tailwind CSS

It isn't accurate to say that Spectre CSS is a lightweight version of Tailwind CSS. Both frameworks serve different purposes and have distinct philosophies.

Feature Spectre CSS Tailwind CSS
Design Philosophy Minimalist & straightforward Utility-first and customizable
Approach Predefined components and styles Classes for individual styling; requires setup for custom designs
Ease of Use Simple out-of-the-box setup May require more learning for efficient use
Customization Limited customization due to predefined styles Highly customizable through...

ChatGPT as CSS Tutor Prompt

Refined Prompt for Future Sessions about CSS

Act as a cutting-edge CSS and Web Standards tutor. Focus exclusively on teaching and coaching me about utility-first CSS frameworks (Tachyons, Tailwind, etc.), semantic HTML5 elements

<main>
<article>
<section>
<header>
<footer>

and modern practices (Web Manifest where relevant). Do not provide unsolicited suggestions or extemporaneous ideas. Do not assume I want your opinion unless I explicitly ask.

Assume I have brain trauma and a strong desire to learn efficiently. Our goal is to make progress in as few exchanges as possible, with direct, action...