wxss其实基本就是css, 而已习惯用sass写样式的我们,再一行一行,原始地敲css,是件很奇特的事。就像明知道可以发微信,但还要在邮局发电报一样…故要写小程序,环境必不可少的是将sass转为wxss。 思路 先生成正常的c…

随着硬件快速的发展,Retina技术发展至今,目前Google Nexus6的devicePixelRatio已经到了3.5,虽然目前主流的Retina显示器还是以devicePixelRatio = 2的为主,但是为了更好的用户体验,前端…
如何使用Gulp.js将流保存到多个目录 gulp.task(‘script’, function() { return gulp.src(jsFilesSrc) // lint command // uglify and minify c…
How to use it Themes define a subset of core-provided starter content using add_theme_support() – let’s look at a breakd…
WordPress的Widget小工具是个非常实用的功能,它让非技术型WordPress用户也可以根据自己对版面的需求轻松定制主题,WordPress无数的widgets让用户得以尽情发挥自己的创意。 在很多人的意识里,widget就是出现…
不管是浏览器的开发者还是普通web应用的开发者,他们都在做一个共同的努力:让Web浏览有更快的速度感觉。有很多已知的技术都可以让你的网站速度变得更快:使用CSS sprites,使用图片优化工具,使用.htaccess设置页面头信息和缓存时…

SVG在既能满足现有图片的功能的前提下,又是矢量图,在可访问性上面也非常不错,并且有利于SEO和无障碍,在性能和维护性方面也比icon font要出色许多,总之大家可以根据项目实际情况去尝试使用。 SVG是什么? SVG是一种可缩放矢量图形…
对于图标使用,当前用得最多的还是雪碧图和iconfont的方法吧, 另外还有将小图转为base64直接引入到css文件,逐渐流行的还有svg图标。 sprite 雪碧图 而雪碧图的用法又有多种,我们现在用得比较多的是类似gopng 这种半自…

1. PS or Sketch导出SVG图标; 2. 上传到https://jakearchibald.github.io/svgomg/ 优化并下载; 3. 在https://icomoon.io/整合,导出整合的svg文件,或iconf…