- 博客(202)
- 资源 (4)
- 收藏
- 关注
RSS订阅原创 Javascript数组详解-Array.prototype.reduce
最近几天非常流行的chatGPT，看着各路大神的各种测试，也跟风玩了一下，发现确实牛。chatGPT的VSCODE插件也有啦，感兴趣的小伙伴自己去搜索尝试。
2022-12-11 17:16:24
620
1
原创 《前端开发轻松上手》B站系列视频
在B站开始更新《前端开发轻松上手》系列视频，依据HTML、CSS、Javascript的路径，轻松上手前端开发，通过案例的方式巩固前端开发基础知识！敬请三连！详情请戳《前端开发轻松上手》！
2020-08-01 08:18:34
483
原创 《陪着女儿玩编程》之开篇
家有小女，今年9岁，经常陪着我码代码，于是乎玩了一年Scratch，现在忍不住想学点更深奥的啦。我们准备学学c++，准备搞个学习心得分享的系列文章，顺便拯救荒芜一片的博客。...
2019-08-09 17:49:04
474
原创 A-Frame简明教程之在线学习体验
本文为A-Frame简明教程系列文章的第零篇，大家可以到专题里了解更多。引子今天在Github上浏览教程，偶然间发现一个在线学习的A-Frame教程，忍不住fork过来探索了一番，于是就有啦在线学习体验系统，也欢迎大家到在线学习体验的github仓库star、fork。系统截图贴几张图大家提前感受下。 系统地址系统地址 gith...
2018-02-10 22:00:10
1225
原创 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
726
原创 A-Frame简明教程之实体组件系统
本文为A-Frame简明教程系列文章的第三篇，大家可以到专题里了解更多。实体组件系统1. 概述实体-组件-系统(Entity Component System, ECS)是三维游戏中常见且理想的设计模式，A-Frame同样采用了ECS模式。ECS的基本定义包括：实体是容器对象，用来包含组件。实体是场景中所有对象的基础。没有附加组件的实体不会渲染任何东西，类似于...
2018-02-08 10:00:21
1514
原创 面向2018年的设计趋势
《2018年值得设计师学习的六大视觉设计趋势》《2018年即将流行的交互设计六大趋势》《2018年，这10个LOGO设计趋势值得你关注》《掌握这12个移动端UX设计趋势，你就掌控了2018年》《2018年的UI / UX设计趋势，18位大牛设计师的预测》《跟随这10个趋势，你可以在2018年设计出出众的网页》...
2018-02-07 09:06:48
391
原创 A-Frame简明教程之创建场景
本文为A-Frame简明教程系列文章的第二篇，大家可以到专题里了解更多。A-Frame创建场景在A-Frame中，场景是全局根对象，是存放所有实体的容器，场景通过元素来表示。接下来，我们来通过一个案例来逐步了解下A-Frame的场景创建。1.准备工作准备工作可以分为两个部分： - 导入A-Frame库 - 创建好a-scene标签 为了更好地显示实体，我们同时添加...
2018-02-06 15:36:04
1673
原创 A-Frame简明教程之初体验
本文为A-Frame简明教程系列文章的第一篇，大家可以到专题里了解更多。A-Frame初体验关于A-FrameA-Frame是一个利用web技术创建虚拟现实的框架，由moz://a维护支持。 尽管名字起的有点不着调，但是，对于有着web编程背景的人来说，上手容易，而且虚拟现实也是未来的趋势，A-Frame的确是值得一学。 让我们一起来学习感受下。简单案例-全...
2018-02-05 17:18:27
1803
原创 高性能动画“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
4608
13
原创 Cmder+Sublime Text“基友”实验
在前端项目开发中，Sass、Compass、Gulp、Git等等越来越多地用到命令行工具，windows自带的命令行工具实在不堪，于是Cmder成为很多人的选择。同时，号称“最性感”的Sublime Text因为其可扩展性、可定制性正在成为前端开发人员的一个“法宝”。如何让这两个“好基友”协同工作呢？本文来简要分析下。
2015-12-11 13:14:52
11957
13
原创 segment-实现SVG路径描边绘制与动画的轻量库
今天来一起了解一个实现SVG路径描边绘制与动画的轻量级类库[segment](https://github.com/lmgonzalves/segment)，我们从轻松上手、使用详解、资源和案例、源码解读等几个方面进行介绍。
2015-11-23 08:48:45
2808
原创 高性能动画“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
724
原创 TimelineMax系列教程
今天分享一个来自W3CPlus的TimelineMax系列教程，本系列教程将从非常基础的知识开始讲起，介绍TimelineMax库和它的基础语法，再到mechanics、tweens、贝塞尔曲线以及很多很多东西。学习的过程中，我们将使用一些实际的demo来辅助大家学习。TimelineMax：入门TimelineMax: 理解MechanicsTimelineMax：Tweening简介T...
2015-11-17 19:21:52
2396
原创 Service Workers“早”知道？
最近关于Service Workers的研究与讨论日益增多，今天就给我大家梳理一些相关资源，让大家一睹为快！！
2015-11-16 09:43:03
2541
4
原创 Service Workers“早”知道
最近关于Service Workers的研究与讨论日益增多，今天就给我大家来梳理一些资源，让大家一睹为快！！1.啥是Service workers？我们知道原生App拥有的富离线体验，如定时静默更新，消息通知推送等功能，曾经是是web应用“羡慕嫉妒恨”的功能。有了Service Worker，Web APP也可以拥有这些功能。简单来说，Service Workers赋予Web APP以非常好的离线...
2015-11-16 09:11:11
300
原创 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
702
原创 resize属性研究
resize属性是[CSS3 UI](http://www.w3.org/TR/css3-ui/)中的一个属性，允许用户调整元素的尺寸。今天通过一个图像对比案例来简要学习下。
2015-11-09 14:02:31
3740
原创 CSSgram-使用CSS Filters和CSS Blend Modes实现Instagram风格滤镜
CSSgram是一个简单易用的CSS库，组合CSS Filter和CSS Blend Modes实现的Instagram风格的图片滤镜，通过在图片上叠加颜色或渐变模拟实现滤镜，可以节省大量的图片处理时间，增加线上“玩弄”图片的乐趣。
2015-10-26 14:29:02
2655
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
252
原创 Chrome开发者工具-阅读列表
Chrome的开发者工具是Chrome浏览器内置的编辑和调试利器，熟练使用chrome开发者工具是成为前端修炼的必由之路，来，来，来，一起提高。Chrome开发者工具不完全指南 chrome 开发者工具的 15 个小技巧 如何更专业的使用Chrome开发者工具 希望可以对大家有所帮助。...
2015-10-23 09:41:45
752
原创 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
163
翻译 5个常见响应式设计陷阱及解决方案
想象这样的场景： 您刚刚创建了一个**杰出的**响应式设计，然后准备在移动设备中测试一下。在您意想不到的地方产生了一些问题，文字乱糟糟的，动画波涛汹涌，表单没有呈现您设计的样式。然后花费N多时间修复这些问题，您可能抓狂地把电脑扔出窗外砸中邻居家的猫。
2015-09-12 11:55:01
4403
原创 教父级色彩网站欣赏
黑白灰的经典配色是永恒不变的教父级色彩，也是含蓄内秀的典范。今天继续第三弹，15个优雅的黑白灰配色网站。木有配色灵感还可以上网扒色板，如果是黑白灰呢？拿这组高手案例作参考吧。一组黑白灰的低调大气范网站设计一组黑白灰的低调大气范网站设计2一组大气有范儿的黑白灰色调优秀网站设计一组大气有范儿的黑白色调网站设计...
2015-09-06 08:06:20
355
原创 移动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
537
原创 设计团队网站欣赏
今天在逛UE设计平台的时看到了“设计公司”推荐模块，想知道这个“推荐”是不是名副其实，就产生通过欣赏官网来了解其设计水平的想法。 当然，作为设计公司的主要名片，官网的设计都会倾尽全力，因此通过欣赏设计公司官网增长见识、激发灵感是一个不错的主意。 下面是本人整理的一些设计公司官网，排名不分前后，设计不分贵贱。 1. 优艺客 2. 曼妙设计 3. 太白品牌设计 4. 素云阁 5. 5Ku...
2015-08-24 20:02:50
435
原创 用户体验设计不得不看的行业名博
网址导航ux265uedfansuselinkshao.shejidarenhao.uisdc著名团队博客U一点淘宝UED腾讯CDC腾讯游戏TGideas腾讯MXD腾讯ISUX腾讯TID百度搜索用户体验中心百度移动用户体验部百度前端研发部（FEX）百度前端技术体系（EFE）新浪UED 新浪微博UDC搜狐畅游VC网易用户体验设计中心迅雷用户体验设计中心CU...
2015-08-23 09:28:23
238
原创 APP设计系列
今天来关注下APP设计系列花瓣上的一个系列文章，感觉不错大家不妨一看。 1. ［系列］APP设计之一：启动页 2. ［系列］APP设计之二：引导页 3. ［系列］APP设计之三：搜索 4. ［系列］APP设计之四：注册［登录］ 5. ［系列］APP设计之五：导航另外，大家可以到花瓣、站酷、Behance、Dribbble上多多看图，多多学习。...
2015-08-18 13:02:35
333
原创 AngularJS交互学习教程推荐
许多研究表明，探究式学习、游戏式学习是较为高效的学习方式，编程语言学习更是如此。正如看电影和玩游戏的区别，你在看电影的时候，你完全处于被动的、接受内容状态，而玩游戏则全然不同，你会和计算机有交互，通过自己亲手做完每一件事来收获乐趣和成就感。今天就给大家推荐两款AngularJS的交互学习教程，希望可以对大家有所帮助
2015-04-29 09:48:07
4950
8
纯CSS3实现图像鼠标悬停效果
2014-04-13
图像多维展示效果
2014-04-13
AS3焦点图 Flash ActionScript 3.0 焦点图 经典网络应用程序
2011-01-18
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人