Hello, I'm programmer Fishskin, and the recent improvements to a certain website are really a bit "new".
Can you believe this is a shopping site?
You can pick and choose items to shop from the Excel sheet, which is highly reproducible, and these two charts are the cherry on top. What kind of genius came up with the idea of making Excel charts out of fucking advertisements?
PS retouching software can also be shopping, do not look closely if you really think I'm designing some kind of merchandise picture it:
This is actually a new series of website themes from a certain treasure that can be freely switched.
As a programmer, I prefer or VSCode development tools theme, see this directory tree my DNA has moved, he even gave the goods to increase the file suffix, he can even hide the navigation bar, we are saying that these themes are specifically for the workers to prepare for the fish touching magic weapon!
But I'll cut back after work, after all, I'm exposed to this stuff every day at work, and now I'm shopping, and you want me to feel like I'm at work?
But then, there are netizens who say: Taobao programmers are not living hard whole?
What do people think?
I was quite perplexed at first, if I were to make this product, I would definitely optimize the core functionality and experience first, rather than a whole set of fancy skins. But after learning more, I can actually understand them. First of all, many users complained that their PC experience is not good, so the officials have to optimize the PC, and the page is just a part of it. They are also very attentive:
And these interesting themes we see are actually official skins contests, not developed by our own programmers. Using the manpower of external developers, and then directing those developers to do a wave of canvassing and publicity on their own is, I have to say, pretty clever.
Finally I'll share with you the implementation of dynamic theme switching, which is actually very simple and should be of some help to students learning front-end.
1) First of all, when you click switch theme, it will send a network request to get the corresponding CSS style code of the theme, we can find and copy this code in the browser developer tools:
2) Then a series of processing in the development tool, such as replacing line breaks, escapes, etc., to get a clean style code
3) After that, you can create a new style rule in the browser developer tools, and copy the style code just now, it's done!
If the above operation is not well understood through the graphic, it is recommended to watch the video demonstration I recorded:/video/BV1JF2GYsE1s
To be honest, it is still very troublesome to change the theme simply by writing CSS without changing the HTML layout of the page, and the author has put his heart into 👍🏻!
And finally a little research, would people use these themes for shopping?