whqet-CSDN博客

翻译 CSS3 Flexbox可视化指南

原文：scotch.io的A Visual Guide to CSS3 Flexbox Properties 译者：前端开发whqet，意译为主不当之处，欢迎指正！译言：希望可以通过可视化的方式帮助您了解Flexbox属性如何影响flex布局。大家可以到原文demo那里先一睹为快,注意，需翻墙浏览（因为原文调用google api插件），我们提供了另外的在线实验平台，或者你也可以到github关注、下载。

2015-04-28 10:51:55 7278 10

原创玩游戏学前端——看您的细节把握能力

大约一年前曾经通过两篇文章给大家推荐了几个前端游戏《玩游戏学前端——猜颜色、选择器》、《玩游戏学前端——颜色您了解多少？》，刚刚又给大家分享了《玩游戏学前端——钢笔工具边玩边学》，通过玩游戏来学东西真的轻松愉快，我们接着给大家分享两个游戏，看看您的细节把握能力如何？

2015-04-23 13:04:01 14631 15

原创玩游戏学前端——钢笔工具边玩边学

引入大约一年前曾经通过两篇文章给大家推荐了几个前端游戏《玩游戏学前端——猜颜色、选择器》、《玩游戏学前端——颜色您了解多少？》，如果大家看到过定然会发现，通过玩游戏来学东西真的轻松愉快。今天我们继续给大家推荐一个游戏，让大家边学边玩钢笔工具。钢笔工具是PS里面一个用途广泛而又略微难学的工具，有多少同学可以非常有把握的说掌握了钢笔工具，来来来不妨一试！！游戏整个游戏分为两个部分，一个部分是教学部分

2015-04-23 11:56:40 6532 17

翻译 07模块-AngularJS基础教程

本系列教程以翻译Chris Smith的Angualr Basics为梗概，融合博主自己的理解，为大家提供一个简单明了的学习教程，通过讲解基础、实用的内容，简化学习进程、降低学习难度。本文为系列教程的第7篇，Angular 模块。

2015-04-19 11:54:36 4149 12

翻译 06集合-AngularJS基础教程

本系列教程以翻译Chris Smith的Angualr Basics为梗概，融合博主自己的理解，为大家提供一个简单明了的学习教程，通过讲解基础、实用的内容，简化学习进程、降低学习难度。本文为系列教程的第6篇，Angular 集合

2015-04-16 11:32:39 5647 16

翻译 05作用域-AngularJS基础教程

本系列教程以翻译Chris Smith的Angualr Basics为梗概，融合博主自己的理解，为大家提供一个简单明了的学习教程，通过讲解基础、实用的内容，简化学习进程、降低学习难度。本文为系列教程的第5篇，Angular 作用域。

2015-04-14 16:54:43 4901 20

翻译 04控制器-AngularJS基础教程

本系列教程以翻译Chris Smith的Angualr Basics为梗概，融合博主自己的理解，为大家提供一个简单明了的学习教程，通过讲解基础、实用的内容，简化学习进程、降低学习难度。本文为系列教程的第4篇，Angular控制器。...

2015-04-07 19:10:27 6753 13

原创《CSDN Markdown简明教程》课程上线！

《CSDN Markdown简明教程》课程在CSDN学院上线，敬请品鉴，欢迎斧正！本文包括课程介绍、课程目标、课程目录、参考博文目录，同时希望您可以从课程内容、授课形式、教学风格、视频录制等等诸多方面给予博主帮助，期待您的回复！

2015-04-06 11:49:51 12578 42

转载 Awesome AngularJs

Awesome AngularJsA list of awesome AngularJs services, directives, utilities and resources.

2015-04-06 08:20:28 3128 3

原创 CSDN Markdown简明教程-王海庆-专题视频课程

Markdown把作者从繁杂的排版工作中解放出来，实现易读易写的文章写作，已经逐渐成为事实上的行业标准。CSDN博客支持Markdown可以让广大博友更加专注于博客内容，大赞。但是，不少博友可能对Markdown比较生疏，系列文章《Markdown简明教程》扼要介绍CSDN Markdown，本视频为系列教程的配套教程，希望可以对大家有所帮助。...

