web前端开发必备的10项CSS技巧
CSS是web前端开发工程师的基础知识,对CSS的了解能使他们能够设计出更加美观别致的网页。使用CSS技巧来巧妙地处理CSS是非常令设计师着迷的事情。在CSS的深海世界里有很多有意思的东西,你只需要找到最适合你的就好。当然我们不可能一下子就记住所有CSS的规…
让 CSS 的 &https://csswang.com/8220;vertical-align: middle&https://csswang.com/8221; 属性支持 IE 6/7
本篇文章展现一些能够将目标元素放在父元素的中间例子。第一个例子可以在除IE7以下的所有浏览器中实现,第二个例子虽然看起来有些复杂,但它的一些技巧可以在IE7和IE6中实现。在这个例子中,类名为valign的div作为父类元素,需要特别注意的是,valign的css…
使用 JavaScript 和 CSS 实现图像缩放和剪裁
在页面上需要裁减和缩放一张图片是一个常见问题。缩放图片比较简单的方法是使用image的hight和width属性。同样地,裁剪图片可以通过将图像设置为元素背景并设置元素的高度和宽度来完成。无论如何,缩放和裁剪图像都稍微复杂了一点。如果这需要经常做…
CSS3动画和过渡效果
今天,我们已经整理出了一系列最好的和详细的教程CSS3过渡,CSS3渐变,CSS3动画等,是用CSS3一切很容易和更有效。它改变了许多旧的Web开发技术,目前已经取得了网络的发展速度更快,效率和更容易。随着CSS3过渡和动画,可以使web开发经验甚至更好的与所…
CSS3完美圆角实现的研究
上图中这些按钮漂亮吗?喜欢吗?你是否曾经有意或无意想要设计这样一个漂亮的按钮,一个圆角矩形嵌套在另外一个圆角矩形中,然后你不知道应该怎么根据给定的外部半径设置内部半径大小,或者反过来根据内部半径大小设置外部大小?这就是我们接下来要…
加速Web前端开发知名的HTML5框架
与手工编码比起来,HTML5框架在准确性和正确率方面给予了保证。大多数HTML5框架都会有一个组合或者包含一些额外的组件,比如jQuery Scripts。CSS3样式表则以改善多媒体特征的功能性和响应式的Web布局为主。如果你有一个根据固定流程进行的特定项目,…
2012年互联网十大苦逼职业排行榜
曾几何时,我们都会给那些天天坐在电脑旁工作的人,按上一个白领的头衔!日赚千金或者月收过万,等等都伴随着每个互联网从业人士,有的人是梦想有朝一日可以达到,从而进入互联网,也有人是从一开始的专业就是电子商务学,最终进入这个没有硝烟的战…
利用HTML5监控网站性能
本文针对HTML5在网站性能监控方面带来的新特性,与大家分享携程旅行网在此方向的实践经验。HTML5技术给Web带来很多新的元素,不仅使网站变得越来越美观,交互体验越来越接近完美,更使得很多曾经不可能完成的功能都可以实现。网站性能监控的现状网站…
响应式布局移动设备适配
由于用户浏览器分辨率分布、运营维护成本、全站页面宽度规范等原因,2012年末一淘新首页对1200px、990px、750px(for ipad)这3个尺寸的响应不同布局,期望在ipad下横屏显示990px版本,竖版显示750版本,iphone下显示750版本。不同设备尺寸的不同显示…
web开发人员需要知道的事情
我最喜欢web开发的一点是,它包括许多许多不同的技能。作为一个好的开发者,一定要好好学习,天天向上,因为我们有很多重要的技能要学习,而且它们总是在不停的发生变化。这里我列出了其中最为重要的10个技能,它们有点倾向于前端开发,但总体上适合…
HTML5的未来 – HTML5 还能走多远?
HTML5的问世引发了网络开发者们的激烈争论,HTML5 – HTML5真的有如看上去那么好吗?还是说它只是一个被大肆炒作了的标准HTML?现在网上有大量关于HTML5的虚假信息,但大多人可能根本就不明白什 么是HTML5。然而,事实上当这项技术还在预期阶段时,人…
web前端网站性能测试工具集合
文收集了一些常用的网站性能测试工具,可以帮助你诊断和分析你的网站,让你更加全面的了解自己的网站性能。在这个高速发展的互联网时代,网速性能速度不行,给用户不良影响,以后也许没有多少人来访问了,所以我们必须得别关注。Google Page Speed谷…
Google JavaScript 开源工具和库集锦
1.JavaScript代码风格https://google-styleguide.googlecode.com/svn/trunk/javascriptguide.xml2.Closure Compiler(闭包编辑器)https://developers.google.com/c [Read More…]
IE10,带您走进HTML5时代
微软随着 Windows 8 操作系统提供了 Internet Explorer 10.0 版,这标志IE浏览器对HTML5等新技术支持性的进一步发展与成熟,同时,IE10也提供了新的 Windows 8 风格的一个轻量级App,更加适合触摸,带给用户沉浸式的用户体验。IE10 对 HTML5 [Read M…
你可能不知道的html与CSS
CSS em 单位原来,来自CSS em单位大写字母M的宽度,这是它的名称的来源。HTML5 标签HTML5结构标签来自常见的ID和CLASS的命名。最小有效的HTML页面随着HTML5的到来,你只需要定义的文档类型,以创建一个新的有效的网页标题。因此,从理论上说,没有 [Read M…