Best of DevToolsFebruary 2024

  1. 1
    Article
    Avatar of daily_updatesdaily.dev Changelog·2y

    A brand new Search! 🔎

    Daily.dev has launched a new Search feature that integrates AI Search and post finder, allowing users to find posts and receive concise answers from AI. Users can navigate the search using keyboard shortcuts and toggle between post results and AI Search easily.

  2. 2
    Article
    Avatar of devtoDEV·2y

    3 Vim commands for blazingly fast navigation between brackets ⚡

    Learn Vim commands for blazingly fast navigation between brackets in programming files.

  3. 3
    Article
    Avatar of PrismicPrismic·2y

    10 Top Web Development Trends to Watch in 2024

    This post explores 10 top web development trends for 2024, including adding AI functionality to applications, AI-based developer tools, serverless architectures, Jamstack, animated UI and engaging UX, dark mode, TypeScript adoption, component-driven design and development, headless CMSs with a visual experience, and API-first development.

  4. 4
    Article
    Avatar of pointerPointer·2y

    wxt-dev/wxt: ⚡ Next-gen Web Extension Framework

    Next-gen framework for developing web extensions. Supports all browsers, both MV2 and MV3. Works with different frontend frameworks. Offers features like Dev mode with HMR & fast reload, TypeScript support, auto-imports, automated publishing, and more.

  5. 5
    Article
    Avatar of phProduct Hunt·2y

    Snippify - Create code snippet library and share with others

    Snippify is a platform for developers to share and save code snippets, supporting over 30 programming languages to improve productivity and efficiency in projects.

  6. 6
    Article
    Avatar of frontendmastersFrontend Masters·2y

    The New Code Editor Zed has a Strong Start, and is now Open Source

    Zed, a high-performance code editor from the creators of Atom, is now open source. It utilizes the strong code parsing tool Tree-sitter and emphasizes polished design. Extensions are planned for the future, similar to VS Code.

  7. 7
    Article
    Avatar of freecodecampfreeCodeCamp·2y

    How to Use Chrome DevTools – Simple Strategies for Smarter Web Development

    Learn how to effectively use Chrome DevTools to boost your web development process. Explore features like the Elements Panel, Console Panel, Network Panel, and more. Improve your debugging and performance optimization skills.

  8. 8
    Article
    Avatar of asayerasayer·2y

    Improve Code Quality with ESLint and Prettier

    Learn how to improve code quality with ESLint and Prettier. These tools help identify and fix code issues, enforce coding standards, and automate code formatting. Integrating them in Visual Studio Code improves development workflow and collaboration.

  9. 9
    Article
    Avatar of webtoolsweeklyWeb Tools Weekly·2y

    CSS Overview, Frameworks, Build Tools, Uncats

    The post discusses the CSS Overview feature in DevTools, including how to access it and the information it provides.

  10. 10
    Article
    Avatar of devtoDEV·2y

    Aftermath of switching from VSCode to Neovim

    Exploring the value of deep learning and understanding of technologies, such as Web Components and Neovim, even if they may not be immediately used in projects.

  11. 11
    Article
    Avatar of dhhDavid Heinemeier Hansson·2y

    Finding The Last Editor

    The author has been using TextMate as their programming editor for 20 years, but they are now looking for an editor that is not tied to a specific platform or company. They have tried alternatives like VSCode and Sublime, but have some concerns. They are considering trying something radically different, like vim or neovim.

  12. 12
    Article
    Avatar of lnLaravel News·2y

    Essential Plugins for PHPStorm Users

    A collection of essential plugins for PhpStorm users, including the Nord Theme, Laravel Idea, and .env Files Support plugins.

  13. 13
    Article
    Avatar of communityCommunity Picks·2y

    OOP in real-life cases

    Learn how to transform a solution into an object-oriented one and explore the benefits it can bring in real-life cases using the example of a diagnostic rule for detecting potential errors in code.

  14. 14
    Video
    Avatar of t3dotggTheo - t3․gg·2y

    I'm Gonna Try Zed Now (RIP VSCode)

    Zed, a Rust-based text editor, faced challenges with performance and scrolling on certain machines. The team worked closely with a user to debug issues and optimize the editor. They found solutions related to Metal rendering, instance buffers, frame delivery, and display refresh rate, resulting in significant improvements in smoothness and responsiveness. The team's dedication and effort in addressing these issues demonstrate the level of depth and difficulty in creating high-quality software.

  15. 15
    Article
    Avatar of builderiobuilder.io·2y

    What is visual editing for a headless CMS

    Visual editing in a headless CMS allows content editors to manipulate content visually without needing engineering help or API expertise. Different types of visual editing workflows have varying advantages and limitations. Preview and live preview in headless CMS platforms provide different ways to view and interact with content before publishing. Builder.io offers a comprehensive set of visual editing capabilities. AI can have an impact on visual editing, depending on the type of editing offered by the CMS. Builder.io provides powerful visual tools, collaboration features, and efficient publishing capabilities for headless CMS.

  16. 16
    Article
    Avatar of devtoDEV·2y

    Why Do Developers Flock to Rust?

    Discover why Rust has become popular among developers and how it has impacted software development.

  17. 17
    Video
    Avatar of communityCommunity Picks·2y

    Debugging React Like a Pro: 3 Time-Saving Tips! ⚙️🛠️

    Learn three time-saving tips for debugging React code. Use React Dev tools to inspect the component hierarchy. Use console log wisely by including descriptive strings. Implement error boundaries to catch JavaScript errors and display a fallback UI.

  18. 18
    Video
    Avatar of primeagenThePrimeTime·2y

    DHH Is Switching To NeoVim???

    DHH is considering switching from TextMate to NeoVim as his preferred code editor. He wants an editor that is not tied to a specific company or platform. Vim and NeoVim have a cult following and are known for their quirks but are fast, modern, and integrate well with language servers.

  19. 19
    Article
    Avatar of ghblogGitHub Blog·2y

    How AI code generation works

    AI code generation tools are changing software production for enterprises by automating code generation tasks, improving productivity, alleviating mental load, and reducing context switching. Developers can use AI to generate code through autocompletions, code suggestions, and AI chatbots. AI code generation can be detected in code with duplicate detection filters, but it is not inherently more insecure than human-generated code.

  20. 20
    Article
    Avatar of hnHacker News·2y

    maoxiaoke/setup-a-mac-for-frontend-dev: How I setup a Mac, with lots of productivity tools, step-by-step guide

    A guide on setting up a Macbook for web programmers, including steps to enable tap to click and three-finger dragging, change Launchpad icon grid layout, install Homebrew and setup Terminal, and install useful software like Alfred and development tools like vscode and pnpm.

  21. 21
    Video
    Avatar of primeagenThePrimeTime·2y

    Nix and NeoVim

    Nix is a distribution that allows for a uniform and repeatable experience with NeoVim configuration. It simplifies the process of configuring NeoVim with plugins, package managers, and LSP servers. Nix also provides the ability to easily upload configurations to GitHub and use them on other computers with Nix.

  22. 22
    Article
    Avatar of lobstersLobsters·2y

    Go 2019-2022: Becoming a Cloud team

    The Go team aligned with Google Cloud while preserving the core values that make Go great. They worked with product teams to improve Go's support on Google Cloud and made Go the best language for building cloud workloads.

  23. 23
    Article
    Avatar of jetbrainsJetBrains·2y

    How to automate unit testing using AI Assistant?

    Learn how to automate unit testing using AI Assistant, a powerful tool that simplifies the initial setup of tests and allows developers to focus on the more exciting parts of testing.

  24. 24
    Article
    Avatar of communityCommunity Picks·2y

    Fingerprint your native runtime with @expo/fingerprint

    Introducing @expo/fingerprint, a tool that allows developers to fingerprint their native runtime and detect native changes easily.

  25. 25
    Article
    Avatar of jetbrainsJetBrains·2y

    How to Tweak AI Prompts to Improve PHP Tests

    Learn how to tweak AI prompts to improve PHP tests and get the desired code output. AI Assistant can generate code that fits within your project, but sometimes you may want to give it hints about the outcome. Fine-tuning prompts and not over-specifying them can lead to productive code generation. AI Assistant learns from your prompts over time.