Javascript window.fetch API

Javascript window.fetch API

这个新fetch API相比起XMLHttpRequest更简单,更易读,是很好的Ajax替代方法;fetch有很明显的优势,相信很快会流行起来!

JavaScript电池状态信息API:Promises

JavaScript电池状态信息API:Promises

随着技术的发展,这个电池状态信息API有了变化升级,它现在变成了基于promise方式的API,你可以在最新版的谷歌浏览器里使用它。下面让我们来看看这个最新的API的用法!

WordPress里各种action的执行顺序

WordPress里各种action的执行顺序

Wordpress主题实现的过程中,发现其中有很多action/filter可以使用,但这些action哪个先调用?哪个后执行,我经常会用错,毕竟里面的action/filter太丰富了。

中文版濒危动物CSS碎片拼图

中文版濒危动物CSS碎片拼图

这里我们用纯CSS技术表现出30种动物的碎片拼图形象,这30动物,非常的可爱,但不幸的是,它们都是濒临灭绝的动物,它们的生存情况正面临着危机。

如何解决PHP里大量数据循环时内存耗尽的问题

如何解决PHP里大量数据循环时内存耗尽的问题

一次要把4万条数据取出,然后逐条检查每天数据。可想而知,4万条数据全部加载到内存中,内存不爆才怪。。

10款Web程序员必备的CSS工具

10款Web程序员必备的CSS工具

WEB程序员的CSS WEB集成开发工具

Youtube网站正式全面使用HTML5<video>播放视频

Youtube网站正式全面使用HTML5<video>播放视频

四年前,Youtube官方曾宣布在网站上实验性的支持HTML5<video>标记,测试它跟使用Fl […]

看看各大科技公司都是如何使用CSS的

看看各大科技公司都是如何使用CSS的

刚刚过去的2014年是个有趣的一年,很多著名的公司都通过不同的媒体和途径公开了他们是如何使用CSS的。包括了他们使用的工具,使用的方法,他们对这些方法的思考,以及涉及到具体的数据和数字。

用JavaScript获取页面上被选中的文字的技巧

用JavaScript获取页面上被选中的文字的技巧

这里介绍的一个小技巧是如何用JavaScript获取页面上被选中的文字的方法

背景图的定位技巧

背景图的定位技巧

如果你想定位一个背景图片,让它距离右边20px,距离底部10px,那该怎么办?

用JavaScript和CSS3在HTML里实现音乐可视化效果

用JavaScript和CSS3在HTML里实现音乐可视化效果

嗨,为什么我不开发一个自己的音乐可视化程序呢?

CSS3游戏:小鹿快跑

CSS3游戏:小鹿快跑

非常简单但却有趣的CSS3游戏

纯CSS3实现图片展示特效

纯CSS3实现图片展示特效

5年前的时候我们根本无法用这么简单的代码实现这么漂亮的效果。随着浏览器的进步,javascript和CSS的发展,Web程序员的工作将变得越来越轻松。

谷歌(Webkit)浏览器中滚动条的个性化

谷歌(Webkit)浏览器中滚动条的个性化

你可以将这些属性运用到页面上能出现滚动条的元素(比如body),通过这些设置,你可以设计出各式各样的滚动条:

站长如何屏蔽流氓宽带商在你的页面里面强行插入的广告代码

站长如何屏蔽流氓宽带商在你的页面里面强行插入的广告代码

几乎所有的宽带商(联通宽带、电信宽带、移动宽带、长城宽带、方正宽带等)都会在用户使用它们的宽带服务浏览网页时,在这些网页的页面上强行嵌入自己的广告服务。

JavaScript6里都有啥新鲜东西?

JavaScript6里都有啥新鲜东西?

多行字符串!惊喜!

如何让 height:100%; 起作用

如何让 height:100%; 起作用

当你设置一个页面元素的高度(height)为100%时,期望这样元素能撑满整个浏览器窗口的高度,但大多数情况下,这样的做法没有任何效果。你知道为什么height:100%不起作用吗?

用CSS美化你的滚动条

用CSS美化你的滚动条

本文将会告诉你如何用CSS修改/美化浏览器页面上出现的滚动条。改变它们的颜色,调整它们的外形,适配你对页面UI设计。

JSON编码格式提交表单数据详解

JSON编码格式提交表单数据详解

以JSON编码格式提交表单数据是HTML5对WEB发展进化的又一大贡献

CSS3多列布局(columns)的用法

CSS3多列布局(columns)的用法

CSS3中新出现的多列布局(columns)是传统HTML网页中块状布局模式的有力扩充。这种新语法能够让WEB开发人员轻松的让文本呈现多列显示

图片边框border-image的用法

图片边框border-image的用法

