Medium·4yFantastic CSS border animation
In this article we will use CSS to create a variety of wonderful border effects. The most commonly used one is solid , dashed which appears in the picture above dashed. CSS border also supports none , hidden , dotted , double , groove , ridge , inset , and outset other styles.
Community Picks·4yModern Web App Design Patterns
Design patterns are descriptive, not prescriptive. They can guide you when facing a problem other developers have encountered many times before. They are not a blunt tool for jamming into every scenario. Patterns.dev aims to be a catalog of patterns (for increasing awareness) rather than a checklist (what you must do)
Community Picks·4yLINUX Commands
List your jobs. & Run a job in the background. Suspend the current (foreground) job. Unsuspend a job: bring it into the foreground. bg Make a suspended job run in thebackground. ls List files in a directory. mv Rename (“move”) a file. rmdir Delete (remove) an empty directory and its contents. shred Completely erase a file when the file is deleted.
Changelog·4yBun is a fast all-in-one JavaScript runtime
Bun is a modern JavaScript runtime like Node or Deno. It was built from scratch to focus on three main things:Start fast (it has the edge in mind) New levels of performance (extending JavaScriptCore, the engine) Being a great and complete tool (bundler, transpiler, package manager)
Community Picks·4y12 APIs that you as a developer will love it
API stands for “Application Programming Interface,” which is a way to communicate between different software services. I created a list of cool, free and easy to use APIs that I like to use, that I will share with you. I hope you like it!
freeCodeCamp·4yLearn Game Development with JavaScript
You will learn to make 2D games with HTML, CSS & plain vanilla JavaScript, using no frameworks and no libraries. Frank Dvorak has created many popular JavaScript courses on a variety of platforms. He will teach you to use everything you learned to make a single final game.
ByteByteGo·4yAlgorithms you should know before you take system design interviews
System Design Interview books cover a range of important algorithms. I put together a list and explained why they are important. It’s very difficult to rank algorithms by importance objectively. understanding “how those algorithms are used in real-world systems’ is generally more important than the implementation details in a system design interview.
Hashnode·4yJokes only programmers will understand
To understand these jokes, you have to be a programmer, and if you're not don't worry. Laugh and also share them with your friends that are programmers. It isn't an easy thing to become a programmer. You need some minutes to at least laugh and forget the stress you've been through.
Community Picks·4yHow to Use Three.js And React to Render a 3D Model of Your Self
In this article, we’ll cover how to render and configure 3D assets created in a 3D software program like Blender or Maya in a React project using react-three-fiber. To get a customized 3D model of yourself, We well use Ready Player Me, a free-to-use 3D avatar creator.
freeCodeCamp·4yThe Software Architecture Handbook
In this article we'll talk about what architecture is within the software world, some of the main concepts to know about it. For each topic I'll give a brief and superficial introduction and code/pseudo-code examples. The most commonly used are REST, SOAP and GraphQl. Most often the HTTP protocol is used. But other protocols and content formats are perfectly possible.
Pointer·4yFundamental Software Architectural Patterns
Architectural patterns are essentially reusable solutions to common problems. Partitioning a system into separate layers, organizing components within them by related criteria, allows developers and teams to work better together. The scope is broader for the architectural patterns while design patterns represent a way to structure classes to build the best internal structure.
Honeypot·4yGit Commands - Cheat Sheet for All Developers
Git is a powerful tool for all developers, but some commands are easily forgotten or unknown for junior developers. Here is a comprehensive recap of the Git commands you might need in your everyday developer life. I’ve added complementary links if you want to dig deeper or need specific support for your problem.
ByteByteGo·4yEP17: Design patterns cheat sheet. Also...
In the US, tech companies usually run payrolls via Automatic Clearing House (ACH) The RDFI operates on the receiver’s bank accounts based on the instructions in the ACH files. Since 2018, it's possible to choose Same Day ACH so funds can be transferred on the same business day.
Hashnode·4yJavaScript object destructuring tips
Destructuring is an extremely useful way of extracting properties from objects. Destructuring also works on arrays, but let's focus on objects for this one. We can omit the double use binding of the name properties and destructure the properties like this. With destructuring, we can also target nested properties.
The Next Web·4yCopilot works so well because it steals open source code and strips credit
The Software Freedom Conservancy announced its withdrawal from GitHub today. The SFC is upset that Microsoft and OpenAI trained an AI system called Copilot on data that was published under an open-source license. The only way to get access to Copilot is through a special invitation from Microsoft or paid subscription.
Pointer·4yawesome-selfhosted/awesome-selfhosted: A list of Free Software network services and web applications which can be hosted on your own servers
This is a list of Free Software network services and web applications which can be hosted on your own server(s) Non-Free software is listed on the non-Free page. Awesome-Selfhosted is the practice of hosting and managing applications on your OWN server.
Community Picks·4y7 Tips for Clean React TypeScript Code you Must Know
Clean code isn't code that just works. It refers to neatly organized code which is easy to read, simple to understand and a piece of cake to maintain. Let's take a look at some of the best practices for clean code in React. Provide explicit types for all values. Take the previous state into account while updating the state.
Community Picks·4yHow to use Lottie animations & React JS?
Lottie is a library created by Airbnb to facilitate the creation of animations for different platforms. Lottie files work on any device and can be scaled without loss of quality, just like an SVG file. The big difference between animated GIFs and Lotte files is that GIFs are made up of images and Loti files are generated through code in a JSON file.
DEV·4yFront End Interview Question
The assignment had little to no restrictions to it. You can use libraries however you like them to fill in the code. You have 1 hour to complete it. I had to build it on my own machine while the interviewer was watching. It is extra curricular points to know the answers to these kind of questions, so if you don't that is okay.
Community Picks·4yleonardomso/33-js-concepts: 📜 33 JavaScript concepts every developer should know.
This repository was created with the intention of helping developers master their concepts in JavaScript. It is based on an article written by Stephen Curtis and you can read it here. Feel free to submit a PR adding a link to your own recaps or reviews. All the translations for this repo will be listed below. The Ultimate Guide to Execution Contexts, Hoisting, Scopes, and Closures in JavaScript.
freeCodeCamp·4yHow to Authenticate a User with Face Recognition in React.js
In this tutorial, we'll discuss different authentication techniques you can use to authenticate users. These include email-password authentication, phone auth, OAuth, passwordless magic links, and at last facial authentication. We'll also build a project that teaches you how to integrate facial recognition-based authentication in your React web application Magic link authentication Magic links.
freeCodeCamp·4yHow to Center a Div with CSS – 10 Different Ways
In this article, you'll learn 10 different ways to center a div. We will explore how to center divs using the CSS position property, CSS Flexbox, and CSS Grid. After reading this whole article, I am confident that you will start centering divs like a pro.
