@manhnguyenv

Welcome to my blog!

Front-end Architecture Outline

September 28, 2018 22:13

Front-end Architecture Outline

https://coreui.io/

https://wrapbootstrap.com/theme/outline-angularjs-html-admin-theme-WB057X3JX (Plugins)

Testing Tools

Integration Testing Tool

  • Selenium

Build System

  • Grunt

HTML

https://www.w3schools.com/html/html5_syntax.asp

https://google.github.io/styleguide/htmlcssguide.html

https://www.codecademy.com/articles/html-inline-styles

CSS for TABLE

https://www.w3schools.com/css/css_table.asp

https://css-tricks.com/complete-guide-table-element/

  • Tables Can Be Difficult in Fluid/Responsive Designs
  • RWD List to Table

https://css-tricks.com/footable-a-jquery-plugin-for-responsive-data-tables/

https://css-tricks.com/responsive-data-table-roundup/

https://css-tricks.com/accessible-simple-responsive-tables/

Collapse to blocks on small screens

  • Responsive collapse (by column)
  • Responsive collapse (by row)

Collapsing to Tabs or Accordions

  • Collapse to Tabs
  • Collapse to Accordions

https://html-cleaner.com/features/replace-html-table-tags-with-divs/

CSS

https://css-tricks.com/css-style-guides/

Pre-processor

  • Less
  • Sass

Pattern Library

  • Pure.css
  • Bootstrap

JavaScript

Unit Testing Tool

  • Jasmine

Functional Testing tool

  • Karma

Frameworks

  • Angular

Other Libraries

  • Modernizr
  • Moment.js

Module Loader

  • Require.js

https://github.com/klamping/Front-end-Architecture-Outline

Categories

Recent posts