- 浏览: 70571 次
- 性别:
- 来自: 上海
-
文章分类
最新评论
10 个实验性的 JS/CSS3 编程技术
本文所介绍的编程技术,可以有效地改善用户体验和设计师的工作流程,替代原先在IE6上使用的旧的解决办法。需要注意的是,下面列出的大部分技术还在实验阶段,而且有些不是纯CSS技术(一些使用jQuery或其它JavaScript库)。但本文还是非常值得一看。
1. 告别overflow:hidden
让我告别overflow:hidden的决定性因素是CSS3,具体而言是box-shadow。因为使用overflow:hidden首先
会对box-shadow造成负面影响。当父元素使用overflow:hidden
属性时,box-shadow会被裁剪。另外,text-shadow和transform也有可能被裁减掉。所以我更倾向于使用clearfix,感觉
这种一体化的东西更靠谱一些。

2. 使用CSS3样式的圆角
随着CSS3越来越接近主流设计的标准,精心设计圆角背景图片已经成为过去,这意味着我们将节省在每个浏览器上花费的时间和精力了。

3. 让CSS3圆角HTML元素支持每个浏览器
这是一个适用于IE的behavior htc文件,目的是让所有浏览器都支持border-radius元素。因为目前除了IE,其他的主流浏览器均可呈现圆角效果,只需加入4行CSS代码。

4. IE CSS3伪选择器
可以使IE识别CSS3伪类选择器,并渲染它们所定义的所有样式规则。你只需将这些脚本添加到你的页面中,就可以在你的样式表中使用这些选择器了。

5. 更简洁的CSS3选择器代码
在本教程中,我们来看看一些前期的和使用CSS3简化后期的代码,并通过实现的视觉效果来进行比较。

6. CSS3 + 渐进增强 = 智能设计
渐进增强(Progressive Enhancement)和CSS3都是很好的技术,但CSS3更胜一筹。若将两者合并使用,就能使设计者创建出简洁的网站,且比以往更快、更容易。

7. 用CSS Text-shadow创建一个凸版效果
凸版效果在网页设计中十分受欢迎,一些主流浏览器也支持CSS3的Text-shadow属性,用纯CSS创建这个效果也很简单。这绝对不是PS出来的!

8. CSS3 HSL & HSLA
这个教程是关于如何用HSL & HSLA 和quick+/- 向导制作出目前浏览器支持的效果。

9. CSS3渐变:无图透明按钮
在Mac OS X发布的时候,有无数的网上教程教授如何用Photoshop制作透明按钮,现在,试试用CSS创建吧!

10. 更多3D CSS变换
教程中有各种各样的3D CSS变换。

