今天难得休闲,决定玩一下CSS3的动画特性,写了一个HTML+CSS3的复古时钟。
CSS3 过渡效果(transition)为网页世界带来了简单、易用的动画效果,但简单的外表之下还隐藏着一些不能忽视的细节。
PhantomJS是一个带有JavaScript宿主环境的webkit引擎封装,它类似于一个浏览器,但并不自带图像输出,而是提供了一个命令行的环境,专门针对需要浏览器作为执行环境,而又不需要用户界面的情景。
利用PhantomJS这一点,我们可以打造一个网页截图或者缩略图生成工具。
Read More →
Flexible Box Layout Module,弹性盒布局模型,是CSS3中对盒式布局的一个完善,它简化了过去布局的复杂性,使得网页布局向桌面软件界面布局又走近了一步。
Read More →
表格在网页中常常使用,在过去,表格的尺寸只要适合于普通的计算机屏幕即可。但在现在,表格还必须适应于各种小型手持设备和便携设备,比如平板电脑,再比如智能手机。
Read More →
在网页的右上角放置一个三角形广告区域,是不影响页面整体效果,但又引人注意的一种静态广告方式。但通常这么做都会用一个图片来做,其结果是点击区域变得过宽,甚至还对浏览器有所挑剔。可能这样的结果恰好增大了可供点击的区域,但它实际上并不反映事实。
幸运的是,CSS3能够帮你的忙。
Read More →
随着浏览器与网页技术的飞速发展,JavaScript正在扮演着越发重要的角色。传统的JavaScript在多个任务同时处理时容易将用户界面冻结,Web Worker是允许浏览器将某些JavaScript独立至另一个线程的技术。Web Worker是与HTML5一同发展起来的一项技术标准,它并不属于HTML5的一部分,但和HTML5能够非常良好的一起工作。
严格模式(Strict Mode)是ECMAScript 5的新特性,它允许你把整个程序,或者某个函数,放置在“严格”的操作语境中。这种严格的语境会防止某些特定的操作并抛出更多的异常。
如今新的特性不断被加入到网页开发当中,其中最火热的当属HTML5以及CSS3,但参差不齐的浏览器支持情况却总是令开发者感到困惑。
跨域请求一直是网页编程中的一个难题,在过去,绝大多数人都倾向于使用JSONP
来解决这一问题。不过现在,我们可以考虑一下W3C中一项新的特性——CORS(Cross-Origin Resource Sharing)了。