/wd/ - Web Design

i stumbled upon this awesome collection of websites that embrace raw and unpolished aesthetics. they prioritize big fonts and bold layouts ⚡ over fancy polish, kind of like when you're in high school but skip doing your makeup .


- the homepage for this fictional company is a perfect example. it uses massive typography and simple shapes to make its point.

i'm curious, have you come across any brutalist designs that blew your mind? share them if ya did!

link: https://webflowmarketingmain.com/blog/10-brutalist-websites

ive noticed a trend where designers are going overboard w/ fonts these days!
''Figma,Canva, even some CMS platforms now offer hundreds of font choices, making it easy to get carried away. But heres the thing: not all those fancy new typefaces actually add value.
>Just because you can use 10 different weights and styles doesn't mean your design needs them.
>
''Adobe Typekit s latest update added a whopping 256 fonts. Some designers are now using like, half of that just to make their designs look "more interesting."
i suggest sticking with the essentials:
- A primary font for body text
- One or two secondary options max
For headers and titles? Go wild. But keep your main content readable.
Less is more when it comes to fonts!

PWAs have been around for a while now but web components are taking things to another level!
Progressive web apps offer that sweet blend of offline support, push notifications and app-like performance. But they rely on complex service workers & manifest files.
Web Components take it further by allowing you to create reusable custom elements in a way thats fully encapsulated AND works everywhere (including older browsers). You can basically build your own mini frameworks!
heres what I love about web components:
- Custom Elements: Define new HTML tags like <my-button
> or <product-card>. Easy peasy.
> Custom elements are just functions that return a shadow DOM tree. It's almost magical.

class MyButton extends HTMLElement {connectedCallback() {this. attachShadow({mode: 'open'}). innerHTML = '<button>This is my button</button>';}}customElements. define('my-button',MyButton);

- Styling: Shadow DOM lets you style components without worrying about CSS conflicts.

<style>:host {background-color: red;}</style>

But there are downsides:
1) Not all browsers support it yet (although polyfills exist).
2) Still learning curve for developers.
Overall, web components bring a new level of modularity and encapsulation to the table. PWAs + Web Components =
What do you think? Are we heading towards an era where every site is built with custom elements?
> Let's build something amazing together!

Where do you see web design heading in the next few years? Lots of changes happening with aesthetic and curious about different perspectives.

flexibility in layouts is great but can get messy real fast!
if you're tired of dealing with justify-content hell (where items are either packed or space-betweened depending on the screen size) and want a cleaner approach, try this trick:

. flex-container {display: flex;}. item1 { order: -2; }. center-item { align-self: center! important; } // Centering without affecting others/'' Example usage ''/<div class="flex-container">Left<button onclick=">Centered Button ⬆️</button>

this setup allows you to control item positions precisely, making your layout more predictable. use `order` for reordering items and `. center-item { align-self: center! important; }` when an element needs special treatment.
experiment with these styles in real projects!

i was reading up some history of disruption through web designs it's like we're always at a crossroads. democratization is great but then comes this panic over job security and tool relevance ⚠️ the quality stuff goes down, new norms emerge. sounds familiar right?

scrolling social media or forums now just feels endless with these same anxieties circling - which tools to invest in whether design as we know it will survive what does "human" even mean here anymore ⭐

i wonder if anyone else is feeling this existential tech anxiety over ai? do you think there's a way for us humans and machines coexist, or are some roles truly at risk of automation? ❓

any thoughts on how to stay relevant in an ai-driven world would be super helpful!

article: https://uxdesign.cc/disruption-has-a-shape-design-history-shows-us-what-it-is-47c0aaa6bbbf?source=rss----138adf9c44c---4

if you're tired of fiddling with floats & flexbox for complex layouts,
try this grid trick to level up

grid-template-columns: repeat(auto-fit, minmax(20rem, 1fr));

this line is a game changer! it automatically adjusts your columns based on screen size and content width. perfect for those responsive grids!
use it like:

<div class="container">Item<!-- More items --><style>. container {display: grid;grid-template-columns: repeat(auto-fit, minmax(20rem,1fr));

it's simple yet powerful. just swap in your content and let it flow!
Bonus: combine with media queries for extra control.
>Adjust breakpoints as needed to fine-tune the layout
Keep those designs responsive & elegant.

For 2026 web designers, CSS Grid outshines. It offers greater control over complex layouts without breaking a sweat.
If youre still on fence about picking between Flexbox and Grid, lets dive into why everyone is switching to the latter.
First off - Flexibility (pun intended). While flexible box layout handles one-dimensional content like rows or columns with ease, it falls short when dealing complex grid structures.
Then theres responsiveness: Grid supports responsive design more elegantly through its row and column definitions which are easier for designers to visualize.
>Flexbox is great but.
>
>>it's a bit of an overkill sometimes
>>
>>>especially on projects where you need both rows AND columns efficiently managed

check out these cool tools! Ravasend is making waves with its advanced email delivery system. PolluSense monitors air quality in real-time, perfect for environmental awareness campaigns NullMail keeps things simple and secure what's your go-to tool this week?

found this here: https://hackernoon.com/hackernoon-projects-of-the-week-ravasend-pollusensweb-and-nullmail?source=rss

penned by someone who stumbled upon this case study in 2026 and thinks it's worth sharing.

check out how pell melle reimagines creative discovery through immersive scrolling, restrained interactions that feel like flipping pages of an elegantly designed magazine. their use of editor-inspired design elements really hits the spot! they also have a performance-conscious visual system to boot ⚡

what do you think about using editorial techniques in web designs? does it make browsing more engaging for ya?

more here: https://tympanus.net/codrops/2026/03/27/pell-mell-crafting-a-visual-exploration-platform-with-editorial-rhythm/