标签：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 页
下一页 ⇛
2019.4.1 
9440