英文原文:http://www.jquery4u.com/dynamic-css-2/10-brilliant-jscss3-coding-techniques/
发表评论
-
jquery api
2012-03-20 13:46 0http://jqapi.com/ -
jquery
2012-03-02 10:38 677http://wowslider.com/jquery-sli ... -
chart javescript 验证码
2012-01-05 13:18 837http://www.google.com/recaptcha ... -
50个新颖的有创意的Logo
2012-01-05 11:29 944如果您已经浏览过一些Logo设计,您有可能已经注意到有一些采取 ... -
http://cnbeta.com/articles/147649.htm
2012-01-05 11:04 917最近,有一种新的网页 ... -
jquery分页(附中文详解)
2012-01-05 09:45 783http://www.zhangxinxu.com/wordp ... -
分享10款绝对让你心动的jQuery插件
2011-12-27 11:49 944jQuery使用事件管理、动 ... -
10个强大的Javascript表单验证插件推荐
2011-12-27 11:35 1205创建一个JavaScript表单验证插件,可以说是一个繁琐的过 ... -
10 款AJAX/CSS/HTML在线表单生成器
2011-12-27 11:33 1207在这篇文章中,我们将介绍10款超棒的在线表单生成器,帮 ... -
16 款基于jQuery的图片缩放效果插件推荐
2011-12-23 10:12 1499jQuery很强大,你可以使用它来实现任何你想要实现的效果。今 ... -
24款线框图相关工具及资源大放送
2011-12-23 10:08 868线框是一个非常有用的网页开发工具,正确使用有助于帮助Web开发 ... -
15 套免费的社交媒体图标汇总
2011-12-23 10:05 2611通过在网站或Web应用中添加社交分享链接,可以更好地推广产品。 ... -
10 款基于 jQuery 的切换效果插件推荐
2011-12-20 12:38 1232本文整理了 10 款非常好用的jQuery切换效果插件,包括平 ... -
10 个基于jQuery的表单增强脚本和插件
2011-12-20 12:32 783以下10个基于jQuery的脚本和插件可以有效地提高表单的可访 ... -
6个炫酷的CSS按钮制作教程
2011-12-20 12:29 1105http://www.iteye.com/news/23740 ... -
9个实用的CSS/jQuery编程技术与技巧
2011-12-20 12:28 904本文给出了一些CSS/jQuery编程的技术、思路和技巧,希望 ... -
7款最流行的在线项目管理工具推荐
2011-12-15 10:21 0本文介绍一些非常流行的在线项目管理工具,希望你喜欢。 1. ... -
.dynamicdrive 16个可用于WordPress的Google服务和应用
2011-12-15 10:19 0http://www.dynamicdrive.com/dyn ... -
10 款基于jQuery/JavaScript的圣诞主题效果
2011-12-15 10:11 81010 款基于jQuery/JavaScript的圣诞主题 ... -
20个居中样式的网站设计案例分享
2011-12-15 10:06 82420个居中样式的网站设计案例分享 居中是一个非常 ...
相关推荐
资源内项目源码是来自个人的毕业设计,代码都测试ok,包含源码、数据集、可视化页面和部署说明,可产生核心指标曲线图、混淆矩阵、F1分数曲线、精确率-召回率曲线、验证集预测结果、标签分布图。都是运行成功后才上传资源,毕设答辩评审绝对信服的保底85分以上,放心下载使用,拿来就能用。包含源码、数据集、可视化页面和部署说明一站式服务,拿来就能用的绝对好资源!!! 项目备注 1、该资源内项目代码都经过测试运行成功,功能ok的情况下才上传的,请放心下载使用! 2、本项目适合计算机相关专业(如计科、人工智能、通信工程、自动化、电子信息等)的在校学生、老师或者企业员工下载学习,也适合小白学习进阶,当然也可作为毕设项目、课程设计、大作业、项目初期立项演示等。 3、如果基础还行,也可在此代码基础上进行修改,以实现其他功能,也可用于毕设、课设、作业等。 下载后请首先打开README.txt文件,仅供学习参考, 切勿用于商业用途。
wrf转mp4播放器1.1.1
内容概要:本文档详细介绍了如何在Simulink中设计一个满足特定规格的音频带ADC(模数转换器)。首先选择了三阶单环多位量化Σ-Δ调制器作为设计方案,因为这种结构能在音频带宽内提供高噪声整形效果,并且多位量化可以降低量化噪声。接着,文档展示了具体的Simulink建模步骤,包括创建模型、添加各个组件如积分器、量化器、DAC反馈以及连接它们。此外,还进行了参数设计与计算,特别是过采样率和信噪比的估算,并引入了动态元件匹配技术来减少DAC的非线性误差。性能验证部分则通过理想和非理想的仿真实验评估了系统的稳定性和各项指标,最终证明所设计的ADC能够达到预期的技术标准。 适用人群:电子工程专业学生、从事数据转换器研究或开发的技术人员。 使用场景及目标:适用于希望深入了解Σ-Δ调制器的工作原理及其在音频带ADC应用中的具体实现方法的人群。目标是掌握如何利用MATLAB/Simulink工具进行复杂电路的设计与仿真。 其他说明:文中提供了详细的Matlab代码片段用于指导读者完成整个设计流程,同时附带了一些辅助函数帮助分析仿真结果。
国网台区终端最新规范
《基于YOLOv8的智慧农业水肥一体化控制系统》(包含源码、可视化界面、完整数据集、部署教程)简单部署即可运行。功能完善、操作简单,适合毕设或课程设计
GSDML-V2.33-LEUZE-AMS3048i-20170622.xml
微信小程序项目课程设计,包含LW+ppt
微信小程序项目课程设计,包含LW+ppt
终端运行进度条脚本
幼儿园预防肺结核教育培训课件资料
python,python相关资源
《基于YOLOv8的智慧校园电动车充电桩状态监测系统》(包含源码、可视化界面、完整数据集、部署教程)简单部署即可运行。功能完善、操作简单,适合毕设或课程设计
deepseek 临床之理性软肋.pdf
SM2258XT量产工具(包含16种程序),固态硬盘量产工具使用
RecyclerView.zip
水务大脑让水务运营更智能(23页)
资源内项目源码是来自个人的毕业设计,代码都测试ok,包含源码、数据集、可视化页面和部署说明,可产生核心指标曲线图、混淆矩阵、F1分数曲线、精确率-召回率曲线、验证集预测结果、标签分布图。都是运行成功后才上传资源,毕设答辩评审绝对信服的保底85分以上,放心下载使用,拿来就能用。包含源码、数据集、可视化页面和部署说明一站式服务,拿来就能用的绝对好资源!!! 项目备注 1、该资源内项目代码都经过测试运行成功,功能ok的情况下才上传的,请放心下载使用! 2、本项目适合计算机相关专业(如计科、人工智能、通信工程、自动化、电子信息等)的在校学生、老师或者企业员工下载学习,也适合小白学习进阶,当然也可作为毕设项目、课程设计、大作业、项目初期立项演示等。 3、如果基础还行,也可在此代码基础上进行修改,以实现其他功能,也可用于毕设、课设、作业等。 下载后请首先打开README.txt文件,仅供学习参考, 切勿用于商业用途。
大众捷达轿车前轮制动器设计
《基于YOLOv8的智能工厂压缩空气泄漏检测系统》(包含源码、可视化界面、完整数据集、部署教程)简单部署即可运行。功能完善、操作简单,适合毕设或课程设计
3米-翻抛机