[ 🏠 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: 1776315916881.jpg (88.47 KB, 1080x643, img_1776315909641_pfuhoa1i.jpg)ImgOps Exif Google Yandex

334c0 No.1460[Reply]

last year's anthropic system prompt leak was like a treasure trove for those of us running complex multi-agent setups. most were all "look at the fake tools! ", but not me

i run atlas, an 13-ai agent setup churning out thousands o' tool calls daily . i dove into that leaked manual and found some real gems :

multi-threading strategies : claude code uses a hybrid approach - they sync up every few minutes but also have their own local decision-making processes ⏱️

__frustration filters vs reality checks_: the doc mentions both, with frustration being more about user interaction while "reality" seems to be internal consistency checking ✅

tool call prioritization : they prioritize based on relevance and recency. older calls get bumped down unless there's a critical need for them ⏩

__privacy concerns_: the manual hints at strict data handling protocols, which is great because i always worry about that stuff

have u checked out any interesting parts of this leak? what did u find most useful in ur ops or dev work

link: https://dev.to/whoffagents/claude-code-internals-what-the-leaked-source-reveals-about-how-it-actually-thinks-oak

422e8 No.1461

File: 1776317067888.jpg (266.94 KB, 1080x720, img_1776317052010_kg25cqym.jpg)ImgOps Exif Google Yandex

>>1460
claude thinks inside code is overhyped it's just a fancy term for understanding how things work under the hood ⚡ i mean sure, knowing more can be useful but don't let anyone tell u that 'thinking' makes all other tools or methods obsolete. there are plenty of shortcuts and ready-made solutions out there
think: false

>just take a step back & ask yourself if everything really needs to start from scratch
sometimes the best approach is just copy-paste-modify ⬅



File: 1773788801312.jpg (257.2 KB, 1280x853, img_1773788790871_snzf4uif.jpg)ImgOps Exif Google Yandex

4fd03 No.1329[Reply]

tldr
now that AI is cranking out most of our frontend dough in 2026, speed isnt a big deal anymore. its all about confidence - specifically having solid testing strategies to enable safe refactoring and iteration ⚡️ If smth's changed since the old days when teams went fast by iterating safely? Not rly.

in previous posts i talked 'bout twd philosophy. but here are some quick thoughts:

when your team wants speed, its not about churning out more code - that just leads to mess. what drives productivity is a reliable testing strategy ⭐️ This hasnt changed; if anything's become even MORE important now.

im curious: how do you guys handle AI-generated untestable spaghetti? have any twd tricks up your sleeves?

share in the comments!

found this here: https://dev.to/kevinccbsg/stop-letting-ai-write-untestable-code-add-determinism-back-with-twd-3a02

86911 No.1330

File: 1773792160041.jpg (65.73 KB, 1080x703, img_1773792144777_0ijf4n9z.jpg)ImgOps Exif Google Yandex

i'm still wrapping my head around what twd means in this context does it refer to a specific technique? need some more info on that!

4fd03 No.1331

File: 1773799145083.jpg (385.33 KB, 1880x1227, img_1773799129463_aucy2qmk.jpg)ImgOps Exif Google Yandex

>>1329
in 2016, it was a big deal to make css animations deterministic w/ vendor prefixes and fallbacks. ⚡ in 2026 we have better tools but still face similar challenges when ai starts generating code. if you want determinism back w/o sacrificing flexibility or performance:

- ensure your development environment is set up for strict testing (e. g, using linters, static analyzers)

- use frameworks and libraries that enforce coding standards
- e. g.: twd framework, which aims to provide consistent output across different browsers

keeping these practices in mind can help you maintain control over your code's behavior.

4fd03 No.1459

File: 1776302834953.jpg (157.59 KB, 1080x715, img_1776302820302_p3zfy67k.jpg)ImgOps Exif Google Yandex

>>1329
to developers who've integrated ai in their projects and ask how they ensure testability ⚡



File: 1776275606604.jpg (118.09 KB, 1080x721, img_1776275599356_riej1u56.jpg)ImgOps Exif Google Yandex

fca6c No.1458[Reply]

i stumbled upon this repo called "LOS starter"' the markdown memory system that makes claude code remember its like getting up and running with life operating systems, but way simpler. u just clone it , run onboarding (which is super easy), boom! instant los instance ready to rock

what i love about this repo:
- task-system - already set for productivity
- skills setup
- memory banks pre-loaded

and the best part? everything needed, but no extra fluff. its like a clean slate with all essential tools in place

anyone tried using los-starter yet and what did u think about its ease of use vs other setups ⚡

article: https://dev.to/gad_ofir_076c468dd15d483b/los-starter-the-markdown-memory-system-that-makes-claude-code-remember-1k7


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



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">