2015-03-31 09:21:42 260

原创《网页设计与制作》课程主页

引言为了激发广大童鞋的学习积极性，让我们的学习更加贴近未来工作需求，便于记录学习过程、总结学习收获、广交朋友，我们在CSDN上开通课程主页，希望大家可以通过CSDN这样的学习平台，更好地提升自我。

2015-03-31 08:13:28 9819 18

翻译 03基础-AngularJS基础教程

本系列教程以翻译Chris Smith的Angualr Basics为梗概，融合博主自己的理解，为大家提供一个简单明了的学习教程，通过讲解基础、实用的内容，简化学习进程、降低学习难度。本文为系列教程的第3篇，Angular基础。

2015-03-28 09:29:19 7247 23

翻译 02引言-AngularJS基础教程

AngularJS的初衷是为了**简化web APP开发**，精髓是**简单**。本教程试图用通俗的语言讲解**最为基础**、**最为实用**的内容，**简化学习进程、降低学习难度**，系列教程以翻译Angular Basics为梗概，融合博主自己的理解，为大家提供一个简单明了的教程，本文为第02篇，引言。

2015-03-26 11:03:43 5191 21

原创 01序-AngularJS 基础教程

AngularJS的初衷是为了**简化web APP开发**，精髓是**简单**。但是国内外有很多AngularJS的教程，都着重讲AngularJS的强大之处，从而增加了AngularJS学习的难度，本教程试图用通俗的语言讲解**最为基础**、**最为实用**的内容，***简化学习进程、降低学习难度***是本教程的初衷。

2015-03-26 08:03:22 4351 16

原创 Page Visibility实现焦点丢失提醒

HTML5 Page Visibility API是一个非常有用的特性，当页面对用户不可见时，暂停播放页面中的视频、动画、声音、以及其他耗费内存的操作，等用户回来时，再继续这些操作。当然，最好提醒下用户可以继续回到本页面上来，本文研究利用改变页面tab（title）实现提醒。

2015-03-21 06:29:15 7173 12

原创 CSDN Markdown简明教程5-快速上手

本文为《Markdown简明教程》系列教程的第5篇CSDN Markdown快速上手，主要讲解CSDN Markdown的特点、快速上手、个性定制文章模板等。

2015-03-17 19:42:04 16540 24

原创 CSDN Markdown简明教程4-UML图

本文为《Markdown简明教程》系列教程的第4篇Markdown UML图，主要讲解Markdown序列图、流程图等, 顺便为介绍了无需任何插件的在线绘制UML的Gravizo。下一篇文章我们来研读CSDN Markdown的一些特性。

2015-03-16 23:02:41 19778 34

原创 CSDN Markdown简明教程2-基本使用

1.前言Markdown是一种轻量级的标记语言，把作者从繁杂的排版工作中解放出来，实现易读易写的文章写作，已经逐渐成为事实上的行业标准。CSDN博客支持Markdown可以让广大博友更加专注于博客内容，大赞。但是，不少博友可能对Markdown比较生疏，本博接下来用一个系列文章《Markdown简明教程》扼要介绍Markdown，希望可以对大家有所帮助。

2015-03-16 22:07:12 23563 45

原创 CSDN Markdown简明教程3-表格和公式

1. 前言Markdown是一种轻量级的标记语言，把作者从繁杂的排版工作中解放出来，实现易读易写的文章写作，已经逐渐成为事实上的行业标准。CSDN博客支持Markdown可以让广大博友更加专注于博客内容，大赞。但是，不少博友可能对Markdown比较生疏，本博接下来用一个系列文章《Markdown简明教程》扼要介绍Markdown，希望可以对大家有所帮助。系列教程目录关于MarkdownMark

2015-03-16 22:06:07 34688 37

原创 CSDN Markdown简明教程1-关于Markdown

