资讯月刊下载
[Web前端] 10 个基于CSS3/jQuery的加载动画设计方案
过去,由于加载图片的格式限制(只能使用GIF格式),设计加载动画不是那么容易。随着技术和浏览器的发展,用 CSS3 和 jQuery 就可以方便地设计加载动画,这种方式的高度可定制化以及服务器的进步使得开发者的各种要求得到满足。下面介绍10个实用的方案。 1. Sonic——循环的加载动画 Sonic是一个很小的JS“类”,你可以用它来创建自定义加载动画——蛇吞尾似的循环动画。 源码 / 演 ...
[Web前端] 10个实用的jQuery交互/通信插件和教程
在网站或应用程序中添加交互或通信功能,可以为用户带来非常棒的使用体验。本文整理了10个非常实用的jQuery插件和教程,可以帮助你在网站或应用中整合交互或通信功能,如新闻预览、显示最近日志的小部件、友情链接侧边栏等。 1. 使用jQuery、CSS3和PHP实现图片趣味处理 在本教程中,将实现一个在线应用程序,可以为图片添加各种有趣的部件(如胡须、眼镜和嘴唇等),使用jQuery和jQuery ...
[Web前端] 10个新鲜的CSS3文本效果制作与Web排版教程推荐
在CSS3中变化重大的一项便是与Web排版相关的技术。现在我们不需要使用任何JavaScript或图片即可实现丰富的文本样式效果。本文收集了10个非常实用的CSS3 文本效果制作与Web排版教程,希望你会喜欢。 1. Create Attractive Web Typography with CSS3 and Lettering.js 在该教程中我们将学习怎样使用基本的CSS标记来完成交互式排版 ...
[开源软件] 基于CSS3的表现层框架impress.js,让开发者轻松创建杀 ...
随着IE6等旧版浏览器逐步被淘汰,目前的浏览器中支持HTML5与CSS3的将越来越多。而使用这些新的技术也诞生了很多优秀的作品。比如,最近推出的基于HTML5开发的维基百科离线查阅应用,用CSS3渲染的iPhone 4等;再比如现在这个基于CSS3和JavaScript开发的能够制作出绚丽幻灯片效果的表现层框架——impress.js。 Impress.js是国外一位开发者受Prezi启发,采用 ...
[Web前端] 6个炫酷的CSS按钮制作教程
CSS3的transitions和animations属性都可以用来实现风格渐变的效果。本文即收集了一些非常不错的利用它们来制作Web按钮的教程,希望你会喜欢。 1. Type study: An all CSS button 通过本文介绍的使用box-shadow、text-shadow、border-radius以及CSS gradients(渐变)方法,我们可以设计出一个非常漂亮的界面组件 ...
[Web前端] 10 个实验性的 JS/CSS3 编程技术
本文所介绍的编程技术,可以有效地改善用户体验和设计师的工作流程,替代原先在IE6上使用的旧的解决办法。需要注意的是,下面列出的大部分技术还在实验阶段,而且有些不是纯CSS技术(一些使用jQuery或其它JavaScript库)。但本文还是非常值得一看。 1. 告别overflow:hidden 让我告别overflow:hidden的决定性因素是CSS3,具体而言是box-shadow。因为使用 ...
[Web前端] 24个为Web开发人员准备的CSS3实用教程
本文搜集了一些关于CSS3的最新教程。你可以根据这些教程或技术来实现网页设计,包括:文字阴影、圆角框、盒模型尺寸计算(box sizing)、透明效果处理、多重背景、边框图像等。以下这些都是非常实用的CSS3教程,提供了许多优秀的技术。 1. Super Awesome Buttons with CSS3 and RGBA (使用CSS3和RGBA做出超级棒的按钮效果) 2. A Look ...