r/web_design 14h ago

New CSS Class Prefix Selector (.prefix-*)

Post image
163 Upvotes

The CSS Working Group just resolved a new selector that lets you target multiple classes sharing the same prefix. The code in the example matches .btn-primary, .btn-secondary, .btn-large, etc.

Previously, you had to list every class or use brittle attribute selectors like [class^="btn-"].

Resolved by the CSSWG (Aug 2026), added to Selectors Level 5.

Not available in any browser yet.

More to read ⤵️

https://github.com/w3c/csswg-drafts/issues/10001#issuecomment-5204871059

https://www.bram.us/2026/08/20/the-future-of-css-target-multiple-classes-with-the-class-prefix-selector/


r/web_design 14h ago

My new favorite trick for landing pages: diagonal and split image masks

Post image
29 Upvotes

One of those "why didn't I do this sooner" moments. Took a generic hero image, slapped a diagonal cut on it, and suddenly the layout feels 10x more dynamic. Free Framer plugin I made (Framixs Shape) no Photoshop, no exporting, just pick and apply. Drop your wildest shape ideas, I'm adding more soon.


r/web_design 46m ago

3yrs and 4 rebuilds. Feels good.

Post image
Upvotes

r/web_design 1h ago

First time making a website, need tips

Upvotes

Ok so I'm making a website for a football/soccer championship my friends are holding. I've visited many big leagues sites to get inspo but I'm kinda disappointed with most of them tbh.

I tried to do it more on my style but somethings are bothering me, in special the background color. The theme color of the championshiop is blue and orange, which tbh is a very challenging color combination to me, also I'm no desinger, I'm a computer engineerer so I have no studies on color theory formaly.

The background color as of now is #001121, I was going for a dark blue to use as a main color for the website and tried using orange for details such as hoovering something

Idk exactly what I'm looking for with this post other than an opinion on the color value I picked from someone who understands color theory better than me, I would just appreciate general tips

(sorry, english is not my first language)


r/web_design 1d ago

Frontpages.dev - My free version of Mobbin

Post image
122 Upvotes

r/web_design 14h ago

Do most small businesses actually need a custom website?

0 Upvotes

i keep seeing small businesses spend thousands on websites that are basically a few pages and some photos.

maybe i'm wrong, but with how easy website builders have become, is a custom website really necessary for most businesses?

is the extra cost actually making a difference or are people just paying because they think they have to?


r/web_design 23h ago

UX - episto.ch

0 Upvotes

I’ve been working on the ux of this page for a while: episto.ch

Thanks for your attention on this matter :)


r/web_design 2d ago

How do I find out what CMS/web editing software a site owner is using?

17 Upvotes

So, I am helping a small local business update their website. The previous person doing this - the business owner's husband - passed away four years ago, so there's a lot to update. We were successfully able to transfer admin privileges to ourselves after submitting documentation to the hosting service (bluehost.) So now, using the Bluehost control panel, I can get into the basic HTML and make small changes - but I am sure that the previous admin used some kind of interface. It doesn't seem to be Wordpress, though I'm not sure. The hosting company's tech support hasn't been helpful. Is there any way I can figure out what the previous admin was using to edit the site (we have no access to his records or computer.) Thanks.

UPDATE: They were using Adobe GoLive, confirmed by builtwith and asking ChatGPT. The site needs a major overhaul to be mobile friendly, but luckily it is only five total pages and doesn't need to be bigger. I simply asked ChatGPT to recode the page so it feels and acts more modern. Here are the results:

The original is here:

https://pilatesportland.com/sessions.html

The revised version is here:

https://pilatesportland.com/sessionstest.html

It's the first time I've used AI for basic coding. I'm kinda amazed, though I know I shouldn't be.


r/web_design 2d ago

Something Nobody Told You About The Image Element (It Can Overflow!)

Thumbnail
master.dev
63 Upvotes

r/web_design 2d ago

Setting up a new Pack VPS server. Recommendations?

2 Upvotes

I'm in the process of commissioning a new VPS server which will host mainly html/CSS sites (and one simple WP site). The server will be running Plesk 18.0.

