- 博客(11)
- 收藏
- 关注
转载 写给初学前端工程师的一封信
大家好: 从去年开始不少朋友让我帮忙介绍前端工程师,绝大部分忙都没帮上,原因是真找不到人。我当时是这么跟他们分析的:过去的客户端以browser为主,所以html/css/javascript是唯一选择,现在可是mobile first,于是大量前端开发者被native开发分流,以及原本想做前端工程师的后备力量应届生们也选择学native开发,导致前端人荒。随着情况改变,H5(HTML5
2016-08-06 23:41:37 1161
转载 Three.js学习笔记 – “我和小伙伴都惊呆了”的特效和Three.js初探
原文出处:http://www.cnblogs.com/xufeiyang/articles/3181369.html什么是Three.jsthree.js是JavaScript编写的WebGL第三方库。提供了非常多的3D显示功能。Three.js 是一款运行在浏览器中的 3D 引擎,你可以用它创建各种三维场景,包括了摄影机、光影、材质等各种对象。你可以在它的主页上看到许多精采的演示。
2016-07-13 01:56:24 3699
转载 9个令人震惊的WebGL示例
原文网址:http://www.open-open.com/news/view/9d81361. WebGL WaterThis incredible demo is as fluid as you could believe. Raise and drop the ball into the water to see realistic, beautiful splashin
2016-07-13 01:47:57 980
转载 WebGL技术储备指南
摘要:WebGL 是 HTML 5 草案的一部分,可以驱动 Canvas 渲染三维场景。WebGL 虽然还未有广泛应用,但极具潜力和想象空间。本文是我学习 WebGL 时梳理知识脉络的产物,花点时间整理出来与大家分享。文章出处:http://www.open-open.com/news/view/1eb8555WebGL 是 HTML 5 草案的一部分,可以驱动 Canva
2016-07-13 01:38:37 1030
转载 20个令人印象深刻的例子学习Three.js实现WebGL
1. NuclealNucleal is a WebGL experiment, powered by the Three.js. It breaks photos down into thousands of particles that are transformed by physics. You can choose any combination of photo, speed
2016-07-13 01:22:28 18445
转载 Html5实现手机九宫格密码解锁功能
HTML5真的是很强大,前端时间看到一个canvas实现九宫格的密码解锁。效果截图如下:效果看起来还不错吧!源码如下: html5实现网页解锁功能 html, body { ma
2016-07-12 02:58:29 1026
转载 纯HTML5 Canvas实现的饼图
纯HTML5 Canvas实现的饼图原网址:http://www.open-open.com/code/view/1427035387346基本思路:主要是利用HTML5 Canvas实现饼图绘制,绘制弧度的API主要是使用context.arc与lineto两个API。实现的功能有:1. 支持标签Legend显示或者隐藏2. 首次载入动画效
2016-07-12 02:48:40 3625
转载 10 个实用的jQuery 代码片段
1. 图片预加载 (function($) { var cache = []; // Arguments are image paths relative to the current page. $.preLoadImages = function() { var args_len = arguments.length; for (var i = args
2016-07-12 01:58:15 392
转载 12个用得着的JQuery代码片段
1. 导航菜单背景切换效果在项目的前端页面里,相对于其它的导航菜单,激活的导航菜单需要设置不同的背景。这种效果实现的方式有很多种,下面是使用JQuery实现的一种方式: 导航一 导航二 导航三//注意:代码需要修饰完善$('#nav').click(function(e) { // 要知道siblings的使用$(e.target).add
2016-07-12 01:46:20 244
转载 切图psd to html页面制作技术学习与总结
切图流程和注意事项切图的正确流程做法是:1 写框架。拿到psd后,先不要做别的,直接在文本编辑器中将网页的框架写出来,不要假设这块将来css要去怎么渲染,完全自然化的标签,不加任何的css。2 查适配。写完之后在各个浏览器运行之后确保大体定位都没有问题。如果是手机wap、微信活动页面,还要注意按手机屏幕大小进行适配。3 书写总体css,这里的css只负责大块的定位及
2016-07-11 20:38:51 1238
转载 CSS盒子模型(简要了解)
CSS盒子模型(简要了解) CSS中, Box Model叫盒子模型(或框模型),Box Model规定了元素框处理元素内容(element content)、内边距(padding)、边框(border) 和 外边距(margin) 的方式。在HTML文档中,每个元素(element)都有盒子模型,所以说在Web世界里(特别是页面布局),Box Model无处不在。下
2016-07-08 18:23:04 428
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人