Share 10 of the latest web front-end frameworks (translation)

Share 10 of the latest web front-end frameworks (translation)
In the world of web development, frameworks are very common. New frameworks and templates are even produced every day. It is difficult for you to understand them all and decide which framework you should use. The essence of a front-end web framework is a collection of JavaScript, CSS, and HTML related components that you can apply to your daily projects, which can greatly save development time, especially in those urgent projects. Here, we have listed 10 front-end web frameworks for your reference.

1. Furtive

 Furtive

This is a framework mainly for mobile devices. Nowadays, more and more people are paying more attention to mobile applications. This is a lightweight framework that can run on different browsers and also supports CSS and SCSS.

2. Csstyle

csstyle 

If you want to create an easily maintainable stylesheet, you can try this framework. It is based on mainstream design principles, and the framework uses a series of SASS mixed types to execute the program, which makes CSS more semantic and easier to read.

3. Muffin

Muffin 

It may not be a framework in the strictest sense, but it deserves your attention just the same. It is essentially a design-focused web template that you can use to help create static websites. It refers to the advantages and specifications of inuit.css, Boilerplate and Bootstrap to help your web development.

4. Kouto Swiss

Kouto Swiss 

This is an excellent framework based on CSS components, which has multiple uses and features to help you develop faster.

5. PowerToCSS

PowerToCSS 

This is a lightweight framework designed based on SMACSS and DRY principles. It has CSS components. If you want to get started with a project quickly, this framework is a good choice.
 

6. Themosis WordPress Framework  

Themosis WordPress Framework 

This framework applies many PHP features, such as namespaces. In addition, it combines WordPress specifications and typical MVC architecture.

7. Material Framework

Material Framework 

It has a smaller scope of use than the other frameworks introduced here, but it is absolutely lightweight and only contains CSS-based components. This framework can help you quickly understand and use CSS.

8. Material Design for Bootstrap

Material Design for Bootstrap 

As the name suggests, this is a Bootstrap 3 theme. It allows you to quickly and easily create designs for your projects.

 

9. Material UI  

Material UI 

Material UI is a CSS framework that implements Google's new Material Design design language. It is installable as an NPM package and uses browserify and reactify for dependency management and JSX transformations.

10. Materialize

Materialize 

Google launched the UI design specification at the IO conference. The specification is intended to unify the user experience of PC, Web and mobile applications. Current successful examples include the new Inbox application released by the Google Gmail team. The framework uses a lot of fresh designs and styles and comes in two versions: standard and SASS.


Original article: http://designposts.net/best-frontend-web-frameworks/
Translation: http://www.php100.com/html/dujia/2015/0127/8490.html
(Translation: PHP100_Zeroing)

<<:  Parsing Apache Avro Data in One Article

>>:  Summary of SQL deduplication methods

Recommend

Vue achieves the top effect through v-show

html <div class="totop" v-show="...

How to use vue.js to implement drag and drop function

Preface Adding drag and drop functionality is a g...

Detailed graphic explanation of how to clear the keep-alive cache

Table of contents Opening scene Direct rendering ...

React Router V6 Updates

Table of contents ReactRouterV6 Changes 1. <Sw...

Web data storage: Cookie, UserData, SessionStorage, WebSqlDatabase

Cookie It is a standard way to save the state of ...

Solution to MySQL Chinese garbled characters problem

1. The Chinese garbled characters appear in MySQL...

Detailed explanation of JavaScript prototype and examples

Table of contents The relationship between the co...

Vue implements dynamic routing details

Table of contents 1. Front-end control 1. In the ...

How to install MySQL under Linux (yum and source code compilation)

Here are two ways to install MySQL under Linux: y...

Summary of pitfalls of using nginx as a reverse proxy for grpc

background As we all know, nginx is a high-perfor...

Is it necessary to give alt attribute to img image tag?

Do you add an alt attribute to the img image tag? ...

Learn about TypeScript data types in one article

Table of contents Basic Types any type Arrays Tup...

Nofollow makes the links in comments and messages really work

Comments and messages were originally a great way...

Application examples of WeChat applet virtual list

Table of contents Preface What is a virtual list?...