HTML5|CSS3 第3页

基础知识HTML5、CSS3以及在PC和H5页面的适配和兼容

SVG的牛B之处,你造吗

2

前端学堂 发布于 2017-08-29

SVG能干啥,想干啥就干啥。可以用来做贴图,做纹理,做动画,甚至做背景图片,你想要的都可以,关键是操作灵活,和别是和canvas又可以相互转化使用,简直是居家旅行必备神器,作为前端工程师,你学会了吗?不会,就抓紧开始吧。

阅读(920)赞 (2)

浏览器兼容性经验笔记

1

前端学堂 发布于 2017-08-29

遇到好多坑,一路走来,发现竟是坑。调IE7,泪流满面;调微信浏览器,汗流浃背,沐浴泪光。哎,记录一下,有些坑人的地方,还是比较有趣的,值得注意。

阅读(901)赞 (1)

SCSS/SASS编译

1

前端学堂 发布于 2017-08-29

SASS是CSS3的一个扩展,增加了规则嵌套、变量、混合、选择器继承等等。通过使用命令行的工具或WEB框架插件把它转换成标准的、格式良好的CSS代码。SCSS即是SASS的新语法,是Sassy CSS的简写,是CSS3语法的超集,也就是说所有有效的CSS3样式也同样适合于SASS...

阅读(910)赞 (0)

WebStorge使用

1

前端学堂 发布于 2017-08-29

互联网的未来,是移动互联网;移动互联网网页的未来是WEB App。对于Web APP或者许多的富客户端网页来说,Web Storage是很重要的一部分。对于提升用户体验和网页页面优化有很重要的价值。使用者需要对网页或app的数据结构分层整合,区分出可以用于web storage和...

阅读(787)赞 (0)

伪类使用技巧

2

前端学堂 发布于 2017-08-29

关于伪类,大家最早接触的肯定是a:hover了,但是不止如此,还有很多其他的伪类。另外,伪类与伪元素也是不同的。伪元素最近用的比较多,做一些效果还是挺不错的,可以有效避免增加DOM元素。这里主要总结一下伪类与伪元素的用法。

阅读(921)赞 (0)

手机网页开发问题集锦

2

前端学堂 发布于 2017-08-29

接到一个小活,开发手机网页。对方给了一个psd设计图,让我做个手机网页,设计图很长,要求上拉动态加载。我想了想,本以为自己切个图处理一下就好,后来发现不行,许多问题。这里特地记录一下,有些还没解决,只是给了一下自己的想法。

阅读(681)赞 (1)

Canvas图像处理和滤镜特效

1

前端学堂 发布于 2017-08-29

这段时间做了一个手机WebRTC拍照加特效的应用,主要用到canvas标签获取图像矩阵(这个在上一篇博客中已经详细介绍过:),然后做图像处理,例如滤镜特效(马赛克,浮雕,衬底,反色等),这里我们详细介绍相关的知识。其实从原理上讲,大部分的图像处理都是对图像像素矩阵和某个特效矩阵做...

阅读(1133)赞 (0)

WebRTC相关的canvas与video

1

前端学堂 发布于 2017-08-29

这两天公司有个项目,我打算用HTML5做个演示版本,只要是音视频方面的,所以打算采用HTML5协议规范中的WebRTC来研究,考虑到目前国产浏览器大部分‘高速模式’都是用的webkit核心的浏览器引擎,所以除了Chrome和Firefox浏览器之外,国产的浏览器像是sougou支...

阅读(1852)赞 (0)

使元素不可见的旁门左道

1

前端学堂 发布于 2017-08-29

最近有人问我如何使一个元素不可见,css中有哪些方法。当时我就随口说了7-8种常用的方法,其实还有很多,可以说是应该几十种方法吧。这里索性就总结一下,权当是对于知识点的总结与回顾。突然间发现这种学习知识的方法也很好,穿插交替。

阅读(724)赞 (0)

前端技能总结

6

前端学堂 发布于 2017-08-29

如果让你作为前端负责人,你认为前端必备技能有哪些呢? 学习编码规范,最好就是先阅读一下现有的规范。前端编码规范 然后可以指定自己团队的编码规范,制定完之后可以通过配置eslint来检验你的编码是否符合规范。

阅读(684)赞 (0)

文本均匀分布两端对齐等

1

前端学堂 发布于 2017-08-29

还有很多不知道的细节,慢慢积累。这里把遇到的问题记录一下,比如文本两端对齐,比如利用a标签的download属性,比如ie8下img标签的宽高问题,比如overflow默认属性值等等。

阅读(858)赞 (0)

SVG压缩与字体图标新思路

1

前端学堂 发布于 2017-08-29

已经很晚了,程序员,程序狗,爱学习不爱加班的我,还是在加班,在学习。为了涨工资,ping了。本节安利一个压缩SVG的工具:svgo(https://github.com/chalecao/svgo)。我们做前端的同学肯定都用过字体图标,有些特殊的字体图标需要视觉做个svg的矢量图...

阅读(1170)赞 (1)