Learn how to easily create responsive applications using Angular and Flex Layout.
Material Design Palette Generator
By: Mikel Bitson, me @ mbitson . com
The AngularJS Material Design framework provides us with an awesome theming engine that allows us to easily switch between Material Design themes. Unfortunately, there is one major shortcoming. When a user would like to use their own themes or colors, they must first define them in the AngularJS Material Design format. This requires a user either extend a default palette or define all of the colors for their new palette- which can be quote time consuming.
Enter, Material Design Palette Generator!
This material design color tool allows you to quickly and easily create or import a set of colors to create your own, perfect theme from completely customizable palettes. Once you've got your theme built, assign the theme and palette names and then quickly export to any front-end framework! Currently, export includes JSON and AngularJS Material design with plans to support Materialize, CSS, Polymer, and more!
If you have any ideas for features for this tool, would like to submit a bug, or just want to chat, you may contact me using me @ mbitson . com.
Contributions:
fireflight1 - Initial concept, starting code base.
tkh44 - Optimizations/fixes
simon04 - Contrast detection, bug fixes.
By: Mikel Bitson, me @ mbitson . com
The AngularJS Material Design framework provides us with an awesome theming engine that allows us to easily switch between Material Design themes. Unfortunately, there is one major shortcoming. When a user would like to use their own themes or colors, they must first define them in the AngularJS Material Design format. This requires a user either extend a default palette or define all of the colors for their new palette- which can be quote time consuming.
Enter, Material Design Palette Generator!
This material design color tool allows you to quickly and easily create or import a set of colors to create your own, perfect theme from completely customizable palettes. Once you've got your theme built, assign the theme and palette names and then quickly export to any front-end framework! Currently, export includes JSON and AngularJS Material design with plans to support Materialize, CSS, Polymer, and more!
If you have any ideas for features for this tool, would like to submit a bug, or just want to chat, you may contact me using me @ mbitson . com.
Contributions:
fireflight1 - Initial concept, starting code base.
tkh44 - Optimizations/fixes
simon04 - Contrast detection, bug fixes.
294+ free and continuously growing high quality icons
Angular Material 2 help us to build high-quality UI components with angular 2+ & typescript by following Material Design specifications.
Angular Material project is under active development. New features are being added regularly.
Angular Material project is under active development. New features are being added regularly.
Npm est actuellement le gestionnaire de paquets le plus utilisé dans le monde Javascript. Fin 2016, son jeune concurrent Yarn fait son apparition et gagne très vite en popularité. Seulement une semaine après sa sortie, le projet recueille plus de 15 000 stars sur Github et forme une communauté déjà très active.
ownCloud X is out!
A safe home for all your data
Access & share your files, calendars, contacts, mail & more from any device, on your terms
A safe home for all your data
Access & share your files, calendars, contacts, mail & more from any device, on your terms
Flexbox and Grids, your layout’s best friends
We decided to debunk the myths around Flexbox & Grids in order to show you the power of these two technologies working together.
We decided to debunk the myths around Flexbox & Grids in order to show you the power of these two technologies working together.
Everything you need to learn CSS Grid Layout
A utility-first CSS framework for
rapidly building custom designs.
Tailwind CSS is a highly customizable, low-level CSS framework that gives you all of the building blocks you need to build bespoke designs without any annoying opinionated styles you have to fight to override.
css atomic
rapidly building custom designs.
Tailwind CSS is a highly customizable, low-level CSS framework that gives you all of the building blocks you need to build bespoke designs without any annoying opinionated styles you have to fight to override.
css atomic
With icongram you can easily use icons from popular icon sets on the fly. — Codrops
Emergence.js
Lightweight, high-performance JS plugin for detecting and manipulating elements in the browser.
Lightweight, high-performance JS plugin for detecting and manipulating elements in the browser.
Sketch Tools for Managing a Design System
List of sketch app extensions for organizing and maintaining a user interface collection.
List of sketch app extensions for organizing and maintaining a user interface collection.
A Sketch plugin for exporting and importing fill presets. It supports colors, gradients, and pattern fills.
Frappé Charts
GitHub-inspired simple and modern charts for the web
with zero dependencies.
GitHub-inspired simple and modern charts for the web
with zero dependencies.
This textarea extends the built-in textarea without reinventing the wheel. Handy and customizable headline functions, intelligent list buttons and a custom page selector make editing textareas a breeze.
Unofficial documentation for Kirby CMS. It's is NOT maintained by the Kirby crew.
A tool to make creating and maintaining styleguides easy.