Freepik是一个基于素材的搜索引擎站点，为网页设计师提供高质量的图片、矢量图、插图、PSD文件素材搜索服务。Freepik跟踪和定位在互联网上免费图形内容，然后把结果显示在一个有序的布局，易于访问。Freepik能让你更加容易的找到你需要的文件，而无需手动搜索许多网站。

今天，程小狮为大家带来 2017 年 4 月份 Tutorialzine 整合的一些精心挑选的优秀 Web 开发资源，一起来先睹为快吧！

设计与前端的关系比较紧密，如何在日常工作中更加高效的进行合作，一直是双方共同追求的目标。高效的合作方式，应该是双方具备专业上的共识、能进行有效的沟通、以及对效率工具的运用。

做完了这个页面做下个，新建文件，复制代码，注册路由... "海量可复用物料，通过 GUI 工具极速构建中后台应用"。 飞冰是一套综合解决方案，用来极速构建中后台应用（其实也可以做非中后台应用）。 可以做到极速是通过『海量可复用物料』和『GUI 开发工具』实现的。 在整个流程中，…

timetables 参数为表格内容项,格式为二维数组,数组第二维中每项长度需要和timetableType中每一项的长度的累计总和一致, 长度不足时会自动以空字符串追加补全。 同一天内临近的日程相同时会自动合并为一格展示(设置merge参数为false时不自动合并)。 tim…

Grid-layout不是为了取代flex-layout，它是flex的补充。grid擅长二维布局，flex擅长一维布局。他们需要各司其职。 千呼万唤始出来的grid-layout终于在2017年3月开始支持得到了部分浏览器的支持。 flex并不能满足我们对于页面整体布局的需求…

Flexbox布局（Flexible Box)模块旨在提供一个更加有效的方式制定、调整和分布一个容器里的项目布局，即使他们的大小是未知或者是动态的。简单的理解，就是可以自动调整，计算元素在容器空间中的大小，并进行有效合理的布局。 Flexbox布局中有两个重要的概念：Flex容…