资讯月刊下载
[Web前端] 8 款别具一格的 jQuery/HTML5 插件
这两年HTML5发展得越来越成熟,许多基于HTML5的应用也日益增多,jQuery又是前段开发利器,jQuery结合HTML5自然能够设计出非常棒的产品,本文介绍8款别具一格的jQuery/HTML5应用插件。 1、HTML5 Canvas 3D立体图片展示插件 这款特效是基于HTML5 Canvas实现的,利用HTML5中的3D技术实现了3D立体的图片墙,需要支持HTML5 3D技术的浏览器才 ...
[Web前端] 解耦 HTML、CSS和JavaScript
当前在互联网上,任何一个稍微复杂的网站或者应用程序都会包含许多HTML、CSS和JavaScript。随着互联网运用的发展以及我们对它的依赖性日益增加,设定一个关于组织和维护你的前端代码的计划是绝对需要的。 当今的一些大型互联网公司,由于越来越多的人会接触到日益增加的前端代码,它们会试图去坚持代码的模块化。这样更改程序的部分代码,并不会无意中过多地影响后续不相关部分的执行过程。 防止意想不 ...
[Web前端] Web 页面内容优化与性能优化技巧
回想一下,以前我们不得不花费大量时间去优化页面内容(图片、CSS等等),如今用户有更快速的互联网连接,我们似乎能够使用更大的图像或更大的Flash文件,里面包含的有视频或者图片。然而,随着移动开发的兴起,我们又回到了过去的窘状。网站优化是十分重要的,需要下载的内容少,反应速度快,就能使我们加载应用程序更快速。 一、图片处理 1. 图片:控制在合适的尺寸大小 很多时候我们在不同的网站使用同样的图 ...
[Web前端] Bootstrap 3.0 最佳新功能一览
近日,Bootstrap开发者发布了Bootstrap 3.0 RC1,我们可以从中先领略到Bootstrap 3.x带来的全新特性。 从目前来看,Bootstrap 3.0已经远远优于2.x版本了。下面就来看看该版本中引入了哪些新特性。 扁平化和整洁的UI 又是扁平化!自从苹果iOS的UI从拟物化过渡到扁平化后,这种风格如今已经成为了现代化设计的代名词。而标榜“移动优先”的Bootst ...
[Web前端] Bootstrap 定制工具集锦
Bootstrap并不是单单意味着HTML/CSS界面框架,更确切的说,它改变了整个游戏规则。这个囊括了应有尽有的代码框架使得许多应用和网站的设计开发变得简便许多,而且它将大量的HTML框架普及成了产品。 可悲的是,它纯粹的功能唤起了我们本能的懒惰,很多人始终坚持使用它的默认设置。但是,Bootstrap的真谛是“基石”。Bootstrap框架,并不意味着它是全部终结解决方案。 Bootstr ...
[Web前端] 不用图片和JS,照样创建绚丽的动态CSS3菜单
该教程,我们将讨论CSS3的一些新功能和新特性,并教你在不使用图片和JavaScript的情况下,如何制作酷炫的圆形导航菜单。该实例将用到CSS3的新特性: border-radius和animation。 Demo演示 下载代码 第一步:编辑菜单的HTML代码 菜单包含三个列表项,分别取名为“Menu1”、“Menu2”、“Menu3”。 <div class=“css3Menus”& ...
[Web前端] 10 款超棒的JavaScript/CSS前端特效推荐
今天推荐10款前端特效,仍然是非常有趣的小动态效果的页面生成效果,你还可以直接在线调试代码,希望可以带给大家一些更好的帮助和不同以往的体验! 1. 旋转效果的加载测试 这是一款使用CSS实现的加载测试页面,大家可以根据下方地址找到在线调试界面,直接获取代码! 在线调试 2. 太阳眩晕特效 CSS实现的太阳眩晕效果,你会不会跟我一样,有点晕了呢? 在线调试 3. 挥动天使的翅膀特 ...
[Web前端] 7 个效果震憾的 HTML5 应用组件
在HTML5的世界里,任何文本、图像都可以变得令人难以想象,很多HTML5应用也都已经随着浏览器的升级而变得运行飞速,而且兼容性也越来越好。下面为大家介绍7款效果震憾的HTML5应用组件,HTML5是强大的,是WEB的未来。 1、HTML5实时动态数据图表 HTML5实时动态数据图表,这是一款基于HTML5技术的网页图表插件,该图表插件功能十分强大,支持区域范围选择、鼠标拖动自定义区域、显示坐标 ...
[Web前端] 10 款超棒的 CSS/JavaScript 前端特效
本周,我们带来了极客社区推荐的10款前端特效,非常有趣的小游戏和页面效果。希望可以带给大家一些不同以往的更好的体验。 1. 使用CSS/JavaScript实现的小游戏 一款跳跃的玩偶游戏,非常有趣,快来放松一下自己吧。 在线调试 2. CSS实现的雷达效果 自己动手做一款雷达测试仪吧 在线调试 3. CSS实现的任天堂游戏机效果 一款游戏效果。动动你的鼠标,看看有什么变化。 ...
[Web前端] 10 个基于 jQuery/CSS3 的图片特效
jQuery作为理想的开源Javascript开发库,已经被广大前端开发者所接受和使用,由jQuery编写的图片插件也数不胜数。CSS3是最近几年刚兴起的新技术,CSS3的应用,可以让图片拥有非常绚丽的特效,无论在视觉上还是在使用上,你一定会喜欢这些图片特效素材。 1、jQuery iNav水平滚动菜画插件 jQuery iNav水平滚动菜画插件,jQuery iNav是一款立体感极强的水平滚动 ...
[Web前端] 全新 HTML 5.1 工作草案出炉
W3C 发布了一份关于 HTML 5.1 的新工作草案。该草案描述了当前开发状态和前一个主要版本 HTML 5 之间的改变。 在2012年9月到今年5月6日之间共有超过 40 项的改动被列出来。例如 W3C 禁用了 hgroup 元素,img 元素支持进度条事件以及 time 元素的 datetime 属性必须写为 dateTime 等等。 5月底时,W3C 同时发布了一个新的关于 canvas ...
[Web前端] 雅虎推出Pure,一个“纯”的CSS组件库
雅虎近日推出了一个名为Pure的CSS框架,这是一系列实用的响应式CSS模块的集合,可以帮助前端开发者节省不少开发时间。 名称为Pure(纯),代码也必须是100%使用CSS编写的。开发成员称,Pure不限于特定的JavaScirpt框架,你可以用在任何JavaScript框架、任何Web应用中。 Pure可以作为每个网站或Web应用的起步工具,将会帮助开发者处理应用程序所需的所有CSS工作 ...
[Web前端] CSS渲染器:在Web中实现Photoshop滤镜效果
Adobe将Photoshop风格的过滤工具带入了Web中,目前Chrome Canary版本和Safari的WebKit nightly版本,都已经支持CSS渲染器的Photoshop风格混合模式。 要应用最新的混合模式,你需要获取最新的Chrome Canary版本或者是WebKit nightly builds,在about:flags中启用CSS Shaders(CSS渲染器)选项, ...