Tag: Css
-
Frontend performance checklist
Posted on April 5, 2023, Level beginner Resource Length long
In the speed-obsessed world of today, better performance comes with serious business gains. This frontend performance checklist is a cumulative list of items that we at Crystallize found important when creating a Superfast web application that is Superfast. By Dhairya Dwivedi, Håkon Gullord Krogh.
Tags performance css frontend analytics web-development javascript browsers
-
Design and implement Jira board with drag and drop feature using React and Tailwind CSS
Posted on March 30, 2023, Level intermediate Resource Length medium
In this article, we are going to learn how to design Jira Board like UI using React with Tailwind CSS and how to manage its state using Context API. Also we are going to implement our own custom Drag and Drop feature by implementing reusable custom hooks. By Altamash Ali.
Tags css ux web-development app-development frontend react
-
From Zero to Hero: Learning CSS Grid made easy
Posted on March 28, 2023, Level beginner Resource Length short
In the world of web design, CSS Grid has emerged as a powerful tool for creating complex layouts with ease. This layout system enables designers to create a grid of rows and columns and place elements anywhere on the grid. By Code Home.
Tags css web-development learning frontend
-
How to build interactive pie charts using only CSS and HTML
Posted on January 15, 2023, Level beginner Resource Length medium
Looking for an easy guide on how to make a pie chart with CSS and HTML? Then you've come to the right place! By Hafsah Emekoma.
Tags css web-development frameworks frontend
-
CSS-in-JS for React: Linaria vs. Styled components
Posted on October 12, 2022, Level intermediate Resource Length medium
When building a web application with React, one of the challenges apart from implementing the main logic of the application is styling and choosing the appropriate styling solutions for your application. By Osah Peter.
Tags frontend app-development css react javascript web-development
-
A guide to CSS modules with React
Posted on August 20, 2022, Level beginner Resource Length long
There are many different ways to provide styling for React components, such as importing plain CSS, using styled components, JS-in-CSS or CSS Modules. These all have various advantages and disadvantages. In this article I go through some considerations when using CSS Modules. Specifically I am interested in looking at this in a framework agnostic way. By Max Rohde.
Tags web-development css frontend
-
Can SVG symbols affect web performance?
Posted on July 17, 2022, Level beginner Resource Length medium
SVG Symbol is an unvisited technique for reusing inlined SVGs elements. They seem redundant while using popular component-based frameworks/libraries like React, Vue, Svelte, hence you don't see it a lot on the web. By @Bart.
Tags frontend web-development app-development javascript css
-
Top 10 Angular best practices to improve your Angular app
Posted on March 24, 2022, Level beginner Resource Length medium
Despite all the compelling features offered by Angular, if you overlook your coding practices for the Angular code, there are chances of facing performance issues. By Archita Nayak.
Tags angular web-development learning frontend css google
-
CSS REM: What is REM in CSS?
Posted on March 21, 2022, Level beginner Resource Length medium
In this article I'm going to discuss some use cases of REM (Root EM) in CSS. CSS (which stands for Cascading Style Sheets) uses properties and values to create all the aesthetic magic that goes on in webpages. By Slimane Aguersif.
Tags css web-development app-development learning
-
Comparing SPAs to SSG and SSR
Posted on December 22, 2021, Level beginner Resource Length medium
What are the differences between Single Page Apps (SPA), Server Side Rendered Sites (SSR), and Static Site Generator based sites (SSG)? How do they compare in performance, SEO, developer experience, and flexibility? In this article, we give you an in-depth comparison of SPA, SSR, and SSG to help you make an informed decision on which strategies to use for your next front-end project. By Jacob Jackson.
Tags frontend css web-development angular javascript nodejs react
-
Introducing Svelte, and comparing Svelte with React and Vue
Posted on November 27, 2021, Level beginner Resource Length short
Let's be honest: lots of things in web development are harder than they should be. Some days, it can seem as though everything in the frontend world is needlessly over-engineered and convoluted. By Josh Collinsworth.
Tags frontend web-development css app-development frameworks
-
A first look at Qwik - the HTML first framework
Posted on July 17, 2021, Level beginner Resource Length short
Even with the most optimized code, it is hard for eCommerce sites to reach a 100 out of 100 score on PageSpeed Insights unless they serve only static HTML. By Misko Hevery.
Tags css frontend web-development app-development frameworks performance