前端面试中的CSS3新特性除了HTML5的新特性，CSS3的新特性也是面试中经常被问到的。如何用js获取虚拟键盘高度？-9月7日前端早读课晨读文章由@汤谷投稿分享。正文从这里开始~这是一个由来已久的历史问题，而对于这种普遍性的问题，浏览器还没有给出解决方案，什么？没有计划谈什么？别着急，别着急，我们来看看软键盘高度和输入法的问题。让我们看一个小视频来理解这个问题...一步一步创建自己的纯CSS单标签图标库图标作为网页设计的一部分，它在突出网页重要元素的特性方面起着重要作用，视觉交互、引导、网页装饰。由于图标一般体积较小，在项目实践中不建议将每个图标作为单个图片元素加载，这样会增加Http请求，影响网页性能。因此，在实践中，我们可能会看到一些常见的解决方案，如下所示：...创建一个丝滑的H5翻页库创建一个丝滑的H5翻页库腾讯QMUIWeb前端框架正式开源！QMUIWeb前端框架：旨在提高UI开发效率，快速生成项目UI的前端框架，来自腾讯光研QMUI团队。大杀器Bodymovin和Lottie：将AE动画转换成HTML5/Android/iOS原生动画（新人，本文转载我四月份在知乎上发的文章。链接：https://zhuanlan.zhihu.com/p/..）前段时间听部门老大说Airbnb出了一个手机动画库Lottie，可以结合一个叫Bodymovin的AE插件把在AE上做的动画导出为j...BEM实战微信个人页面BEM是Yandex团队提出的一种前端命名方法论。它是一种非常有用、强大且简单的命名约定，可以使您的前端代码更易于阅读和理解、更易于协作、更易于控制、更健壮和清晰、更紧凑。我修改了我的html命名，感觉结构更清晰了我观察微信页面，头部和底部都没有变化，每一个...CSS黑魔法，让你少写一些不必要的JS，代码更多优雅的CSS黑魔法技巧，让你少写不必要的JS，代码更优雅，欢迎推荐和补充！CSSFlexLayout属性组织FlexLayoutdisplay:flex;将对象显示为块级元素显示的弹性框：inline-flex；将对象显示为内联元素的弹性框注意兼容性问题：webkit内核浏览器IE浏览器要使用前缀-webkit，可以很好的兼容IE11+版本。对于...CSS、SVG和CanvasMasks的10个精彩示例随着浏览器对Masks的支持越来越好，Masks在Web开发中也越来越流行，你可以用它们实现一些非常好的视觉效果。你真的需要一个CSS工具集吗？让我们首先定义：CSS工具集库是样式表的集合，可用于做许多一次性的小事。比如调整margin和padding类。设置颜色的类。用于设置具体样式属性的类。用于设置维度的类。工具集库将以不同的方式实现这些东西，但更像是分享这种理念。移动端web工具transformjs介绍近两年，越来越多不认识的同事、朋友等童鞋在开发移动端web时使用了transformjs。所有必要的介绍将使更多的人受益。提高编程效率，享受编程乐趣。（当然，transformjs不仅仅支持移动设备，浏览器也支持CSS33DTransforms……一起炫耀一下——3D粒子动画的实现主要是基于threejs的，接下来我将分别讲解各部分的实现Basic我就不介绍了，基本的内容可以在官网找到~场景的背景可以接收Color，Texture或者CubeTexture，本例中我们可以使用Texture来实现渐变效果。Texture可以接收...分享7个个性化的jQuery/HTML5地图插件现在我们有些地图应用经常会用到，无论是在web端还是在手机端，地图似乎都是不可或缺的应用，本文将带领大家来看看一些基于jQuery和HTML5的个性化地图插件，有几款地图比较实用，也有一些概念抽象，非常个性化。这是一个基于HTML5的世界地图应用。它的特点是可以...CSSScrollIndicator——纯CSSScrollIndicator前段时间看了阮老师的《ECMAScript 6 入门》，看到官网的每一章页面都有一个页面类似于的东西进度条，出于好奇，上网查了一下，发现这个东西叫ScrollIndicator。滚动指示器：滚动指示器。通俗地说，就是当前可视区域与页面顶部的比例。效果……不张扬，SVG+CSS3旋转动画属性可以实现的梦幻效果CSS3动画相关的基本属性基本都涉猎过了，个人认为，其中最复杂的就是d:path()路径变形动画，超越了3D，而位移、轨迹、旋转、缩放、斜切都比较简单，但作为非动画师，灵活掌握这些基本的动画，无穷无尽的变换，你已经可以做出一个很多华丽的效果。本文来自于做...经典CSS布局问题的初步整理。本文主要简单讲解CSS布局中常见的经典问题，然后提供三列布局、negativemargin、clearfloat、居中布局、响应式设计、flexbox布局等相关解决方案的参考链接。10UniqueCSSBackgroundVisual效果10种独特的CSS背景视觉效果丁香花园风格库DXY-UI正式开源！一套适用于桌面的样式库，包括文本、列表、表格、表单、网格系统等十余种组件的基本样式，兼容主流浏览器和IE10+。DXY-UI注重风格，不涉及组件，没有“侵入性”，独立于项目的技术选型。世界上已经有太多漂亮的轮子了，但这并不是后人停止造轮子的理由。鼎祥园的产品线非常复杂。CSS常用布局方式思维导图中，欢迎补充
