No menu items!
14.9 C
Washington
No menu items!

Why talk about 2017 style again? See which trends are making a comeback.

Date:

Share:

So, the other day I got this weird urge. I was looking through some old files, backups from backups, you know how it is. And I stumbled upon a project folder simply labeled ‘Website_2017’. Curiosity got the better of me, so I decided, what the heck, let’s try and rebuild something with that kinda feel, that ‘2017 style’.

Why talk about 2017 style again? See which trends are making a comeback.

First thing was trying to remember what that even meant. It wasn’t that long ago, but feels like a different era in web stuff. I fired up my code editor. Didn’t need fancy frameworks, not for this trip down memory lane. I just started with a basic HTML file.

Getting Hands Dirty

I remembered big images were a thing. Like, huge background photos right at the top. So, I grabbed a decent-looking landscape photo. Slapped that into the CSS as a background for the header section. Easy enough.

Then, fonts. What were we using back then? Seemed like lots of clean sans-serifs were popular, maybe Open Sans or Lato? Pulled one of those in. Felt kinda… plain, but familiar.

Next up, I recalled those ghost buttons. You know, the buttons with just an outline, transparent inside? Threw one of those onto the big header image. Simple border, white text. Yeah, that looked very 2017.

Building out the sections:

Why talk about 2017 style again? See which trends are making a comeback.
  • Needed some flat color blocks. Grabbed a few muted blues and grays.
  • Icons! Font Awesome was everywhere. Had to remember how to link that up again. Put some simple icons next to text sections.
  • Tried to add one of those parallax scrolling effects on a background image further down the page. Took a bit of fiddling with JavaScript, simpler stuff, probably jQuery back then. It kinda worked, but felt a bit jittery compared to modern ways.

Honestly, putting it together felt way simpler in some ways. Less complex tooling, less setup. Just HTML, CSS, a sprinkle of jQuery maybe. But also, kinda limited? Making things responsive took more manual effort, more tweaking specific pixel values in media queries. Felt clunky.

Looking Back at It

The whole process was interesting. It wasn’t about making the ‘best’ site by today’s standards. It was about remembering how we did things. That style, it was clean, focused on big visuals and clear typography. But it also relied on tricks and libraries that feel a bit dated now.

The final result? It looked… well, it looked like a website from 2017. Functional, kinda stylish in its own way, but definitely not cutting edge. It was a fun little exercise, though. Reminded me how fast things change. What felt modern just a few years back now has this distinct ‘period’ look. Makes you wonder what people will think of today’s styles in 2029, right?

Subscribe to our magazine

━ more like this

Why does my watch accuracy change? Understanding temperature and position effects.

Okay, so I got this mechanical watch a while back. Not super fancy, but I really liked it. After wearing it for a few...

What is the Patek Philippe cheapest watch? Discover the entry point for this luxury brand.

Okay, so I got curious the other week. You hear the name Patek Philippe thrown around, always in hushed tones, like it’s some secret...

Where can I find funny shows like Derry Girls? Binge these awesome comedies if you miss the characters.

Okay, so I finished watching “Derry Girls” a while back, and honestly, I felt a bit lost afterwards. You know that feeling? When a...

What occasions are perfect for a Versace collection blue dress? Ideas for wearing your designer gown.

Okay, so let’s talk about this Versace Collection blue dress I got my hands on. It wasn’t exactly an impulse buy, let me tell...

Thinking about Bottega Veneta mens slip on shoes? Learn why they are a smart style investment.

So, I’d been thinking about getting a new pair of shoes for a while. Something easy, you know? No messing with laces, just slide...

LEAVE A REPLY

Please enter your comment!
Please enter your name here