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

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

Beginner of Angular

How to install Angular with the CLI? If you visit the official website above, you can see that there are some commands written. These are the 4 main steps to install an Angular project: Node Package Manager (NPM) installation Angular CLI installation Creating an Angular app with the CLI Running the app Let’s see them in details… 1. Install NPM Angular requires Node.js in your system (version 8.x or 13.x). If you already have it, you can skip this part. Node has ...

Read More

HTML Arrow Code

HTML Arrow Code To add such symbols to an HTML page, you can use an HTML entity name. Char Number Entity Comment ← ← ← left arrow ↑ ↑ ↑ up arrow → → → right arrow ↓ ↓ ↓ down arrow ↖ ↖ ↖ north west arrow ↗ ↗ ↗ north east arrow ↘ ↘ ↘ south east arrow ↙ ↙ ↙ south west arrow ↚ ↚ leftwards arrow with stroke ↛ ↛ rightwards arrow with stroke ↜ ↜ leftwards wave arrow ↝ ↝ rightwards wave arrow ↞ ↞ leftwards two headed arrow ↟ ↟ upwards two headed arrow ↠ ↠ rightwards two headed arrow ↡ ↡ downwards two headed arrow ↢ ↢ leftwards arrow with tail ↣ ↣ rightwards arrow with tail ↤ ↤ leftwards arrow from bar ↥ ↥ upwards arrow from bar ↦ ↦ rightwards arrow from bar ↧ ↧ downwards arrow from bar ↨ ↨ up down ...

Read More

GSAP final layout

GSAP full animation layout The GreenSock Animation Platform (GSAP) animates anything JavaScript can touch (CSS properties, SVG, React, canvas, generic objects, whatever) and solves countless browser inconsistencies, all with blazing speed (up to 20x faster than jQuery). See "Why GSAP?". You need to impress the client with eye-catching animations that perform well on every device, or maybe you're building a sophisticated UI that calls for buttery-smooth draggable elements that flick and glide naturally to precise locations you define. You're ...

Read More