Click for More Resources
Find our entire collection of recommended resources and the best web design and development tools available.
Marp is an editor to create presentations in Markdown. It has two panels: an Editor on the left and a Preview on the right, where you can view the slide output in real time. It’s available in OS X, Windows, and Linux. It’s a great alternative to a bloated software like PowerPoint.
React Developer Tools is a Google Chrome extension that allows us decode Reacts rendered components on the browser. Once installed, it adds a new tab in the DevTools where you can inspect the root, elements and debug React components as you would with regular HTML.
OverHang.js is a jQuery plugin to show instant notification. The plugin is customizable. You can set the text message in the notification, the colors, and how long it appears before it fades out.
Grafika is a collection of PHP functions that allows us to manipulate image. We can apply image filters like blur and sepia. We can also transform images like flipping, rotating and resizing.
Simple Typography is a Sass library that resets Typography styling – such as font sizing and line height. It’s another small library that you might want to utilize to make text on your website beautifully and proportionally sized.
Jekyll is a static blog generator. This is an official Jekyll plugin that adds a GUI editor to write posts with Jekyll; this makes author post with Jekyll more intuitive.
PostLeaf is a PHP-based CMS equipped with some handy features built-in. Front-end editing, backups, pages, posts, oEmbed, SEO, navigation which are things necessary that make the chore of maintaining websites easy.
A complete collection of all browser logos. You can find icons for popular browsers like Chrome, Firefox and Internet Explorer including the icons of their mobile app. You can also find less popular browsers that you may have never heard before, such as Blisk, Iridium, and Orbitum.
A WordPress plugin to help us improve accessibility on a website. Once activated, the plugin will evaluate our websites with tota11y, deliver feedbacks for violations that affect accesibility, and suggest solutions to fix it.
Read Also: 10 Numeronyms Web Developers Should Know
Another WordPress plugin worth mentioning, that improves website accesibility by adding
alt text to images uploaded through WordPress Media manager. The generated “alt” text is powered by Microsoft Computer API.
multi-range output which is currently is still poorly implemented in browsers. Lea Verou shared her story behind this library in her recent post, Introducing Multirange: A tiny polyfill for HTML5.1 two-handle sliders, which is definitely worth reading.
A jQuery plugin developed by Stripe, a payment processing service. This plugin makes developing a credit card form less terrifying. It supports numerous credit cards including Visa, Master Card Amex, UnionPay, and JCB.
Trix is a WYSIWYG editor that we can utilize to produce content. Deploying trix is quick and easily extensible with new functionality to meet your need. You can find all the instructions in the documentation get up and running Trix on your web application.
Recipe is a collection of PHP to run common utility functions such as grab Gravatar image, generating a QR code, convert an array to an object, and much more.
A note-taking built on top of PHP and Angular which means you can deploy it in a web server. This might be a good alternative to a desktop app like Evernote or OneNote, in a way that you can manage and customize almost everything out of it, and store your data privately on your own server.