Covid19 Live Status

COVID Live Status The world was in recovering from the COVID pandemic. I have just tried live status of covid affected areas and death rates using Angular. You can get covid details from live server json from Using HttpClient we gave responsive datas from live site through JSON. covide.component.ts readonly Root_url = ''; posts : any; constructor( private http:HttpClient ) { } ngOnInit(): void { this.posts = this.http.get(this.Root_url); } And displaying those data using *ngFor in table ...

Read More

Isometric Illustrator

Isometric Illustrator For the designers keep updating in current trend is highly important. In that thread this Isometric illustrator was amazing trend in past days. We get see many major websites in this illustrator design. This design based on Geometric Technique. The 3rd dimensional illustrator. The basic of this design is really simple. It is the most attractive design of the Illustrator these days. A Plane is a two-dimensional surface which extends ...

Read More


What is an API? API is a set of instruction and protocols for building and integrating application software. Naturally API stands for Application Programming Interface. API used to communicate your product or services with other clients product and services, for this process we don’t know how they are implement. Basically, API’s simplify how developers integrate new application component into an existing architecture. Example Live API's A site that tracks more than 15,500 APIs, lists Google ...

Read More

Social media share meta tags

Social media share meta tags While you sharing the page, this meta tag passes the page URL, title and description to the social media pages. It is more useful for the SEO process. We can use for social media like Facebook Twitter LinkedIn Whats App and more., When you think to modify a page's preview image, description, and additional metadata for these services, you can provide meta tags in the HTML code ...

Read More

Neumorphism in user interfaces

Neumorphism in User Interfaces The neomorphism is excellent stylish and latest trend in UI Design now a days, for this feature you will get real 3d experience in your design, like you will get the button pop out in your screen. The 3d look for the design will blow your site and app in trending way. Img Credits : Freebiesui While various forms of Skeumorphism exist in UI Design, the trend of this new ...

Read More


SASS Sass is a CSS preprocessor—a layer between the stylesheets you author and the .css files you serve to the browser. Sass (short for Syntactically Awesome Stylesheets) plugs the holes in CSS as a language, allowing you to write DRY code that’ll be faster, more efficient, and easier to maintain. If you want to install in basic way then you can refer the sass original page here. But now a days the installation too have ...

Read More

CSS Grid Example

CSS Grid The use of grid layout is one of the main web design methodologies. Plenty of tools help Front-End Developers build grid-based websites (for instance Bootstrap, Foundation, or gridle {.scss}), with the introduction of CSS Grid Layout, we realize that until now we were never really able to implement grid on our websites. Grid Layout excels at dividing a page into major regions or defining the relationship in terms of size, position, and layer, between ...

Read More

CSS Grid Properties

CSS Grid Properties The use of grid layout is one of the main web design methodologies. Plenty of tools help Front-End Developers build grid-based websites (for instance Bootstrap, Foundation and etc.,) Here you are get the basic of Grid system. The properties and basic example. Basic Grid Code HTML :


Read More

Image Responsive

Image Responsive Usually we do responsive in CSS media, but do you think is there any possibilities to do responsive in html code. The answer is YES. The below code is for image responsive from html side. Cashews For below of width : 800px the mobile image will be show, and above the desktop ...

Read More

Angular Components

What Is an Angular Component? Components are like the basic building block in an Angular application. An Angular app contains a tree of Angular components. It contains #binding and #interpolation in Angular App A component is just a class that serves as a controller for the user interface. It consists of three parts - some TypeScript code, an HTML template, and CSS styles. For more a) Binding In angular binding is just a way to connect data from ...

Read More