Tag: Css
-
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
-
Build mobile apps with Tailwind CSS, Next.js, Ionic Framework, and Capacitor
Posted on June 20, 2021, Level advanced Resource Length long
A very popular stack for building responsive web apps is Tailwind CSS and Next.js by Vercel. By Max Lynch.
Tags app-development css frontend web-development ios android
-
Real-world CSS vs. CSS-in-JS performance comparison
Posted on June 10, 2021, Level advanced Resource Length long
CSS-in-JS has taken a solid place in front-end tooling, and it seems this trend will continue in the near future. Especially in the React world. By Tomas Pustelnik.
Tags css frontend javascript web-development ux performance
-
A different way to work with external SVG
Posted on May 20, 2021, Level beginner Resource Length short
SVGs are awesome: they are small, look sharp on any scale, and can be customized without creating a separate file. However, there is something I feel is missing in web standards today: a way to include them as an external file that also retains the format's customization powers. By Shubham Jain.
Tags css web-development frontend programming
-
Programmatically generate images with CSS Painting API
Posted on May 16, 2021, Level beginner Resource Length medium
A JavaScript API for dynamic image creation coupled with CSS. Images add color to an application. However, as we all know, having a lot of high-resolution images affects the page load time. By Viduni Wickramarachchi.
Tags css web-development frontend app-development
-
How to structure CSS classes
Posted on December 30, 2020, Level beginner Resource Length medium
A clean and arranged CSS structure is hard to maintain in growing projects. Therefore it is important to think about how you would like to structure your classes right from the start so that you don't lose control. But if you start searching for methodologies and techniques to organize your CSS, you will soon realize that there are many ways to reach your goal! By Anne Debora Zimmermann.
Tags web-development css frontend app-development react
-
How we build micro frontends
Posted on August 28, 2020, Level beginner Resource Length long
Building micro-frontends to speed up and scale our web development process. By Jonathan Saring.
Tags css frontend web-development app-development microservices