Markdown是一种轻量级的标记语言，把作者从繁杂的排版工作中解放出来，实现易读易写的文章写作，已经逐渐成为事实上的行业标准。CSDN博客支持Markdown可以让广大博友更加专注于博客内容，大赞。但是，不少博友可能对Markdown比较生疏，本博接下来用一个系列文章《Markdown简明教程》扼要介绍Markdown，希望可以对大家有所帮助。本文为系列文章的第一篇，关于Markdown。

2015-03-15 18:25:12 17094 33

原创 AngularJS实现数据可视化

我们来研究下利用AngularJS实现条形图、折线图等数据可视化效果。

2015-03-05 11:36:44 19232 22

原创 Javascript Tips & Tricks

前端开发规范系列文章之Javascript Tips and Tricks，本意是写成常用代码收集、常用技巧整理的文章，感觉“常用代码大全”太土、“实用代码整理”有失偏颇，“提示与技巧”不够稳重，所以使用常用的英语说法，相信广大程序员都懂得。

2015-02-20 05:54:19 6739 8

原创新年快乐，怀恋故乡

除夕夜，在外漂泊的游子，听了刘欢演绎的诗人木心的从前慢，十分应景的触动了心弦。

2015-02-19 00:01:59 2564 12

原创 Sass map详解

作为一个CSS预处理器，Sass正受到越来越多的青睐，诸如Github、Codepen、CSS-Tricks、SitePoint、w3cplus等网站采用Sass组织、管理CSS文件，Sass正在逐渐成为事实上的CSS预处理器行业标准。接下来几篇文章，我们来研读下Sass中的关键功能，今天来看map，大家不妨一坐，精彩内容马上呈现。 map简介在Sass中，maps代表一种数据类型，可以包含若干键

2015-02-16 09:07:22 6706 13

原创情人节网站logo赏析

一年一度的情人节，不少网站都进行了不错的装点，我们不妨来简单浏览一下，借以触发灵感。

2015-02-14 17:59:36 3547 13

原创 CSS currentColor研究

刚刚写了篇《CSS变量试玩儿》，我们了解到可以使用原生的CSS来定义使用变量，简化CSS书写、优化代码的组织与维护，但可怕的兼容性问题，又让我们望而却步、一笑了之。但是有这么一个CSS变量currentColor，兼容良好、功能强大，接下来我们来一探究竟。简介CSS里已经有一个长期存在的兼容性良好的变量currentColor，表示对当前元素颜色的引用，可以应用在当前元素的其他属性和后代元素上。

2015-02-12 16:35:09 4185 10

原创 CSS变量试玩儿

CSS很美妙，能够为您的页面穿上衣裳，各种各样五彩斑斓的衣裳，但是对于开发者来说，它又不够灵动，于是乎有了各种各样的预处理器Sass、LESS、Stylus，这些预处理器可以很大程度的提高CSS的灵活性，增强CSS的代码组织与维护。但是毕竟不是亲生的，然后负责CSS开发的那些大牛们坐不住了，开始给CSS赋予一些新的特性，本文就来探讨下CSS变量的进展与应用。

2015-02-12 10:24:38 9644 32

原创 CSS Counter Style试玩儿

2015年2月3日，CSS Counter Style level3成为了W3C的候选标准，是时候来一探究竟，看看强大魔力的@counter-style如何自定义list-style和counter。进来一坐，且听庆哥分解。

2015-02-08 07:53:54 8778 27

原创纯CSS实现表单验证

ladies and 乡亲们，表单验证你在做吗？客户端or服务器端，javascript or jquery，动手写 or 使用插件，今天我们来探索下使用纯css实现表单验证，借以学习css selectors level 4中的表单相关的伪类选择器。

2015-02-07 17:10:12 11750 48

原创段落文字彩条效果

程序媛and程序猿，兄弟姐妹们，大家周末好，我们今天来研读一下利用纯css实现段落文字的彩条效果。有朋友就说了，不就是css3的渐变吗，最多加上webkit内核的-webkit-background-clip，嗯，远不止哟，进来一坐了解详情……

2015-02-07 16:37:29 3687 26

转载 node.js中文资料导航

