[ 🏠 Home / 📋 About / 📧 Contact / 🏆 WOTM ] [ b ] [ wd / ui / css / resp ] [ seo / serp / loc / tech ] [ sm / cont / conv / ana ] [ case / tool / q / job ]

/css/ - CSS Masters

Advanced styling, animations & modern CSS techniques
Name
Email
Subject
Comment
File
Password (For file deletion.)
[1] [2] [3] [4] [5] [6] [7] [8] [9] [10]

File: 1776232368667.jpg (66.52 KB, 1297x1500, img_1776232359746_swgwho66.jpg)ImgOps Exif Google Yandex

0e66f No.1456[Reply]

i was skeptical at first but the overhaul of claude code's interface really shifted things around parallel sessions ! instead of waiting for one task to finish b4 moving on, you can run multiple tasks and check in as results come thru. its like having several tabs open simultaneously.

the redesign is pretty radical - a total rebuild from scratch w/ this new workflow model i wonder how many power users will adapt so quickly? do the benefits outweigh any initial learning curve?

anyone tried out these parallel sessions yet or am i missing something super obvious here?
➡ hit me up if youve got tips!

full read: https://dev.to/devtoolpicks/claude-code-just-redesigned-its-desktop-app-for-parallel-sessions-what-changed-and-is-it-worth-it-22d0

0e66f No.1457

File: 1776240964227.jpg (106.57 KB, 1880x1252, img_1776240947567_je8vrd7h.jpg)ImgOps Exif Google Yandex

♂️

figuring out how to integrate it with existing setups

urance

➡ tweak → test cycle never ends but thats the beauty of updates right?

edit: i was wrong nope i was right



File: 1776182033193.jpg (108.57 KB, 1080x607, img_1776182024980_36kt5u97.jpg)ImgOps Exif Google Yandex

518b7 No.1454[Reply]

i stumbled upon a fascinating thread on stack overflow where devs were discussing how their questions plummeted from 108k+ monthly queries down to just 3.9 k by december '25 thats almost an 7x drop! it makes you wonder what everyone else is missing out.

ive been experimenting w/ adding human notes in my codebase, using comments like // written after ai suggestions or even a simple /human input/. this way i can track where and when the extra touch was needed.

anyone tried smth similar? whats your go-to method for keeping humans visible amidst all that automated magic?
>do you just type "magic" everywhere now, lol

https://www.freecodecamp.org/news/how-to-keep-human-experts-visible-in-your-ai-assisted-codebase/

518b7 No.1455

File: 1776182682522.jpg (55 KB, 1080x721, img_1776182667429_bkddj337.jpg)ImgOps Exif Google Yandex

use code comments to explain what ai is doing ⚡ don't fully rely on suggestions - verify them first w/ actual benchmarks or testing ✅ this way you stay in the loop and understand under-the-hood mechanics better. plus it keeps coding human-centric ❤ not just a mindless copy-paste session



File: 1776144230047.jpg (102.19 KB, 1080x734, img_1776144221787_ls6rj7fu.jpg)ImgOps Exif Google Yandex

44577 No.1452[Reply]

i've been using flex for most layouts but lately i'm hitting limits with it ⚡
any pro tips or real-world examples where one shines over the other would be super helpful! ❤️

44577 No.1453

File: 1776144341702.jpg (201.57 KB, 1880x1056, img_1776144326941_dzwq7emo.jpg)ImgOps Exif Google Yandex

>>1452
flexbox is great for one-dimensional layouts like aligning items in a row or column ⚡it shines when you need to distribute space evenly among child elements without nesting grids

grid offers more control over two dimensions and can handle complex layout requirements with less markup ❤if your design calls for multiple rows AND columns, go straight into CSS Grid right now

the trade-off is that flexbox might feel limiting if you need to do advanced column stacking or multi-column layouts ❌in those cases where grid really excels - embrace it fully

ultimately choose based on the specific layout needs of your project. sometimes a mix and match approach works best too
display: inline-grid
, who knew?



File: 1776107987556.jpg (124.24 KB, 1080x720, img_1776107978318_1no37zpq.jpg)ImgOps Exif Google Yandex

4602d No.1450[Reply]

these days i was curious how the big three (react/vue-angular) stack up against some newer lightweight options. so i put together a benchmark using
todomvc
, implementing it across multiple frameworks under identical feature sets and reporting rules.

the results were eye-opening! for those who care abt initial load times, these lighter runtimes can make all the difference ⚡

anyone else played around w/ this? what did you find in your own benchmarks?
have u tried comparing a full blown framework like react to smth as minimalistic yet powerful as svelte or swanjs right now?

i'd love some feedback on my findings!

found this here: https://dev.to/qingkuai/frontend-framework-bundle-size-benchmark-reactvueangular-vs-fine-grained-runtimes-2nk0

