爱前端网
20个为前端开发者准备的文档和指南
20爱前端网 - Yang 发布于 2016-07-28
是时候重新学习了！和以前一样，我收集了很多不同的学习资源，包括学习指南，学习文档，和其他有用的网站来帮助你在前端开发的不同领域里快速地进入状态。 所以请尽情享受我们的文档和指南系列的第九部分，并且不要忘了在评论区让我知道任何我没有找到的。 1. JavaScript Standa...
阅读(1800)赞 (0)
标签：CSS 第3页
高性能网站建设指南
爱前端网 - Yang 发布于 2016-07-18
性能黄金法则： 只有10%~20%的最终用户响应时间花在了下载HTML文档上。其余的80%~90%时间花在了下载页面中的所有组件下。 HTTP概述： 1.压缩：浏览器：Accept-Encoding（gzip、deflate） 服务器：Content-Encoding 2.缓存...
阅读(1758)赞 (0)
H5项目常见问题汇总及解决方案
爱前端网 - Yang 发布于 2016-07-15
Meta基础知识： H5页面窗口自动调整到设备宽度，并禁止用户缩放页面 一、HTML页面结构 <metaname="viewport"content="width=device-width,initial-scale=1.0,minimum-s...
阅读(2503)赞 (1)
Vue.js——60分钟快速入门
13爱前端网 - Yang 发布于 2016-06-28
Vue.js介绍 Vue.js是当下很火的一个JavaScript MVVM库，它是以数据驱动和组件化的思想构建的。相比于Angular.js，Vue.js提供了更加简洁、更易于理解的API，使得我们能够快速地上手并使用Vue.js。 如果你之前已经习惯了用jQuery操作DOM...
阅读(1994)赞 (1)
web前端要知道的八款CSS代码
爱前端网 - Yang 发布于 2016-06-23
1.reset.css: html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blo...
阅读(2185)赞 (1)
8款替代Dreamweaver的开源网页开发工具
8爱前端网 - Yang 发布于 2016-06-23
Adobe Dreamweaver虽然非常好用，但它并不是唯一一个能够设计、开发、发布精彩网站的Web开发集成环境。我们的开源世界里有很多非常棒的可以完全替代Dreamweaver的各种功能的优秀Web开发工具，更重要的，是免费的。如果你正在寻找Dreamweaver的替代品，下...
阅读(1704)赞 (0)
推荐15款制作 SVG 动画的 JavaScript 库
15爱前端网 - Yang 发布于 2016-06-16
在当今时代，SVG是最流行的和正在被众多的设计人员和开发人员使用，创建支持视网膜和响应式的网页设计。绘制SVG不是一个艰巨的任务，因为大量的 JavaScript 库可与 SVG 图像搭配使用。这些JS库帮助设计师和开发人员可以轻松地为他们的项目和Web应用程序创建创新和逼真的图...
阅读(2167)赞 (0)
分享15款很实用的 Sass 和 Compass 工具
15爱前端网 - Yang 发布于 2016-06-15
Sass 是 CSS 的扩展，增加了嵌套规则，变量，混入功能等很多更多。它简化了组织和维护 CSS 代码的成本。Compass 是一个开源的 CSS 框架，使得使用 CSS3 和流行的设计模式比以往任何时候都更容易。 在这篇文章中，我们已经收集了一组有用的 Sass 和 Comp...
阅读(2070)赞 (0)
推荐5个前端开源代码和工具
5爱前端网 - Yang 发布于 2016-06-14
1、notie.js 一个干净、没有其它依赖包的javascript通知插件,支持弹出、confirm、成功、错误、自定义等方式。 在线预览 2、react-calculator 基于react.js实现的计算器，一套代码运行在不同客户端，支持IOS、Android、deskto...
阅读(2106)赞 (0)
移动端web前端的开发技巧
1爱前端网 - Yang 发布于 2016-06-14
这是一个最好的时代，因为我们站在潮流中；但也是一个最坏的时代，因为我们站在潮头上。 一、META相关 1. 添加到主屏后的标题（IOS） <meta name=”apple-mobile-web-app-title” content=”标...
阅读(2261)赞 (0)
60个开发者不容错过的免费资源库
60爱前端网 - Yang 发布于 2016-06-07
收集了60个较为实用、高效的工具资源库，可以帮助开发者快速创建各种Web App和移动App。这些资源的特点是：简单、便捷、免费、高效、功能多。当你独自一人需要在短期内构建一个产品的时候，这些起关键作用的工具定会给你留下更深刻的印象。 下面所列举的就是近期比较受欢迎的资源集合： ...
阅读(2195)赞 (0)
104款经典常用的jQuery插件大全实例
爱前端网 - Yang 发布于 2016-06-02
一、jQuery 表单插件 1.jQuery cxCalendar 日期选择器 2.jQuery cxColor 颜色选择器 3.jQuery cxSelect 联动下拉菜单 4.jQuery Validation Engine 表单验证 5.jQuery soColorPack...
阅读(3114)赞 (0)
Material Design Lite简洁惊艳的前端工具箱
11爱前端网 - Yang 发布于 2016-06-02
Material Design Lite简介 本文主要介绍Material Design设计语言的HTML/CSS/JS部分实现。 一、设计语言 github项目地址：https://github.com/google/material-design-lite 随堂练习代码地址：...
阅读(1960)赞 (0)
15款很实用的 SASS 和 Compass 工具
15爱前端网 - Yang 发布于 2016-05-30
SASS 是 CSS 的扩展，增加了嵌套规则，变量，混入功能等很多更多。它简化了组织和维护 CSS 代码的成本。Compass 是一个开源的 CSS 框架，使得使用 CSS3 和流行的设计模式比以往任何时候都更容易。 在这篇文章中，我们已经收集了一组有用的 Sass 和 Comp...
阅读(2250)赞 (0)
程序猿必备的10个移动开发工具
10爱前端网 - Yang 发布于 2016-05-26
如今，有一个快速增的用户群，通过他们的移动设备浏览网页。移动应用程序开发人员通过开发越来越多的移动应用程序，来满足这一需求的增长。在创建移动应用程序和游戏过程中，移动开发人员使用一系列功能强大的框架和编辑器，会使工作任务变得更简单。 网上有很多强大的工具，可以帮助开发人员在任何平...
阅读(1925)赞 (0)
每个程序员都要知道的35个jQuery小技巧
1爱前端网 - Yang 发布于 2016-05-20
1.禁止右键点击 $(document).ready(function(){ $(document).bind(“contextmenu”,function(e){ return false; }); }); 2.隐藏搜索文本框文字 Hide when c...
阅读(1946)赞 (0)
9款web前端创意CSS3动画工具
9爱前端网 - Yang 发布于 2016-05-11
你在找一些免费使用CSS3动画的工具吗？好吧，如果你的回答是肯定的，那么你就很幸运地在正确的页面上着陆了。在这一轮，我们提出9惊人的和最佳的CSS3动画的工具，每一个设计师必须知道。你可以为你的未来使用书签书签。有了这些工具，你可以创造出有利于用户体验的酷动画。 我们希望这个列表...
阅读(2851)赞 (0)
10个优化代码的CSS和JavaScript工具
10爱前端网 - Yang 发布于 2016-05-06
检查和测试代码来发现任何潜在错误，从而在放到网站上之前及时消除错误是一个非常重要的过程。代码检查的过程也俗称为是Web设计师和开发者之间的linting。作为一个设计师，如果你想要写出高度优化的代码，那么你一定需要linting工具。有两种类型的代码检查工具。一种是在执行时间检查...
阅读(1756)赞 (0)
web前端CSS开发中的10个不要
1爱前端网 - Yang 发布于 2016-05-04
自我进入这个行业，我就发现开发人员一直在努力征服CSS。 理由也很充分，开发人员是用逻辑思考的生物。添加一个DIV元素导致所有代码都不得不往下移一行，而另一个DIV”浮”到左侧，感觉没有任何意义。 你也一定听到过开发人员的抱怨： “我们只需要向...
阅读(1732)赞 (0)
15个优秀的 CSS 解决方案和工具
15爱前端网 - Yang 发布于 2016-05-03
CSS 代码是很难管理，尤其是在大型项目。 样式都写在一个全局作用域里，通过复杂的选择器来指向特定的页面元素。冗余、膨胀和维护可以成为前端开发人员的一场噩梦。幸运的是我们有一些 CSS 工具来帮助开发者克服这种情况。这里集合了15款个优秀的 CSS 解决方案和工具，分享给大家。 ...
阅读(1932)赞 (0)