How to center an element using CSS, no sweat

Photo by Kelly Sikkema on Unsplash

The most challenging thing for a web developer to do is to center a div horizontally and vertically. Centering elements are common in web development, and there are tons of ways to get the job done.

Here are some ways to center any element using CSS.

Text-Align Approach

Pretty self-explanatory. Let’s move on to the auto margin approach.

The (Classic) Absolute Approach


How to design a better dark interface

Photo by Jonatan Pie on Unsplash

For the past years, everyone liked the idea of the so-called “dark mode.” It enables us to do things in dark surroundings and extends battery life by 5% to 30% (Demarest, 2021).

Now what makes a good dark interface is that it’s not only inverting colors. It involves careful guidelines for designers to follow. I’ll uncover some of them in this article, be sure to remember them the next time you’re designing.

1. Get Inspired from Platform Guidelines


A roundup of trends to get you inspired for this year

2020 turned out to be a nightmare for us, complete with piles of toilet paper, awkward Zoom meetings, and bleak days of chaos. This didn’t stop us from being creative, and we tried our best to move forward.

When it comes to design, we always keep an eye on the most recent trends. So after a handful of research, I made a list of web design trends that may inspire you in the future, whether you’re getting started with web design or redesigning your website.

Oversized Typography


Tips about drop shadows that stand out

A card with the words, “Shadows: How to make it better” written on it.
A card with the words, “Shadows: How to make it better” written on it.

Flat UI is getting dull, and drop shadows are rising. Don’t get me wrong, both of those things are mesmerizing in design. Getting it right can be tricky, but it doesn't have to be. Here are helpful tips on creating drop shadows that stand out.

Don’t Use Defaults

Make it Look Soft


More cool and weird generators for your next design project

I created a curated list of generators when I was a kid. The article was from a year ago, so to pay tribute to my old self, I created another list of generators for you to use. So, here is another list, and feel free to suggest more in the comments below.

Loripsum


Using cards in design is important, here’s why

Photo by Aditya Chinchure on Unsplash

Creating cards are important in the design, either for the web or mobile. Cards still become a design staple nowadays and there are good reasons for it. Here are some 7 common reasons why you should use cards in web and mobile design.


Some new design trends to follow this year

New year, new trends (Photo by Domenico Loia on Unsplash)

2020, its the most wonderful time of the year. Creating new opportunities for designers to create new websites and portfolios. And yet designers these days settle down to something old and traditional or new and trendy designs. So if your website needs a new makeover, here are 10 new trends that you can follow for the year 2020. Let’s dive into it.


Designing UX is important, even by following the rules. (Photo by Daniel Korpai on Unsplash)

User Experience is how the user interacts with your product through usability, accessibility, and desirability. But sometimes your design can be a total waste because there are laws of UX design that you didn’t follow. So here are laws you need to follow for an efficient product.


Why designers use light fonts incorrectly?

A website that uses a light font for the body. (akson.nl)

Is it hard for you to read text on the web on your devices? Sure you’ve squinted or tried to move your phone closer before so that you could read the text better. In today’s designs, most websites become unreadable because of the new typography trend towards lighter and thinner fonts, and with bad contrast, it makes it hard for the elderly or the visually impaired to read the content. So why designers are just settling down to lighter and lighter text? Here’s why and how to tackle the issue.


Explaining the world’s well-known typeface

Photo by Dan Gold on Unsplash

If you go to a subway station, you may encounter signs like that one on top. And the cool part is that the font that they’re using is called Helvetica. It’s the most favorite font that most people (even companies) use for corporate logos, signs, print, and much more. But have you wondered how this one became overrated?

How Helvetica got all Started?

Ethan Medrano

I mostly write about design and development. But I hope I can write something random soon.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store