COMMUNITY
USER EXPERIENCE
WEB BROWSER FRAMEWORKS

There are many web browser frameworks, using CSS & Javascript, dedicated to constructing modern responsive user experiences; following are some notes based on our experience - the notes are not an endorsement of any framework, as there are many other options available.

SOME RESPONSIVE WEB JS FRAMEWORKS
  Their words, not ours..
Skel
A lightweight responsive framework for the www.

skel-baseline

html5up site templates using skel-baseline

Skeleton A dead simple, responsive boilerplate.

CDN

Foundation Responsive design gets a whole lot faster.

Sublime snippets

Download

CDN

Bootstrap Bootstrap is the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web.

bootply.com Editor & Builder

Download & CDN

Bootstrap themes

Semantic UI User Interface is the vocabulary of the web.

CDN
UIKit A lightweight and modular front-end framework for developing fast and powerful web interfaces.

CDN
Unsemantic Unsemantic is a fluid grid system that is the successor to the 960 Grid System. It works in a similar way, but instead of being a set number of columns, it's entirely based on percentages.

CDN
jQuery UI jQuery UI is a curated set of user interface interactions, effects, widgets, and themes built on top of the jQuery JavaScript Library.

CDN
HOW THEY FIT IN
Frameworks 

* KendoUI can also be used for View-Model management

** The Controller/View-Model or the View may use more than one framework,
ie knockout with the mydigitalstructure js module.

WORKING WITH MYDIGITALSTRUCTURE 

The simplest way to work with mydigitalstructure is use the Javascript SDK.

This SDK provides standard methods that allow the UX framework to interact with the mydigitalstructure objects - ie create, retrieve, update & delete.

You can create the user-interface by either creating static HTML, dynamic HTML using js or js/json (definition).

USEFUL LINKS
EXAMPLES
SOME BOOTSTRAP TEMPLATES
  1. Asher Muti-purpose
  2. Wrapkit Admin
  3. Virgin
  4. Sharp Vision
  5. Landing Pad
  6. ONE
  7. Smart
  8. Mist
  9. Hybrd
  10. Queen Admin
  11. MStone
  12. Pixel Admin
  13. Sing
  14. ResponsiveAdmin
  15. Strongly Typed
  16. SB Admin 2
  17. Readium
  18. Striped
  19. Parrallelism
  20. Overflow
  21. Prologue
  22. Official bootstrap themes
  23. First admin


ADMIN

  1. http://wrapbootstrap.com/preview/WB0573SK0 (SmartAdmin)
  2. http://wrapbootstrap.com/preview/WB0R5L90S (INSPINIA)
  3. http://wrapbootstrap.com/preview/WB07403R9 (PixelAdmin)
  4. http://wrapbootstrap.com/preview/WB0858DB6 (minton)
 
Javascript libraries
Responsive web design
Getting started for UXD
Using user roles to create a responsive user experience
Getting started for websites / ecommerce
Framework comparison (usabilica)
mydigitalstructure Javascript SDK (Module)
Using mydigitalstructure as CMS