The content of the website will naturally age, which is called "link rot". Unrenewed domain names, bankrupt companies, website owners who have lost interest… What’s more frustrating than the 404 error is that visiting a URL that once existed only to find it expired and falls into the hands of domain hoarders, waiting for a high price to redeem.
This is not a good experience. But what if the website still exists, but the content is outdated? How can we cleverly suggest this intentional "old feeling"?
On the CodePen blog, we will specifically tag blog posts that have not been updated for at least two years. We update the documents, but we usually keep blog posts as history. So we are very clear about this:
<?php if (get_the_modified_date("Y") < 2017) { ??><p> <strong>Notice!</strong> This blog post has not been updated for more than two years. CodePen continues to evolve and if this blog post mentions features, you'd better check <a href="https://www.php.cn/link/0f0ca97dacf1e61f790dc8e6e138dd42">the documentation</a> . If you have any other questions, please contact <a href="https://www.php.cn/link/0c13d6d3b3743756e05bd42f3afb2d52">support</a> .</p> <?php } ??>
We designed it as a small warning:
But what if it is less obvious? If the text starts to become blurry and falls off the line? The older the content, the more serious the decay:
What if the website is deliberately "aging"? For example, you are working on a project for a client, but the client has not paid yet. Dragoi Ciprian provides a small solution (code base) for this. You just need to set the expiration date and the expiration date:
var due_date = new Date('2017-02-27'); var days_deadline = 60;
This is a demonstration. At the time of writing, there are 30 days left until the 90-day deadline. If the demo is blank for you, then I guess I should pay so that this code can be deleted?
Alternatively, the screen may flash red, just like being hit in the game.
Or, you can make it malfunction! (This demonstration is a click load, with fast color changes and movement, please note.)
Perhaps, instead of determining the effect based on the payment due date or the age of the content, it is better to decide based on the time when the website dependencies were last updated. Or at least some kind of deployment has been made.
It's just slightly related, but it reminds me of the very scary game Lose/Lose:
Lose/Lose is a video game with real-life consequences. Each alien in the game is created based on random files on the player's computer. If the player kills the alien, the file it is based on will be deleted. If the player's ship is destroyed, the app itself will also be deleted.
Although contact with aliens will cause players to lose the game and kill aliens can get points, aliens will never attack players. This makes people question the player's mission, which has never been clearly stated, but is only hinted through the classic game mechanics. Should the player be the invader? Or is it just an observer, traveling through dangerous lands?
The above is the detailed content of Decaying Sites. For more information, please follow other related articles on the PHP Chinese website!

What it looks like to troubleshoot one of those impossible issues that turns out to be something totally else you never thought of.

@keyframesandCSSTransitionsdifferincomplexity:@keyframesallowsfordetailedanimationsequences,whileCSSTransitionshandlesimplestatechanges.UseCSSTransitionsforhovereffectslikebuttoncolorchanges,and@keyframesforintricateanimationslikerotatingspinners.

I know, I know: there are a ton of content management system options available, and while I've tested several, none have really been the one, y'know? Weird pricing models, difficult customization, some even end up becoming a whole &

Linking CSS files to HTML can be achieved by using elements in part of HTML. 1) Use tags to link local CSS files. 2) Multiple CSS files can be implemented by adding multiple tags. 3) External CSS files use absolute URL links, such as. 4) Ensure the correct use of file paths and CSS file loading order, and optimize performance can use CSS preprocessor to merge files.

Choosing Flexbox or Grid depends on the layout requirements: 1) Flexbox is suitable for one-dimensional layouts, such as navigation bar; 2) Grid is suitable for two-dimensional layouts, such as magazine layouts. The two can be used in the project to improve the layout effect.

The best way to include CSS files is to use tags to introduce external CSS files in the HTML part. 1. Use tags to introduce external CSS files, such as. 2. For small adjustments, inline CSS can be used, but should be used with caution. 3. Large projects can use CSS preprocessors such as Sass or Less to import other CSS files through @import. 4. For performance, CSS files should be merged and CDN should be used, and compressed using tools such as CSSNano.

Yes,youshouldlearnbothFlexboxandGrid.1)Flexboxisidealforone-dimensional,flexiblelayoutslikenavigationmenus.2)Gridexcelsintwo-dimensional,complexdesignssuchasmagazinelayouts.3)Combiningbothenhanceslayoutflexibilityandresponsiveness,allowingforstructur

What does it look like to refactor your own code? John Rhea picks apart an old CSS animation he wrote and walks through the thought process of optimizing it.


Hot AI Tools

Undresser.AI Undress
AI-powered app for creating realistic nude photos

AI Clothes Remover
Online AI tool for removing clothes from photos.

Undress AI Tool
Undress images for free

Clothoff.io
AI clothes remover

Video Face Swap
Swap faces in any video effortlessly with our completely free AI face swap tool!

Hot Article

Hot Tools

SecLists
SecLists is the ultimate security tester's companion. It is a collection of various types of lists that are frequently used during security assessments, all in one place. SecLists helps make security testing more efficient and productive by conveniently providing all the lists a security tester might need. List types include usernames, passwords, URLs, fuzzing payloads, sensitive data patterns, web shells, and more. The tester can simply pull this repository onto a new test machine and he will have access to every type of list he needs.

SublimeText3 English version
Recommended: Win version, supports code prompts!

SublimeText3 Linux new version
SublimeText3 Linux latest version

VSCode Windows 64-bit Download
A free and powerful IDE editor launched by Microsoft

SublimeText3 Mac version
God-level code editing software (SublimeText3)
