作为一名前端开发者，你是否曾经为了制作一个漂亮的数据可视化大屏而头疼不已？是否因为网上资源良莠不齐，甚至一个模板就要收费而感到烦恼？ 那么今天介绍的这个开源项目绝对能解决你的问题！足足有100+套模版

需求 先来看这样一个场景，拿一个网站举例 这里有一个常见的网站 banner 图容器，大小为为1910*560，看起来背景图完美的充满了宽度，但是图片原始大小时，却是： 它的宽度只有 1440，且 b

在大屏可视化开发中，最头疼的问题莫过于「设计稿固定 1920*1080，实际部署时却要适配 2K、4K 甚至投影幕布」—— 手动计算 rem 太繁琐、媒体查询写不完、不同屏幕比例下布局错乱… 这些问题

何为技巧，意指表现在文学、工艺、体育等方面的巧妙技能。代码作为一门现代高级工艺，推动着人类科学技术的发展，同时犹如文字一样承托着人类文化的进步。 每写好一篇文章，都会使用大量的写作技巧。烘托、渲染、悬念、铺垫、照应、伏笔、联想、想象、抑扬结合、点面结合、动静结合、叙议结合、情景…

大家好，我是奈德丽。前两天在逛京东想买Pocket 3的时候，注意到了它的购物车动效，当点击"加入购物车"按钮时，一个小红球从商品飞入购物车，想知道怎么实现的吗？快一起来看看吧

CSS的盒模型是CSS的基础，同时也是难点，这个问题经常在面试中会被问到，属于经典问题了。很多博客里讲得也很模糊不清，于是，我在这里重新整理一下。 可以认为每个html标签都是一个方块，然后这个方块又包着几个小方块，如同盒子一层层的包裹着，这就是所谓的盒模型。 盒模型分为IE盒…

现在插画风格的界面越来越多，网上提供的免费插图也越来越丰富。这些插图优点是表达的内容更丰富，包括：人物、商业、运动、自然、工作、幽默等等。也更适合产品类的宣传网站或者落地页。另外，矢量图的不失真在不同尺寸的显示效果上更胜一筹。花时间整理了当前全网那些优秀的10个免费插图网站，给…

【前言】在Web页面中，流畅的过渡动效可以增加用户体验的舒适度，让用户认知过程更为自然，同时恰当的动效也能够引导用户关注重要的信息。在WeGame大屏模式需求场景中，笔者利用这个契机，在开发前期与视觉及动画设计同学沟通，设定好产品过渡动效及实现方式，给用户在体验中营造“沉浸式”…

前言 日常开发过程中，前端程序员经常需要开发一些酷炫的特效，而这些特效大都需要编写CSS3实现。 但我发现一个问题，就是很大一部分前端程序员并不擅长CSS3这门技术，所以一旦遇到复杂一点的特效，就歇菜