ccc有趣的404页面设计[转载进入头条]

2024-02-26 16:10

本文主要是介绍ccc有趣的404页面设计[转载进入头条],希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

我们经常看到的网站页面找不到提示是这样的

有趣的404页面设计

 

经过设计后,这个提示页面会更友好些,下面来欣赏一波404页面的设计。

有趣的404页面设计

 

  • 作者:Andrew Hani
  • 使用技术:HTML / CSS / JavaScript
  • 依赖库:jquery.js
  • 浏览器兼容:Chrome, Edge, Firefox, Opera, Safari
  • 源码链接:https://codepen.io/androhani/pen/deOpMZ

有趣的404页面设计

 

  • 作者:Saleh Riaz Qureshi
  • 使用技术:HTML / CSS / JavaScript
  • 依赖库:-
  • 浏览器兼容:Chrome, Edge, Firefox, Opera, Safari
  • 源码链接:https://codepen.io/salehriaz/pen/erJrZM

有趣的404页面设计

 

  • 作者:Vincent Van Goggles
  • 使用技术:HTML / CSS (SCSS)
  • 依赖库:-
  • 浏览器兼容:Chrome, Edge, Firefox, Opera, Safari
  • 源码链接:https://codepen.io/Gogh/pen/eeReMO

有趣的404页面设计

 

  • 作者:Selcuk Cura
  • 使用技术:HTML / CSS (SCSS) / JavaScript
  • 依赖库:jquery.js, tweenmax.js, splittext.js
  • 浏览器兼容:Chrome, Edge, Firefox, Opera, Safari
  • 源码链接:https://codepen.io/selcukcura/pen/XeQpEv

有趣的404页面设计

 

  • 作者:Robin Selmer
  • 使用技术:HTML / CSS (SCSS)
  • 依赖库:-
  • 浏览器兼容:Chrome, Edge, Firefox, Opera, Safari
  • 源码链接:https://codepen.io/robinselmer/pen/vJjbOZ

有趣的404页面设计

 

  • 作者:Clement Girault
  • 使用技术:HTML / CSS / JavaScript
  • 依赖库:jquery.js
  • 浏览器兼容:Chrome, Firefox, Opera, Safari
  • 源码链接:https://codepen.io/clementGir/pen/PqGyMq

有趣的404页面设计

 

  • 作者:john
  • 使用技术:HTML / CSS (Less) / JavaScript
  • 依赖库:-
  • 浏览器兼容:Chrome, Firefox, Opera, Safari
  • 源码链接:https://codepen.io/thejohnyagiz/pen/npDyq

有趣的404页面设计

 

  • 作者:gavra
  • 使用技术:HTML / CSS / JavaScript
  • 依赖库:jquery.js
  • 浏览器兼容:Chrome, Edge, Firefox, Opera, Safari
  • 源码链接:https://codepen.io/gavra/pen/upHzg

有趣的404页面设计

 

  • 作者:Ian Gloude
  • 使用技术:HTML / CSS (SCSS)
  • 依赖库:-
  • 浏览器兼容:Chrome, Edge, Firefox, Opera, Safari
  • 源码链接:https://codepen.io/igloude/pen/qNNWKr

这篇关于ccc有趣的404页面设计[转载进入头条]的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/749431

相关文章

部署Vue项目到服务器后404错误的原因及解决方案

《部署Vue项目到服务器后404错误的原因及解决方案》文章介绍了Vue项目部署步骤以及404错误的解决方案,部署步骤包括构建项目、上传文件、配置Web服务器、重启Nginx和访问域名,404错误通常是... 目录一、vue项目部署步骤二、404错误原因及解决方案错误场景原因分析解决方案一、Vue项目部署步骤

SpringBoot中的404错误:原因、影响及解决策略

《SpringBoot中的404错误:原因、影响及解决策略》本文详细介绍了SpringBoot中404错误的出现原因、影响以及处理策略,404错误常见于URL路径错误、控制器配置问题、静态资源配置错误... 目录Spring Boot中的404错误:原因、影响及处理策略404错误的出现原因1. URL路径错

Python中的可视化设计与UI界面实现

《Python中的可视化设计与UI界面实现》本文介绍了如何使用Python创建用户界面(UI),包括使用Tkinter、PyQt、Kivy等库进行基本窗口、动态图表和动画效果的实现,通过示例代码,展示... 目录从像素到界面:python带你玩转UI设计示例:使用Tkinter创建一个简单的窗口绘图魔法:用

四种简单方法 轻松进入电脑主板 BIOS 或 UEFI 固件设置

《四种简单方法轻松进入电脑主板BIOS或UEFI固件设置》设置BIOS/UEFI是计算机维护和管理中的一项重要任务,它允许用户配置计算机的启动选项、硬件设置和其他关键参数,该怎么进入呢?下面... 随着计算机技术的发展,大多数主流 PC 和笔记本已经从传统 BIOS 转向了 UEFI 固件。很多时候,我们也

使用JavaScript将PDF页面中的标注扁平化的操作指南

《使用JavaScript将PDF页面中的标注扁平化的操作指南》扁平化(flatten)操作可以将标注作为矢量图形包含在PDF页面的内容中,使其不可编辑,DynamsoftDocumentViewer... 目录使用Dynamsoft Document Viewer打开一个PDF文件并启用标注添加功能扁平化

SpringBoot如何访问jsp页面

《SpringBoot如何访问jsp页面》本文介绍了如何在SpringBoot项目中进行Web开发,包括创建项目、配置文件、添加依赖、控制层修改、测试效果以及在IDEA中进行配置的详细步骤... 目录SpringBoot如何访问JSP页python面简介实现步骤1. 首先创建的项目一定要是web项目2. 在

不懂推荐算法也能设计推荐系统

本文以商业化应用推荐为例,告诉我们不懂推荐算法的产品,也能从产品侧出发, 设计出一款不错的推荐系统。 相信很多新手产品,看到算法二字,多是懵圈的。 什么排序算法、最短路径等都是相对传统的算法(注:传统是指科班出身的产品都会接触过)。但对于推荐算法,多数产品对着网上搜到的资源,都会无从下手。特别当某些推荐算法 和 “AI”扯上关系后,更是加大了理解的难度。 但,不了解推荐算法,就无法做推荐系

如何在页面调用utility bar并传递参数至lwc组件

1.在app的utility item中添加lwc组件: 2.调用utility bar api的方式有两种: 方法一,通过lwc调用: import {LightningElement,api ,wire } from 'lwc';import { publish, MessageContext } from 'lightning/messageService';import Ca

安卓链接正常显示,ios#符被转义%23导致链接访问404

原因分析: url中含有特殊字符 中文未编码 都有可能导致URL转换失败,所以需要对url编码处理  如下: guard let allowUrl = webUrl.addingPercentEncoding(withAllowedCharacters: .urlQueryAllowed) else {return} 后面发现当url中有#号时,会被误伤转义为%23,导致链接无法访问

怎么让1台电脑共享给7人同时流畅设计

在当今的创意设计与数字内容生产领域,图形工作站以其强大的计算能力、专业的图形处理能力和稳定的系统性能,成为了众多设计师、动画师、视频编辑师等创意工作者的必备工具。 设计团队面临资源有限,比如只有一台高性能电脑时,如何高效地让七人同时流畅地进行设计工作,便成为了一个亟待解决的问题。 一、硬件升级与配置 1.高性能处理器(CPU):选择多核、高线程的处理器,例如Intel的至强系列或AMD的Ry