.no-js #ref-block-post-72907 .ref-block__thumbnail { background-image: url(“https:\/\/assets.hongkiat.com\/uploads\/thumbs\/250×160\/designers-developers-monthly-09-2024.jpg”); }<\/p><\/div>\n
Fresh Resources for Web Designers and Developers (September 2024)<\/h4>\n
\n\t\t\t\t\t\tIt’s September and we’ve got a fresh set of resources for our fellow web developers. This month, we’ve…\t\t\t\t\t\tRead more<\/span><\/p>\n<\/div>\n<\/div>\n So, without further ado, let\u2019s dive in and see the full list.<\/p>\n Data Block<\/strong> is a PHP package designed to help you easily manage, query, filter, and set nested data structures. This package makes it easy and will boost your productivity, especially when handling complex JSON, hierarchical configurations, or deeply nested arrays.<\/p>\n CPX<\/strong>, short for Composer Package Executor, allows you to run commands from any Composer package, even if it\u2019s not installed in your project. It is quite similar to how The AI Service<\/strong> WordPress plugin provides a central place for using AI in WordPress, whether through PHP, REST API, JavaScript, or WP-CLI. It allows other plugins to easily integrate AI capabilities from various providers like Anthropic<\/a>, Google Gemini<\/a>, or OpenAI<\/a>, which is already built into the plugin. You can also add support for other AI services.<\/p>\n Pan is a lightweight, privacy-focused PHP analytics library that tracks impressions, hovers, and clicks without collecting personal data. With the `data-pan` attribute, you can easily monitor interactions like views and clicks. It integrates smoothly with Laravel<\/a>, Inertia<\/a>, and Livewire<\/a>.<\/p>\n Composer Dependency Analyser is a fast, lightweight tool that detects unused and misplaced Composer dependencies. It\u2019s easy to use, highly configurable, and scans large projects in seconds, with support for PHP 7.2 to 8.4. It\u2019s a great tool to keep your project clean and optimized.<\/p>\n Howdy<\/strong> is a starter kit for building WordPress plugins with modern PHP practices. It provides a pre-configured boilerplate that includes tools like PSR-4 Autoloading with Composer, PHPCS, and a Dependency Injection container. It is a time-saver and a great way to kickstart your next WordPress plugin project, especially if you need to leverage modern PHP features in your plugin.<\/p>\n Plugin Check<\/strong> is a testing tool that helps WordPress developers validate their plugins against WordPress.org\u2019s standards and best practices. It automatically scans your plugin code for potential issues with security, performance, accessibility, and other requirements. It makes it easier to ensure that your plugin is ready for the official WordPress repository.<\/p>\n Typos<\/strong> is a spell-checking tool designed specifically for source code. It is fast and a pretty accurate tool that can handle extensive monorepos while maintaining low false positives. This tool is particularly useful for code review and pull request workflows, and I think it would be a great addition to your CI\/CD pipeline.<\/p>\n Laravel Rector<\/strong> is a community-driven extension for Rector<\/a> that helps automate code upgrades and refactoring in Laravel applications, including support for Laravel\u2019s first-party packages like Cashier<\/a> and Livewire<\/a>.<\/p>\n PHPCTL<\/strong> is a tool that allows you to manage and seamlessly switch between different PHP versions and extensions in your projects using containers<\/a>. It provides several commands for creating new projects with PHP, running an REPL, and includes popular tools like Box<\/a>, FrankenPHP<\/a>, PHPCS, PHPUnit, RectorPHP, and a lot more. I think it makes PHP development workflows a lot smoother and more efficient.<\/p>\n PHP Insights<\/strong> is a user-friendly static analysis tool that you can use to check code quality, architecture, and complexity in your PHP projects. It works seamlessly with popular frameworks like Laravel, Symfony, and WordPress. I think it\u2019s an overall handy tool that you can use to ensure your code stays reliable, maintainable, and clean.<\/p>\n Laravel Optimize Database is a PHP package that helps improve SQLite database performance in Laravel applications through simple optimization tools. While it offers useful features, at the time of this writing, it\u2019s still in development and not production-ready, so remember to back up your database before using it. Nonetheless, it\u2019s a promising tool that can help you optimize your database performance.<\/p>\n Atomic CSS DevTools is a Chrome extension that transforms how developers work by displaying CSS rules in a more readable, non-atomic format. This tool makes CSS troubleshooting more intuitive and efficient, particularly for projects using atomic CSS like TailwindCSS<\/a> and PandaCSS<\/a>.<\/p>\n A PHP SDK for OpenTelemetry<\/a> that helps developers monitor and analyze their PHP applications. It provides tools and APIs for collecting various telemetry data, including metrics, logs, and traces, which makes it easier to track and understand your application\u2019s performance and behavior.<\/p>\n PrivateBin<\/strong> is an open-source, minimalist online pastebin<\/a> that ensures complete privacy by encrypting and decrypting data in the browser using 256-bit AES encryption. If you\u2019d like to host your own pastebin-like service, where you can share sensitive or password-protected information online, PrivateBin<\/strong> is a great option that you can easily deploy on your server.<\/p>\n The Action Repo Automator<\/strong> from 10up is a GitHub Action that allows you to automate common repository tasks, such as PR validation, labeling, issue management, and syncing branches. This GitHub Action can help you, especially in a team setup, to streamline workflows more efficiently.<\/p>\n TwigStan<\/strong> is a static analysis tool that helps developers find errors and improve code quality in Twig templates<\/a> by leveraging PHPStan\u2019s powerful analysis capabilities. This is a very handy tool that helps you catch issues in your Twig templates more efficiently during development.<\/p>\n An official package for API Platform<\/strong> that allows you to integrate it with your Laravel applications. It simplifies the process of building REST and GraphQL APIs in Laravel applications. It provides automatic documentation generation, supports multiple API standards, and includes features like OpenAPI<\/a>, SwaggerUI, and JSON-LD support out of the box.<\/p>\n CodeQL<\/strong> is GitHub\u2019s powerful code analysis tool that allows you to write queries to scan your codebase for issues and report potential problems such as security flaws or bugs. CodeQL supports multiple languages, including JavaScript and Java, and can be easily integrated with your CI\/CD pipeline to automate code analysis. It\u2019s a great tool to ensure your code is secure and reliable.<\/p>\n Maizzle<\/strong> is a framework for building responsive HTML emails using TailwindCSS<\/a>. It streamlines email development with features like CSS inlining and minification, making it quick and easy to create optimized emails. Perfect for developers familiar with Tailwind, it speeds up email design without sacrificing control or flexibility.<\/p>\n The post Fresh Resources for Web Designers and Developers (October 2024)<\/a> appeared first on Hongkiat<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":" It\u2019s time for our monthly roundup! In this edition, we\u2019ve gathered some exciting new resources for web developers, with a […]<\/p>\n","protected":false},"author":1,"featured_media":2709,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[15],"tags":[],"_links":{"self":[{"href":"http:\/\/suimy.me\/index.php\/wp-json\/wp\/v2\/posts\/2707"}],"collection":[{"href":"http:\/\/suimy.me\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/suimy.me\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/suimy.me\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/suimy.me\/index.php\/wp-json\/wp\/v2\/comments?post=2707"}],"version-history":[{"count":3,"href":"http:\/\/suimy.me\/index.php\/wp-json\/wp\/v2\/posts\/2707\/revisions"}],"predecessor-version":[{"id":2730,"href":"http:\/\/suimy.me\/index.php\/wp-json\/wp\/v2\/posts\/2707\/revisions\/2730"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/suimy.me\/index.php\/wp-json\/wp\/v2\/media\/2709"}],"wp:attachment":[{"href":"http:\/\/suimy.me\/index.php\/wp-json\/wp\/v2\/media?parent=2707"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/suimy.me\/index.php\/wp-json\/wp\/v2\/categories?post=2707"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/suimy.me\/index.php\/wp-json\/wp\/v2\/tags?post=2707"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}PHP Data Block<\/a><\/h4>\n
![\"PHP](\"http:\/\/suimy.me\/wp-content\/uploads\/2024\/10\/php-data-block.jpg\")
<\/span><\/span><\/figure>\nCPX<\/a><\/h4>\n
npx<\/code> works in npm<\/code>, so you can just run cpx vendor\/package<\/code> to invoke the command from a package.<\/p>\n![\"CPX](\"http:\/\/suimy.me\/wp-content\/uploads\/2024\/10\/cpx.jpg\")
<\/span><\/span><\/figure>\nAI Services<\/a><\/h4>\n
![\"AI](\"http:\/\/suimy.me\/wp-content\/uploads\/2024\/10\/ai-services.jpg\")
<\/span><\/span><\/figure>\nPan<\/a><\/h4>\n
![\"Pan](\"http:\/\/suimy.me\/wp-content\/uploads\/2024\/10\/panphp.jpg\")
<\/span><\/span><\/figure>\nComposer Dependency Analyser<\/a><\/h4>\n
![\"Composer](\"http:\/\/suimy.me\/wp-content\/uploads\/2024\/10\/composer-dependency-analyser.jpg\")
<\/span><\/span><\/figure>\nHowdy<\/a><\/h4>\n
![\"Howdy](\"http:\/\/suimy.me\/wp-content\/uploads\/2024\/10\/howdy.jpg\")
<\/span><\/span><\/figure>\nPlugin Check<\/a><\/h4>\n
![\"Plugin](\"http:\/\/suimy.me\/wp-content\/uploads\/2024\/10\/plugin-check.jpg\")
<\/span><\/span><\/figure>\nTypos<\/a><\/h4>\n
![\"Typos](\"http:\/\/suimy.me\/wp-content\/uploads\/2024\/10\/typos.jpg\")
<\/span><\/span><\/figure>\nRector Laravel<\/a><\/h4>\n
![\"Laravel](\"http:\/\/suimy.me\/wp-content\/uploads\/2024\/10\/laravel-rector.jpg\")
<\/span><\/span><\/figure>\nPHPCTL<\/a><\/h4>\n
![\"PHPCTL](\"http:\/\/suimy.me\/wp-content\/uploads\/2024\/10\/phpctl-1.jpg\")
<\/span><\/span><\/figure>\nPHP Insights<\/a><\/h4>\n
![\"PHP](\"http:\/\/suimy.me\/wp-content\/uploads\/2024\/10\/phpinsights.jpg\")
<\/span><\/span><\/figure>\nLaravel Optimize Database<\/a><\/h4>\n
![\"Laravel](\"http:\/\/suimy.me\/wp-content\/uploads\/2024\/10\/optmize-db.jpg\")
<\/span><\/span><\/figure>\nAtomic CSS DevTools<\/a><\/h4>\n
![\"Atomic](\"http:\/\/suimy.me\/wp-content\/uploads\/2024\/10\/atomic-css-devtools.jpg\")
<\/span><\/span><\/figure>\nPHP OpenTelemetry<\/a><\/h4>\n
![\"PHP](\"http:\/\/suimy.me\/wp-content\/uploads\/2024\/10\/opentelemetry-php.jpg\")
<\/span><\/span><\/figure>\nPrivateBin<\/a><\/h4>\n
![\"PrivateBin](\"http:\/\/suimy.me\/wp-content\/uploads\/2024\/10\/privatebin.jpg\")
<\/span><\/span><\/figure>\nAction Repo Automator<\/a><\/h4>\n
![\"Action](\"http:\/\/suimy.me\/wp-content\/uploads\/2024\/10\/action-repo-automator.jpg\")
<\/span><\/span><\/figure>\nTwigStan<\/a><\/h4>\n
![\"TwigStan](\"http:\/\/suimy.me\/wp-content\/uploads\/2024\/10\/twigstan.jpg\")
<\/span><\/span><\/figure>\nAPI Platform for Laravel<\/a><\/h4>\n
![\"API](\"http:\/\/suimy.me\/wp-content\/uploads\/2024\/10\/api-platform.jpg\")
<\/span><\/span><\/figure>\nCodeQL<\/a><\/h4>\n
![\"CodeQL](\"http:\/\/suimy.me\/wp-content\/uploads\/2024\/10\/codeql.jpg\")
<\/span><\/span><\/figure>\nMaizzle<\/a><\/h4>\n
![\"Maizzle](\"http:\/\/suimy.me\/wp-content\/uploads\/2024\/10\/maizzle.jpg\")
<\/span><\/span><\/figure>\n