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 seen that when you scroll down a web page a section of the web page with a background image becomes blurred and another image appears on top of it? I am sure you must have seen it. Today, you will learn that effect with HTML, CSS, and javaScript. All You need is …
Make a Background Image blurred & 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 …
