标签:html
自定义标签是Web Components的一个子集,通过自定义标签可以实现任意你想要实现的效果,是一件很酷的事情。让你不用React、Vue、Angular这样的框架就能实现。文中通过示例,使用ES6语法,介绍了如何写一个自定义的标签。在自定义标签的对象中,比如可以通过obser...
你对“网站无障碍”了解多少?是不是觉得只有残疾人士才需要网站无障碍的功能支持?文中阐述,网络无障碍是影响所有用户的,很多通用特殊场景下都会需要网络无障碍:老年人;医疗慢性病,比如关节炎;户外严重眩光;药物性认识损伤或睡眠不足;网站适配多个设备;WiFi信号差影响资源加载;网站无障...
web性能为什么重要?加载很慢的网站会让人很不舒服;web性能直接影响你的产品;什么样的网站算是快的网站?加载快;运行快(动画不掉帧,滚动很顺滑等);服务器响应时间短;应用加载和渲染的很快。文中介绍了几种提升网站加载和渲染速度的方法:JavaScript。JavaScript通常...
过渡一般分线性和缓和曲线。线性过渡是以全速开始,移动的过程和结束都是全速的进行,不像我们在现实中的场景,比如你扔一个东西不会立即全速坠落。 在写CSS动画的时候,大家应该经常会用到贝塞尔曲线,一个好的贝塞尔曲线可以让动画变得圆滑,仿照现实生活中的样子。其实,只要是在两个状态之间过...
不是所有的页面都需要考虑兼容打印机,这篇文章通览以下通过CSS创建打印机友好的页面的艺术。需要兼容打印机的页面大概有以下几种: 打印旅行或音乐会门票 复印旅途方向或时间表 保存线下阅读的复印件 获取连接不良地区的信息 危险或肮脏地区的有用数据-比如,厨房或工厂 手写注释的草稿内...
Web开发正不断改变。最近有一种趋势特别流行,它从根本上违背了如何制作网页的传统观念。这对一些人来说是令人兴奋的,但对另一些人来说却是令人沮丧的,而且两者的原因很难解释。 传统的Web页面,都是由HTML、CSS和JavaScript三部分组成。近几年盛行的前端框架(如:...
在很多紧急状态的情况下,很多组织需要一个快速发布评论信息的方式。但是现有的网站(CMS)通常不能处理一些事故中的突然问题。更糟糕的是,自然灾害也会破坏当地的网络设施,有时候会造成微弱的移动网络连接。作者之前写过一个发布最小的文字只读版本的评论新闻网站,他觉得这个网站对给评价网站使...
几周前,我偶然发现了一个我以前不知道存在的浏览器 API;那就是 Web 蓝牙 API。看起来它已经在开发中有 7 年以上的时间了,我很高兴大多数浏览器现在都支持它。我非常喜欢“一次构建,到处运行”的理念,这也是 Web 蓝牙令人兴奋的原因之一。您无需为 Android、iOS、...
学习这些视口相关的 CSS 单位(100vh、100dvh、100lvh、100svh)
在本教程中,我们将讨论使用经典的 100vh 单位创建全屏部分时面临的挑战,并讨论一些出色的替代 CSS 单位。 英雄或全屏部分是 UI 设计的重要组成部分。它们存在于不同类型的网站中,从登陆页面到作品集网站,旨在在首次吸引访客的注意力。英雄部分的常见组成部分包括幻灯片、图片、视...
我们刚刚发布了首次HTML状态调查的结果,这是数月辛勤工作的结果,不仅是我的努力,还有Lea Verou设计的调查问题,以及许多志愿者帮助翻译、提高可访问性、测试等。 至少可以说,这次调查是成功的,有超过20,000名受访者参与并回答了多达90个问题!我们希望产生的数据将证明是...
显示 1/2 页
下一页 ⇛