SitePoint·5yVisual Studio Code Shortcuts: A Programmer’s Guide
This article covers default keyboard shortcuts for Windows, Linux and macOS. Visual Studio Code is one of the most popular and most used code editors. It’s open source and free to use. It provides support for many languages and frameworks, whether through built-in features or the extensive list of extensions available for the editor.
JavaScript in Plain English·5y25 Hand-Picked React Libraries You Probably Didn’t Know Existed
React is a JavaScript library built on top of Facebook’s React library. It aims to bring a native desktop experience to the web, featuring many macOS Sierra and Windows 10 components. Here are some libraries you can use in 2021 to level up your web application.
Hashnode·5yHow I use Notion while learning programming
Notion is an application that provides components, such as notes, databases, kanban boards, wikis, calendars and reminders. It has almost anything that you need for project management, note taking (except a scribble feature that I wish there was one) and writing blog posts. I use Notion while learning how to code in various ways.
Hashnode·5yWhy I Have Switched to Obsidian
With Evernote, my markdown app and some other apps and notebooks - basically all over the place. I felt something wasn't right, that this would do me in later on, but I didn't know how to correct it. I read a great article on organisation and taking notes by Eduardo Vedes - Note-Taking for Software Engineers. He explained the importance of taking notes and how Notion has helped him be more organized. That's where Obsidian comes in.
Hashnode·5yGetting started with the Notion API
Notion is a component-based note-taking app. It offers databases, calendars, files, and much more. Notion can be a super easy database source for any application we wish to make. This article will explore the Notion API, mainly getting an API key and query a database.
Hashnode·5y5 JetBrains plugins to upgrade the built-in Git support to the next level!
JetBrains Git plugin comes bundled with all JetBrains IDEs. It's a full blown Git client in its own right with almost all the features of a standalone client such as SourceTree, Tower or GitKraken but built into the IDE. There are even more features you can enhance your IDE’s Git support with.
Hashnode·5yHow to See Which Branch Your Teammate is on in PhpStorm
In PhpStorm, open up the Team Window by clicking GitLive on the bottom tool window bar. Locate the teammate you are interested in and click the arrow on the left-hand side of their avatar. Now you will see all the repositories they have cloned including the name of their current branch.
Hashnode·5yThe Best JetBrains Plugins For Remote Working
The best JetBrains plugins for remote teams. Real-time cross-IDE collaboration, merge conflict detection and video calls. Waka Time shows you how much time you’ve spent programming. SonarLint is a static code analysis tool that can help you write safe, quality code.
Hashnode·5yHow To Enable Real-Time Merge Conflict Detection In PyCharm
PyCharm has an early warning system for merge conflicts. If enabled there will be change indicators in the gutter of the editor. These will show you where your teammates have made changes compared to your version of the file and even update in real-time. For simple conflicts this can be a quick way to resolve them.
Hashnode·5yHow To Enable Real-Time Merge Conflict Detection in WebStorm
WebStorm has an early warning system for merge conflicts. If enabled there will be change indicators in the gutter of the editor. These will show you where your teammates have made changes compared to your version of the file and even update in real-time. For simple conflicts this can be a quick way to resolve them.
Chrome Developers·5yModernising CSS infrastructure in DevTools
DevTools implemented CSS in two different ways: one for CSS files used in the legacy part of DevTools, and one for modern web components. The CSS implementation in DevTools was defined many years ago and is now outdated. The aim was to remove technical debt caused by the legacy system but also make the migration process to CSS Module Scripts easier.
Chrome Developers·5yWhat's New In DevTools (Chrome 95)
DevTools added an easier yet flexible way to update lengths in CSS. The Command Menu user interface is now enhanced. Lighthouse will now detect if the Largest Containful Paint (LCP) element was a lazy-loaded image. You can now click to read the DevTools release notes in 6 other languages.
Product Hunt·5yRequestly 2.0 - Intercept & Modify HTTP Requests - Loved by 100K+ developers
Requestly is a set of developer tools to complete all your Network modification requirements. Intercept, Modify, Debug and Test HTTP Requests and Responses. You can modify headers, mock APIs and responses, set up redirects, delay requests and do a lot more. Exclusive 70% off login to get promo code Embed Collect.
React Native Example·5yIgnite - the hottest React Native boilerplate
Ignite is the most popular React Native app boilerplate for Expo and bare React Native. Developers who use Ignite report that it saves them two to four weeks of time on average off the beginning of their React Native project. Ignite CLI version 6.0 now includes the boilerplate -- read the blog post to find out why!
Hashnode·5yHow I built Paperclip - The ultimate productivity tool you will ever need.
Paperclip is a powerful WYSIWYG rich text editor just like Notion. A lightning fast HTML-CSS-JS playground for awesome frontend devs. A Pomorodo timer that rewards you with a point every time you complete a session. Powerful whiteboards for sketching and prototyping. Folders for notes/sort notes based on tags.
DZone·5yVS Code Extensions for Frontend Developers
Sourcery is a valuable tool for Python developers who want to improve their coding style. Stepsize is an issue tracker inside your editor for managing technical debt and maintenance issues. Quokka.js is a quick playground for prototyping code. Ponic is an AI-powered extension that helps you create, visualize, and easily run unit tests.