@manhng

Welcome to my blog!

UI Framework

January 23, 2019 22:11

UI Framework (edit)

References

The State of CSS 2020: Resources

Design System

  • Material Design - Google
  • Fluent Design (Fluent UI) - Microsoft

Đươi đây là 5 trụ cột của Fluent Design:

  1. Light
  2. Depth
  3. Motion
  4. Material
  5. Scale

10+ thư viện UI components cho React – Ehkoo

Danh sách các tài nguyên dành cho thiết kế web & đồ họa - Code & Coffe (codfe.com)

Office UI Fabric

  • Office UI Fabric JS
  • Office UI Fabric React
  • Office UI Fabric Icons

Tailwind CSS

https://tailwindcss.com/

React JS + Tailwind CSS

1) Semantic UI

https://semantic-ui.com/

Semantic UI Calendar

https://github.com/mdehoog/Semantic-UI-Calendar

https://github.com/bradygmsft/semantic-ui-aspnetcore-razor

https://jsbin.com/ruqakehefa/1/

Free template with semantic-ui and jQuery

https://github.com/muhibbudins/moderns

Semantic UIBlog Template

https://github.com/shawooha/semantic-ui-free-blog-template

Semantic UI Samples

https://bootsnipp.com/semanticui

2) CoreUI

Free Bootstrap Admin Template

https://coreui.io/

ASP.NET Core MVC 2.1 y CoreUI 2 (Bootstrap 4)

https://www.coderepo.blog/posts/building-elegant-applications-aspnet-core-mvc-2.1-coreui-2-bootstrap-4/

3) PrimeFaces

https://www.primefaces.org/

https://www.accelebrate.com/training/jsf-primefaces

Top 10 Front-End Frameworks of 2018:

JavaScript Libraries:

  • jQuery: A fast, small, and feature-rich JavaScript library.
  • BackBoneJS: Give your JS app some backbone with models, views, collections, & events.
  • D3.js: A JavaScript library for manipulating documents based on data.
  • React: Facebook’s JavaScript library developed for building user interfaces.
  • jQuery UI: A curated set of user interface interactions, effects, widgets, and themes.
  • jQuery Mobile: HTML5-based user interface system designed to make responsive web sites.
  • Underscore.js: Functional programming helpers without extending any built-in objects.
  • Moment.js: Parse, validate, manipulate, and display dates in JavaScript.
  • Lodash: A modern utility library delivering modularity, performance, & extras.
  • Vue.js: An open source JavaScript framework used for building user interfaces.
Front-end Frameworks:
  • Bootstrap: HTML, CSS, and JS framework for developing responsive, mobile first projects on the web.
  • Foundation: Family of responsive front-end frameworks that make it easy to design beautiful responsive websites, apps and emails that look amazing on any device.
  • Semantic UI: Development framework that helps create beautiful, responsive layouts using human-friendly HTML.
  • uikit: A lightweight and modular front-end framework for developing fast and powerful web interfaces.
Web Application Frameworks:
  • Ruby: Ruby on Rails is a web-application framework that includes everything needed to create database-backed web applications, with the MVC pattern.
  • AngularJS: Lets you extend HTML vocabulary for your web application. AngularJS is a framework, even though it’s much more lightweight and sometimes referred to as a library.
  • Ember.js: A framework for creating ambitious web applications.
  • Express: Fast and minimalist web framework for Node.js.
  • Meteor: Full-stack JavaScript app platform that assembles all the pieces you need to build modern web and mobile apps, with a single JavaScript codebase.
  • Django: High-level Python Web framework that encourages rapid development and clean, pragmatic design.
  • ASP.net: Free, fully supported Web application framework that helps you create standards-based Web solutions.
  • Laravel: A free, open-source PHP web application framework to build web applications on MVC pattern.
  • Zend Framework 2: An open source framework for developing web applications and services using PHP.
  • Phalcon: A full-stack PHP framework delivered as a C-extension.
  • Symfony: A set of reusable PHP components and a web application framework.
  • CakePHP: A popular PHP framework that makes building web applications simpler, faster and require less code.
  • Flask: A microframework for Python based on Werkzeug and Jinja 2.
  • CodeIgniter: Powerful and lightweight PHP framework built for developers who need a simple and elegant toolkit to create full-featured web applications.

Best JavaScript Frameworks, Libraries and Tools to Use in 2019

https://www.sitepoint.com/top-javascript-frameworks-libraries-tools-use/

5 Best JavaScript Frameworks for Desktop Apps

https://brainhub.eu/blog/javascript-frameworks-for-desktop-apps/

1/ Electron

2/ NW.js

3/ AppJS

4/ Meteor

5/ Proton Native

Categories

Recent posts