The Fresh Resouces for Web Developers series has run for around 4 years now, and maintaining this series has greatly given me insight on how the web progress over the years. There are new tools coming out every month to make web development easier.
Click for More Resources
Find our entire collection of recommended resources and the best web design and development tools available.
.srt) to attach to the video you are watching.
An enormous list of useful and handy command lines for macOS. Here you may find a lot of things that might be done through the CLI such as “clearing the print queue”, “hiding folder in Finder”, and “preventing system sleep”.
Trevor is simply Travis CI done offline. Travis is a Continuous Integration service where developers test their software to see whether the software works properly in multiple environments. Trevor is still in its early stage; it currently only supports “NodeJS”.
WP Docker is a Docker environment designed specifically to develop WordPress. The environment is self-contained and won’t affect your computer system in case you’ve made a configuration. It is a great alternative to Vagrant, Valet, Local, and MAMP.
Vonic is a collection of UI for mobile built using Vue.js and Ionic CSS. It comprises a lot of UI components commonly found in mobile, including the Checkbox, Searches Form, Swiper, and so-called Accordion. You can use to build a mobile app aplication prototype right in the browser.
10up, one of the prominent names in WordPress, released a UI library designed specifically for WordPress. Unlike other UI library which only provides CSS and HTML codes, 10Up also provides the PHP code snippet that you can just paste in your theme. The component includes Navigation, Tabs, Tooltips, Comments, and Blogrol.
Progressive Web Application (PWA) is a methodology that allows a website to run fast and useable offline. This PWA Rocks list one that as been approved by Google as a PWA. To learn more about PWA from Google take a look at: Progressive Web Apps.
Github Auto-Updater is Composer library that allows your plugin to be updated from Github. This is a handy script for developers to maintain plugins for their clients without necessarily uploading it to the Github repository.
Graaf provide an overlay over your page to see how the grid — column, row, gutter — is laid out. You can also generate your own grid specification using the API provided.
Luxbar is a CSS framework to create a responsive navigation easily; simply add the stylesheet and add the HTML properly. You can install this library through NPM, Bower, or link the stylesheet directly from the CDN.
A list of table shows color contrast and their accessibility grade based on the WCAG 2.0. You can change the value on the table, and quickly figure out whether the color combination complies with the WCAG standard.