`
xinklabi
  • 浏览: 1587907 次
  • 性别: Icon_minigender_1
  • 来自: 吉林
文章分类
社区版块
存档分类
最新评论

前端开源项目汇总(转)

 
阅读更多

转自:http://www.csdn.net/article/2013-06-25/2815979-front-end-development

对于开发者而言,了解当下比较流行的开源项目很是必要。利用这些项目,有时能够让你达到事半功倍的效果。为此,本文整理GitHub上最火的前端开源项目列表,内容涵盖了Hack Design、 Designer SchoolTheExpressiveWeb如何成为优秀的前端开发工程师Web开发教学材等,这里按分类的方式列出前九个。

详细内容如下:

一、Architecture

网站架构,一般认为是根据客户需求分析的结果,准确定位网站目标群体,设定网站整体架构,规划、设计网站栏目及其内容,制定网站开发流程及顺序,以最大限度地进行高效资源分配与管理的设计。

 


(1) BEM:该方法可以让开发人员快速开发出网站,延长网站的寿命;保持代码的重用性 
(2) Atomic Design:以原子的观点设计系统架构,从具体到抽象构建系统架构

 

 

 

 

 

(3) Aura:是一个事件驱动的架构,利用可重用的部件,开发可扩展的应用程序  
(4) Terrific.js:提供一个可扩展的JavaScript架构,帮助你对JQuery/Zepto代码进行模块化。  
(5) 大型JavaScript应用程序架构的模式e 
(6) 视频:Nicholas Zakas:可扩展的JavaScript应用程序架构 
(7) 图书:学习JavaScript设计模式 
(8) 图书:雄辩的JavaScript 
(9) 图书:深入单页面的应用程序 
(10) jQuery的应用程序架构图 
(11) 如何管理大型jQuery的应用程序 
(12) 对于CSS的可扩展和模块化架构 
(13) 比较不同观察者模式之间的实现过程

 

 

 

二、Workflow 

工作流就是一系列相互衔接、自动进行的业务活动或任务。一个工作流包括一组活动及它们的相互顺序关系,还包括流程及活动的启动和终止条件,以及对每个活动的描述。 

 

(1) Vid:JavaScript开发流程幻灯片
(2) Yeoman:为开发者提供一系列健壮的工具、程序库和工作流,帮助他们快速构建出漂亮、引人注目的Web应用。 
(3) Grunt:是一个基于任务的关于JavaScript项目命令行构建工具

 

 

 

(4)前端处理——扁平化构建与自动化

 

(5) CSSCSS:是一个CSS的冗余分析仪,用于分析冗余 
(6) Helium:通过JavaScript工具扫描网站,显示未使用的CSS 
(7) Roots 
(8) Sparky.js:是一个客户端应用程序框架,可以帮助那些不想订阅特定客户端的MVC框架,却想使用该框架的用户。 
(9) Brunch:是一个针对HTML5应用的汇编程序。 
(10) Automaton :它是内置在JavaScript中的任务自动化的工具。 
(11) Cartero

 

 

 

 

三、Frameworks

FrameWork即架构,提供了软件开发的框架,使开发更具工程性、简便性和稳定性。

1.JavaScript篇

JavaScript是一种基于对象和事件驱动并具有相对安全性的客户端脚本语言。同时也是一种广泛用于客户端Web开发的脚本语言,常用来给HTML网页添加动态功能。

(1)Angular: 是一组用来开发Web页面的框架、模板以及数据绑定和丰富UI组件。

托管地址: https://github.com/angular/angular.js

学习资源列表:

 

 

集成实例

 

 

 

(2)jQuery:是一个兼容多浏览器的javascript库,核心理念是write less,do more(写的更少,做的更多)。

 

(3)Backbone:是一种帮助开发重量级的javascript  MVC 应用框架

 

 

(4) Meteor:是一个新鲜出炉的现代网站开发平台,基础构架是 Node.JS + MongoDB,它把这个基础构架同时延伸到了浏览器端,可以同时在服务器端和客户端无差异地调用,本地和远程数据通过 DDP(Distributed Data Protocol)协议传输。

 

 

 

(5) Reactby Facebook 
(6) Flight:是一个事件驱动的Web框架,源于Twitter 
(7) Singool.js:是开发单页Web应用程序 
(8) Knockout:通过应用模型-视图-视图-模型(MVVM)模式,简化动态JavaScript的用户界面 
(9) Sammy.js:是一个很小的JavaScript框架,为开发JavaScript应用程序提供一个基本的架构。 
(10) Ember.js:是一个框架,使用该框架创建Web应用程序。 
(11) Maria:针对于JavaScript应用程序的MVC框架。The real MVC、The Smalltalk MVC、The Gang of Four MVC。 
(12) Terrific Composer:是一个前端开发框架构,专为构建高级前端而设计的 
(13) Rivets.js:轻量级且强大的数据绑定+模板解决方案为了创建Web应用程序。 
(14) Synapse 
(15) 较为全面的JavaScript应用程序框架 
(16) JavaScript Data Binding Frameworks 

2.CSS篇

CSS称为“风格样式表(Style Sheet)”,它是用来对网页风格进行设计的。

(1)一组最佳的框架

(2)Twitter Bootstrap:是一个基于HTML,CSS,JAVASCRIPT的简洁灵活的 网站前端框架及组件包。

(3)Themes

(4)Misc :一些混合项内容

 

四、Cross Browser

 


(1)Normalize.css
(2)HTML5 Cross Browser Polyfills
(3)Viewport Component

五、Cross Device


(1)Reponsive

 

 

 

(2)E-Mail
(3)Mobile

(4)Printers

 

 

六、Patterns & Snippets

 

 

(1)Responsive Patterns
(2)CSS3 Code Snippets
(3)Blueprints:是一组基本的网站概念、组件、插件和布局,以最小的风格易于适应和使用

七、DOM Manipulation

 

DOM解决了Netscaped的Javascript和Microsoft的Jscript之间的冲突,给予Web开发者一个标准的方法,让他们来访问站点中的数据、脚本和表现层对像。

 

 

 

(1)xui:为编写HTML5移动Web应用程序提供的超级微小的DOM库
(2)Tire:提供一个更轻量级的库替代如jQuery、Prototype和Zepto库

八、Typography

 

 

(1)Quick guide to webfonts via @font-face
(2)How To Achieve Cross-Browser @font-face Support
(3)Google Fonts
(4)Adobe Edge Web Fonts:获得免费使用Web字体

 

 

(5)Typekit:在你的网站上轻松使用商业性的Web字体
(6)Matrix of fonts bundled with Mac and Windows operating systems, Microsoft Office and Adobe Creative Suite
(7)Typeset.css
(8)typecast
(9)CSSTypography
(10)SO: @font-face fonts only work on their own domain
(11)FitText
(12)TypeButter
(13)slabText
(14)Baseline.js
(15)jKerny
(16)Lettering.js
(17)Trunk8:是一个智能截断文本jQuery插件
(18)bacon
(19)CSS Typography cheat sheet:提升网站的排版功能

 

九、Services (免费的、商业化的)

(1)colourco
(2)HTML Entity Character Lookup
(3)SpritePad
(4)Responsinator
(5)TheToolbox
(6)HTML Shell
(7)Form Builder
(8)Zen BG
(9)Prepros
(10)site44
(11)Website Builders

分享到:
评论

相关推荐

    Java开源项目目录汇总

    这个压缩包中的"Java开源项目汇总.pdf"很可能是一个详细的列表,列出了各种各样的Java开源项目,涵盖了不同的领域和应用范围。 Java作为一门广泛应用的编程语言,其开源生态极其丰富,包括框架、库、工具、服务器等...

    开源项目的代码汇总(主要是csdn上下载到的)

    【开源项目概述】 开源项目,即开放源代码的软件项目,是软件开发的一种模式,允许用户自由地查看、使用、修改和分发源代码。这种模式促进了全球开发者之间的协作与创新,孕育出许多著名的软件产品,如Linux操作...

    收集几个JSP开源小项目源码及笔记汇总.rar

    收集几个JSP开源小项目源码及学习笔记汇总,主要是JSP JDBC实现留言管理范例、基于数据库的登陆程序、SP DAO完成用户登陆、MVC DAO完成用户登陆、MVC DAO_留言管理程序、JSP完成简单的登陆程序(代码 笔记)、JSP DAO...

    前端开源库-istanbul-combine

    **前端开源库——Istanbul Combine:打造全面的代码覆盖率报告** 在前端开发中,测试覆盖率是衡量代码质量的重要指标之一。Istanbul 是一个流行的 JavaScript 测试覆盖率工具,它能够为你的代码提供详尽的覆盖信息...

    前端开源库-add-text-to-markdown

    总的来说,`add-text-to-markdown`是一个实用的前端开源工具,它简化了Markdown文件的动态编辑过程,对于需要频繁更新文档的项目尤其有价值。了解并掌握此类库的使用,有助于提升前端开发的效率和代码质量。

    前端开源库-bfred-npm-bundler

    在前端开发领域,开源库是开发者们不可或缺的资源,它们为构建现代Web应用提供了便利和高效。本篇文章将深入探讨“bfred-npm-bundler”,一个基于汇总和气泡技术的固定ES6库打包工具。这个工具专为前端开发者设计,...

    awesome-github-vue, Vue相关开源项目库汇总.zip

    "Awesome Github Vue" 是一个集合了众多Vue相关的开源项目库的资源列表,旨在帮助开发者找到高质量的Vue.js工具、框架、插件以及教程等。这个压缩包"awesome-github-vue.zip"包含了一个名为"awesome-github-vue-...

    前端开源库-bluestream

    Bluestream是一个专为前端开发设计的开源库,其主要目的是高效地处理Promise对象,通过提供一系列流操作,如传递、映射和减少,使得开发者能够更灵活、更方便地处理异步数据流。这个库的核心理念是帮助开发者以一种...

    前端开源库-rollup-plugin-legacy

    **前端开源库-rollup-plugin-legacy详解** 在前端开发领域,构建工具的使用至关重要,它们可以帮助我们优化代码、处理依赖关系以及打包应用。Rollup 是一个现代化的JavaScript模块打包器,以其高效的树摇(Tree ...

    前端开源库-rollup-plugin-dts

    本文将深入探讨一个与Rollup相关的开源库——`rollup-plugin-dts`,它是用于生成TypeScript类型定义(`.d.ts`)汇总文件的插件。 `rollup-plugin-dts` 是一个专门为Rollup设计的插件,它的主要功能是在编译过程中将...

    开源CRM/ERP汇总介绍

    开源CRM/ERP汇总介绍。 汇总比较流行的java、php等web系统的开源CRM、ERP等企业信息化系统的对比介绍。

    JAVA开源框架-汇总.doc

    - **概述**:eclipse-jmx 是一个基于Eclipse的开源项目,旨在为Java应用程序提供管理功能。 - **主要特性**: - 通过Eclipse IDE集成JMX (Java Management Extensions) 功能。 - 允许开发者在IDE内部监控和管理...

    前端项目-orb.zip

    标题中的“前端项目-orb.zip”表明这是一个与前端开发相关的项目,主要关注的是JavaScript库的实现,特别是数据处理和展示方面。"orb"可能是这个项目的名称或者核心库的名字,它是一个用于创建数据透视表(Pivot ...

    入门前端?前端学习路线图汇总.md

    ### 入门前端:前端学习路线图汇总 #### 前言 对于许多希望进入前端领域的初学者来说,面对纷繁复杂的技术栈可能会感到迷茫。本文旨在为那些想要入门前端开发的朋友提供一份清晰的学习路线图,帮助大家系统地了解...

    前端项目-datalib.zip

    这个库提供了一系列实用工具,帮助开发者更有效地加载、汇总和处理数据,从而提升前端应用的性能和用户体验。 JavaScript是前端开发的主要语言,特别是在现代Web开发中,JavaScript已经从简单的页面交互扩展到构建...

    史上最全的前端资源汇总

    2. **前端开源资源库**:汇集了大量的开源项目和工具,是前端开发者获取灵感和实际开发经验的重要来源。 3. **国内老牌技术社区**: - **OSChina**:中国最大的开源技术交流社区之一。 - **博客园**:专注于.NET、...

    开源杂志08-09年汇总03

    本压缩包“开源杂志08-09年汇总03”收集了2008年1月至2009年4月期间的部分开源杂志内容,总计90MB,分为四个部分,此部分为第三部分,包含了01号的内容。 在这个时期的开源杂志中,我们可以了解到以下几个关键的...

    html5-boilerplate:大批量开源HTML5模板集合汇总

    标题中的“大批量开源HTML5模板集合汇总”意味着H5BP是一个包含多种前端开发资源的综合库,这些资源都是根据HTML5标准和最佳实践精心设计和挑选的。这个项目不仅提供了基本的HTML5结构模板,还包括了CSS样式、...

    S3老黄历php网站源码-数据库-24节气-蜘蛛统计-全开源可二开

    4、前端模板伪静态!使用方便,对seo友好! 5、精心修改,自用的程序。 6、每日黄历页面增加调用“历史上的今天”内容! 7、增加每月黄道吉日聚合页面。 8、增加每月吉日选择聚合页面。 9、增加24节气板块,汇总页和...

    推荐的一些值得订阅的前端周刊Weekly

    7. **开源项目推荐**:许多周刊会分享近期优秀的开源项目,这些项目可以是UI组件库、工具集、脚手架或者开发辅助工具,通过学习和使用这些开源项目,开发者可以提升自己的技能和工作效率。 8. **行业动态**:订阅...

Global site tag (gtag.js) - Google Analytics