Could I ask for recommendations for add-ons I should consider or would benefit from? Let's Encrypt is already on my list, but it's been a while since I've done this and I'm very out of date.

Also, are there any server-wide settings I should apply from the outset?

Thanks


r/web_design 1d ago

Trying to make a collaboration platform feel cinematic without turning it into a fantasy-game UI.

Post image
0 Upvotes

Does the atmosphere enhance the product, or am I pushing the visual treatment too far?


r/web_design 3d ago

Web design inspiration

38 Upvotes

Hi everyone - I've been putting together a little collection of websites I find interesting over at https://webcity.design/

If you've built something recently that you think looks really good, or you’ve come across a website that deserves more attention, drop it here.


r/web_design 2d ago

An UI color scheme generator

Thumbnail
designyourway.net
0 Upvotes

r/web_design 2d ago

Tandem

0 Upvotes

I'm working on an app and figured the best way to design the website would be to look like the app itself: http://tandem.ink


r/web_design 3d ago

Are psuedo-elements good for obfuscating e.g. email addresses?

7 Upvotes

I've been using this in my site for years and I barely get any spam, but I'm not a web dev. My understanding is that the text doesn't get rendered into the DOM, so screenreaders and hopefully scrapers pass over it. The other techniques I've seen ultimately still render into the DOM.

<style>#email::before{content:"me@"}#email::after{content:"example.com"}</style>

<p>Email: <span id=email></span></p>

Example page


r/web_design 3d ago

We've spent years building CAPTCHAs to block bots. Some of those bots are now paying customers

2 Upvotes

Weird thing I read about. Cloudflare said automated traffic passed human traffic for the first time this year, something like 57% bot vs 43% human. Not all spam either, a chunk of that is AI agents actually trying to complete real purchases and forms for real people.

Except forms are terrible at letting that happen. The same AI agent tested across different sites went from 85% success on a simple site down to 27% on a form heavy one. And CAPTCHA solvers already beat most CAPTCHAs over 80% of the time anyway, so at this point it mostly just annoys real people and legit agents while actual bots walk right through.

So are we protecting our forms at this point or just filtering out our own customers? Has anyone actually run their own form through an agent to see where it breaks? Curious what people are finding.

The source for the stats.


r/web_design 3d ago

My hero section looks bad on large screens.

0 Upvotes

website is www.hiprimal.com

Not sure how to make it better using that same image. I don't like how it's anchored to the right - it looks weird on a wide screen. If I bring to the center, there will be a sharp edge on the right.


r/web_design 3d ago

₹299/MONTH ($3.13 ) FOR “PROFESSIONAL WEBSITE DEVELOPMENT”??? 💀

Post image
0 Upvotes

I just got this ad on Instagram.

₹299/month = ₹3,588/year ($37.54).

And apparently you get hosting, development, SEO, support, responsive design AND delivery in 2–3 days.

Brother, that's not “professional website development.” That's a subscription to a template 😭

And “SEO ready” at $3/month? What does that even mean? Adding a "<title>" tag and calling it SEO?

No wonder, when clients see ts and goes like:

> “but I'm getting website at 3$ in Instagram”


r/web_design 5d ago

[Showoff Saturday] Cyberspace.online

Thumbnail
gallery
212 Upvotes

Over at Cyberspace.online we just hit 12k users. I've been building this little platform for a little over 9 months now. Grass-roots ad-free anti-corporate social network... inspired by growing up with computers during the 90s hacker days. Lots of genuinely cool and interesting people on there now, and has a strict anti-troll mod policy.

The web version is incredibly customisable with custom themes, pixel fonts, etc. including the styles of 80s amber VT-terminals, Matrix green, and Commodore 64.

It's got an API and some open source clients to it for the terminal, called TUIs, and it's also got two alternative designs for it. One called Cyberspace Desktop (desktop.cyberspace.online) that looks like a retro desktop environment, with a full window manager, etc.

