February 15, 2019

Free icon sets for designers

Icons are one of the most important elements in good UI design. Not only do they symbolize some important bit of information for the user (think a simplified house image to represent “home”) they also convey all sorts of less obvious information through their design aesthetic. Cohesive use of icons can define the personality of

Free icon sets for designers Read More »

Angular 2+ shows nice looking custom alerts and messages

Angular2 Toasty component shows growl-style alerts and messages for your application. Installation : npm install ng2-toasty –save Import : import {ToastyModule} from \’ng2-toasty\’; Add this tag to the component HTML : <ng2-toasty [position]=\”\’top-center\’\”></ng2-toasty> Import ToastyModule.forRoot() in the NgModule of your application. The forRootmethod is a convention for modules that provide a singleton service. @NgModule({     imports: [         BrowserModule,         ToastyModule.forRoot()     ],     bootstrap: [AppComponent] }) Import the module to your

Angular 2+ shows nice looking custom alerts and messages Read More »

How to use gradients in css?

CSS gradients are represented by the <gradient> data type, a special type of <image>made of a progressive transition between two or more colors. We can choose between three types of gradients: linear (created with the linear-gradient() function),  radial (created with radial-gradient()), and conic (created with the conical-gradient function). You can also create repeating gradients with the repeating-linear-gradient() and repeating-radial-gradient() functions. Gradients can be used anywhere you would use an <image>, such as in backgrounds. Because

How to use gradients in css? Read More »