Before I start, if you prefer a video tutorial, you can check the video tutorial here.

I have heard that halfstyling a character or text is somewhat impossible especially with just css, sometimes to style a text with different colors, you will have to span character by character, which can be very stressful.

In this tutorial, I will teach you how to style a character or text with two or three different colors. Arbelh created a plugin called HalfStyle that can be used to achieve this and it can be downloaded from GitHub

To get started, you need to download…

A new UI design trend is becoming more and more popular, its been seen over a lot of designs. This new UI trend is called Glassmorphism.

What is Glassmorphism?

Glassmorphism is an effect that gives an element a frosty-like glass effect. This effect is based on the combination of box shadow, transparent background and a background blur.

The properties of this new trend are;

  1. Transparent background
  2. Box shadow( this can be optional)
  3. Blurry background.

All these 3 properties make your element have a frosty-like glass effect.

In this article, I will teach you how to use html and css to…

We get to a point when building websites and we want a page to lead or go to another page. Its no news that most websites have the “about us”, “contact us” options on their webpage.

So how do we go about this? how do we link a page to another page? how do we navigate through pages on our websites?

The <a></a> in html helps in doing this using the HREF attribute.

We might be confused at some point , what then is adding link to your head tag? It also uses HREF attribute after all?

They are two…

The concept of reusable components can clearly be seen in component-based frameworks like React and Vue.

This introduces modularity into our UI development, especially in cases where several screens or pages of a web project have shared components.

But how can we achieve this without a solid grasp of these component-based frameworks and a strong knowledge of JavaScript?

I thought about this after I worked on a 30-page website for a bank sometime back, before I knew how to use Vue.js, React, or PHP’s famous includes function.

I was left with no choice other than to serially copy and paste…

After working as a front-end developer for three years, I have been able to summarize what I feel are the four major concepts of front-end development. Knowing and studying these four areas will make you stand out from the crowd.

In this article I’ll discuss the four practical concepts you should focus on to become a better front-end developer.


This is a big part of front-end development that you should take into account when building your sites or apps.

Accessibility is the degree to which a product, device, service, or environment is available to as many people as possible.


The choice of colors really matters in creating a beautiful User Interface Design, it is what attracts the users.

On the other hand, your choice of typefaces and how it works with your layout, grid, color scheme and so on will make the difference between a good, bad and great design.

In this article, I will put you through how to choose good color combination for your design and choosing a good typography.


Different meanings are attributed to different colors and you can use these different colors to achieve different things.

  1. Red : has been traditionally attributed to love,danger, heart…

Grace Omole

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