源于：今日头条（查看原文） 关注前端切图微信公众号：qietuwang 现在很多HTML5动画都会结合SVG来制作，因为SVG可以更方面地描述界面图形元素。今天要介绍的一款动画就是利用CSS3结合SVG实现的，它可以让我们在鼠标滑过图片时，通过...

源于：今日头条（查看原文） 【导语】React Native 的样式和布局部分采用了前端布局上所使用 CSS 的子集。利用 CSS 里的 Flexbox 进行布局和原生平台的布局方式有比较大的区别。本文集中讲解 Flexbox 的原理，以及 Pl...

源于：今日头条（查看原文） HTML5学堂（码匠）：CSS编码规范到底意味着什么？同样都能够实现代码，为何还有去考虑编码规范？从维护角度来说，编码在绝大多数情况下是拿给人来看的，只是偶尔让机器读一下。了解基本的编码规范，对自己日后的维护，或者...

源于：今日头条（查看原文） 本篇文章将教大家如何编写导航栏，如果大家掌握之后，通过自定义样式，完全可以实现个性化的导航栏。 效果图 首先我们看下效果图，后面的编辑和查看导航也是相同的效果。 效果图 实现方式 接下来我们直接通过代码的方式来展示...

源于：今日头条（查看原文） 大家晚上好，士心昨天被公司的项目弄得很是头疼，加班到有点晚，所以昨天晚上没有更新，实在是不好意思了。好了，废话不多说，每天学点小前端，走向人生大前端，继续和士心一起来学习前端知识吧。前两篇我们讲到了函数的几种书写方式...

源于：今日头条（查看原文） Javascript是一个没有原则性的语言，所以你写的久了就会发现非常好玩。 比如有很多时候会有大量的判断，Java代码中可能要写几十行的if……else或者switch，在js代码中可以用简明与&&...

源于：今日头条（查看原文） 今天我们要为大家分享一款基于HTML5 Canvas的动画特效，它是一颗逐渐生长的梦幻大树，生长过程中树枝将会产生随机的色彩，让整一棵大树显得非常具有梦幻的效果。本实例利用了HTML5 Canvas的动画技术，实现了...

源于：今日头条（查看原文） DOM（Document Object Model）即文档对象模型，针对 HTML 和 XML 文档的 API（应用程序接口） 。DOM 描绘了一个层次化的节点树，运行开发人员添加、移除和修改页面的某一部分。 一...

源于：今日头条（查看原文）   简单方法自制特斯拉线圈教学视频

源于：今日头条（查看原文） HTML5学堂（码匠）：圆形，一个很奇妙的形状，在各种地方都可以看得到，特别是现在各类网站，都会有各种的圆形。圆角的制作曾经困扰了开发者很久，以至于以前开发者只能使用图片来替代。但是当CSS3的这个border-r...