node.js中文资料导航转自https://github.com/youyudehexie/node123

2015-02-02 15:32:30 2047 4

原创表单标签动画畅想

引言今天来看一组表单标签动画效果，希望可以对大家有所帮助，灵感来自于Inspiration for Text Input和Text Input Love，一并致谢。 15种效果等着您来赏识，不妨近来一坐。

2015-02-01 14:52:20 6673 55

原创文字菜单动画畅想

本博之前曾经写过两篇博文《纯css3文字效果推荐》、《css3立体文字最佳实践》得到了大家的广泛关注，今天我们更进一步，研究一下文字菜单上可以做哪些动画，15种效果会不会有您喜欢的，来来来，不妨进来坐坐。

2015-01-30 06:34:57 7825 29

原创跟名站学前端之Trippeo

今天早上闲逛的时候发现了《Trippeo》-一个管理商业旅行软件产品的官方网站，网站简洁而又大方，值得我们学习，我们重点研读它的文字遮罩链接效果。

2015-01-29 08:36:59 3397 10

翻译 10分钟快速学Handlebars

据说handlebars是一个流行的模板引擎，可以把html从javascript中分离出来，写更清晰的代码。来不妨一试。

2015-01-29 05:39:16 7707 8

翻译 JS错误的诊断与修复

Javascript的调试仍然是大多人的噩梦，有什么妙招吗，看看老外大牛如何说……

2015-01-28 06:29:20 12483 12

原创炫彩logo粒子效果

昨天我们学习了利用requestAnimationFrame优化动画控制，然后就忍不住冲动，在fork别人codepen的基础上，实现了这个炫彩logo粒子效果，效果预览如下。

2015-01-21 14:23:21 8399 28

原创 requestAnimationFrame动画控制详解

还在使用setInterval吗，你out了，requestAnimationFrame可以实现更为经济、更加准确的控制动画，今天来看看它的来龙去脉。

2015-01-20 07:28:23 30190 19

原创 ECharts案例教程2

ECharts案例教程系列文章，试图通过案例从入门到精通的方式学习数据可视化工具ECharts，第1篇我们通过简单的条形图、条形图和折线图的混搭两个案例描述ECharts的使用流程，数据配置框架等。本博文为第2篇，研究时间轴在数据图中的应用。

2015-01-16 07:15:26 12508 40

原创 ECharts案例教程1

早上起来闲逛codops，在它的Web Design & Development News: Collective #149 | Codrops发现了来自百度的数据可视化工具Echarts，貌似功能强大，自己尝试着学习下，顺便给大家梳理Echarts案例教程系列文章，欢迎大家点赞拍砖！

2015-01-14 12:23:05 16399 19

纯CSS3实现图像鼠标悬停效果

主要利用css3transition、transform实现鼠标悬停效果，很不错的效果，定然不让你失望，可以到http://blog.csdn.net/whqet/article/details/22891391了解详情。

2014-04-13

图像多维展示效果

在Awwwards上欣赏牛人大作时，看到了一个网站newtonrunning，狠喜欢他的菜单切换效果和球鞋多维展示效果，然后禁不住手痒仿制了一个多维图像展示效果，大家可以到我的博客http://blog.csdn.net/whqet查看详情。

2014-04-13

纯css实现的3d翻转效果

纯css实现的3d翻转效果，可以用来学习理解css的3d动画实现，思路借鉴。

2013-04-30

AS3焦点图 Flash ActionScript 3.0 焦点图经典网络应用程序

AS3写的焦点图。AS3焦点图 Flash ActionScript 3.0 焦点图经典网络应用程序。XMl文件读取。/* 用到了知识点： Timer XML URLLoader pic Loader 按钮按钮单击事件 */ /** 思路：不进行缩放 1.初始化，控制面板背景，表示标题的动态文本，控制的按钮，生成提示当前图片的按钮。 2.读取XML，把里面的图片信息（图片地址和图片标题）获取进来，生成按钮 3.自动播放，Timer 4.鼠标控制 */ //控制控制面板的位置，0代表上方，1代表下方

2011-01-18

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人