网站前端
SVG、JavaScript、CSS、HTML、各种框架。Web前端开发是从美工演变而来的，名称上有很明显的时代特征。在互联网的演化进程中，Web 1.0时代，网站的主要内容都是静态的，用户使用网站的行为也以浏览为主。
各种各样的框架让人目不暇接，新技术层出不穷。让我们这些前端狗情何以堪。
目前web前端工程师的年薪待遇平均在10万以上，高级HTML前端工程师年薪达30—50万，很多企业对于与web前端相关的技术职位更是求贤若渴。
Jquery鼠标悬停效果
2017年01月05日
首先还是老规矩上效果：接下来开始上代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style type="text/css"> .box{width: 600px; height: 200px;background: #f5f5f5} ...
css3变形属性transform
2017年01月03日
w3c上的例子是这样子写的：div { transform:rotate(7deg); -ms-transform:rotate(7deg); /* IE 9 */ -moz-transform:rotate(7deg); /* Firefox */ -webkit-transform:rotate(7deg); /* Safari and Chrome */ -o-transform...
这样使用GPU动画
2017年01月03日
大多数人知道现代网络浏览器使用GPU来渲染部分网页，特别是具有动画的部分。 例如，使用transform属性的CSS动画看起来比使用left和top属性的动画更平滑。 但是如果你问，“我如何从GPU获得平滑的动画？”在大多数情况下，你会听到像“使用transform:translateZ(0）或will-change:transform这样的建议。这些属性已经成为像我们如何在Internet Ex...
盒子大小调整
2017年01月02日
一个盒子的大小定义如下：.n_com_width{ width: 1200px; margin: 0px auto;} 之后又定义了内边距（15px）：#third_box{ height: auto; padding: 0 15px;}现在这个盒子的宽度：1200+15*2=1230px，如果不想更改宽度，又要有内边距该如何改呢？上代码：#third_box{ height: ...
如何制作圣诞袜SVG图标
2016年12月31日
圣诞节虽然与西方人的信仰有关，但对于我们中国人来说，这是一个和浪漫、娱乐和送礼有关的节日。那么，就让我们用AI来绘制一组SVG格式的圣诞嘉年华图标吧。网页设计师们应该并不陌生，网络的网页字体图标就是利用SVG插入网页显示的，它保持了高清的完美细节，在多平台的网页里受到追捧，这篇教程将教大家如何通过AI绘制SVG图标，并利用在线工具生成字体图标。一起来狂欢吧! 一、认识SVG图标 首先，我们来说...
分享5个主流的HTML5开发工具
2016年12月31日
HTML5被看做是web开发者创建流行web应用的利器，增加了对视频和Canvas 2D的支持。用HTML5的优点主要在于，这个技术可以进行跨平台的使用。比如你开发了一款HTML5的游戏，你可以很轻易地移植到UC的开放平台、Opera的游戏中心、Facebook应用平台，甚至可以通过封装的技术发放到App Store或Google Play上，所以它的跨平台性非常强大，这也是大多数人对HTML5有...
收集一些jQueryMobile的插件和案例
2016年12月31日
1，photoswipe 网址：http://www.photoswipe.com/ demo: http://www.photoswipe.com/latest/examples/04-jquery-mobile.html 小我描述：在手机上操纵很流畅，能自应用屏幕尺寸，竖屏显示结果很好，横屏图片太大了，也就是列数固定的原因。 2，Touch-Gallery 网址：http://neteye.g...