Topics on CSS
One of the strengths of styled components is adapting styles based on the props. Props in Styled-components can be utilized to make changes, dynamically and conditionally, with JavaScript. You can also use predefined special props to change the override the HTML tags creating. If you stumble upon this post, I encourage you to have to …
What is styled-components? In simple terms, it is a component that you can use in React applications. The purpose of the Styled- component is to create a specific HTML element and apply the CSS styles for it. As it is a component, you can use JavaScript syntax within your style component. Before you learn the …
A simple guide to Styled-components for beginners under 10 minutes Read More »
You may have encountered a situation where you need to add a carousel to the landing pages. A carousel is a slide show of images or videos or a combination of both images and videos in a cyclic manner. You can create a carousel from scratch with HTML, CSS, and JavaScript. However, if you use …
How to create React Bootstrap carousel for landing pages Read More »
Have you ever noticed that while scrolling down a web page, the background image becomes blurred, and then a new image appears in the foreground? Have ever wondered how to make a background image blurred and then pop up your image on your portfolio? In this post, we are going to learn this effect just …
How to make a background Image blurred and show your image Read More »
As a developer, you may have been in a situation to create Image galleries/slides to showcase movies, books, etc… Most of the time these Image galleries should fit into small, medium, and large screen sizes. While you can use CSS frameworks such as Bootstrap or Materialize, with CSS Grid Layout you can create a simple …
