web前端开发

随着 Apple、Google 等科技企业一年一度的开发者大会的到来，这些企业旗下产品相关的新资源也随之放出，比如 Apple 的新的开源数据库，以及 Google 新推出的移动端手机测速应用。此外，GitHub 等平台还推出了面对新手的 Git 使用课程，也是素质相当过硬的课程。在今天的前端干货大合集当中，我们会推荐一些正在兴起的新工具，接下来，我们一一介绍。 VuePress VuePress…

当设计师把网页设计稿交给前端开发人员写代码后，页面往往与原稿有些偏着。前端人员写完页面后，还需要截图叠加到设计稿上，去看看偏差比率，这是很麻烦的事情。为了解决这个问题，建议设计师和前端人员看看今天分享的 Graaf 栅格样式工具。 Graaf Graaf 可以直接在页面上显示栅格线，而且可以自定义栅格结构，大大减少前端或设计师检测页面的烦恼。 产品特色： 1. 直接在WEB页面上显示栅格，方便前端…

有经验的网页设计师和前端都知道，在开始着手设计网页之前，通常大家会在白板或者草稿纸上画个草图，这样做方便构思整体布局。虽然许多设计师选择在白板上完成这一过程，不过也有许多设计师选择使用软件来"打草稿"，其中最受大家青睐的就包括Sketch 内置的模板功能。 相比白板上的手绘模板，Sketch内置的模板功能更加规整，也组织得更加富有条理，保证了设计的向后的兼容性，也确保了生产力。…

@设计达人网 ：目前比较流行的前端框架有Bootstrap、Foundation，这两都有着常用的网页设计组件，并且兼容移动设备，深受大众喜爱，但如果你认为这两个框架的组件依然不够用的话，可尝试今天分享的Toolkit，它内置的UI组件更多、更强大，而且实用流行。 Tookit框架特点是使用扁平化设计，并带有很多新鲜的UI组件，配合CSS3动画，使很多组件交互效果变得很漂亮，功能实用强大。 下面来…

@陈子木 4月的资源合集够用么？这次的我们又为开发者和设计师单独做了一个jQuery的插件合集。有了这30款新鲜热辣的jQuery插件，你的设计与开发会如有神助！它们不仅会让让你速度更快，而且能使产品更加人性化更酷炫！jQuery插件越来越多，这并不奇怪，因为它们正在疯狂流行。于是，在挑选的时候，我们也容易陷入选择强迫症。为此，我们精心挑选了30款保质保量的优质jQuery插件。 往期干货合集： …

上周我们推荐了四月份热门的设计类资源集合，那么这次我们继续来分享四月份web前端相关资源合集！ 超级省事，为您一网打尽各路宝贝！这里有新鲜热辣的网页模板、JS插件、UI工具箱、免费主题、走过路过不要错过啦！总有一款适合你！ 往期干货合集： 最新免费资源！4月份设计圈50个干货大奉送（上） 帮你收集整理！第41期设计圈最新干货大集合 帮你收集整理！第42期设计圈最新干货大集合（已打包） 在Photo…

AlloyDesigner介绍 AlloyDesigner 的创意来自于"临摹"的灵感，使用AlloyDesigner后，你可以把设计稿拖进你的Web页面铺在页面的最底层，然后就可以对着设计稿来构建DOM元素和CSS样式啦，这样子是不是直观了很多？通过AlloyDesigner直观地调整页面，迅速达到与视觉稿一致的目的。 AlloyDesigner的官网：http://allo…

对于前端开发工程师来说，确保代码在各种主流浏览器的各个版本中都能正常工作是件很费时的事情，幸运的是，有很多优秀的工具可以帮助测试浏览器的兼容性，让我们一起看看这些很棒的工具。 前端工具推荐： 《10款让WEB前端开发人员更轻松的实用工具》 《让网页舞动起来！25个免费的视差滚动插件》 《推荐！35款值得网站开发者收藏的JAVASCRIPT图形图表库》 Superpreview 这是为微软自己发布的…

这篇文章介绍10款让Web前端开发人员生活更轻松的实用工具。每个Web开发人员都有自己的工具箱，这样工作中碰到的每个问题都有一个好的解决方案供选择。 对于每一项工作，开发人员需要特定的辅助工具，所以如果下面这些工具对于你来说都是新的领域，那么这篇文章是非常有用的，因为这些实用的工具将让你的工作更有效率。 神器推荐： 《让网页舞动起来！25个免费的视差滚动插件》 《高端干货！PHOTOSHOP实用脚…

当你开发一个网站或Web应用程序的时候，有合适的工具，绝对可以帮助您节省大量的时间。在这篇文章中，我为大家收集了超有用的 CSS 开发工具。 对于 Web 开发人员来说，找到有用的CSS 开发工具，就像找到一个魔灯，可以让他那些艰难的任务变得有趣。CSS 开发工具帮助开发人员创造更加时尚，更有创意的网站。 相关推荐： 《值得网页开发人员收藏的16款HTML5工具》 《感受CSS3强大魅力！50个精…

modern.IE 是微软新推出的一套免费的浏览器测试工具长久以来，浏览器兼容性测试一直是困扰前端工程师的工作之一。虽然随着IE9的普及和IE10的发布，这项工作变的越来越轻松，但是旧版本的IE浏览器仍然占据了较多的市场份额，微软此时推出modern.IE网站，显然是想推动网络更快的向前发展。 modern.IE平台可分为两个部分：一个是用于检测常见代码问题的Web扫描工具，另一个是与Browse…

比ietest更好的浏览器调试工具！集成各大浏览器！并且可以让你的应用程序和文件在任何地方快速安全的开启使用！配图附spoon使用说明！制图+神探@C--小宝 spoon！神器下载地址→http://spoon.net/ 推荐人：@C--小宝

今天这篇文章主要介绍透过Adobe Edge Animate这款可视化工具操作CSS3的动画，与前一篇文章的根本区别就是Edge Animation制作动画是可视化的，操作CSS3动画的方式是和JavaScript的JQuery相结合完成动画控制的过程。Edge Animate 工具包含了一套称为Runtime的运行时环境，包含了可以触发鼠标，触摸和时间轴多种方式的交互API，这些交互操作命令可以…

自己长期使用editplus做代码编辑，使用过DW，还是习惯前者的使用环境。好友推荐，试试新的编码工具——Sublime Text 2。在代码制作过程中，最主要的是1）快速复制的模式化工作  2）零碎代码整理对齐  3）减少敲击键盘的次数。通过自己试用，Sublime Text 2+Zen Coding的组合能满足我这些需求，在配合其余插件。下文有详细叙述，本文主要从设计师的角度选择内容，可能有些…

用户手中看到的产品界面，并非设计师呕心沥血创作的效果图，而是一个个单独的切图经由开发同学技术实现。切图作为设计师与开发者之间的桥梁，它的作用很关键，合适的切图、精准的位置可以最大限度的还原效果图的设计，精妙的切图更会有事半功倍的效果哦！ 我们经常会做一个俗称“点九”的切图，什么是“点九”呢？“点九”是Android平台处理图片的一种特殊的形式，由于文件的扩展名为：“.9.png”，所以被称为“点九…