Recent Blogs 📝

  1. October 30, 2021

    Custom react hooks is a JavaScript function allows you to add feature/functionality to your react application. We can reuse react hooks code…

  2. July 09, 2021

    HTML form is used to collect user input data. We can validate the input data from the client side (JavaScript) before sending to the server…

  3. June 28, 2021

    SVG (Scalable Vector Graphics) is a two-dimension vector-based graphic, ** supports animation and interaction**. SVG can be rendered to any…

  4. June 15, 2021

    To create a responsive text, we can adjust font properties based on the browser size. On the mobile screen, text should be large enough so…

  5. June 09, 2021

    Promise in JavaScript is the way to wait for a certain action to process or complete. The promise has the following states: Pending…

  6. May 19, 2021

    We can use tables to structure data in columns and rows. The table is the HTML way to layout the data. The CSS way to create layout in web…

  7. May 12, 2021

    The react hook is the function that allows you to use the state and react feature from the function base component (FOC). It provides you…

  8. May 09, 2021

    Flexbox is one-dimensional layout that allow the content to sit side-by-side. To understand about flexbox, consider the below structure of…

  9. May 06, 2021

    CSS grid is the most powerful layout system available. It makes life easy to layout content in 2-dimension. It allows you to layout content…

  10. April 30, 2021

    SAAS (software-as-a-service) products are the software that makes customer life/work easy and could be accessed via the Internet or offline…

  11. April 29, 2021

    React is the most popular JavaScript library for building the user interface. In React, we create reusable UI components and render these…

  12. April 27, 2021

    The float CSS property places an element on the left or right side with respect to other elements, allowing text and inline elements to wrap…

  13. April 24, 2021

    Layout in CSS makes your content sit in a row or column. A Flexible layout helps to fit more content in less space. Below are the ways in…

  14. April 15, 2021

    In this tutorial, we build a page that responds on scroll. Here are the things that we will cover in this tutorial. Click to navigate to the…

  15. April 02, 2021

    CSS (cascading style sheet) is used to style HTML elements. CSS Box Model → CSS Varibles → CSS Animations is used to animate/transition…

  16. January 31, 2021

    Javascript is a language that’s understood by the browser. It is used to load dynamic content without refreshing the page. You need to make…

  17. January 29, 2021

    In HTML, Canvas is like a whiteboard and we can draw on canvas using Javascript. In HTML, we can define canvas as below: We can draw on…

  18. January 29, 2021

    The CSS animation is the smooth transition of an object from one style to another. There are different ways to do animation in CSS as below…

  19. January 22, 2021

    You can customize the scrollbar in CSS using pseudo-elements with WebKit browsers. You can use the following pseudo-elements in CSS to…

  20. January 21, 2021

    HTML forms are used for user input/interaction. We can style the HTML form using CSS. In this blog, we style the HTML form with a search…

  21. January 18, 2021

    We can consider HTML elements as boxes that take some area. Area of HTML element can be sum as below: Content of HTML element Space from the…

  22. January 18, 2021

    Images are visuals that display on the browser. Responsive image responds to different screen size and pixel ratio. In HTML, we can define…

  23. January 12, 2021

    HTML Link in the website is used to navigates from page to page. We can define an attribute on the HTML link to make it more meaningful. The…

  24. January 11, 2021

    Javascript is used to add content dynamically without refreshing the page while HTML and CSS load the content on the initial page load. HTML…

  25. January 10, 2021

    To learn about web development in 2021, you have to understand what makes up the websites. In the blog, we cover the fundamental concepts to…

  26. January 04, 2021

    The blob object in javascript used to represent the raw data with different media types (MIME Type). We can use blob as a file system and…

  27. January 02, 2021

    Javascript is used for dynamic content appearing without refreshing the page and interactivity to HTML pages. Javascript could be used to…

  28. December 30, 2020

    CSS variables are the value that can be reused throughout the entire document and it saves from the reputation of values. We can also create…

  29. December 30, 2020

    CSS is used to style the HTML elements. We can assign the style property to HTML elements by targeting their class name and ID. Also, we can…

  30. December 29, 2020

    Media queries used to assign custom styling based on the browser screen size. For example, we can adjust the font color of text on desktop…

  31. December 27, 2020

    Break the word as JAM, stack. JAM means javascript, API, and markup. JAMstack is the modern way to application development. I wrote…

  32. December 27, 2020

    Conditional Statements execute certain operations based on logic. In Javascript, we can execute the conditional statements in three (3) ways…

  33. December 26, 2020

    In JavaScript, we have 5 types of primitive data types: string number boolean null undefined The primitive data type in javascript has a…

  34. December 10, 2020

    Let’s explain this to you by a story. A person was working hard continuously for the morning. Someone asked him what are you doing. He…

  35. December 06, 2020

    In short, create-react-app is not good for SEO. why? create-react-app is a SPA(single page application). In a SPA, all necessary HTML…

  36. November 30, 2020

    On the internet, there are plenty of resources and too many disciplines that might confuse you at first. You have to spend a lot of time…

  37. March 09, 2020

    NodeJs is open sources, cross-platform run-time environment for writing server-side application. To start writing your Node js script, you…

  38. March 07, 2020

    Google is one of the most popular search engines. We use Google to search for different queries. Below we cover some tips and tricks to…

  39. March 04, 2020

    Markdown is the lightweight, plain text language that you can use to add formatting to your document. The best part of Markdown is that you…