专栏首页我的前端路最新15个加速 Web 开发的框架和工具

最新15个加速 Web 开发的框架和工具

我们为开发人员挑选了15个最新的  Web 开发框架,你肯定尝试一下这些新鲜的框架,有的可能略微复杂,有的提供了很多的配置选项,也有一些窗口小部件和界面交互的选择。他们将帮助你创建更优秀的网站,提供给用户更好的体验。

1. Lotus

Lotus is Open Source Framework, which strives for simplicity, fewer DSLs, minimal conventions, more objects, zero monkey-patching and the separation of concerns between MVC layers. It suggests best practices, but it leaves all the freedom to you, the developer, to build your own architecture, with your own objects. Lotus is made of standalone frameworks (controllers, views, etc.) and each one is shipped as an independent gem to emphasize the separation of concerns.

2. Outline

Outline is a simple CSS starter responsive boilerplate for any new web project, created by Matt Harris. It’s a modular, mobile-first framework which includes todays best practices for responsive design and core components I use on every project. Outline is designed to be a starting point. A solid foundation for your project, leaving the creativity up to you.

3. Tabris.js

Tabris.js is a mobile framework that lets you develop native iOS and Android apps from a single code base written entirely in JavaScript. When HTML5 doesn’t cut it – Tabris.js will give you an easy path to native apps while building upon your existing JavaScript knowledge. It doesn’t use WebViews for rendering UI, and instead creates native widgets on the mobile platform via a JavaScript-to-native bridge.

4. Pyramid

Pyramid is a very general open source Python web framework. As a framework, its primary job is to make it easier for a developer to create an arbitrary web application. The type of application being created isn’t really important; it could be a spreadsheet, a corporate intranet, or a social networking platform. Pyramid is general enough that it can be used in a wide variety of circumstances.

5. Emastic

Emastic is a lightweight CSS framework that allows for fluid and fixed columns in the grid. It includes baseline grid typography, personalized page width, and more.

6. Baseguide

Baseguide is a robust and lightweight Sass-powered CSS framework. It includes all the basic elements—typography, forms, buttons, media, grid and more—in one small package.

7. Kathamo

Kathamo is a Minimalist CSS Framework for Rapid & Mobile-Friendly Development. Kathamo has a few easy ways to quickly get started, each one appealing to a different skill level and use case.

8. MarkdownUI

Markdown UI is a framework that lets you create responsive user interfaces in Markdown. You can write UI’s just once and then translate to Semantic UI 2.0, and soon to Bootstrap 3 and Foundation, plus you can use it for rapid prototyping.

11. Thao Framework

The Thao Framework is a minimal CSS framework for easier web development. It’s written and compiled in LESS, is lightweight, and lacks any JavaScript code. Thao is written and compiled with LESS. It’s fully compatible with last browsers. Unfortunately responsiveness on IE 8 is not fully compatible.

12. Bootcards

Bootcards is a cards-based UI framework. It is built on top of Bootstrap and uses it’s responsive features. Unlike most other UI frameworks, it includes a dual-pane interface for tablet users. Bootcards includes stylesheets to give your apps a native look, whether that’s on iOS, Android or desktop.

13. Bottle

Bottle is a python web framework that’s fast, simple, and lightweight. It supports routing, templates, and utilities, and has no dependencies other than the Python Standard Library.

14. Rebar

Rebar is a responsive SASS/Stylus grid framework. It keeps your CSS organized and makes your development more efficient.

15. Schema

Schema is a modular, responsive, front end framework to easily and quickly help you jumpstart your process in building complex interfaces for the web right out the box. Schema comes fully equipped with the capabilities of creating familiar experiences across multiple viewports. From a desktop monitor down to a mobile device, Schema’s 12-column grid provides flexibility. Schema leverages the power of Less. This enables a clean structure of code that is super easy to maintain. Whether you’re trying to put a quick design to a prototype, or if you’re working on a production-ready application, Schema provides the foundation and components to easily design any responsive web project.

资料:

《Thao Framework》:www.smpeizi.com

《MarkdownUI》:www.aiidol.com

《Baseguide》:www.3sjtw.com

《Kathamo》:www.idiancai.com

原文链接:http://www.yyyweb.com/3975.html

我来说两句

0 条评论
登录 后参与评论

相关文章

  • Webpack系列——手把手教你使用Webpack搭建简易的React开发环境

    在这篇文章中我们开始利用我们之前所学搭建一个简易的React开发环境,用以巩固我们之前学习的Webpack知识。首先我们需要明确这次开发环境需要达到的效果:1、...

    用户1515472
  • async await 的错误处理

    async await 从语法层面给人一种非常直观的方式,可以让我们避免 callback hell 与 Promise hell 。

    用户1515472
  • 微信小程序pick组件使用问题总结

    . 这里我创建了一个index目录,该目录下面创建好必备的文件。这里只会操作到.js和.wxml文件。 第一种方案 wxml文件添加如下内容

    卡二条的技术圈子
  • Webpack 的 stats 、Compilation、compiler 对象里都有啥

    最近想要了解一下 webpack 的 plugin 怎么写,于是各种文章就会告诉你想要写一个 plugin 那么你首先需要了解一下 Compilation、co...

    用户1515472
  • Webpack系列——Webpack + xxx配合使用

    在webpack中使用Babel通过使用babel-loader即可,babel中的配置可以通过options选项进行配置。 安装:

    用户1515472
  • 通过 Webpack 的 compiler 对象的 Hooks 学会编写 Webpack 插件的编写

    webpack 处理完 entry 配置项后触发,这是一个同步串行的 SyncBailHook 钩子,只要监听函数有一个函数的返回值不为undefined,则直...

    用户1515472
  • 如何让你的回调 Promise 化

    虽然现在是 9102 年了,但是不得不面对的现实是仍然有大量的老旧的采用回调的方式的函数,如果你在业务开发中受不了了,那么就可以考虑一下 Promise 化...

    用户1515472
  • webpack 的 chunk

    chunk 可以简单理解为 code spliting 出来的包,如果代码没有 code spliting 那么基本上可以认为对应于所输出的 bundle,we...

    用户1515472
  • 动手实现一个JSONP

    JSONP的原理就不细说了,就是利用script可以跨域的特点来实现跨域,首先我们考虑一个最简单的jsonp,就是简简单单创建script标签, 添加url的...

    用户1515472
  • 【JS】297-[译]正确使用 sort() 方法

    在过去的几个星期里,我们在不同的团队中看到,一般来说都没有使用 Array.prototype.sort()的习惯,并且不知道这种方法是如何工作的。今天我们将尝...

    pingan8787

扫码关注云+社区

领取腾讯云代金券