SASS

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 :

One
Two
...

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

Web design 2019 trends

Web design trends 2019 as defined by 14 case study First impressions matters immensely. As a business owner, it's imperative that your website exceeds the customer's expectations and tells them in a clear and compelling way about who you are and what you do. Find out how companies benefited from improving their website design in the info-graphic below. STATS & FACTS There is a $100 return for every $1 that companies invest in ...

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

GSAP layout innerpage

GSAP Inner page 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 not ...

Read More