Kitchen Sink example: Demo
Blog Template: Demo
Product Template: Demo
Portfolio Template: Demo -- uses custom theme also built for the project
Taylor'd UI is a framework designed for entry level users to help them in their understanding of web development. Frameworks are a dime a dozen, However none of these frameworks are intended for entry level users like college students.
This is why I built Taylor'd UI, I wanted to build a non opinionated framework that college students or Coderdojo members could use as a teaching tool at the start of their web development journey. Taylor'd UI only weighs 4kb and is responsive.
Taylor'd UI based on the 960 pixel grid, and utilizes a 12 column system for the layout. Taylor'd UI is kept as non opinionated as possible as it's intended for the user to manipulate (abuse) to gain a better understanding of web development. only contains components that I feel an entry level user should know, the rest is up to them to learn.
The components of Taylor'd UI are:
-
Typography
-
Tables
-
Buttons
-
Button groups / Pagination
-
Panels
-
Labels
-
Navigation
-
Forms
-
Alerts
-
Jumbotron
The vocabulary in Taylor'd UI is kept to simple english terms such as "danger button", the main reason for keeping the vocabulary simple is that if you can visualize it, you can build it. The vocabulary is an ever evolving entity so if you see any issues or think something can be clearer, please create an issue.
To help the user in their understanding, I also built 3 template websites ranging from blogs, to portfolio websites. The template websites were created using Nunjucks so that they could be broken into partials, and remove the unnecessary repetition of code like navigation. The web is also moving this way, and by introducing these concepts at the start, the end user won't be surprised or confused when they see partials else where like Wordpress.
The user can either use the compiled template files found in each of the respective folders or edit the partials files also found in their respective folders.