Recommend a cool interactive website made by a front-end engineer

Recommend a cool interactive website made by a front-end engineer

Website link: http://strml.net/

By Samuel Reed

Tips: After testing in Moments yesterday, it was found that visiting the site directly in WeChat’s built-in browser would cause the screen to flash , and some Android phones could not be turned horizontally. So [Suggestion]: If you use a mobile device, please open it in a browser such as Chrome, Safari, FF, etc. If it is a PC, most browsers should be able to display the effect perfectly.

At the very beginning , it is a monotonous web page with black text on a white background. You may not think it is cool. Be patient and read it slowly. Since the homepage owner recommends it, he will not cheat you. (Smirking expression)

Modify the background color. The author himself said that black text on a white background is too boring, so he started to add background color. More amazing things will be slowly revealed to you.

Move the CSS code area to the right

The author's resume is displayed on the left

Want to contact the author? Please use the PGP key on the lower left

Click on the CSS code in the right area to enlarge it. If you are on PC, you can edit and modify the CSS code. (I haven't tested it on a tablet, so I'm not sure if it can be edited)

The author mentioned in the final acknowledgments:

"Thanks to Jake Albaugh, who, as far as I know, is the first person to have built a site like this."

Website: http://strml.net/

It is recommended that you copy the URL and view it in your mobile browser.

If you think it’s good after reading it, you might as well give the author a like.

【WeChat Official Account: Breaking Fuzhou】Give away 5 yuan of phone credit to newly-followed users! Sent daily: Fuzhou’s local headlines, gossip, rumors, and the big and small things happening around you. Pay close attention and be happy!

<<:  CSS imitates Apple's smooth switch button effect

>>:  JavaScript BOM Explained

Recommend

MySQL query data by hour, fill in 0 if there is no data

Demand background A statistical interface, the fr...

Native JS to achieve blinds special effects

This article shares a blinds special effect imple...

Detailed explanation of moment.js time and date processing

Monday to Sunday time format conversion (Y --- ye...

MySQL tutorial data definition language DDL example detailed explanation

Table of contents 1. Introduction to the basic fu...

MySQL 8.0.16 winx64 installation and configuration method graphic tutorial

I just started learning about databases recently....

A brief introduction to the simple use of CentOS7 firewall and open ports

Overview (official has more detailed description)...

Analysis of the pros and cons of fixed, fluid, and flexible web page layouts

There is a question that has troubled web designe...

Adobe Brackets simple use graphic tutorial

Adobe Brackets is an open source, simple and powe...

A brief discussion on the specific use of viewport in mobile terminals

Table of contents 1. Basic Concepts 1.1 Two kinds...

How to view and terminate running background programs in Linux

Linux task management - background running and te...

A brief discussion on several situations where MySQL returns Boolean types

mysql returns Boolean type In the first case, ret...

Independent implementation of nginx container configuration file

Create a container [root@server1 ~]# docker run -...

Windows Server 2008 Tutorial on Monitoring Server Performance

Next, we will learn how to monitor server perform...