Hi audience ! Throughout this past year we have been continuously featuring various tools and resources for web developers, without fail, every month. This November, we have put together a few more.
In this month’s edition we’ve included lots of productivity apps, frameworks, plugins, best practices guides, educational resources, testing tools, and much more.
If we’ve missed something that you think should have been on the list, let us know in the comments. And if you know of a new app or resource that should be featured next month, tweet it to @codegeekz to be considered!
1. AntiModerate
AntiModerate is the progressive image loading library for great good. Reduce loading time of page to less than a second on slow connections by loading and rendering nicely blurred micro images on the page while loading full sized images in background which replace as they finish.
2. Gogs
Gogs (Go Git Service) is a painless self-hosted Git service. The goal of this project is to make the easiest, fastest, and most painless way of setting up a self-hosted Git service. With Go, this can be done with an independent binary distribution across ALL platforms that Go supports, including Linux, Mac OS X, Windows and ARM.
3. CSSgram
CSSgram is a library for editing your images with Instagram-like filters directly in CSS. What we’re doing here is adding filters to the images as well as applying color and/or gradient overlays via various blending techniques to mimic these effects. This means less manual image processing and more fun filter effects on the web!
4. Grav
Grav is a Fast, Simple, and Flexible, file-based Web-platform. There is Zero installation required. Just extract the ZIP archive, and you are already up and running. It follows similar principles to other flat-file CMS platforms, but has a different design philosophy than most. Grav comes with a powerful Package Management System to allow for simple installation and upgrading of plugins and themes, as well as simple updating of Grav itself.
5. Swiss Style Color Picker
This Swiss Style Color Picker is beautifully minimalist and simple to use. Just click on a color among the 3D cube illustrations and automatically copy it to your clipboard.
6. Trix
Trix is a Rich Text Editor for Everyday Writing. You can compose beautifully formatted text in your web application. Trix is a WYSIWYG editor for writing messages, comments, articles, and lists—the simple documents most web apps are made of. It features a sophisticated document model, support for embedded attachments, and outputs terse and consistent HTML.
7. Neutron
Neutron is a Sass-based framework that focuses on semantic DOM structure. Instead of defining the column number in the div element, for example, we can simply include the Mixins through the stylesheet and let the element be free from the clutter that comes from extra classes.
8. Zxcvbn
zxcvbn is a password strength estimator inspired by password crackers. Through pattern matching and conservative entropy calculations, it recognizes and weighs 30k common passwords, common names and surnames according to US census data, popular English words from Wikipedia and US television and movies, and other common patterns like dates, repeats (aaa), sequences (abcd), keyboard patterns (qwertyuiop), and l33t speak.
9. Floid
Floid is a UX design tool for creating multiscreen app flows and interactive animations. You can use it to create almost native-like prototypes for any device.
10. Wit.ai
Wit.ai is a natural programming language for developers. It can be used for mobile apps, home automation, wearables, messenger agents, and more.
11. Frontend Developers Handbook
This is a guide that anyone could use to learn about the practice of front-end development. It broadly outlines and discusses the practice of front-end engineering: how to learn it and what tools are used when practicing it. It is specifically written with the intention of being a professional resource for potential and currently practicing front-end developers to equip themselves with learning materials and development tools.
12. Supersonic
Supersonic is a UI framework that lets you build data-driven apps that have native performance. Everything is there for hybrid app development right out of the gate. Supersonic’s declarative UI style makes building complex mobile apps a breeze. In the background, the seamless interplay of native UI and HTML5 bakes an end-result that is 100% indistinguishable from any native app.
13. Blend
Blend lets you choose from standard color palettes (Flat UI, Material Design, etc.) to create a CSS gradient. It’s easy to use and you can quickly grab the code for your projects.
14. TremulaJS
TremulaJS is a JavaScript UI component that enables responsive, Bézier-based content-stream interactions. They use kinetic scrolling and physics effects, and work with pointer, trackpad, and touch input.
15. BackstopJS
BackstopJS is an automated screenshot test application for responsive websites. It creates a reference screenshot that you can then use to find any CSS regressions that occur when editing your code.
16. O-grid
O-grid is a grid system built just for responsive layouts. It’s based on twelve columns and four different layouts, dependent on viewport size.
17. Keystone
Keystone is a Node.js content management system and web application platform. It offers dynamic routes, session management, email handling, and more. Keystone will configure express – the de facto web server for node.js – for you and connect to your MongoDB database using Mongoose, the leading ODM package.
18. Ply
Ply is a modal/dialog system that offers a number of options and customizations. You can use it for alerts, confirmations, forms, multi-step dialogs, and more.
19. Haystack
Haystack is modular search for Django. It lets you write your search code once and then choose the search engine you want to run it on.
20. Buildbox
Buildbox lets you create games as easily as creating PowerPoint presentations, with no coding required. Build once and then export to over a dozen different platforms.