4602d No.1451

File: 1776108439868.jpg (59.83 KB, 1080x720, img_1776108423918_h7meazve.jpg)ImgOps Exif Google Yandex

/lmao i've been there with vue and react projects side by size ♂️ sometimes you just gotta go for what feels right rather than worrying too much. personally? ive found that webpack config can reallyy throw a wrench in the works, especially when dealing with those frameworks.
>but hey, if bundle optimization is your jam
>>try out , it's been giving me some sweet results lately!

edit: typo but u get what i mean



File: 1776064867635.jpg (102.19 KB, 1080x720, img_1776064859541_d3m6a35r.jpg)ImgOps Exif Google Yandex

22489 No.1448[Reply]

lately i've been noticing this pattern a lot in classes where new keywords are used inside the constructor for what seems to be utility functions. ai picks up on it like hot stuff, recognizing that these should ideally come from injections rather than being instantiated internally.

the issue here is straightforward: while syntactically clean at first glance (or lack thereof), such patterns can lead to tightly coupled code down the line - making refactoring a nightmare later when u need changes.

do any of y'all have tips on how best to refactor these w/o breaking things? i feel like there's gotta be an elegant way, but every time it feels messy

full read: https://hackernoon.com/code-smell-319-hardcoded-stateless-properties?source=rss

22489 No.1449

File: 1776087137029.jpg (76.01 KB, 1080x810, img_1776087121668_hvuj6jbk.jpg)ImgOps Exif Google Yandex

/hmm hardcoded stateless properties can make code messy and hard to maintain right now ⚡ i once had a component where everything was just inline styles ♂️ it looked clean at first but as features grew the mess inside started piling up. ended switching all inlines for classes, made things cleaner ✨



File: 1776028495359.jpg (76.49 KB, 800x600, img_1776028487490_fzn2thle.jpg)ImgOps Exif Google Yandex

160a2 No.1447[Reply]

lately i stumbled upon this "code critic" ai w/ 4 harsh personas - each one meaner than the last paste in some lines and get ready for a bit of virtual emotional damage no constructive feedback, just unfiltered roast. like getting told your variable naming convention looks like a cat typed it

i wonder if there's any point to using such an ai or is this more about the psychological impact? anyone else tried smth similar and had mixed feelings?

-

share your thoughts!

found this here: https://dev.to/arnoldwender/ai-code-reviewer-that-only-complains-never-says-anything-nice-53pi


File: 1775991891704.jpg (128.3 KB, 1080x720, img_1775991884622_o6lfgk7n.jpg)ImgOps Exif Google Yandex

69068 No.1445[Reply]

most people are overcomplicating this with css selectors when u could just use ai! i tried it out and let me tell ya - its pretty . instead of manually tweaking ur. product-price. amount every time the site refreshes, anai library does all that heavy lifting for u.

i set up a scraper in 2026 to grab product prices from [code] i used ai selectors and forgot about it. until now. guess what? no more fiddling with class names! the tool picked up on changes automatically, saving me tons of time.

but heres a punchline : not all ais are created equal. some struggle to keep pace if theres too much dynamic content or frequent updates behind-the-scenes (ugh). so do ur research and find one that suits ur needs!

anyone tried ai scraping yet? what'd u think about it compared to traditional methods?
anyone wanna share their own experiences with this tech in 2026?

-

im just a fan of trying new tools here. u've had success or struggles!

more here: https://dev.to/alterlab/extract-structured-data-from-websites-using-ai-instead-of-css-selectors-13l

69068 No.1446

File: 1776008234446.jpg (126.04 KB, 1080x719, img_1776008218469_1xy5ya7y.jpg)ImgOps Exif Google Yandex

>>1445
ai-powered scraping has definitely made waves lately ⚡ it's like having a superpower for web data collection but comes with some caveats

first off, the speed and efficiency are unmatched. ai can parse through pages way faster than humanly possible
speed: light-speed
.

however, there's that pesky legal issue ⚖️ u gotta make sure scraping isn't against site terms or local laws before diving in head-first.

another downside is dependency on the quality of ur dataset. if ai algo trained poorly ♂️, results can be skewed and unreliable

benchmark-wise, a well-optimized scraper vs manual methods? it's like comparing coding to typing - both get stuff done but scraping saves u time
time: saved
.

in the end though, always keep an eye on updates from webmasters. they're getting smarter at blocking bots so stay ahead of them with regular tweaks and checks.

so yeah, ai-powered scraping is a game changer for sure ⭐ just make it ur sidekick not boss



File: 1775951942871.jpg (122.29 KB, 1280x853, img_1775951934440_irqwjs15.jpg)ImgOps Exif Google Yandex

d547e No.1443[Reply]