从CSS3起,我们有了一个新的属性:border-image,它能让你用漂亮的小图片来围绕HTML元素,以图片边框的形式出现。通过border-image属性,我们可以制作出非常漂亮的边框样式。

伪元素:before和:after的精彩用法

伪元素:before和:after的精彩用法

在上一篇《理解:Before和:After伪元素》文章,我们举出的只是一个非常简单的使用伪元素:before和:after装饰“引用语”的用法。在这片文章里,我要在看看三个更高级、更绚丽的:before和:after的用法。

理解:Before和:After伪元素

理解:Before和:After伪元素

所谓‘伪元素’,就是本身不存在的页面元素,HTML代码里并没有这样的元素,但在页面显示时,你却能看到这些本来不存在的元素发挥着作用。

HTML5版的Winamp音乐播放器

HTML5版的Winamp音乐播放器

这是用纯HTML5和JavaScript实现的Winamp音乐播放器,它不仅仅外观看着像,它是以为可以实际播放音乐的HTML5音乐播放器。它可以播放你提供的音乐歌曲。

设置空的alt属性值,让页面上图片更具易用性

设置空的alt属性值,让页面上图片更具易用性

我曾经以为,页面上的所有图片都应该设置alt属性。但现在却发现,事实并不是这样。

CSS自定义光标样式

CSS自定义光标样式

这里要说的一个技巧也是以往在老式的IE浏览器里很难实现的功能——用css自定义鼠标光标样式。使用CSS能很容易的实现这个功能。

用JavaScript探测页面上的广告是否被AdBlock屏蔽了的方法

用JavaScript探测页面上的广告是否被AdBlock屏蔽了的方法

广告是一个不招人喜欢的东西。但是,对一个中小网站站长/博客主来说,广告几乎是唯一的能成支持网站/博客正常运转的资金来源。如果一个博客主,只是无私发布稿件,能坚持几年的,很少。大多数慢慢失去了热情。

精通:nth-child

精通:nth-child

CSS3中的:nth-child 伪类是一种非常有用的技巧。使用它,你可以通过CSS控制页面元素的第n个元素,或倒数第n个元素,或从第m个到第n个范围子元素的样式,甚至包括奇数位和偶数位过滤。

如何用JavaScript获取图片的真实尺寸大小

如何用JavaScript获取图片的真实尺寸大小

我们最常见到的带有多图的文章页面中,图的大小通常是和页面的宽度一致,这样看起来,页面就是一个直筒形,这样的布局看多了就会觉得很单调。之所以形成这样的局面,我想很大程度上是因为老式浏览器的限制。但随着现代浏览器(火狐/谷歌/IE11)的普及,浏览器对页面设计的限制越来越少,Web程序员的想象能力能够得到极大的发挥。

背景图延迟加载(lazyload)技术

背景图延迟加载(lazyload)技术

图片延迟加载技术目前已经被各种网站广泛的使用,但最近的一篇《PS美女试验的惊人结果 》文章中使用的确是背景图延迟加载技术。为什么要使用背景图延迟加载技术?下面我们就来说一说这个问题。

JavaScript小技巧:如何检测一个函数是否是JavaScript原生函数

JavaScript小技巧:如何检测一个函数是否是JavaScript原生函数

在我的开发工作中经常会遇到需要判断一个函数是否是JavaScript原生函数的情况,有时候这是一个很必要的工作,你需要知道这个函数是浏览器自身提供的,还是由第三方封装、伪装成原生函数。

HTML5探秘:用requestAnimationFrame优化Web动画

HTML5探秘:用requestAnimationFrame优化Web动画

在浏览器动画程序中,我们通常使用一个定时器来循环每隔几毫秒移动目标物体一次,来让它动起来。如今有一个好消息,浏览器开发商们决定:“嗨,为什么我们不在浏览器里提供这样一个API呢

12个你未必知道的CSS小知识

12个你未必知道的CSS小知识

虽然CSS并不是一种很复杂的技术,但就算你是一个使用CSS多年的高手,仍然会有很多CSS用法/属性/属性值你从来没使用过,甚至从来没听说过。

你未必知道的CSS小知识:word-wrap和overflow-wrap是等效的

你未必知道的CSS小知识:word-wrap和overflow-wrap是等效的

word-wrap并不是一个很常用的CSS属性,但在特定的环境中确实非常有用的。我们经常使用的一个例子是让页面中显示一个长url时换行,而不是撑破页面,下面是一个例子。

你未必知道的CSS小知识:font-style的oblique属性值

你未必知道的CSS小知识:font-style的oblique属性值

这里描述所用的“oblique”和“italic”都是倾斜的意思。“oblique”在维基百科里的解释就是一种排版术语,就是一种倾斜的文字,但不是斜体。


京ICP备12002735号