Share code Coinwink Matrix website

This article is aimed at sharing your matrix website code coinwink. So reading before this article can affect your Coinwink matrix experience. Similar to someone who has ruined the movie you look forward to by its ending spoil.

That’s why I recommend that you experience Coinwink first and then come back here to read the article.

In Wiwink accountswitch from the classic theme to Matrix, and you will see a super cool matrix that appears right away.

The magical world of CSS

Last month, there were many Front-end updates updated for Coinwink.

The previous CSS file was exactly a mess. Due to 4 years ago, many new styles did not have the structure together, added to the CSS file.

To fix such a chaotic file takes a lot of time. These are small fix versions but they are very time -consuming and almost no changes occur. Why is that?

Because these changes occur behind the scenes. For example, there is an invisible area click/tap more big for the button. Users will not see the difference, but they may feel it by intuition.

“You know what you can’t explain, but you can feel it.” – Morpheus

All of these small changes create a smooth experience and make the web-app like an original application.

What did Coinwink change?

• Disabling zoom function on mobile devices
• Disabled the text on mobile devices
• Create larger invisible touch areas for Elements to click
• Separation of status: Hover and: Active on PC and Mobile.
• Reduce Lag Thieu Thieu
• Add icon to the icon for mobile, theme color, ….
• Create custom Elements (Inputs, Drop-Downs, Buttons, Checkboxes, …) with a consistent style on all browsers
• Customize scrollbars

And some adjustment somewhere. Some of these changes are deployed in most CSS frameworks, but Coinwink does not use frameworks because similar frameworks often lead to a sense of common or boring and also heavy applied than CSS customization.

In addition, in near updates, important structural changes have been made. So when we see from the client, we will not see anything.

The new structure allows us to easily change the style, build the front-end features, and now we can create new themes.

About the new Matrix theme

The first theme built on the new Coinwink is Matrix.

“Matrix everywhere. It is all around us. Even now, in this room.” – Morpheus

From the point of view based on the above concepts, the matrix is another one -way, or simulation (if the reality is not a simulation). This concept has a profound meaning depending on different cultures, and this is transmitted to the theme of Matrix stories and new icons.

“You take red pills – you will be in Wonderland and I will show you how deep the hole.” – Morpheus

The Matrix theme will create a conversion effect to another dimension. To experience Matrix, transfer the theme in Coinwink account Your to Matrix.

Similar to other updates, Coinwink Matrix themes are extremely light. When activated, it only costs about 20kB.

Matrix is the first topic – introducing new features. The dynamic background may now stand out, so in the near future, it can be turned off or makes it less prominent.

The themes are planned for the future.

To download the source code. You visit the page Coinwink’s github.

Let me know what you think of the new Matrix theme? What other themes and other features you want to appear in the future?

Coinwink is a predictive web for cryptocurrency prices, creating price lists and portfolio lists for Bitcoin, Ethereum and more than 2500 cryptocurrencies and other tokens.

Do you have a code without knowing how to run the web? Please read the article Create a website with github for 15 minutes okay.