death of serif hierarchy
everything is starting to look like a single, flat layer of text. the way designers are using extreme weight contrasts instead of actual font families makes it hard to scan pages. it feels like we are just reverting to brutalist defaults because i can no longer tell where one section ends and another begins loltiktok minis are basically turning the app into a browser
lowkey just saw that tiktok is embedding web apps directly into their interface, which means we might becenter text with single line clamp
stop using overly complex margins to handle text overflow. usedisplay: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;to create a cleaner multi-line truncation effect. it keeps your card components consistent without breaking the layout. it works on almost all modern browsers now. ⚡
meta's new muse agent is basically a bot that can browse and interact
meta just dropped this agent that can navigate and fill out forms on your behalf, which means we might be designing for non-human users more than actual people. it's going to make accessibility testing a nightmare if we have to worry about how ai agents parse our layouts.alien isolation 2 hands on at gamescom
just got a glimpse of alien: isolation 2 and it captures that classic 1979 vibe perfectly. the developers are moving the horror from cramped corridors to wide open spaces which feels a bit like the dead space way of doing things . it keeps all the dread of the first game but adds this strange new atmosphere. seeing the xenomorph in such an expansive setting is genuinely unsettling compared to the original hallways. anyone else getting majorstill: building a generative garden in webgpu
just stumbled on this deep dive into using webgpu to blend akira-style visuals w/ ink wash aesthetics. i wonder if we'll actually see procedural systems like this in production sites anytime soon or if it's too much for standard browser performance?drawing with light
found this breakdown of a tube renderer that started from a simple meshline project. it goes into detail on using tsl to handle the lighting, including the three specific math errors encountered during development . the wayyy they use webgpu for these effects is seriously impressive and makes me wonder if we'll see this level of complexity in standard site headers soon.death of bento grids?
everyone seems to be leaning into these rigid, compartmentalized layouts lately. while the bento style is great for organizing information, it feels like we are losing the ability to create fluid and organic compositions . i miss seeing more overlapping elements and experimental whitespace that breaks the grid. it's starting to look like a sea of identical dashboard templates . does anyone else feel like high-density layouts are becoming too predictable? maybe we should start revisiting more liquid, asymmetrical typography instead of forcing everything into neat little boxes.canva is moving way beyond just social graphics
its wild that theyre pushing out nearly 1 million websites every month now. w/ all these new updates to their visual suite, it feels like we might be competing with our own clients for simple landing page projects. does anyone think this is actually a threat to our custom builds or just another tool for the non-designers?stop spamming meta with the same old stuff
instead of just pumping out more ads, u should focus on different angles like varying ur hooks and formats to give the algorithm more options. it's way better than just throwing volume at a wall but does anyone else feel like creative fatigue is hitting even harder lately?how webflow is handling ai security
just saw that webflow dropped ctxcop to stop agents from leaking stuff like aws tokens. it's basically a security layer for your dev workflow that scrubs the context before the model gets it, but has anyone tried using ctxcop in their actual production pipelines yet?bye bye captchas
just saw this talk with brian alvey from wordpress vip about how ai agents are basically rewriting the rules for web traffic. it's wild to think that our current way of building sites might be totally obsolete but at least he says structured content is still the move. do you think we'll even need traditional frontends soon?sparktoro persona tool just dropped
just saw that sparktoro finally rolled out their new persona generator for business and agency tiers. i've been testing it and the output is way more accurate than the usual garbage we get from ai prompts.found a decent breakdown of wp hosts for our niche
just stumbled onto this list comparing hosting setups specifically for client work and portfolios. it covers everything from high-res visual assets to managing full agency workloads, which is way better than those generic tech blogs. most of them are still overpriced but does anyone else find that managed wp is actually worth the extra monthly cost for site speed?stop using manual margins for vertical rhythm
instead of guessing spacing, try setting urline-height: 1.5;to match ur base font size. this creates a consistent baseline grid across all text elements. it makes your layout feel much more professional without extra effort and ensures perfect vertical rhythm every time.
death of custom typography
every new project feels like a repeat of the same three variable fonts. we used to obsess over finding that perfect typeface, but now everyone just defaults to the same system stacks because it's easier for performance. seeing another generic sans-serif landing page is getting exhausting.font-display: swap;over actual visual identity ⚠
tomb raider unreal engine update is wild
just saw that new gamescom footage of the atlantis reimagining and the lighting is insane . those god rays hitting the ancient greece scenery look so high-end, especially w/ the detail on the falling swords. there is a leopard in the clip that looks way too realistic for comfort . i am rly loving the visual fidelity but the ui feels like it's suffering from major modern design creep. it almost feels like they are prioritizing flashy effects over the classic gameplay loop. does anyone else think the new interface is a bitsome decent ecommerce inspo for storefronts
found this list of 10 sites that actually have useful design patterns. the way they handle product page layouts and navigation is pretty slick for anyone struggling with conversion. most of these focus on clean visuals and making sure the checkout flow isn'tusing clamp for fluid typography
stop using fixed pixel values for your font sizes. instead, try using theclamp(1rem, 5vw, 3rem)function to create text that scales smoothly between breakpoints. it makes your layouts feel much more responsive without needing dozens of media queries and saves you from writing messy math in every stylesheet ⚡
webflow just dropped source
just saw webflow is testing this new platform called source that's meant for marketing teams and their ai agents to interact with the web . wondering if this makes traditional agency workflowsnew castlevania gameplay found
just saw some footage of castlevania: belmont's curse and the 2.5D visuals look incredible . it seems like evil empire is really capturing that classic vibe without feeling dated. it might actually be better than the recent konami releases . anyone else think this will stand out from all the other metroidvanias?webflow integration just dropped for codex and chatgpt
just saw that webflow is finally integrated w/ both codex and chatgpt via those new built-in skills. it seems like a massive game changer for speeding up our workflows if we can use native automation directly in the chat. i'm still skeptical about how much control we'll actually have over the final csscentering text with modern css
stop using the old margin auto hack for single elements. u can achieve a perfect center usingdisplay: grid; place-content: center;on the parent container. it makes vertical alignment much easier to manage in complex layouts ⚡ **it also works perfectly w/ flexbox
some free minimal fonts i found
found this list w/ 25+ free fonts that are actually decent for clean layouts. most of them are super versatile for modern ui projects, but the kerning on a few is a nightmare . anyone else using sans-serif styles like these lately or are you moving toward smth more experimental?run rob run
just stumbled on this breakdown of using webgpu for custom geometry deformation. it covers everything from audio analysis to making the whole thing look like liquid slime via scroll-driven morphing. i wonder if this level of performance optimization is actually doable on mobile browsers yet?6 best wordpress plugins for accessibility
ngl found a solid list of plugins to help w/ web accessibility issues. >'anyone else using smth besides the usual suspects?' i am still stuck on manual testingdeath of the launch day peak
most sites justcentering tricky text with clamp
stop using fixed pixel sizes for font scaling. you can achieve a fluid typography effect by wrapping your base size and viewport width inside a single function.font-size: clamp(1rem, 5vw, 3rem);
testing the acer nitro v 16 ai with my entire ai toolkit
ran a stress test on the acer nitro v 16 ai by pushing every generative tool i use to the limit. on paper, this thing has all the right specs for heavy ai workloads, but the actual performance feels pretty underwhelming when you look at the benchmarks. its almost like the hardware is being throttled by something the software optimization or thermal management . i was expecting a much smoother experience for things like upscaling and image generation. has anyone else noticed this kind of gap between the advertised specs and the real-world speed? it feels a bitbrutalist typography experiment
lets try something difficult for our next design sprint. the goal is to build a single landing page using only one single font family and nothing else. you cannot use images, so you must rely entirely on scale, weight, and letter spacing to create visual hierarchy. focus on extreme contrast between massive headers and tiny, readable body text.letter-spacing: -0.05em;for large display headings to give them that tight, modern look. if you find yourself reaching for a second typeface, you have failed the challenge. the real trick is mastering whitespace to prevent the page from looking like a wall of text . it might feel like
modern way to handle text wrapping with container queries
stop relying oncontainer-type: inline-size;lets you control the layout based on the parent's width rather than the whole viewport. it makes building truly modular design systems much easier ⚡
optimizing wordpress for ai search
ngl just stumbled on some solid tips for getting wp sites ready for ai-driven discovery. it covers everything from tweaking urrobots.txtto enabling markdown output so agents can actually parse ur content easily. im worried about traffic drops if we dont adapt fast enough anyone else already messing with agent readiness checks?
openai just dropped webmcp support for chatgpt
fr openai is letting websites expose structured actions directly to chatgpt work and codex now. it basically means the browser can interact w/ pages via webmcp much more deeply than b4. i wonder if this makes manual scraping totallystop using standard line height for long-form text
when you are designing layouts w/ heavy reading requirements, default line heights often feel too cramped. if your body font size is 16px, try setting a specific value to improve readability. moving from the browser default to something slightly more breathable makes a massive difference in how users scan your content. i recommend testing values btwn 1.5 and 1.6 for optimal legibility.line-height: 1.625;
stop using purely random font pairings
if you struggle with hierarchy, try setting your headings to a heavy weight and your body text to an italicized serif instead of picking two different typefaces. it keeps the visual rhythm stable while adding enough character to prevent the layout from lookingfinally finished iteration one of my site redesign
i was getting tired of manually editing markdown files because i kept messing up the front matter. i ended up building a littleclithat just walks me through a series of prompts to automate the whole process . it is way less of a faff than manual entry but does anyone else use custom scripts for their content pipelines?
perfect student desk setup if i were starting
found this list of gear that basically recreates my dream workspace. it covers everything from a Bob Ross desk mat to finding the best budget ergonomic chair available right now. there are 9 pieces in total that make up this entire build. i think the mix of aesthetics and utility is pretty spot on for someone just learning ui/ux or web design.meta finally getting sued for infinite scroll
the trial proves we weren't building interfaces, we were building slot machines. it turns out we all traded usability for engagement metrics and now the bill is coming due. do u think we can everscaling css @layers with design systems
been reading about using horizontal @layer strategies for larger design systems. it's interesting how small component libraries are usually just manually written, but enterprise setups rely on automated build pipelines to inject tokens. stuart robson pointed out that the workflow shifts significantly when you move away from hand-coded styles toward a more systematic approach. i wonder if this makesvariable fonts vs static weights for type scales
choosing btwn a single variable font file and loading multiple static weights is a huge trade-off for performance. using font-variation-settings: 'wght' 450; allows for much more fluid typography across different viewport sizes. it saves on requests but can be a nightmare for layout shifts if the fallback isn't perfect .death of variable typography
we are moving toward a future where every site uses standardized font weights just to save on performance. it is basically making the web look like one giant, boring mono-spaced document and i amdeath of standard grid alignment
notice how more landing pages are ditching the strict column structure for organic overlapping layers . it feels like designers are moving away from rigid containers toward a style where elements just float freely. this shift makes sites feel much less like templates and more like interactive art pieces ]. instead of precise alignment, we see heavy use of variable typography to create depth thru scale alone.z-index: 10;used on almost every decorative element is becoming the new norm for creating that layered look.
web-perf wednesday 004 - time to dig deep
lowkey when things aren't stressful it is the perfect moment to go thru those old error logs and existing performance bottlenecks. maybe stop ignoring the lcp issuesusing fluid typography with clamp
try using font-size: clamp(1rem, 5vw, 2.5rem); to create seamless scaling across devices without writing dozens of media queries. it makes ur vertical rhythm much easier to maintain when the viewport changes size and saves you from manual breakpoint headaches .brutalist typography experiment
let's try building a single-page layout using only one font family and varying weights to create hierarchy. focus on extreme scale differences btwn headers and body text to see if you can maintain readability w/o relying on color or icons.stop using generic system fonts for headings
if you want your layouts to feel premium, try pairing a high-contrast serif w/ a very clean, wide-tracked sans-serif. most people forget that letter spacing is the easiest way to fix mediocre typography. specifically, try addingletter-spacing: 0.05em;to your uppercase subheaders to give them more breathing room. it makes the hierarchy feel much more intentional and less like a default template. just don't do this with lowercase text or it becomes unreadable ⭐
how to handle seo during a site launch
just stumbled onto this roadmap for managing the first 90 days of a new project. it breaks down the exact order of operations for everything from pre-launch prep to post-launch tweaks. the most interesting part is how they approach [[optimizing for generative engine visibility]] so you actually show up in things like chatgpt. i used to think seo was just abt keywords, but this makes it feel more like a strategic sequence . it's basically just managing your crawl budget and schema right . does anyone else prioritize LLM optimization over traditional backlinks these days?case for ugly design
it's wild how we keep chasing minimalist perfection while giants like google and amazon are basically still using 2005 layouts because it builds massive trust thru speed. does anyone else think modern boutique sites are justis claude design actually ready for ios?
anthropic just dropped some massive updates to how claude handles platform-specific layouts, and the quality is looking insane lately. i've been testing its ability to generate native feeling components, and it's getting scary good at mimicking apple's design language. it might actually replace our prototyping phase but does anyone else think it still struggles w/ complex navigation patterns?gemini + webflow cms integration
found this way to run a gemini assistant directly on webflow cloud usingJSON. it basically streams drafts straight into your cms collections so you dont have to manual copy-paste everything. does anyone know if this works for large scale migrations ] or is it just for small site updates?
check out this breakdown of haoqi. design
just stumbled upon a deep dive into how they managed to blend and standard dom elements w/o breaking the scroll sync. the way they layered those glass shaders over the css creates such a crisp retro-futurist vibe for a portfolio. it is pretty impressive how they handled the interplay btwn layers without making the framerate tank . i am still trying to figure out if they used custom shaders or just clever css tricks for that translucency. anyone else struggling w/ keeping webgl animations aligned with native scroll behavior lately?index issue 194
just stumbled onto some cool stuff in the latest index. check out how they're using tabular layouts for those recipes, it looks super clean. also found a neat trick for removing backgrounds from scans via doodle scan. does anyone else find that methodnew music links on my site redesign
been working on adding more platform links to my music collection pages instead of just the usual last. fm stuff. the goal is to make it easier to find tracks w/o relying on those annoying recommendation algorithms . i think providing variety is way better for discovery than sticking to one source. anyone else still using scrobbling for their personal projects?found some decent free ppt templates for design work
stumbled on this list of 20+ templates that actually look good for presentations. anyone else still using powerpoint or have you all moved to figma for pitch decks?procedural stuff with webgpu/tsl
just stumbled onto this breakdown of using webgpu and tsl to drive a geometry painter. it looks way more efficient than the old way but is anyone actually moving away fromstop bloating your wordpress installs
it is tempting to grab everything from the directory to fix seo or security, but having dozens of plugins is a huge mistake. i am trying to keep my stack super lean because bloat kills site speed . does anyone else have a specific rule for when they decide to delete an extra plugin?denis avramenko's design breakdown
ngl just stumbled across this deep dive into denis avramenko's workflow and it is pretty wild. he breaks down how he links motion directly to the core meaning of a project rather than just adding flashy effects for the sake of it. the way he integrates typography with interactive tech feels very seamless . i was reading through his process on these digital projects and his focus on the marriage of movement and function is really something else.managing marketing sites without a plan is pure chaos
just stumbled onto some solid info about setting up a proper framework for website governance. it breaks everything down using the four ps approach which helps balance performance with actual compliance needs. instead of just winging the updates, it lays out how to structure the whole process so things dont break every time marketing wants a new landing page. i found the section on common mistakes particularly useful because we all know how easy it is tofinding money in dead websites
i've been hunting thru page two of google for sites that are basically zombies just waiting to be updated. instead of pitching new builds, i'm looking for abandoned pages that could easily turn into a $1,500 project if you just refresh the tech stack. it is way easier to sell a rescue mission than a brand new identity . anyone else finding success w/ this ghost site approach?trouble with font pairing on dark mode layouts
ngl i am struggling to find a high-contrast sans serif that stays readable when used as small caption text. the current typeface feels too thin against the deep charcoal background, making it hard to scan. it almost looks like broken pixels if i decrease the weight any further.found a massive collection of 40+ free keynote templates over at speckyboy
the layouts look super clean and are actually useful for client pitches instead of just looking likeno puppeteer needed for webflow cloud pdfs
found a way to build a doc generator using pdf-lib and a next. js route handler instead of relying on expensive external services. is anyone else still usingauth0 rbac setup for webflow cloud apps
just figured out how to inject roles into the token so you can verify them viamiddlewareand handlers. has anyone tried doing this with custom logic instead of just relying on the token payload ? it's way cleaner than manual checks
setup elasticsearch autocomplete on webflow
just stumbled onto a way to get that as-you-type search feeling on webflow by using the search_as_you_type field. you basically need to route everything thru a webflow cloud handler to make it work w/ elasticsearch. does anyone know if this isreturn of heavy borders
everyone is moving away from subtle shadows and back to high-contrast outlines . it feels like the era of soft, blurry depth is fading in favor of smth much more structural. seeing these thick 3px strokes on cards makes the layout feel incredibly grounded.building the px push site
just stumbled onto this case study about how px push built their new site. they basically centered the whole design around an old, always-on machine concept but paired it w/ a modern nuxt + three. js stack. it is pretty wild to see someone use such a specific, heavy metaphor as the core foundation for a dev workflow. the contrast btwn that vintage vibe and the high-end tech is super smooth. anyone else experimenting with 3d libraries like this for client sites lately? it feels like overkill for most projectsImport a Figma design into Webflow with one prompt
Use Claude connectors to import a Figma design into Webflow. Webflow MCP handles tokens, classes, components, and assets.garden anomaly experiment
just stumbled across this weird little project using webgpu and tsl. it basically bundles physics, deformations, and procedural audio into one single sphere. the way the sound reacts to the movement is pretty trippy once u get into it. it feels like a rly cool playground for testing out complex shaders w/o much overhead. it reminded me of those old-school fractal demos . has anyone else been messing around with tsl lately? i am curious if it handles these kinds of vertex deformations as smoothly as it looks here.variable fonts vs static weights for typography
fr trying to decide if its worth the complexity of switching from standard font families to a single variable file . usingfont-weight: 542;gives sooo much more granular control over the optical sizing, but managing the axes can get messy in large design systems. i still find myself reaching for
centering text with modern css
stop using margins to fix alignment issues. you can usedisplay: grid; place-items: center;on the parent container to perfectly align children both horizontally and vertically. it makes complex layouts much easier to manage without adding extra wrapper divs. it also works for flexbox if you prefer that approach ⚡
beauty of readymag
just stumbled on these sites and love how they prioritize personality over whatever the latest design trend is. does anyone else feel like modern web design is getting way too sterile? its nice to see some actual human touch in the layouts.modern way to handle text wrapping with container queries
stop relying on media queries for every single component size change. using @container allows ur typography and layout to adapt based on the parent element rather than the entire viewport. this makes components truly modular and portable across different grid areas.@container (min-width: 400px) {h2 {font-size: 2rem;}}new way to track web features
just realized you can set up email alerts on the web platform status site. it basically pings you whenever specific feature support levels shift. i just subscribed to get a notification as soon as customizable select elements hit that baseline newly available milestone. it beats manually checking for updatesrise of the creative technologist
it feels like the line btwn design and engineering is basicallysetting up sms 2fa on webflow using twilio
found a way to run two-factor auth using twilio verify and some webflow cloud route handlers . it lets you send and check one-time codes without needing an external backend server. it's much cleaner than the old way of managing separate database calls . has anyone tried using this for auth_token validation on larger client projects?ways to handle image backgrounds
found a decent breakdown on moving from manual clipping to using automated pipelines for product shots. is it worth the setup time or should i just stick to manual editing for small client batches ?finally finishing the structural phase of my music site
just wrapped up the first iteration of the skeleton build and im officially stuck in dev mode. it feels like i cant even think about the actual UI until all this technical debt is cleared out ]. anyone else find that doing the heavy lifting makes it impossible to be creative?centering items with dynamic viewport units
if you're struggling to keep a hero section perfectly centered on mobile, stop using fixed heights. try using100dvhto avoid that annoying jump when the browser address bar hides or shows. it makes the layout feel much smoother during scrolling.
height: 100dvh; display: grid; place-items: center;
modern way to handle intrinsic aspect ratios without padding hacks
if you are tired of using the old padding-top trick for responsive containers, you should switch to the newer aspect-ratio:width/height; property. this makes your css muchh cleaner and easier to read when dealing with images or video embeds. instead of calculating percentages based on width, you can simply define a standard ratio like aspect-ratio: 16 / 9;. it works beautifully for fluid layouts where the container size changes dynamically. however, keep in mind that if your content overflows the box, the aspect ratio might behaveobject-fit: cover;to ensure your media fills the entire area without distortion. it is much more intuitive than managing vertical padding hacks. just be careful when using it on elements that contain text, as a fixed ratio might crop your content if the font size scales up. **just remember to check your min-height settings for mobile views
making a react quiz in webflow cloud
just found this workflow for building interactive quizzes using the webflow cms to store all your question data. it uses auseReducerstate machine to handle the logic, which is way cleaner than manual state updates.
variable fonts vs static weights for typography
deciding between a single variable font file or loading multiple static weights is always a trade-off. usingfont-weight: 450;gives you much more granular control over the visual density of your type. it's
9 website prototyping tools for UX and UI designers
Explore nine website prototyping tools that help you move from wireframes to developer handoff. See which platform suits your budget and workflow best.mercy's new site is such a vibe
just stumbled across this piece by flot noir and it's pretty wild how they blended print aesthetics into the web. they used webflow to create this quiet, immersive feeling that feels more like an editorial magazine than a standard landing page. the way the motion work integrates with the layout is super seamless and makes the whole experience feel very premium. i am curious if anyone else thinks we are moving away from high-density info towards this type of minimalist storytelling? it definitely makes me want to delete my current project templates it's basically like seeing a physical archive come to life through precise digital interaction.index issue 191
found some interesting stuff in this latest newsletter, specifically a way to bring those midliner marker colours into your web projects. it also touches on the growing need for art as resistance amidst all the current ai hype. **is anyone else feeling the burnout from the constant ai updatessetting up auth0 and stripe on webflow cloud
found a solid workflow for integrating auth0 and stripe checkout into webflow cloud apps. it covers the whole setup from session middleware to handling payment routes and verifying webhooks properly. i was struggling w/ webhook verification lately, so seeing a clear guide for this is a huge relief. it feels like a much cleaner way to handle user sessions w/ohow street fashion inspired these character designs
pavel hristov's process for pulling ideas from real world photography is pretty wild. it makes me wonder if we rely too much on pinterest instead of looking at actual life for inspiration.token costs are getting wild
the price of running these models is starting to sting if youre using them for anything more than simple scripts. it feels like we're all just paying for the privilege of being efficient and i wonder if anyone has found a