本系列上一篇涵盖了渐进增强的基本概念,现在我们来讨论如何应用。有多种方式可以将渐进增强融入到层叠样式表(Cascading Style Sheets, 简称CSS)的工作中,本文将讨论其中比较成功的一些,并考虑采用其它方式来逐步增强你的站点。样式表的组织如何在文档中引入样式表,很多Web设计者和开发者并没有想太多,但这其实是一门艺术。使用正确的方法,可以立即获得渐进增强的很多好处。使用多个样式表
转载 2009-01-14 11:47:00
57阅读
2评论
如果你阅读了本系列的第一篇和第二篇文章,现在应当开始进入渐进增强的思维模式了。本文讨论如何将渐进增强的哲学应用到客户端脚本。你将很快看到,这涉及两个方面:约束与规划。聪明地支配能力也许你已经听说过“权力腐败”。这个词能引发很多联想,不过根据我们的用意,还是继续将其看成两个简单的词吧。JavaScript是一个能力强大 到让人难以置信的工具,很长一段时间它的威力让web一团糟。它给web冲浪者扔下路
转载 2009-01-14 11:50:00
98阅读
 详情 ://www.sharedblog.cn/?post=281.渐进增强    在刚开始,就针对低版本浏览器进行项目开发,
原创 2022-02-10 17:35:12
96阅读
一.背景 为什么会有渐进增强和优雅降级的说法? 渐进增强和优雅降级是在CSS3出现之后才火起来的。由于一些版本较低的浏览器,并不支持CSS3,但是我们都知道CSS3样式 能让页面看起来非常酷炫,使网站在设计锦上添花 ,而且在很多情况下,使用 CSS3 不仅有利于开发与维护,还能提高网站的性能。 所以 ...
转载 2021-07-16 15:49:00
222阅读
2评论
优雅降级和渐进增强是在CSS3出现之后,由于低级浏览器不支持CSS3,但是CSS3特效太优秀不忍放弃,所以在高级浏览器中使用CSS3,而在低级浏览器只保证最基本的功能。二者的目的都是关注不同浏览器下的不同体验,但是它们侧重点不同,所以导致了工作流程上的不同。
转载 2016-04-10 21:13:00
233阅读
2评论
渐进增强 progressive enhancement针对低版本浏览器进行构建页面,保证最基本的功能,然后再针对高级浏览器进行效果、交互等改进和追加功能达到更好的用户体验。优雅降级 graceful degradation一开始就构建完整的功能,然后再针对低版本浏览器进行兼容。区别:a. 优雅降级是从复杂的现状开始,并试图减少用户体验的供给。b. 渐进增强则是从一个非常基础的
css
原创 9月前
87阅读
最近在拜读一本Web体验相关的书《渐进增强——跨平台用户体验设计 》,阅读后做些总结,消化一下书中的精髓。在阅读本文前,可以先思考下面几个问题。1. 浏览网页的目的是什么?2. 浏览网页的时候会碰到哪些问题?3. 用什么方法来解决这些问题?4. 这些方法具体的实施步骤有哪些?一、契机1)内容  内容是Web页面的核心,也是用户浏览页面的目的。内容可以是某些信息或某个功能,用户浏览网页就是为了获得它
原创 2017-06-20 11:08:02
497阅读
 详情 http://www.sharedblog.cn/?post=281.渐进增强    在刚开始,就针对低版本浏览器进行项目开发,然后在针对高版本浏览器进行交互效果的设置,简称渐进增强 .box{    // 渐进增强写法    -webkit-tanstion: all .5s;    -moz-transtion: all .5s;    -o-transi...
