The modern web

21hr ⋅ ⋅

Visual hierarchy perfectly illustrated

3yr ⋅

⋅

Great article. Sums it up

1yr ⋅

⋅

This will be the dark theme toggle in my portfolio :)

2yr ⋅

⋅

CSS Tip: Blurring shadow

1yr ⋅

⋅

A clever photo showing how important hierarchy is

2yr ⋅

⋅

Thanks Economist, You Really Know What Has Gone Wrong with the Internet

4yr ⋅

⋅

I built a tool for finding all the fonts a website uses, it shows where the fonts are used and allows you to download them.

1yr ⋅

⋅

The new CSS aspect-ratio property

1yr ⋅

⋅

Incredible work by Kassandra Sanchez. Check out her work. https://codepen.io/kassandrasanch/pen/WNxJZyz

7mo ⋅

⋅

For you self-taughts and tinkerers. This.

2yr ⋅

⋅

Make text on images more readable using a gradient overlay

1yr ⋅

⋅

Funky buttons! Their clip-paths randomize on reload and hover/focus. (Code in comments)

11mo ⋅

⋅

Creating better looking and user friendly tables.

1yr ⋅

⋅

This is the most proud i have been in my life, i finally managed to make a clean looking website(im a backend kinda guy)

1yr ⋅

⋅

Finally made a dropdown I'm proud of!! And its tabbable :))

1yr ⋅

⋅

The 12 Principles of UX in Motion

3yr ⋅

⋅

Anyone have the same experience? 🙄

2mo ⋅

⋅

3D CSS + HTML Stress Test (100% CSS + HTML. No svg, no images, no data urls, no webgl, no javascript)

3yr ⋅

⋅

There are CSS properties I never heard of before! `caret-color`

1yr ⋅

⋅

TIL if you play Star Wars on Spotify, the music bar turns into a light saber. Excellent design Easter egg

5mo ⋅

⋅

I've been playing around with css animations for a login form. It's fun!

4yr ⋅

⋅

New style to add on your reset stylesheet! You'll never forget another ALT attribute on any image! Just a single line of CSS!

1yr ⋅

⋅

I wonder how ppl decide the exact percentage of the amount of passion they have

8mo ⋅

⋅

Do you know how the robots.txt (file) of Nike looks like?

1yr ⋅

⋅

How can I achieve something like this waves and shapes in css?

1mo ⋅

⋅

The Profile page I designed for my e-commerce website

1yr ⋅

⋅

Apple has released a new updated library of templates and design assets for free!

9mo ⋅

⋅

🔥 Native lazy loading is here!

1yr ⋅

⋅

What do you think about these twitter creators calling old Web designs ugly? I mean do they not realise that at that time, that was modern web design?

2mo ⋅

⋅

I'm an engineer learning how to design. Here's an open source personal portfolio website you can clone to show off your projects! All you need to do is add config.

5mo ⋅

⋅

CSS tip: Did you know that you can make any element resizable, just like `<textarea>`?

1yr ⋅

⋅

Peugeot's website shows a Peugeot 404 as the 404 error page

5yr ⋅

⋅

This drives me crazy! I hit create account every time because of its placement.

1yr ⋅

⋅

Does anyone know how this design was made? Any tutorials in XD or Figma on how to do it?

10mo ⋅

⋅

Free SVG Wave Generator

1yr ⋅

⋅

The website for Berkshire Hathaway, #6 on the Fortune 500. It’s beautiful.

2yr ⋅

⋅

Testing out this sloth input field

4yr ⋅

⋅

Beginners Essential CSS Cheat Sheet

4yr ⋅

⋅

If you are curious how to achieve background blur (glass look), here is the way by Apple: backdrop-filter: saturate(180%) blur(20px); background-color: rgba(255, 255, 255, 0.7);

2yr ⋅

⋅

I've been self-teaching Figma and digital design-y things, and I couldn't not do some digital art with my favorite picture of my dog Newton!

2yr ⋅

⋅

What is this kind of design called?

3wk ⋅

⋅

Been attempting to finally learn some CSS

2yr ⋅

⋅

National Geographic has a reading level selector on articles they’ve adapted for classroom use.

2yr ⋅

⋅

made something i think is cool with CSS (no functionality)

8mo ⋅

⋅

hue.tools – an open source toolbox for colors. Mix, blend, convert, modify or inspect colors.

7mo ⋅

⋅

My new portfolio uses CSS variables to enable different themes and moods on different pages. Made with Svelte which simplified this quite a bit!

1yr ⋅

⋅

Have you heard of the 'download' attribute on 'a' tags?

1yr ⋅

⋅

Layoutit Grid v2 is out! CSS Grid layouts generator and learning tool

1yr ⋅

⋅

My CSS only coding loading animation. Non-gif version in comments where it loops oh so nicely. Also github repo

4yr ⋅

⋅

Actually Useful

7yr ⋅

⋅

New favorite way to introduce a captcha

1yr ⋅

⋅

