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 »

When we use !important exception and why we use it

The important the rule is used on a style declaration and this declaration overrides any other declarations. Although technically !important has nothing to do with specificity, it interacts directly with it. Using!important, however, is not good practice and should be avoided. Because it does debug more difficult by breaking the natural cascading in your stylesheets. When two conflicting declarations with

When we use !important exception and why we use it Read More »