Community Picks·3ySuper Useful CSS Resources 🌈
A collection of 70 hand-picked, web-based tools which are actually useful. Each will generate pure CSS without the need for JS or any external libraries. Full credit goes to the authors behind each of these apps (where possible I've linked to their GH/ socials) The collection includes Property Generators - Animations - Backgrounds.
DEV·3yFinally, a Free (and Open Source) Resume Builder Without Watermarks or Limitations
Free (and Open Source) Resume Builder Without Watermarks or Limitations is free. Reactive Resume is a free and open source resume builder. It's easy to use, and you can create an account to save any number of resumes. You can export your resume as a JSON to backup to your own devices.
Community Picks·3yAwesome Dev Tool Tips 🔥
The command pallet gives you full access to every command available within the dev tools, and is super valuable for quick navigation. For an app built with a framework, you'll probably see a lot of irrelevant files. For certain common console commands, you can watch values in real-time using Live Expressions.
Product Hunt·3yCodeImage - A tool for manage and beautify your code screenshots
Free CodeImage is a web application that allows you to manage and beautify your code screenshots. It's an open source side project born thanks to the SolidJS hackathon. It's currently maintained and is maintained by the team.
Product Hunt·3yuiverse.io - Universe of UI; Hundreds of Open Source UI elements
All elements are open source and free to use. We make it easy to find and customize the perfect element for your project. We also offer hundreds of community-made CSS and HTML UI elements like buttons, inputs, checkboxes and cards.
Community Picks·3yThe complete guide to System Design in 2022
System Design is the process of defining the architecture, interfaces, and data for a system that satisfies specific requirements. System design meets the needs of your business or organization through coherent and efficient systems. The complete guide to System Design Interview in 2022 is available.
Community Picks·3yChrome Extensions of the Month - December 2022
DeepL Translate Translate lets you translate from one language to another. StayFree is analytics, self-control, productivity, and web addiction controller extension. Nova is one of the best new tab extensions for Chrome with a minimalistic, light and dark theme.
freeCodeCamp·3yLearn Next.js for Scalable Web Apps
Next.js is built on top of React, which is a popular JavaScript library for building user interfaces. It also includes features such as automatic code splitting and optimized performance out of the box. You will also learn how to deploy the app using Vercel and to sync up GitHub with Vercel.
Medium·3yReact JS Best Practices
The React style guide is a set of recommendations for writing clean, maintainable code with React. Hooks are a new feature in React that allow you to use state and other React features without writing a class. The React memo higher-order component is a way to optimize the performance of your functional components.
Product Hunt·3yRippleUI - Cleanest, modern and beatifull Tailwind CSS components
RippleUI is a collection of components that can be easily integrated into your project to provide a consistent, responsive design and improve the user experience of your application. This is RippleUI's first launch. RippleUI was hunted by Mauricio Siu in Design Tools.
DEV·3y20 Git Commands you (probably) didn't know about 🧙♂️
A lot of these commands are incredibly powerful and can make your life a lot easier. This post outlines 20 of my favourite under-used git features, which you can use to level up your development process, impress your colleagues, help you answer git interview questions, and most importantly - have fun with! Git Web Run to instantly browse your working repository.
KDnuggets·3yMarkdown Cheatsheet
Markdown Cheatsheet is a lightweight markup language for creating formatted text using a plain-text editor. Markdown is widely-used in blogging, documentation, collaboration. It is heavily-relied upon in the R programming language ecosystem to create reproducible documents, provide a notebook interface, and format output.
JetBrains·3yHour of Code: Top 5 Frontend Projects
JetBrains Academy has released three frontend projects for frontend developers this summer. The most popular projects are HTML, CSS, and JavaScript. These tracks include a huge variety of real-life projects to keep you engaged during your studies. To help you develop and train this useful skill, we invite you to create a Virtual Piano app.
Community Picks·3y10 games to learn JavaScript
CodinGame CodinGame is a multi-language platform where you can learn several languages, including JavaScript. The cool thing about it is that you can use it as a multiplayer game, which is excellent as you can compete against your friends or coworkers. CheckIO CheckIO is an excellent text-based game with some fantastic graphics.
freeCodeCamp·3yImprove Your JavaScript Skills by Coding a Card Game
Coding a Card Game Building projects is a great way to improve your programming skills. We just published a course on the freeCodeCamp.org YouTube channel that will teach you how to create a digital card game with JavaScirpt, HTML, and CSS.
Towards Dev·3yGit skills you didn’t know you wanted
Most git beginners just learn basic commands like add, commit and push. It is easy to stick with these commands because they get the job done. In this article, you will learn additional tricks for commands that you already know to improve your experience with version control.
Snyk·3yHow to build a secure API gateway in Node.js
API gateways can provide a clear path for your front-end applications (e.g., websites and native apps) to all of your back-end functionality. They can act as aggregators for the microservices and as middleware to handle common concerns, such as authentication and authorization. The most popular choice for Node.
Product Hunt·3yAI Query - Generate SQL Queries with AI in Seconds
The fastest way for engineers to generate queries using basic English and let AI do the heavy lifting for you. With AI Query anyone can create efficient queries, without even knowing a thing about it. AI Query is not rated yet. This is AI Query's first launch.
Community Picks·3yBuilding a Music Player in React
The missing projects are the music player and video player. Both of the projects will give you the opportunity to handle audio and video. You will learn many things such as handling audio for playing and pausing audio. Today, we are going to build a music player in React.
Community Picks·3yImportant JavaScript concepts
The important JavaScript concepts that programmers need to be familiar with are covered in this article. Many developers obtain surprising outputs when unfamiliar with the idea of hoisting in Javascript. The above programs work as below and the output will be undefined. The main benefits of using IIFE are data privacy and quick code execution.
LogRocket·3yBuild a real-time chat app with Rust and React
Rust is known for its speed and reliability, while React is one of the most popular frontend frameworks for building user interfaces. In this article, we’ll demonstrate how to build a real-time chat app with Rust and React that offers functionality for chat, checking user status, and indicating when a user is typing.
Bits and Pieces·3yI asked Chat GPT to build a To-Do app — Have we finally met our replacement?
Chat GPT asked Chat GPT to build a To-Do app - Have we finally met our replacement? Are we about to be replaced by an AI, again? We saw the release of GitHub Copilot in October of 2021 and the whole dev community went crazy again. But are they right this time around?