A huge collection free fonts that can be used on the web. It provides fonts from various categories with glyphs of difference languages. A plugin for code editor is available to be inserted in the stylesheet of the selected font. Alternately, you can download the fonts and load it using @fontface within the site’s own stylesheet. This could be a great alternative to Google Fonts.
CSS Grid is the next big thing that will change how we arrange layout and use grid frameworks to build website. However, given the complexity, using CSS Grid might be overwhelming for some users. In such a case, this handy web application, Griddy, can be very helpful in learning CSS Grid.
WP Vue is a template built with Vue to display WordPress posts. This template is a great starting point if you’d like to make your WordPress site headless. See how it works in the demo page. Change the URL of the endpoint of WP-API URL from any WordPress site; it will automatically repopulate the posts with the ones from the new endpoint URL.
Vulcan is a stack of tools to build a modern web application. It’s bundled with React, GraphQL and Meteor pre-confifured. Since it’s a full-stack framework providing a whole range of helper components that are fine-tuned to the back-end and the front-end, everything is just work out-of-the-box. Thus you can get your app up and running quickly.
Kitab is an incredible PHP tool that will save a lot of time on documenting your API or code. Kitab, derived from the Arabic word which means Book, will parse the code comment block, test the code example snippet, and compose the Documentation based on the comment block, automatically. Neat!
A great collection of tools to help improve accessibility on your website and web apps. pa11y consists a CLI for testing any web pages for any accessibility issues, a Dashboard to show generated reports of errors and warnings, and a CLI that is specifically designed for a CI tool like Codeship or Travis.
A simple web app that’ll turn any photo into duotones; a monochromatic photo consisting of two contrasting colors. You can upload your own photos or select the photos that the tool provides to edit and download the result. A good tool for creating a striking background image on your websites.
An all-in-one starter WordPress theme created by Morten Rand-Hendriksenand is equipped with a build process preset using modern tools like Gulp, Babel, ESLint, and Visual Studio Code integration. It will help you create a great WP theme without the hassle of configuring the surrounding development tools.
CSS Animation brings the web to life. However, it’s not always easy to compose CSS Animation considering the browser prefixes for compatibility, parameters, and the animation timeframe. Animasta makes this stuff easier by generating the code for you. You can configure animation in a user-friendly interface from where you can simply copy the code.
A cool WordPress plugin that would improve WordPress Media Library search by classifying images using Google Cloud Vision API. For example, if you have uploaded a “bird” image, you can search the image using the keyword “bird” whether or not the keyword is included to the image name, file name, or the meta data.
Composer is popular dependency management for PHP applications. If you prefer working with a GUI, ComposerCat is the one you’re looking for. It allows you to install, update, and remove Composer packages an intuitive user interface. Built on top of Electron, ComposerCat is available for Windows, macOS, and Linux.
Built on top of Vue.js, CubeUI is a fantastic UI component to build mobile apps. Consisting with a lot of components such as Button, Popup, TimePicker, Slide, and Checkbox. Each component is quipped with a TestUnit ensuring continous integration and also minimizing bug on each component.
An application that shortens URLs with your own domain name. It’s built on top modern stacks like Node.js, React, and Redux with a handful of features that are built-in including password-protect URL, RESTful API, and fancy detailed stats to monitor your URLs. The best thing is It’s free and you can host it on your own server.
A content agnositic CMS framework to build a content API. It allows you to design your own content structure and the API as well as provides a beautiful Admin panel to manage them. However, it does not provide templating system built-in. It offers you to choose any front-end library of your preference such as React or Vue.
As the name implies, Developer Roadmap is an infographic of journey of being a Web Developer. There are three courses Front-end, Back-end, and DevOps. These roadmaps are like, well, a map; and are a great reference to see where we’re currently at, what we might have missed, and where we’re going next.
It’s a benchmark of a handful of PHP-based CMSs and frameworks against multiple PHP versions and HHVM. I suggest starting your latest PHP project with PHP7.2 in mind to take advantage of the latest features as well as the speed boost as PHP7.2 showed an outstanding performance and out-perfomed HHVM, in those applications benchmarked.
A tool to find unique fonts that might rarely be seen elsewhere, Unique is useful for creating a logo or just to find a proper unique font combination for your document easily by just a few clicks. Once you’ve picked your preferences, you can download and name it your own font. That’s really cool!
The folks at 10up have just released SketchPress which is a Sketch template for quickly creating WordPress admin interface mockups and designs. It is packed with common admin UI like the Primary Button, Menu Bar, Dashicons, Metabox, etc. SketchPress is a great companion tool for WordPress developers to align the plugin and theme Settings or Options page with WordPress admin UI.
A PHP unit testing utility designed with some specific tools for WordPress. It provides tools that allow to mock PHP functions. It also provides a set of tools out of the box to deal with some WordPress functions like add_action remove_action to name a few, which are generally tricky to test.
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, Commonts, and Blogrol.