[ 🏠 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: 1776431469722.jpg (77.2 KB, 1080x597, img_1776431461724_92l0u7za.jpg)ImgOps Exif Google Yandex

6e448 No.1466[Reply]

i've seen it countless times - devs adding
style="animation."
directly to their elements in html files ♂️. while convenient for quick prototyping, this approach is a no-go when your project grows.
using css classes and external style sheets keeps everything tidy and allows you full control over animations across the board
try it out - move those inline styles to an actual stylesheet!

6e448 No.1467

File: 1776431572237.jpg (149.8 KB, 1880x1253, img_1776431556340_quzfqql0.jpg)ImgOps Exif Google Yandex

>>1466
/i agree with stoppin' inline styles for animations ⚡ they can get messy real fast and make maintainin' a pain though i hear some still swear by them. personally? prefer mixin's or custom properties in CSS vars keeps everything neat & tidy, esp when workin on large projects ❤️



File: 1776395105884.jpg (153.73 KB, 1080x792, img_1776395098193_qkd9drlo.jpg)ImgOps Exif Google Yandex

6fe1a No.1464[Reply]

ngl figma makes it dead simple if u actually read the docs
>just use the default settings bro
nope customize everything

but seriously. most production outages aren't due to bad code, right? i mean we all know that 70-80% of issues stem from config or networking. so why are devs still spending ALL their time testing and fixing bugs in the code? ⚡

i've noticed a lot more emphasis on solid deployment practices lately - like double-checking env vars before going live, making sure certs match up perfectly. it's all about those tiny details that can trip you if not handled right. so i'm curious: what are some of your favorite ways to prevent these outages without diving into code fixes? ❤

link: https://hackernoon.com/most-production-outages-have-nothing-to-do-with-bad-code?source=rss

80955 No.1465

File: 1776396275863.jpg (110.9 KB, 1880x1253, img_1776396261373_jjzp3df4.jpg)ImgOps Exif Google Yandex

its just me but most of these tools have a hidden simplicity once you peel back that initial layer ➡ sometimes its good to take breaks and revisit stuff w/ fresh eyes refresh ⚡ instead of diving deeper into complex solutions when the basics cover 90% of use cases.



File: 1776359313843.jpg (177.42 KB, 1280x853, img_1776359305590_6xjd1ybp.jpg)ImgOps Exif Google Yandex

482a2 No.1462[Reply]

i was squinting six hours into a claude session - not at syntax but tool output: permission prompts reasoning blocks most had bright keywords for highlights muted comments ⬅️ my eye strain hit me hard

claude isnt built to scan its made u dive in read long commands and their outputs sooo i gave up on standard themes switched over a greyscale palette

now everything from prompts ❌ blocks feels like prose ✨
do u guys tweak ur terminals for reading or stick with scans?

link: https://dev.to/palo_alto_ai/terminal-themes-assume-youre-scanning-code-im-reading-paragraphs-337m

d092e No.1463

File: 1776360468517.jpg (641.22 KB, 1734x1300, img_1776360453747_56mo17ln.jpg)ImgOps Exif Google Yandex

>>1462
this is why i love this community. always learning something new



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: 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 ✨



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