自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

whqet

爱前端,乐分享,准备陪着女儿玩编程!

  • 博客(200)
  • 资源 (4)
  • 论坛 (2)
  • 收藏
  • 关注

原创 《前端开发轻松上手》B站系列视频

在B站开始更新《前端开发轻松上手》系列视频,依据HTML、CSS、Javascript的路径,轻松上手前端开发,通过案例的方式巩固前端开发基础知识!敬请三连!详情请戳《前端开发轻松上手》!

2020-08-01 08:18:34 87

原创 c++ cheat sheet

C++简明教程,可以用来复习知识点、巩固基础知识、备忘提示等作用。

2019-08-14 09:06:14 364

原创 《陪着女儿玩编程》之开篇

家有小女,今年9岁,经常陪着我码代码,于是乎玩了一年Scratch,现在忍不住想学点更深奥的啦。我们准备学学c++,准备搞个学习心得分享的系列文章,顺便拯救荒芜一片的博客。...

2019-08-09 17:49:04 263

原创 A-Frame简明教程之在线学习体验

本文为A-Frame简明教程系列文章的第零篇,大家可以到专题里了解更多。引子今天在Github上浏览教程,偶然间发现一个在线学习的A-Frame教程,忍不住fork过来探索了一番,于是就有啦在线学习体验系统,也欢迎大家到在线学习体验的github仓库star、fork。系统截图贴几张图大家提前感受下。 系统地址系统地址 gith...

2018-02-10 22:00:10 920

原创 modern-normalize vs normalize.css

normalize.css我们知道normalize.css可以让浏览器以接近标准的方式一致地渲染所有元素,而且不同于cssrest,只针对需要正常化的元素。它的官方网站为normalize.css,最新版本为8.0。浏览器支持ChromeEdgeFirefox ESR+Internet Explorer 10+Safari 8+Opera源码分析...

2018-02-09 11:04:27 462

原创 A-Frame简明教程之实体组件系统

本文为A-Frame简明教程系列文章的第三篇,大家可以到专题里了解更多。实体组件系统1. 概述实体-组件-系统(Entity Component System, ECS)是三维游戏中常见且理想的设计模式,A-Frame同样采用了ECS模式。ECS的基本定义包括:实体是容器对象,用来包含组件。实体是场景中所有对象的基础。没有附加组件的实体不会渲染任何东西,类似于...

2018-02-08 10:00:21 733

原创 面向2018年的设计趋势

《2018年值得设计师学习的六大视觉设计趋势》《2018年即将流行的交互设计六大趋势》《2018年,这10个LOGO设计趋势值得你关注》《掌握这12个移动端UX设计趋势,你就掌控了2018年》《2018年的UI / UX设计趋势,18位大牛设计师的预测》《跟随这10个趋势,你可以在2018年设计出出众的网页》...

2018-02-07 09:06:48 282

原创 A-Frame简明教程之创建场景

本文为A-Frame简明教程系列文章的第二篇,大家可以到专题里了解更多。A-Frame创建场景在A-Frame中,场景是全局根对象,是存放所有实体的容器,场景通过元素来表示。接下来,我们来通过一个案例来逐步了解下A-Frame的场景创建。1.准备工作准备工作可以分为两个部分: - 导入A-Frame库 - 创建好a-scene标签 为了更好地显示实体,我们同时添加...

2018-02-06 15:36:04 1089

原创 A-Frame简明教程之初体验

本文为A-Frame简明教程系列文章的第一篇,大家可以到专题里了解更多。A-Frame初体验关于A-FrameA-Frame是一个利用web技术创建虚拟现实的框架,由moz://a维护支持。 尽管名字起的有点不着调,但是,对于有着web编程背景的人来说,上手容易,而且虚拟现实也是未来的趋势,A-Frame的确是值得一学。 让我们一起来学习感受下。简单案例-全...

2018-02-05 17:18:27 1183

原创 我回来了

经过一段时间的沉寂,我回来了。希望可以通过blog继续梳理自己,分享学习,共同成长!!

2018-02-05 08:47:44 275 2

原创 前端资讯源

数据节选自前端癖,欢迎Star、Watch。

2016-07-17 10:06:36 4802 1

原创 跟随前端大神的脚步

寻找Github、微博、知乎等技术社区上比较活跃、影响力大的圈内大神,供大家膜拜!

2016-07-13 12:18:24 11942 2

原创 前端开发行业现状调查

欢迎大家有闲的时候参与调查,帮助我们了解前端开发的现状,进而帮助我们的学习。

2016-07-04 17:35:55 8658 3

原创 高性能动画“box-shadow”属性