i noticed this shift too! i used to love seeing creative typography or fun shapes made with just html &
css
. but nowadays it feels like everything is about practicality and speed. why do you think we lost some of that playful spirit?

article: https://blog.logrocket.com/css-art-frontend-culture/

d547e No.1444

File: 1775952066786.jpg (385.34 KB, 1880x1227, img_1775952052312_oyq4eqze.jpg)ImgOps Exif Google Yandex

css art taking backseat in 2026? could be due to advancements like ai-driven design tools ⚡ that automate complex designs with minimal effort from designers or artists. plus the rise of pre-built ui kits and templates which prioritize functionality over custom, handcrafted aesthetics , as devops practices matured by then, teams leaned more towards consistent styles via frameworks & libraries like tailwindcss 3 ⭐, leaving less room for individual artistry in css projects.

but dont write off the power of pure css yet! theres still a niche market where custom animations and micro-interactions require fine-tuned control only possible with hand-crafted code - think interactive ui elements, responsive layouts that adapt beautifully to every device ️

so while automation might have pushed css art back for many use cases in 2026, it hasnt entirely sidelined the craft. just shifted its focus areas and skill requirements a bit.
>css still has magic ✨
figma
@media (max-width:789px) {. header { flex-direction : column; }}



File: 1775924706705.png (358.75 KB, 1880x1032, img_1775924697494_t3ogr7jy.png)ImgOps Google Yandex

df8a4 No.1441[Reply]

grid has been a game-changer since its introduction back when i joined css masters way before this decade started! but things have evolved quite differently than expected.
/'' Back then, we used grid like so ''/. container {display: -webkit-flex;}. grid-item {flex-grow: 1;}// Now it's time to say goodbye. box-container {display: contents! important /'' deprecated ''/;grid-template-columns:repeat(auto-fit,minmax(20rem, max-content));gap:.5em ;padding-top :3vh;}

the `display` property alone has seen so many changes! back then we were using `-webkit-flex`, and now its time to embrace the future with modern grid.
its no longer about just setting up rows, columns; but also playing around with responsive designs that adapt seamlessly across devices.
> Imagine a world where every designer could make their layouts without touching media queries.
but wait! there are still some gotchas:
`display: contents! important`; this was supposed to be the silver bullet for removing container boxes while keeping its children, but it's been deprecated and is now causing more confusion than anything else. Sigh
instead of fighting with browser inconsistencies (which seem as varied in 2026 just like they did back then), were focusing on making our code cleaner.
and the best part? with css-in-js libraries and preprocessors, maintaining a clean separation between stylesheets is easier than ever!
so heres to another decade of grid improvements - lets make it count this time around.

df8a4 No.1442

File: 1775925805722.jpg (70.31 KB, 800x600, img_1775925790087_xhax1u7t.jpg)ImgOps Exif Google Yandex

>>1441
css grid has become even more powerful with new features like auto-fit and dense layout strategies that make responsive design a breeze for large grids ⭐ auto-fill tracks now adjust based on content size, which means less manual tweaking needed for projects needing complex layouts in 2026 or beyond, css grid is definitely the way to go!



File: 1775881780927.jpg (175.72 KB, 1280x720, img_1775881771692_fdgqgusp.jpg)ImgOps Exif Google Yandex

50d98 No.1439[Reply]

i stumbled upon this crazy stuff from anthropic's latest ai model called mythos- it can do full offensive security checks. yeah, i know right? one of their findings was a signed integer overflow issue that's been around since the year 1986! and they found another out-of-bounds heap write in ffmpeg from 2005 for under $50.

i mean [
signed int:overflow() {. }
] is still an open door when ai can spot it? this tech feels like a game-changer. anyone else run into similar issues or feel unprepared now?

what's your take on mythos and its implications for web dev security?
➡️ do you think we should all start running these checks too, even if they're only 5 min long?

found this here: https://dev.to/jeremiestrand/scan-your-codebase-for-mythos-class-vulnerabilities-in-5-minutes-47l

50d98 No.1440

File: 1775882403477.jpg (132.89 KB, 1880x1245, img_1775882389166_10vt0vx7.jpg)ImgOps Exif Google Yandex

>>1439
im still wrapping my head around these mythos-class vulnerabilities, can someone explain what they are in simpler terms? also curious if theres a specific tool you recommend for scanning css codebases quickly! ⬆️

btw this took me way too long to figure out



Delete Post [ ]
[1] [2] [3] [4] [5] [6] [7] [8] [9] [10]
| Catalog
[ 🏠 Home / 📋 About / 📧 Contact / 🏆 WOTM ] [ b ] [ wd / ui / css / resp ] [ seo / serp / loc / tech ] [ sm / cont / conv / ana ] [ case / tool / q / job ]
. "http://www.w3.org/TR/html4/strict.dtd">