A web designer/ developer should never run out of useful resources. So here we are with this month’s installment of fresh resources. In this round of the series, we are going to cover tools and resources of different areas in web development including design, frontend, backend, testing, architecting, and accessibility.
So whether you work as a full-stack developer, or have expertise in a specific area, I’m sure you’d appreciate the resources that we have on the list. Shall we?
Fresh Resources for Web Designers and Developers (May 2022)
Web development is an industry of multiple disciplines. You can decide to be a specialized front-end developer or... Read more
Documentation is critical to the success of the development process. Scribe helps to make it easier to create documentation for API endpoints. The documentation of each API can include the title, description, parameters, and more, which show the user how to use the API. Scribe is avaible for Laravel and Node.js.
MVP.css is a CSS library containing minimalistic styles for all the HTML elements. It does not contain classes, framework, or anything else. You just need to add the CSS file in the HTML file, and you’re all set. It’s a perfect library, if you’d like to get up and running a site quickly with some decent look.
Fresh is a framework to build web applications for Deno with a focus on simplicity and reliability. The framework features key architecture to build a web application such as Routing, Data Fetching, and Styling. Fresh is in active development, and I’m looking forward to see how it affects web development in the future.
ZSH Artisan is ZSH shell extension for the
artisan CLI in Laravel. It provides autocompletion and makes your CLI smarter.
A collection of gradient colors by Gilbert Pellegrom as SVG, JPG, PNG, and as high as 6K resolution. You can find a perfect gradient for your next project; whether it’s for creating websites, flyers, mobile apps, wallpapers, or brochure.
A utility plugin that allows you to preview HTML right within the tests. This allows you to see how the tests perform as well as how it affects HTML visually in the browser. In the end, this helps you to debug your application faster.
A place to find detailed guidelines, tutorials, and examples around creating website components like forms, buttons, and tabs that adhere to the WAI accessibility standard. This is a great resource for website accessibility whether you’re an experienced developer or just getting started.
A WordPress plugin that adds an extra layer of security to the website. First, the plugin will enforce users to not use uncompromised passwords found in Have I been pawned? data source. It will also encrypt the password using a more advanced hashing function like bcrypt and Argon2.
Pimcore is an all-in-one application to host and manage the digital experience. You can host almost any type of data regardless of the data modeling; whether it’s an eCommerce, blog, digital asset management, and a lot more. It’s built with PHP and can be easily installed through Composer.
SOLID is a well-proven development principle to create a robust softwared. In this talk, Katerina Trajchevska sheds light on the principle and provides some examples of the real problems in PHP that we could apply to solve the problem.
Part of the Facebook Open-source Initiative, Flipper is a free tool that allows you to debug your mobile application. Similar to DevTools on the browser, you can inspect the elements and network requests from the desktop. It’s compatible with app built for iOS, Android, or using React Native.
Pint is a new code style fixer for Laravel. It’s an official library coming from the Laravel developer itself. It’s simple and, by default, does not require any configuration for Laravel projects. If your project runs on top of Laravel, you should definitely install Pint.
This PHP library allows you to manage Docker containers such as starting a container, executing commands inside the container, setting labels, setting volume, etc. A handy library if you’d like to manage stacks around Docker with PHP instead of using a different language.
A React.js library that makes it easier to create a PDF file with React.js component. You can add styles, text, and image, set the styles and you can choose whether you’d want to have it rendered on the browser or save it a file.