Been working on some satisfying loading spinners... even though hopefully most users will never see them!

1yr ⋅

⋅

The past 3 years I’ve worked on my design skills. I’m finally at a point were I can proudly publish my work. What do you guys think!

1yr ⋅

⋅

I've made this cat with only html and css, no images, No SVG

4mo ⋅

⋅

Working Hard on The Redesign of My Hobby Website

10mo ⋅

⋅

Easy to use 300 css loaders with source code copier

10mo ⋅

⋅

A chunk of CSS that applies pretty underlines to hyperlinks on your site. (Codepen and example attached)

2yr ⋅

⋅

Anyone else sorta miss websites that look like this?

1yr ⋅

⋅

https://kurzgesagt.org/

1yr ⋅

⋅

UI Design of Product Page | Display Card

1yr ⋅

⋅

HTML Email - Outlook - Responsiveness

4yr ⋅

⋅

This webpage has an easy to click continue without accepting cookies button. I really like this design choice as the consumer.

5mo ⋅

⋅

Where do people get the terminal mockups? I see this everywhere on Twitter, blogs but I can't find it anywhere.

1yr ⋅

⋅

🤓 TIL about the ping attribute on <a> tags

1yr ⋅

⋅

So I was looking for a business and checked out their contact page. Gave ma good laugh.

1yr ⋅

⋅

The layout design of my college web development project

2yr ⋅

⋅

What are these type of sliders called?

6mo ⋅

⋅

An Open-Source collection of MIT-licensed starter templates for the latest Bootstrap 5

1yr ⋅

⋅

When Web Designers Hit Back

3yr ⋅

⋅

Do any of you ever use &nbsp; between the last to words of a header to prevent widows? Or am I too much of a perfectionist? :P

1yr ⋅

⋅

Tabs component with animated highlight on hover

11mo ⋅

⋅

Batman in Vanilla CSS [Link in comment]

6mo ⋅

⋅

Member when all the buttons looked like this?

7mo ⋅

⋅

💡 CSS accessibility tip: hide a (background) video if Reduced Motion is set to 'reduce' and replace it with a fallback image.

1yr ⋅

⋅

Coded my face with CSS

7mo ⋅

⋅

My first project! I made a Synthesizer that allows you to synthesize sounds (FM synthesis), apply effects to your sound and play with the on-screen keyboard, your computer keyboard or your MIDI keyboard. I also included a sequencer. I used Tone.js, NexusUI, WEBMIDI.js and Sass. I call it the JSS-01.

4mo ⋅

⋅

Today was my 10th class - We did a little project and I’m proud of the website I did even though it doesn’t look that pretty! 😁

1yr ⋅

⋅

How would one find/make these types of 'wrinkly' ripped-like backgrounds like the ones used here?

1wk ⋅

⋅

Can we not do this?

5yr ⋅

⋅

My dream was to scroll through my favorite subreddits in full screen without awards, comments, black bars and other stuff. So I made my own Reddit “Client”. It supports images, gifs, videos, and Reddit’s search engine. I called it “Kind Stranger”.

1yr ⋅

⋅

Fully Responsive HTML5 Network Speed Test

1yr ⋅

⋅

The current web browsers are an abomination - final thoughts from 'Designing Web Usability' by Jakob Nielsen back in 2000.

1yr ⋅

⋅

Melancholy Corner: an online radio station that broadcasts vaporwave and lo-fi music and mimics the Windows 95/98 look and feel, CSS written from scratch

2yr ⋅

⋅

Oldbook.css - Historical styling with one file and no frills

7mo ⋅

⋅

How are images like this created?

1yr ⋅

⋅

Sent a guy a page with some Lorum Ipsum

5yr ⋅

⋅

Where can I find more photos like this? I generally want to view very simplified versions of website layouts, represented by squares.

3yr ⋅

⋅

Distro Icons, Can be used in html with <i> tag.

1yr ⋅

⋅

Usability Tips for Users on the Autistic Spectrum (sources at bottom)

3yr ⋅

⋅

I am not a designer, but this is a screenshot of a side project I am working on, what do you think?

1yr ⋅

⋅

Great reminder.

2yr ⋅

⋅

Interested in what the community thinks of this certificate for a web designer. Anyone taken it out there?

1yr ⋅

⋅

credit card check out page

3yr ⋅

⋅

I’m a developer who can’t draw a straight line. I had to step up on a project and assist in producing some design work. Is it a fail? Mock-up for a tiny mom and pop coffee shop. (Yes there are istock watermarks... just placeholders until approval for purchase).

1yr ⋅

⋅

another PURE CSS ART, no images No SVG

4mo ⋅

⋅

I created a portfolio website in pure HTML5/CSS/JS and dark mode. What do you think?

2yr ⋅

⋅

One of the cuter password security forms I've seen in a while (Privacy.com).

5yr ⋅

⋅

Here's my improved state selection drop down box. 110 million people in the first four options, THEN states in alphabetical order.

6mo ⋅

⋅

Pull-to-re-sloth, a fun twist on the pull-to-refresh interaction

