Hashnode·4yMy Terminal Has SUPER Powers!
Fig.io has full autocomplete and IntelliSense just like inside of VS Code. This plugin is completely free (Mac only though), so you can head to the website now to download and install. The install process should be pretty straightforward, and after you have it set up you should immediately see it in action.
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.
Community Picks·4yMake your React apps fast again
Profiler can help you improve performance of a React application. We will go over ways to improve the performance of an app, including some pre-optimization techniques. We can use the Profiler in the React DevTools to measure performance of our apps. To use the profiler, you must Some are asynchronous, such as background HTTP calls, while others occur by user or You.
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·4yMy developer workflow using WSL, tmux and Neovim
Microsoft made Windows Subsystem for Linux also known as WSL. I use Oh My Zsh to manage my zsh configuration, which makes it trivial to install and use plugins. To install Starship, Starship is a minimal, highly customizable and super fast prompt. Neovim is the best code editor for me because of its speed and ease of customization. All the configuration is written in Lua.
Towards Data Science·4yMy Favorite VS Code Extensions of 2022
The Atom One Dark theme is my favorite because the colors have useful contrast and look great. VSCode Great Icons look so much better than the default, and the folder icons make it easier to tell which directory I’m in. I find this especially useful when writing React components where a lot of the boilerplate code gets repetitive.
Visual Studio Code·4yThe VS Code Server
The Visual Studio Code Server (private preview) is available now. It lets you use VS Code locally to develop applications "remotely" on the Windows Subsystem for Linux (WSL), in Docker containers, and on remote physical or virtual machines you manage over SSH. This is just the first step along the path towards a fully unified code manage that lets you manage both the desktop and the server.
Hacker News·4yI make $3K/mo from a browser extension! (+ December 2021 updates)
After 2 months of beta program, the total free users was ~9,800. That’s not a small audience at all, and the success of the beta program and the launch are heavily affected by the existing audience I have. Free users require a lot of resources to serve (server cost, support, etc.), but there are a lot. of potentials to convert people to paid customers. The launch announcement also helps to gather more attention/support.
Product Hunt·4yTailwind DX - A DevTools extension enabling smart tools for Tailwind CSS
This is Tailwind DX's first launch. Made by. Featured on June 18th, 2022 .is not rated yet. Was hunted byin Developer Tools. Was made by in Developer Tools . Made by in developer tools. It is not ratedyet. It was made byin developer Tools.
Visual Studio Code·4yThe problem with tutorials
Tutorials on how to use Remote Containers in Visual Studio Code have low completion rates. Laravel PHP project elegantly implements this in their own tutorials to great effect. The idea behind containerized dev environments is that you develop inside of a Docker container. The Remote - Containers extension for VS Code does exactly this.
Hacker News·4yLearn Vim the Simple Way
.css-1ydpsmy {display:flex;-webkit-align-items:flex-start;-moz-box-align: Flex;-ms-flex- align: Flex-start. .css-da5oxk{overflow:visible;height:100%;}.css-8w41o5{--chakra-wrap-x-spacing:0.5rem;--chakra-wrap-y-spaces: 0.5 Rem;--wrap-X-Spacing:calc(var( --chakria-warp-x) / 2);--wrake-Y- Spacing:
Hacker Noon·4y22+ Dev Tools, Websites, and Plugins that Help You Become a Better Developer
In this article, I will share my main 22 most loved web tools that make your life as an engineer simpler. Each conceivable language, clarified in one page, in pretty much every language, through substantial instances of code. Today, tons of free tools can be found online to take care of normal issues developers face each day.
Chrome Developers·4yModern web debugging in Chrome DevTools
Chrome DevTools has an extra setting enabled by default: Automatically add known third-party scripts to ignore list. With this setting enabled, DevTools hides any file or folder that a framework or build tool has marked as to ignore. This is a preview feature available in Chrome Canary from version 106.
CSS-Tricks·4yHolographic Trading Card Effect | CSS-Tricks
Simon Goellner’s collection of Holographic Trading Cards have captured our attention. Under the hood there is a suite of filter(), background-blend-mode() and clip-path() combinations that have been painstakingly tweaked to reach the desired effect.
Product Hunt·4yJSON Hero Chrome extension - A beautiful JSON explorer packed with features
The new JSON Hero Chrome extension lets you easily use JSON Hero from Chrome for plain JSON blobs. Or extract and open Firestore documents, Github files, and Open Graph metadata. And since JSON Hero is open source, you can even point to your own instance of the service.
Product Hunt·4yTailwind Cheat Sheet - Your easy access to Tailwind's classes
Chrome extension to easily access Tailwind's classes. The extension provides following features: Easily accessible tailwind classes. Click on the class to copy the same to clipboard. Search for classes using the search function in Tailwind. Open Source. Back to Mail Online home. back to the page you came from.
swyx·4yMy 2022 New Mac Setup
I set up my new Macbook Pro (16 inch, 2021 M1 Max 32 GB RAM 1TB HD) today. Here’s everything I use on a Mac. If I update this post in future, these contents will be archived but this URL will remain. Scroll to the bottom for lists and other Mac setup tools from friends!
asayer·4yHow to use Chrome as a Code Editor and Debugger
Chrome is a great browser to use for development. It has a number of tools that can be used to improve your code. The following sections describe how to use Chrome’s editing and debugging facilities. We also show you how to make changes to your code that are not permanent.
Hashnode·4yA Complete Guide to Debugging Javascript in Chrome
Chrome DevTools is a comprehensive developer toolkit with various web authoring and debugging tools. It is built directly into the Chrome browser and gives developers a deeper understanding of their applications. This article teaches you how to debug JavaScript code using the Chrome Dev tools.
