admin

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 »

How to update RecyclerView in Android

1) Insert single item at any position:String value = “India”;int index = 2;dataList.add(index, value);adapter.notifyItemInserted(index);This will add India at position 2.2) Insert multiple items:int  index   = 3;dataList.add(index,”Australia”);dataList.add(index,”England”);dataList.add(index,”South Africa”);adapter.notifyItemRangeInserted( index,  dataList.size());Australia will be listed at position 3, England will be listed at position 4 and South Africa will be listed at position 53) Remove single item from any position:int  …

How to update RecyclerView in Android Read More »

All about CSS Position : Absolute / Relative / Fixed / Sticky .

CSS Positions allow you to manipulate how elements are positioned  to achieve many different visual effects. In this post today, we’re going a little deeper to understand CSS positioning. There are basically 5 values but essentially only 4 values are commonly used.  Static : – This the default value all the elements have unless we change that …

All about CSS Position : Absolute / Relative / Fixed / Sticky . Read More »