Without further ado, let\u2019s go into the details.<\/p>\n
.no-js #ref-block-post-72043 .ref-block__thumbnail { background-image: url(“https:\/\/assets.hongkiat.com\/uploads\/thumbs\/250×160\/designers-developers-monthly-05-2024.jpg”); }<\/p><\/div>\n
Fresh Resources for Web Designers and Developers (May 2024)<\/h4>\n
\n\t\t\t\t\t\tIt’s that time again to check out some tools, libraries, and frameworks for our web developer friends. This…\t\t\t\t\t\tRead more<\/span><\/p>\n<\/div>\n<\/div>\n AstroWind<\/strong> is a free, open-source template for building websites with Astro<\/a> and Tailwind CSS<\/a>. It supports dark mode, RTL, and includes a blog with MDX, categories, tags, social sharing, and an automatic RSS feed. Additionally, it offers image optimization, sitemap generation, Open Graph tags, and integrations with Google Analytics, making it easy and quick to launch your website.<\/p>\n drei<\/strong> is a popular helper library for react-three-fiber<\/a>, which is a React renderer for Three.js<\/a>. It provides components for common tasks such as loading models, creating controls, handling interactions, setting up lighting, and other utilities. A great library that could simply creating 3D scenes on your website.<\/p>\n A curated list of 33 fundamental concepts for JavaScript developers. It provides a comprehensive list of JavaScript concepts that are essential to help you understand the language better. It includes explanations and resources for each concept and principles, making it a valuable reference whether you are beginners or experienced developers.<\/p>\n WP Starter Plugin<\/strong> is a starter kit designed to help WordPress developers easily create modern and well-organized plugins. It promotes modern PHP practices like using namespaces, Composer, and autoloaders. The kit includes a structured foundation with a predefined folder structure, boilerplate code, and pre-configured tools like RectorPHP<\/a> and Webpack<\/a>.<\/p>\n This comprehensive list of best practices for developing applications with Laravel<\/a> helps developers write clean, and maintainable Laravel application by following industry standards. It covers various topics such as the application structure, configurations, Eloquent ORM, testing, and security. A great resource for both beginners and experienced developers to improve their skill to build high-quality applications.<\/p>\n Firefly III<\/strong> is a free and open-source personal finance manager that helps you manage your finances efficiently. Built on top Laravel, it features a double-entry bookkeeping system, allowing you to easily enter and organize your transactions in multiple currencies. A solid finance application whether for your own business or to build for you clients.<\/p>\n Intervention Image<\/strong> is a PHP library designed to make image processing easy. It provides a unified API for GD library or Imagick to work with common tasks like creating, editing, and composing images. It also supports animated images, is framework-agnostic, and complies with PSR-12<\/a> standards, making it versatile and easy to integrate into any PHP project.<\/p>\n Alice<\/strong> is a library that helps you create large amounts of fake data for developing or testing your project. Backed by FakerPHP<\/a>, it generates complex and constrained data, and you can choose whether to use Yaml or PHP for the data generation. This makes it easy for your team to tweak the fixtures as needed, and ensures that everyone can quickly and efficiently set up realistic data for various use cases in your tests.<\/p>\n PsySH<\/strong> is an interactive debugger and REPL (Read-Eval-Print Loop) for PHP. It allows you to execute PHP code in real-time, inspect objects, test functions, and debug directly from the command line. It comes with features like code completion, immediate feedback, and a command history. It\u2019s compatible with modern PHP frameworks and libraries, making it easier to develop and debug PHP applications.<\/p>\n Hyperf is a high-performance PHP framework for building web applications, microservices, and APIs. It uses Coroutines<\/a> to handle many connections efficiently. It offers features like dependency injection, annotation-based routing, and asynchronous programming. It\u2019s built to use the latest PHP features, making it a great choice for creating fast and scalable applications with PHP.<\/p>\n Slugify<\/strong> is a PHP library that transforms strings into URL-friendly slugs with support for over 30 languages. It\u2019s lightweight, has no external dependencies, and is compatible with PHP8 and higher. It also integrates with frameworks like Symfony, Laravel, Twig, and others, making it easy to generate clean and SEO-friendly URLs for your web applications.<\/p>\n MingleJS<\/strong> is a library that allows you to combine Laravel Livewire<\/a> with React or Vue<\/a> components in a Laravel application. Livewire lets you build dynamic interfaces using server-side code, and with MingleJS, you can seamlessly integrate React or Vue components into your Livewire projects. This gives you the flexibility to use the best features of both server-side and client-side frameworks.<\/p>\n Shittier<\/strong> is a tool that deliberately makes your code look messy. Unlike tools that aim for neatness like Prettier<\/a>, Shittier randomizes indentation, mixes up casing, and messes with spacing. You probably won\u2019t use it in production, it\u2019s good to know tool for fun, and probably good for performing demo and tests in some situations.<\/p>\n Laravel Orchid<\/strong> is a powerful tool for creating admin panels. It comes with a variety of customizable UI components like form inputs and data grids, making it easy to build and extend your application\u2019s features without spending time on repetitive tasks.<\/p>\n vscode-blade-formatter<\/strong> is a VSCode extension that formats Blade files with a specific style. It automatically indents markup inside directives, adds spacing to Blade template markers, and supports PHP 8 features and PSR-2 formatting. It also sorts Tailwind CSS classes based on your Twill<\/strong> is an open-source CMS for Laravel that simplifies building custom admin panels. It features a user-friendly interface, flexible content management, drag-and-drop functionality, media handling, customizable forms, and multilingual support. Twill integrates seamlessly with Laravel, making it easy for developers to create and maintain content-rich websites efficiently.<\/p>\n bashunit<\/strong> is a simple and modern testing library for Bash scripts to ensure your scripts work reliably. It comes with an intuitive API, clear documentation, and it simplifies creating and managing tests, no matter how big or complex your Bash script is.<\/p>\n Pixelfed<\/strong> is an open-source, social media platform that focuses on photo sharing. Designed to be an alternative to Instagram with decentralized approach where users can host their own instances and still interact with others across the network. A perfect app, if your client is asking you to develop a social media.<\/p>\n Skeleton<\/strong> is a toolkit for building accessible web UI with Svelte and Tailwind CSS. It leverages Svelte and SvelteKit built-in features like the components, stores, and actions. And with Tailwind CSS you can easily customize style components with the Tailwind\u2019s utility classes. An overall great app with .<\/p>\n SVGViewer is an all-in-on web application for SVG. You can use it to view SVGs or optimize them. Additionally, it offers conversion to various formats such as React, React Native, PNG, and Data URI. It\u2019s a great tool for managing and transforming SVGs to suit different your different needs.<\/p>\n The post Fresh Resources for Web Designers and Developers (June 2024)<\/a> appeared first on Hongkiat<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":" It\u2019s the time again to share new resources, tools, and libraries with our fellow web developers. PHP has regained popularity […]<\/p>\n","protected":false},"author":1,"featured_media":1498,"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\/1496"}],"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=1496"}],"version-history":[{"count":3,"href":"http:\/\/suimy.me\/index.php\/wp-json\/wp\/v2\/posts\/1496\/revisions"}],"predecessor-version":[{"id":1534,"href":"http:\/\/suimy.me\/index.php\/wp-json\/wp\/v2\/posts\/1496\/revisions\/1534"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/suimy.me\/index.php\/wp-json\/wp\/v2\/media\/1498"}],"wp:attachment":[{"href":"http:\/\/suimy.me\/index.php\/wp-json\/wp\/v2\/media?parent=1496"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/suimy.me\/index.php\/wp-json\/wp\/v2\/categories?post=1496"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/suimy.me\/index.php\/wp-json\/wp\/v2\/tags?post=1496"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}AstronWind<\/a><\/h4>\n
![\"AstroWind](\"http:\/\/suimy.me\/wp-content\/uploads\/2024\/06\/astrowind.jpg\")
<\/span><\/span><\/figure>\nDrei<\/a><\/h4>\n
![\"Drei](\"http:\/\/suimy.me\/wp-content\/uploads\/2024\/06\/drei.jpg\")
<\/span><\/span><\/figure>\n33 JavaScript Concept<\/a><\/h4>\n
![\"33](\"http:\/\/suimy.me\/wp-content\/uploads\/2024\/06\/33-js-concept.jpg\")
<\/span><\/span><\/figure>\nWP Starter Plugin<\/a><\/h4>\n
![\"WP](\"http:\/\/suimy.me\/wp-content\/uploads\/2024\/06\/wp-starter-plugin.jpg\")
<\/span><\/span><\/figure>\nLaravel Best Practices<\/a><\/h4>\n
![\"Laravel](\"http:\/\/suimy.me\/wp-content\/uploads\/2024\/06\/laravel-best-practices.jpg\")
<\/span><\/span><\/figure>\nFirefly III<\/a><\/h4>\n
![\"Firefly](\"http:\/\/suimy.me\/wp-content\/uploads\/2024\/06\/firefly-iii.jpg\")
<\/span><\/span><\/figure>\nPHP Image Processing<\/a><\/h4>\n
![\"Intervention](\"http:\/\/suimy.me\/wp-content\/uploads\/2024\/06\/intervention-image.jpg\")
<\/span><\/span><\/figure>\nNelmio<\/a><\/h4>\n
![\"Nelmio](\"http:\/\/suimy.me\/wp-content\/uploads\/2024\/06\/nelmio.jpg\")
<\/span><\/span><\/figure>\nPsysh<\/a><\/h4>\n
![\"PsySH](\"http:\/\/suimy.me\/wp-content\/uploads\/2024\/06\/psysh.jpg\")
<\/span><\/span><\/figure>\nHyperf<\/a><\/h4>\n
![\"Hyperf](\"http:\/\/suimy.me\/wp-content\/uploads\/2024\/06\/hyperf.jpg\")
<\/span><\/span><\/figure>\nSlugify<\/a><\/h4>\n
![\"Slugify](\"http:\/\/suimy.me\/wp-content\/uploads\/2024\/06\/slugify.jpg\")
<\/span><\/span><\/figure>\nMingleJS<\/a><\/h4>\n
![\"MingleJS](\"http:\/\/suimy.me\/wp-content\/uploads\/2024\/06\/minglejs.jpg\")
<\/span><\/span><\/figure>\nShittier<\/a><\/h4>\n
![\"Shittier](\"http:\/\/suimy.me\/wp-content\/uploads\/2024\/06\/shittier.jpg\")
<\/span><\/span><\/figure>\nLaravel Orchid<\/a><\/h4>\n
![\"Laravel](\"http:\/\/suimy.me\/wp-content\/uploads\/2024\/06\/laravel-orchid.jpg\")
<\/span><\/span><\/figure>\nVSCode Blade Formatter<\/a><\/h4>\n
tailwind.config.js<\/code>. A great VSCode plugin to make your Blade codes clean and consistent.<\/p>\n![\"VSCode](\"http:\/\/suimy.me\/wp-content\/uploads\/2024\/06\/blade-formatter.jpg\")
<\/span><\/span><\/figure>\nTwillCMS<\/a><\/h4>\n
![\"Twill](\"http:\/\/suimy.me\/wp-content\/uploads\/2024\/06\/twillcms.jpg\")
<\/span><\/span><\/figure>\nBashunit<\/a><\/h4>\n
![\"Bashunit](\"http:\/\/suimy.me\/wp-content\/uploads\/2024\/06\/bashunit.jpg\")
<\/span><\/span><\/figure>\nPixelfed<\/a><\/h4>\n
![\"Pixelfed](\"http:\/\/suimy.me\/wp-content\/uploads\/2024\/06\/pixelfed.jpg\"){kind=tracking}
<\/span><\/span><\/figure>\nSkeletonDev<\/a><\/h4>\n
![\"Skeleton](\"http:\/\/suimy.me\/wp-content\/uploads\/2024\/06\/skeleton.jpg\")
<\/span><\/span><\/figure>\nSVGViewer<\/a><\/h4>\n
![\"SVGViewer](\"http:\/\/suimy.me\/wp-content\/uploads\/2024\/06\/svg-viewer.jpg\")
<\/span><\/span><\/figure>\n