webdev

100FrontendChallenge – Day 2 – Add to cart

100FrontendChallenge – Day 2 – Add to cart

The second UI is a simple add to cart component. As I thought writing the introduction to this challenge I needed some framework to handle interactions so I added the Svelte framework for the select behaviour of the shirts, sizes and colors available. Here's the result Checkout the 100FrontendChallenge site or the code on GitHub. Source link lol
Read More
“Eslint-Summary” — Hack your Eslint Config

“Eslint-Summary” — Hack your Eslint Config

Get full information about used rules and plugins in the eslint-config on the project with just one console command Introduction Not very often, but we need to understand what rules are used in our eslint-config on a project. There could be several reasons for this: Control of third-party rules. It’s more profitable for developers to use pre-built style guides from other teams. For example, Google or Airbnb. However, keeping track of other people’s rules is extremely inconvenient, especially if the rules are actively being added and changed. Familiarize team members with the current style guide. If your configuration consists of…
Read More
Macros in C

Macros in C

Macros in C are preprocessor directives that define constant values or reusable code snippets, improving code efficiency and readability. Defined using the #define directive, they replace specified identifiers with their values or code before compilation. Macros can be simple constants or more complex, parameterized snippets. For example, defining a constant for the value of pi or creating inline functions to avoid function call overhead. However, macros do not provide type checking and can lead to errors if not used carefully. They are a powerful tool but should be used judiciously to maintain code clarity and correctness. Source link lol
Read More
Atomic Design: UI Kit Strategy

Atomic Design: UI Kit Strategy

The Concept of Atomic Design applied to a frontend package What is Atomic Design Atomic Design is a methodology for creating design systems in a hierarchical structure, starting from the simplest elements (atoms) to more complex structures (molecules and organisms). This approach allows designers to build consistent, scalable, and reusable components for user interfaces. By treating parts of the UI as part of a larger whole, Atomic Design streamlines the development process, ensuring a more efficient and cohesive design system that can be easily maintained and scaled over time. Pros: Access components from different packages shared within the T&I team…
Read More
The Impact of Poor Endpoint Monitoring and Backend Error Tracking: A CTO’s Perspective

The Impact of Poor Endpoint Monitoring and Backend Error Tracking: A CTO’s Perspective

As a Chief Technical Officer, you understand the critical role that robust API infrastructure plays in today's digital landscape. However, many organizations underestimate the profound impact that inadequate endpoint monitoring and backend error tracking can have on their operations, user satisfaction, and ultimately, their bottom line. Diminished User ExperiencePoor endpoint monitoring often leads to undetected performance issues, causing slow response times and intermittent failures. These problems directly affect user experience, potentially driving customers away from your product or service. Without proper monitoring, you risk losing valuable users and damaging your brand reputation. Increased Downtime and Revenue LossUndetected errors and breaking…
Read More
webpack publicpath

webpack publicpath

The publicPath configuration option acts as a placeholder, allowing you to dynamically adjust the paths to your static assets. To illustrate, let's consider the scenario where you've uploaded your static assets, such as commons.js to a CDN. The actual URL for this file might be: https://s1.cdn.com/my-project/commons.js However, your HTML page is typically served from your own domain, for example:https://my-own-domain.com/my-project/index.html To ensure that the index.html correctly references the CDN-hosted static files, you can utilize the publicPath setting. This configuration will replace the local path of commons.js within index.html from: https://my-own-domain.com/my-project/commons.jsto the CDN path: https://s1.cdn.com/my-project/commons.jsBy setting the publicPath, you ensure that all…
Read More
Starting from Scratch: My Web Development Journey

Starting from Scratch: My Web Development Journey

Image description HELLO, I'm Saumya Singh and I'm excited to begin my web development journey, learning from the ground up. HTML, CSS, and JavaScript, here I come! I'll share my progress, ask questions, and learn from others. Join me as I navigate the ups and downs of coding. I'm ready to embrace the challenges and celebrate the triumphs. Let's grow, learn, and build something amazing together! #webdevelopment #beginner #codingjourney Source link lol
Read More
top 5 tools

top 5 tools

As a Developer, there's so much to learn, and it's very important to focus on the things that actually matter! Many developers prefer building things from scratch, but sometimes the workload is so huge that using these tools can make the job easier. In this article, I'll share 5 tools that can make you super productive and better at doing what you do the best "Build Cool Stuff" Source link lol
Read More
No widgets found. Go to Widget page and add the widget in Offcanvas Sidebar Widget Area.