4yr ⋅

⋅

I just made a wordpress plugin that does this

2yr ⋅

⋅

Sometimes you just need to target Safari in your CSS (either on desktop or mobile). Here's a small snippet that I use for that (link of the codepen in comments)

9mo ⋅

⋅

Today I discovered Figma, so I did a simple redesign of my favourite banks website!

3yr ⋅

⋅

I created Echo, a web-based workspace that allows you to instantly create, share and collaborate on code.

1yr ⋅

⋅

While we're on the subject of web design...

5yr ⋅

⋅

Adomination

7mo ⋅

⋅

Switch from Medium to your own blog in a few minutes

3yr ⋅

⋅

Voting machine UI - Is black text on a light blue background accessible?

4yr ⋅

⋅

A redesign I did for the KTM website. This is my first real UI design where i tried to be bold with the visuals

3yr ⋅

⋅

Your typical LinkedIn design poll post

1wk ⋅

⋅

Dark mode in CSS with `prefers-color-scheme`

3yr ⋅

⋅

Blobmaker – a online tool that helps you create organic svg shapes

3yr ⋅

⋅

This looks like a game skill tree

5yr ⋅

⋅

Integrating 3D into Web Design (Read comment)

1yr ⋅

⋅

The HTML5 Mega Cheat Sheet

7yr ⋅

⋅

Kopparberg UI concept, created using Sketch

2yr ⋅

⋅

I finally managed to finish this landing page for my 3D design tool. Do you like such scroll-animated websites?

1yr ⋅

⋅

I got a few engineer friends together and we are working on a Virtual Reality Demo for Mars. So far we are doing early tests. We plan to open source plans for an entire Mars colony using Unity and HTML5

2yr ⋅

⋅

How is this interaction called? You reveal another image by moving the cursor left-right.

1yr ⋅

⋅

This is annoying, don't do this.

7yr ⋅

⋅

UI Snippets - A collection of CSS Snippets.

10mo ⋅

⋅

Webmasters, I've seen this enough times where I'm dying to ask, can you please explain to me why some of you disable full-screen mode for embedded YouTube videos?

1yr ⋅

⋅

Color gradient along a path - is there free software that can achieve this? Image shown was done using Adobe Illustrator.

6mo ⋅

⋅

My first ever website design. go hard on me, i NEED to improve but i dont know how.

3yr ⋅

⋅

It's things like this that make me chuckle during frustrating problems. Thank you to the developer who put this in our code base.

4yr ⋅

⋅

I'm seeing a lot of images with this art style on different websites. Is there a website to download stuff like this for free use? Where are all of them coming from?

2yr ⋅

⋅

Is this a fair quote for a custom website for a small business?

1mo ⋅

⋅

Ihave ADHD and ASD and stim super hard, picking at my face. So I've been building this tool to help track how often I'm doing it, and try and use a fidget spinner instead (or something :D). Would love your views on if you would want to use this as well :)

3mo ⋅

⋅

Thanks Facebook, that's actually really clever!

8yr ⋅

⋅

Circular Timer using Vanilla CSS and JS (link in comment)

3mo ⋅

⋅

Responsive Face Animation... (CodePen in Comments)

3yr ⋅

⋅

UPDATE: Thanks for all the suggestions! I kept the color scheme and made sure to pass the accessibility standards. I also made some changes to the background to emphasize the accent colours more.

4mo ⋅

⋅

What happens when you don't pay the bill.

5yr ⋅

⋅

Website designed entirely by AI from the prompt Website Design for a Donut Company

2mo ⋅

⋅

Rockstar's in-browser store selling in-game items for its game Red Dead Online

2yr ⋅

⋅

What is this called?

8mo ⋅

⋅

What a great font to be more inclusive of people with dyslexia on the web. What do you think of utilizing this font on webpages?

3yr ⋅

⋅

Smooth transition, button morphs into register form (X-post from /r/webdev but remade it)

3yr ⋅

⋅

Proud of this progress bar I made for my company [Redacted]

2yr ⋅

⋅

Does anyone know *why* this is a popular thing on some big sites? I cannot understand the point

1yr ⋅

⋅

A curve at background! How can I create a curve like this? Thanks!

2yr ⋅

⋅

I found a website with really beautiful icons. Where did they get them? Are they custom-made, or is there something like FontAwesome for icons like that?

8mo ⋅

⋅

Bad UI/UX design? This confused me with the @ being at the beginning of the form field...

4mo ⋅

⋅

The Google street view man celebrates your birthday.

3yr ⋅

⋅

Hello group. I have this idea to create fantasy programming posters. Below is a draft idea. What do you think about it?

5mo ⋅

⋅

Scroll-jacking with sections that span the whole viewport, yay or nay?

3mo ⋅

⋅

Oh, Graphic Design Team, thank you for your superior organizational layer hierarchy. Now, let's see what image copy 732 is.

3yr ⋅

⋅

Made this parallax scrolling effect

3yr ⋅

⋅