CSS-TricksĀ·4yThe 60 Hottest Front-end Tools of 2021 | CSS-Tricks
The Web Tools Weekly newsletter archives have been compiled into a list of the 60 most popular front-end tools of the past year. Iām sure there are at least one or two listed here that you can start using in your projects today. Some of these tools are super-practical, while others probably only made this list due to curiosity.
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.
Community PicksĀ·4y5 websites to learn Frontend-web development faster
In this article, I have curated 5 resourceful sites that will help you better you web development skills really fast. Exercism gives you the same path of study with extra challenges to help you grow faster. Below is a roadmap to master the fundamentals of JavaScript using this site.
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Ā·4yIT Tools - Collection of handy online tools for devs, with great UX
IT Tools is a free and open-source collection of handy online tools for developers & people working in IT. It includes a token generator, case converter, base converter QR code generator, Git cheatsheet, lorem ipsum generator, ... and many more.
ChangelogĀ·4yLearn PWA
Learn PWA fundamentals like the Web App Manifest, service workers, how to design with an app in mind, what's different from a classic web app, and how to Window management A PWA outside of the browser manages its own window. In this chapter, you will understand the APIs and capabilities for managing a window.
JavaScript in Plain EnglishĀ·4yTime to Say Goodbye to Webpack?
Vite is a build tool that aims to provide a faster and leaner development experience for modern web projects. Vite is opinionated and comes with sensible defaults out of the box, but is also highly extensible via its plugin API and JavaScript API with full typing support.
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.
Community PicksĀ·4yClean Code ā A practical approach
Clean Code is a practical approach to how to write code. It's mandatory to talk about the book written by Robert C. Martin in 2008 with the same name. But there are more books and experienced developers talking about similar concepts before the first release of the book.
Dev GeniusĀ·4yThe Programming Language(s) of the Future
C, C++, and Rust are not that easy, they force you to think about object lifetimes, dynamic allocations, etc. But even just in 3 categories, there are lots of differences and blurry decisions. If we consider the ease of use, and power of the implemented structures, the results will get more blurry. Until now, what have we learned? We compared the languages.
freeCodeCampĀ·4yBuild a Low-Code Dashboard for Your Startup
We just published a course on the freeCodeCamp.org YouTube channel that will teach you how to create a dashboard to help manage your site or startup. In this course you will learn how to use low code tools and APIs to build a customer support dashboard. You will learn to create the dashboard using the Appsmith platform, MongoDB, the SMTP API, and the Discord web hook.
PointerĀ·4yZ4nzu/hackingtool: ALL IN ONE Hacking Tool For Hackers
All in One Hacking tool For Hackers. Kali Linux in WIndows10 Without VirtualBox YOUTUBE. New Tools Reverse Engineering RAT Tools Web Crawling Payload Injector. SocialMedia Bruteforce Android Hacking tools. Hash cracking tools Wifi Deauthenticate SocialMedia Finder.
Community PicksĀ·4yIs Flutter better than React Native?
Flutter and React Native are natural competitors as two of the most used multi-platform mobile app frameworks. The answer lies not in the technical aspects of React Native and Flutter at all. Hiring developers is famously difficult right now, but the pool of developers to draw from is far larger than Flutter's.
Web Tools WeeklyĀ·4yCSS Tools, Databases, JSON, SVG
There are a number of different ways to remove empty items from an array in JavaScript. To remove blank values alone is something more specific, but there are a few ways to do it. You can find all the above examples in this CodePen. Now on to this week's tools!
DevDojoĀ·4yDev Tools On My Radar In 2022
The demand for innovation and collaboration improvements for remote teams is probably one of the strongest trends we can currently observe in the industry. In this short post I rounded up 5 relatively new dev tools that have recently been on my radar and I believe have the potential to improve our daily workflows.
Product HuntĀ·4yTanStack - High-quality open-source software for web developers
This is TanStack's first launch. Made by. Software Engineering Developer Tools. Featured on June 3rd, 2022 .is not rated yet . This is Tan Stack's firstLaunch. This is a beta version of the tool. It is not yet rated. It's not yet available to the public.
Community PicksĀ·4yDDD, Hexagonal, Onion, Clean, CQRS, ā¦ How I put it all together
Ports & Adapters architecture identifies three fundamental blocks of code in a system. In most languages and in its most simple form, the Port will be an Interface, but it might actually be composed of several Interfaces and DTOs.