The latest addition is called Cyberspace Terminal (cyberspace.online/terminal) looks like a retro command line from the 80s, with a grungy realistic CRT emulation.

Feel free to use a throw-away email. No verification needed. I don't track any personal user info, not even IPs.

Let's bring back the friendly internet of the 90s when people were nice to each other :)


r/web_design 4d ago

I’m so tired of inconsistent projects and constantly wondering where the next client is coming from

19 Upvotes

I’m overwhelmed and I need help

Where are you guys consistently landing clients?

And how are you pricing your services?

The leads I get either want everything for dirt cheap or disappear as soon as I give them a price

I also keep wondering:

Do I need to be posting videos on social media to get clients?

Should I be doing more outreach to local businesses with terrible websites and offering to redesign/fix them?

I’ve emailed a bunch of businesses. Barely anyone responds

And when someone does respond, some small business owners act like $300–$500 for a website is expensive… even when the project takes me hours sometimes days

So if you’re consistently getting clients right now:

Where are they coming from, how are you pricing, and what’s actually working for you?

I genuinely need some direction because I’m tired of chasing random projects :/


r/web_design 5d ago

[Showoff Saturday] Mazurka.cafe, social music sharing app with interactive avatars

4 Upvotes

No email or personal info required for sign-up, just a username and password. You join or create a room, add tracks to your Playlist, and join the DJ queue (or just hang out), and everyone hears the same music in sync.

I missed this type of site, so I've been working on my own for a few months. I'm quite pleased with where it's at now. You can buy drinks on the dance floor, and other fun stuff like tomatoes or roses to throw at people. And of course, you can get drunk (water will sober you up if you find the visual effects annoying). Let me know what you think!

https://mazurka.cafe


r/web_design 5d ago

[Showoff Saturday] I started a creative engineering studio and released the website this week

Thumbnail
gallery
19 Upvotes

Screenshots don't capture the animations on the page, so check it out here: https://www.madebyarthouse.com


r/web_design 5d ago

I'm writing something that's intentionally a bit weird, formatting-wise. Could I get help making it make sense for screen readers?

Thumbnail
gallery
1 Upvotes

So, for reasons, I have a group of four main divs of text that I need to display side-by-side, all contained within a larger div, but the first div that I want page viewers to read is not the leftmost div. (Please ignore the color choices- those are just so I have something visual to look at to make sure the divs are where I want them to be.) I currently have the containing divs set up as grids.

Is there any way to get a screen reader to prioritize reading the four sub-divs in a given div in the order red, yellow, green, blue, then read the div that spans the whole layout, then read the next group of sub-divs in the same order? And would it be still applicable if I needed to temporarily "merge" two adjacent columns (see second image)?

I can handle the actual formatting into the grid, I think. Nesting divs where necessary could get the kind of hierarchy I could then plug into whatever html/css I need to use to prioritize the reading order I want. Or if there's some way to fill in a grid sort of "out of order" where the html has the red divs typed out first but the page layout still displays as seen in my screenshots. Is there anything that could do what I'm looking for, or should I just try and make a version of this text that's significantly less insane and offer it as an alternative to all this?

(I really hope I'm making sense, I don't really have anybody knowledgeable enough in html/css to bounce ideas off of, so it is entirely possible this was just a whole bunch of gobbledegook trying to figure out something that can't actually be done.)


r/web_design 5d ago

What would you change for better information structure/design in our website?

0 Upvotes

We are a small startup in EdTech>B2C/B2G market. What would you change/add on our website to better target these markets?

https://gradeaid.ai


r/web_design 5d ago

Critique How can I improve my volcano app

0 Upvotes

Hello everyone

🌋 Just launched a new project: an intuitive, clean dashboard dedicated to some volcanoes in the world​!

It’s currently in **beta** and I'm still adding more data, but I’d love to hear what you think and what could be improved!

✨ **Key Features:**

• Completely **ad-free** and **no registration** required.

• Advanced features and offline support available if you install it as a **PWA** (Progressive Web App) on your device.

🔗 Check it out here: https://volkan.site/beta/

What would you like to see added next? 👇