gitconnected·5y10 CSS things I wish I knew when I was a beginner
Many programmers under-appreciate the role of CSS in a website. Here are a few things I wish I knew when I began developing websites. The list is sorted considering learning curve and adaptability in mind — the easier stuff will come first. The tag might seem very useful at a new developer, but it is NOT important whenever I use it.
DEV·5y5 Visual Studio Code Hacks That You Will Thank Me For (And They're Not Common Points Like "Install Prettier Extension")
Some VS Code hacks which I don't usually see being shared around. Open Files Automatically In A New Tab. Change Color of Comments in VS Code. Generate Custom Snippet. Zooming out by pressing ctrl + '-' or '+' to get a larger view of files.
Hashnode·5yUtilise JSDoc comment tags so that VSCode intellisense works great!
Intellisense in VS Code only works if it understands the type of your code. Without proper intellisensing, we often make typos, call the method which doesn't exist or even try to access the properties of an objects by a random guess. To handle such and more complex scenarios, we will use JSDoc's @param , @type and @typedef block tags.
Product Hunt·5yBlockman - Highlight nested code blocks
VSCode extension - Blockman. You can customize block colors, depth, turn on-off focus, curly/square/round brackets, and more.Supports Python, Dart, Rust, Swift, R, Go, PHP, JavaScript, JSX, TypeScript, TSX, C, C#, C++, Java, HTML, CSS and more...
SitePoint·5yAccessing localhost from Anywhere
Accessing localhost from Anywhere is possible through secure tunnel services online. These services provide you with a tunnel from the Internet to your machine. They provide a publicly accessible URL, watch for calls on that URL, and forward those calls to your localhost server. ngrok is an application for Windows, macOS and Linux that creates a tunnel but also allows you to inspect all traffic that goes through the tunnel.
DEV·5yI made a vscode plugin that can write each part of React component in multiple split editors on the same screen
Split Editors is a feature of a new vscode plugin for Vue called Volar. It divides React component code into several categories in a single file. Split editors then fold the unrelated code separately. The more detailed the code categories are, the better effect of split editors will be.
DevDojo·5yAwesome Themes for Visual Studio Code
Shades of Purple is a professional theme with hand-picked & bold shades of purple for your VS Code editor and terminal. One Dark Pro is based on Atom’s default One Dark theme, and is one of the most downloaded themes for VS Code. Dracula is a color scheme and UI theme tailored for programming.
Product Hunt·5yConsole DevTools - Discover the best tools for developers
Console is a free weekly email digest of the best tools and beta releases for developers. We keep track of everything - dev tools, devops, cloud, and APIs - so you don't have to. Embed this article into your own site and share it with your friends.
Hashnode·5yHow to See Which Branch Your Teammate is on in IntelliJ
In IntelliJ, open up the Team Window by clicking GitLive on the bottom tool window bar. This will show a list of your teammates, if they are online (or away) and the issue they are currently working on. If an issue has been connected to the branch you’ll see the issue name instead.
LogRocket·5yGetting started with the Notion API
Notion is a customizable project management software that makes it easy to collaborate on projects and pages. Some popular alternatives to Notion are Trello, Jira, and Airtable. In this tutorial, we’ll use Notion to create a database, connect to the Notion API, and create a small Node.js server that uses Fastify to serve up content.
Discover .NET·5yWhat Are the Most Popular VS Code Themes? -- Visual Studio Magazine
What Are the Most Popular VS Code Themes? grotesquely.Material Icon Theme is the most popular, topping the list at 8,185,205 installations and earning an average 4.9 rating (0-5 scale) from 195 developers. One Dark Pro is more of a traditional full-theme extension, not just icons, based on Atom's One Dark theme.
LogRocket·5yCreating contact forms with the Notion API and Next.js
With Next.js and the Notion API, you can use the database feature to save all submissions directly to your Notion workspace. This is especially useful if you already use Notion as a project management tool and can bring everything together in one place. We’ll use two packages: react-toastify to display toast notifications on form submissions and @hq/client to interact with the Notions API.
