网站前端
SVG、JavaScript、CSS、HTML、各种框架。Web前端开发是从美工演变而来的，名称上有很明显的时代特征。在互联网的演化进程中，Web 1.0时代，网站的主要内容都是静态的，用户使用网站的行为也以浏览为主。
各种各样的框架让人目不暇接，新技术层出不穷。让我们这些前端狗情何以堪。
目前web前端工程师的年薪待遇平均在10万以上，高级HTML前端工程师年薪达30—50万，很多企业对于与web前端相关的技术职位更是求贤若渴。
CSS的::selection使用方法
2017年01月08日
CSS改变默认文本选中的颜色的方法一般情况下在网页里的文本我们用鼠标选中的时候都是蓝色的，这个默认颜色也是可以更改的，本文我们学习如何使用CSS3实现改变默认文本选中的颜色。以我的系统举例（xp 默认主题），浏览器上页面文字选中后默认的背景色是一种蓝色， 不同浏览器的颜色有些许差异，但大致相同，文字颜色也近乎白色。一、关于浏览器文字选中颜色：在CSS3的爸爸 妈妈还没有相亲认识的时候，要改变页面上...
::selection
2017年01月08日
概述::selection CSS伪元素应用于文档中被用户高亮的部分（比如使用鼠标或其他选择设备选中的部分）。只有一小部分CSS属性可以用于 : :selection 选择器： color, background-color, cursor, outline, text-decoration, text-emphasis-color和text-shadow。要特别注意的是，background-i...
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图标 首先，我们来说...