原创 2021-06-09 11:05:09
204阅读
今天给大家分享一下,深度思考中的知识点——渐进增强和优雅降级有什么不同? 一、背景介绍 在前端开发的过程中,经常需要用到css3的相关属性,因为在标准还未确定时,部分浏览器已经根据最初草案实现了部分功能,为了与之后确定下来的标准进行兼容,所以每种浏览器使用了自己的私有前缀与标准进行区分,当标准确立后 ...
转载 2021-04-25 10:30:00
76阅读
2评论
### 什么是渐进增强 先确保基本的内容能够在所有浏览器中使用,然后再根据浏览器的情况,为那些更加强大的浏览器提供更好的用户体验。 ### 什么是优雅降级 和渐进增强恰好相反,先默认所有浏览器都支持某些高级技术,最后根据浏览器的情况,如果某些技术有些浏览器不支持,那么就不在这个浏览器中使用这个高级技
原创 2021-08-04 11:47:47
251阅读
什么是渐进增强(progressive enhancement)、优雅降级(graceful degradation)呢? 渐进增强 progressive enhancement:针对低版本浏览器进行构建页面,保证最基本的功能,然后再针对高级浏览器进行效果、交互等改进和追加功能达到更好的用户体验。
原创 2021-05-19 13:19:35
676阅读
渐进增强 progressive enhancement:针对低版本浏览器进行构建页面,保证最基本的功能,然后再针对高级浏览器进行效果、交互等改进和追加功能达到更好的用户体验。 优雅降级 graceful degradation:一开始就构建完整的功能,然后再针对低版本浏览器进行兼容。 区别: a.
转载 2019-04-03 23:57:00
427阅读
2评论
PWA是Progressive Web App的英文缩写,是渐进增强WEB应用, 是Google新开发的web技术。目的就是在移动端利用提供的标准化框架,在网页应用中实现和Native app原生应用相近的用户体验的渐进式网页应用。它的安全,性能,用户体验的确明显领先于其他互联网载体,各大前端厂商
转载 2020-05-15 10:30:00
178阅读
优雅降级和渐进增强印象中是随着 CSS3 流出来的一个概念。由于低级浏览器不支持CSS3,但 CSS3 的效果又太优秀不忍放弃,所以在高级浏览中使用 CSS3 而低级浏览器只保证最基本的功能。关键的区别 是他们所侧重的内容,以及这种不同造成的工作流程的差异 举个例子: a { display:blo ...
转载 2021-08-05 20:00:00
226阅读
2评论
从内容出发(渐进增强的核心思想),一份合理的HTML结构如下:<div id="page"><div id="hd"></div><div id="bd"><div class="main"></div><div class="sub"></div><div class="extra">&
转载 2009-01-14 12:05:00
40阅读
2评论
代码 <! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" > < html xmlns ="http://w
广义来说,其实要定义一个基准线,在此之上的增强叫做渐进增强,在此之下的兼容叫优雅降级。这个基准线对于我,是允许使用javascript、cookie和css的IE8浏览器。不过狭义而言,渐进增强一般说的是使用CSS3技术,在不影响老浏览器的正常显示与使用情形下来增强体验,而优雅降级则是体现html标签的语义,以便在js/css的加载失败/被禁用时,也不影响用户的相应功能。之前在看一些css3效果d
翻译 精选 2014-11-07 17:38:07
445阅读
越来越多的病毒入侵和黑客攻击是由系统漏洞引发。因此,保护网络免遭攻击,正确打补丁就成为一个关键环节。打补丁看似是一个简单的修补任务,但实际上是一个复杂的操作过程。只有按照一定步骤按部就班地进行,系统管理员才能既保证系统免受攻击,又可以避免补丁程序影响系统的正常运行。打补丁的主要步骤包括以下几个方面:跟踪漏洞信息、获取补丁、测试补丁、安装补丁、验证补丁以及保存补丁等。   跟进漏洞信息
转载 精选 2007-09-10 13:20:19
874阅读
本特性自 MogDB 5.0.0版本开始引入,支持 Oracle DBLink语法,可以使用@符号访问 Oracle 数据库中的表。示  例01环境准备MogDB 环境已安装 MogDB 数据库。已安装oracle_fdw插件,具体安装方法参见oracle_fdw安装文档https://docs.mogdb.io/zh/mogdb/v5.0/1-oracle_fdw(复制链接至浏览器查阅
原创 3月前
16阅读
今天才认识到原来JPEG文件有两种保存方式他们分别是Baseline JPEG(标准型)和Progressive JPEG(渐进式)。两种格式有相同尺寸以及图像数据,他们的扩展名也是相同的,唯一的区别是二者显示的方式不同。Baseline JPEG这种类型的JPEG文件存储方式是按从上到下的扫描方式,把每一行顺序的保存在JPEG文件中。打开这个文件显示它的内容时,数据将按照存储时的顺序从上到下一行
  • 1
  • 2
  • 3
  • 4
  • 5