本文从《[How to animate "box-shadow" with silky smooth performance](http://tobiasahlin.com/blog/how-to-animate-box-shadow/)》编译而来,英文没问题的同学,看原文找原味。

2015-12-13 10:52:58 4439 13

转载 Javascript样式指南

Javascript样式指南,用更合理的方式写 JavaScript

2015-12-13 10:04:08 2135 1

翻译 JS开发者调查

翻译一个国外大牛做的JS开发者调查,JS使用方面的30个问题,让你了解JS技术现状。

2015-12-12 18:36:55 3823 4

原创 Cmder+Sublime Text“基友”实验

在前端项目开发中,Sass、Compass、Gulp、Git等等越来越多地用到命令行工具,windows自带的命令行工具实在不堪,于是Cmder成为很多人的选择。同时,号称“最性感”的Sublime Text因为其可扩展性、可定制性正在成为前端开发人员的一个“法宝”。如何让这两个“好基友”协同工作呢?本文来简要分析下。

2015-12-11 13:14:52 11533 13

原创 segment-实现SVG路径描边绘制与动画的轻量库

今天来一起了解一个实现SVG路径描边绘制与动画的轻量级类库[segment](https://github.com/lmgonzalves/segment),我们从轻松上手、使用详解、资源和案例、源码解读等几个方面进行介绍。

2015-11-23 08:48:45 2590

原创 高性能动画“box-shadow”属性

本文从《How to animate “box-shadow” with silky smooth performance》编译而来,英文没问题的同学,看原文找原味。 案例效果如下图所示,具体效果请移步demo。 ![案例演示](http://img.blog.csdn.net/20151123083204051为提高动画性能,应该减少页面的repaint次数。因此相对于直接动画“box-sh...

2015-11-23 08:38:37 507

原创 TimelineMax系列教程

今天分享一个来自W3CPlus的TimelineMax系列教程,本系列教程将从非常基础的知识开始讲起,介绍TimelineMax库和它的基础语法,再到mechanics、tweens、贝塞尔曲线以及很多很多东西。学习的过程中,我们将使用一些实际的demo来辅助大家学习。TimelineMax:入门TimelineMax: 理解MechanicsTimelineMax:Tweening简介T...

2015-11-17 19:21:52 1865

原创 Service Workers“早”知道?

最近关于Service Workers的研究与讨论日益增多,今天就给我大家梳理一些相关资源,让大家一睹为快!!

2015-11-16 09:43:03 2458 4

原创 Service Workers“早”知道

最近关于Service Workers的研究与讨论日益增多,今天就给我大家来梳理一些资源,让大家一睹为快!!1.啥是Service workers?我们知道原生App拥有的富离线体验,如定时静默更新,消息通知推送等功能,曾经是是web应用“羡慕嫉妒恨”的功能。有了Service Worker,Web APP也可以拥有这些功能。简单来说,Service Workers赋予Web APP以非常好的离线...

2015-11-16 09:11:11 227

原创 segment-实现SVG路径描边绘制与动画的轻量库

今天来一起了解一个实现SVG路径描边绘制与动画的轻量级类库segment,我们从轻松上手、使用详解、资源和案例、源码解读等几个方面进行介绍。 1. 轻松上手html方面添加segment,定义path。<script src="/dist/segment.min.js"></script><svg> <path id="my-path" .....

2015-11-13 08:45:30 532

原创 resize属性研究

resize属性是[CSS3 UI](http://www.w3.org/TR/css3-ui/)中的一个属性,允许用户调整元素的尺寸。今天通过一个图像对比案例来简要学习下。

2015-11-09 14:02:31 2985

翻译 CSS定位属性之间的相互作用

来看下CSS标布局情况下,定位相关属性之间的相互作用。

2015-10-28 09:45:18 2346 2

原创 CSSgram-使用CSS Filters和CSS Blend Modes实现Instagram风格滤镜

CSSgram是一个简单易用的CSS库,组合CSS Filter和CSS Blend Modes实现的Instagram风格的图片滤镜,通过在图片上叠加颜色或渐变模拟实现滤镜,可以节省大量的图片处理时间,增加线上“玩弄”图片的乐趣。

2015-10-26 14:29:02 2540 2

原创 CSSgram:使用CSS Filters和CSS Blend Modes实现Instagram风格滤镜

1. 简介CSSgram是一个简单易用的CSS库,组合CSS Filter和CSS Blend Modes实现的Instagram风格的图片滤镜,通过在图片上叠加颜色或渐变模拟实现滤镜,可以节省大量的图片处理时间,增加线上“玩弄”图片的乐趣。2. 兼容性本库主要基于 CSS Filters和 CSS Blend Modes,浏览器兼容性也主要依赖于这两个特性。 Google Chr...

2015-10-26 14:18:49 131

原创 Chrome开发者工具-阅读列表

Chrome的开发者工具是Chrome浏览器内置的编辑和调试利器,熟练使用chrome开发者工具是成为前端修炼的必由之路,来,来,来,一起提高。Chrome开发者工具不完全指南 chrome 开发者工具的 15 个小技巧 如何更专业的使用Chrome开发者工具 希望可以对大家有所帮助。...

2015-10-23 09:41:45 195

原创 Photoshop将死,利用CSS编辑图像

在CSSconf EU 2015上,来自意大利的前端开发大牛Una Kravets做了名为《Photoshop将死,利用CSS编辑图像–Photoshop is Dead!: Editing Images in CSS》的演讲,大家可以狠戳这里(youtube)观看演讲。photoshop购买昂贵、使用麻烦、PS图片难以翻译、难以响应式设计,CSS3方面的 filter,blendmode,mas...

2015-10-10 09:43:57 119

翻译 提高您CSS开发能力的技巧集

翻译自Github,提高您CSS开发能力的技巧集,希望对大家有所帮助。

2015-10-09 12:13:18 3755 1

原创 响应式图片101

来自于w3cplus的响应式图片系列文章响应式图片101(一):定义响应式图片101(二):图片加载希望对大家有所帮助。

2015-09-25 08:19:22 99

翻译 5个常见响应式设计陷阱及解决方案

想象这样的场景: 您刚刚创建了一个**杰出的**响应式设计,然后准备在移动设备中测试一下。在您意想不到的地方产生了一些问题,文字乱糟糟的,动画波涛汹涌,表单没有呈现您设计的样式。然后花费N多时间修复这些问题,您可能抓狂地把电脑扔出窗外砸中邻居家的猫。

2015-09-12 11:55:01 4078

原创 教父级色彩网站欣赏

黑白灰的经典配色是永恒不变的教父级色彩,也是含蓄内秀的典范。今天继续第三弹,15个优雅的黑白灰配色网站。木有配色灵感还可以上网扒色板,如果是黑白灰呢?拿这组高手案例作参考吧。一组黑白灰的低调大气范网站设计一组黑白灰的低调大气范网站设计2一组大气有范儿的黑白灰色调优秀网站设计一组大气有范儿的黑白色调网站设计...

2015-09-06 08:06:20 273

原创 移动APP整体策划

来自与简书的的鹰眼Eeyes的分享,希望对大家有所启发。 1. 策划001-移动App项目研发流程及版本规划 2. 策划002-App启动页的策划意义 3. 策划003-App启动页的策划方案 4. 策划004-App注册登录系统策划方案 5. 策划005-App升级系统策划方案 6. 策划006-App界面设计风格 7. 策划007-App界面交互设计规范 8. 待续希望能对大家...

2015-08-25 20:47:28 426

原创 设计团队网站欣赏

今天在逛UE设计平台的时看到了“设计公司”推荐模块,想知道这个“推荐”是不是名副其实,就产生通过欣赏官网来了解其设计水平的想法。 当然,作为设计公司的主要名片,官网的设计都会倾尽全力,因此通过欣赏设计公司官网增长见识、激发灵感是一个不错的主意。 下面是本人整理的一些设计公司官网,排名不分前后,设计不分贵贱。 1. 优艺客 2. 曼妙设计 3. 太白品牌设计 4. 素云阁 5. 5Ku...

2015-08-24 20:02:50 285

原创 用户体验设计不得不看的行业名博

网址导航ux265uedfansuselinkshao.shejidarenhao.uisdc著名团队博客U一点淘宝UED腾讯CDC腾讯游戏TGideas腾讯MXD腾讯ISUX腾讯TID百度搜索用户体验中心百度移动用户体验部百度前端研发部(FEX)百度前端技术体系(EFE)新浪UED 新浪微博UDC搜狐畅游VC网易用户体验设计中心迅雷用户体验设计中心CU...

2015-08-23 09:28:23 151

原创 APP设计系列

今天来关注下APP设计系列花瓣上的一个系列文章,感觉不错大家不妨一看。 1. [系列]APP设计之一:启动页 2. [系列]APP设计之二:引导页 3. [系列]APP设计之三:搜索 4. [系列]APP设计之四:注册[登录] 5. [系列]APP设计之五:导航另外,大家可以到花瓣、站酷、Behance、Dribbble上多多看图,多多学习。...

2015-08-18 13:02:35 248

原创 AngularJS交互学习教程推荐

许多研究表明,探究式学习、游戏式学习是较为高效的学习方式,编程语言学习更是如此。正如看电影和玩游戏的区别,你在看电影的时候,你完全处于被动的、接受内容状态,而玩游戏则全然不同,你会和计算机有交互,通过自己亲手做完每一件事来收获乐趣和成就感。今天就给大家推荐两款AngularJS的交互学习教程,希望可以对大家有所帮助

2015-04-29 09:48:07 4814 8

翻译 CSS3 Flexbox可视化指南

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

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

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

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

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

图像多维展示效果

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

2014-04-13

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

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

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

whqet的留言板

发表于 2020-01-02 最后回复 2020-01-02

博客之星评选

发表于 2014-12-30 最后回复 2015-02-09

空空如也

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

TA关注的人 TA的粉丝

提示
确定要删除当前文章?
取消 删除