DEV·3y10 Cool CodePen Demos (March 23)
This post features various CodePen demos including 3D camera icons, a pure CSS landscape, a radial menu with CSS trig functions, VR gravity manipulation, text effects, a 3D text library, spiral circles, a random planetary system, a cool hover effect using one element, and a neumorphic liquid slider using CSS and animation.
The Software House·3yFrontend interview questions – developers tips in 2023
As the high demand for frontend development continues, technologies come and go and requirements change. As many as 25.96% of all programmers on Stack Overflow consider themselves frontend developers. Frontend development is an essential and obligatory part of any web-based and many mobile-based projects.
Community Picks·3yCSS Blend Modes
CSS Blend Modes blend modes allow you to blend overlapping pixels. Using a color, noise image, shadow & gradient can blend to produce a paper effect. A duotone image is an image made up of two colors. Made by converting an image to grayscale then replacing the darks with one color & the lights with another.
DotNetCurry·3yReact.js Application Structure - Best Practices
A well-structured application helps you maintain the codebase, onboard new developers, and easily scale the project. In this article, we will discuss various approaches to structuring your React.js application. There are several ways to organize the files and components in a React application. These approaches can be categorized into three main types.
InfoQ·3yReal-Time Messaging Architecture at Slack
Slack provides a comprehensive insight into its Pub/Sub architecture, designed to manage real-time messages at scale. Slack's engineers say the company plans to enhance its architecture to serve a more significant customer base. The system's backend is composed of several services, including stateful, in-memory servers.
Ahmad Shadeed·3yCSS Text balancing with text-wrap:balance
CSS Text balancing with text-wrap:balance - Ahmad Shadeed. The browser will automatically calculate the number of words and divide them equally between two lines. With text balancing, the title content will be balanced and we won’t have a single word in its line.
asayer·3yHow to Customize Checkboxes with CSS
Checkboxes are a common element of web design that allows users to select from a list of options. This article explores the importance of customizing and improving the accessibility of checkboxes. We’ll discuss styling, the size and shape of the checkboxes, and some pointers for making your checkboxes more accessible to all users.
Slack engineering·3yReal-time Messaging
Slack Engineering describes the architecture that we use to send real-time messages at this scale. Slack sends millions of messages every day across millions of channels in real time all around the world. We have a draining mechanism for region failures that seamlessly switches the users in a bad region to the nearest good region.
CSS {IRL}·3yExploring :has() Again
CSS allows us to select a parent or sibling of an element by taking a relative selector list as its argument. In practice, we can select any element in the DOM relative to another, as long as they share a common ancestor. This makes it pretty powerful. Hiding and revealing content is often something that should be done with JS.
