We are back with another roundup of great resources for web developers and designers.
For October month’s edition, we’ve included lots of tools, frameworks, freelancing resources, JavaScript resources, open source tools, Php libraries, color pickers, CSS resources, 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. Hero Patterns
Hero Patterns is a collection of repeatable SVG background patterns for you to use on your digital projects. With SVG quickly growing as the preferred method for using graphics on the web, there are still few resources available in this format. Steve Schoger created Hero Patterns so that you can easily incorporate high quality backgrounds in to your digital products.
2. Opentest
Opentest is the fastest way for you to share knowledge and collaborate more easily through video. The seamless experience makes it perfect for: Walking a co-worker through a project, Bug tracking/QA (both web & mobile), Personalized sales demos, Customer support. Opentest let’s you do all that for free without having to worry about video storage, upload time, or recording time limits.
3. Mimo
Mimo is a platform for gamified and interactive lesson bites on Computer Science that give commutes, waits and other moments of idle time a meaning. Mimo helps you reclaim your everyday moments of idle time in an entertaining and meaningful way.
4. Simpla
Simpla is a collection of new HTML elements. Use them to create editable content in your code, and then update it inline. You can create dynamic content with the tools you already know – build blogs, localize content, personalize user journeys, all with just HTML and JavaScript. Simpla is framework and language agnostic. Mix beautiful dynamic content into the stack you already use.
5. Mini.css
Mini.css is a minimal, responsive, mobile-first CSS framework. It’s style-agnostic and uses Sass. mini.css is split up into modules, each with a specific focus or set of components. These modules are categorized under core modules and extra modules. It is suggested that you use most of the core modules in your projects, as most projects can make good use of them. As for the extra modules, carefully pick the ones you need for your project.
6. Rinvex Country
Rinvex Country is a simple and lightweight package for retrieving country details with flexibility. A whole bunch of data including name, demonym, capital, iso codes, dialing codes, geo data, currencies, flags, emoji, and other attributes for all 250 countries worldwide at your fingertips.
7. Open Color
Open color is a color scheme for UI design. You can use it for font, background, border etc. It contains a gray and twelve colors. Open color is provided as CSS, SCSS, LESS, Stylus, Adobe library, Photoshop/Illustrator swatches and Sketch palette.
8. Postmate
Postmate is a promise-based API built on postMessage. It allows a parent page to speak with a child iFrame across origins with minimal effort.
9. Wing
Wing is a minimal CSS framework, Wing is made for those smaller side projects, as it isn’t as full featured as Bootstrap, Foundation, etc. Wing styles basic elements, comes with a grid, and some fading animations. Wing makes it super-simple to make websites responsive and mobile-friendly. The grid, containers, typography, buttons…everything! It is all mobile-friendly and easy to use.
Wing is only ~4kb minified. Making it super fast to load and use. You don’t need to compile any files, nothing complex. All you do is link to it and you are done. Because of Wing’s lightweight file size.
10. WYSIWYG.CSS
wysiwyg.css file is a simple collection of styles targeted at HTML elements generated from a WYSIWYG editor (like TinyMCE) or Markdown. This whole white block of content only uses a single CSS class on its container. Everything inside are HTML elements with no additional class.
11. Plottable.js
Plottable.js is a library of chart components for creating flexible, custom charts for websites. It is built on top of D3.js and provides higher-level pieces, like plots, gridlines, and axes. As such, it’s easier to quickly build charts than with D3, and the charts are much more flexible than standard-template charts provided by charting libraries. You can think of Plottable as a “D3 for Charts” — it is not a charting library but rather a library of chart components.
12. Fork
Fork is a fast and friendly git client for Mac that’s currently in public Beta. It includes tabbed browsing, makes it easy to open your repository website in your browser, and more.
13. Polr
Polr is an intrepid, self-hostable open-source link shortening web application with a robust API. It allows you to host your own URL shortener, to brand your URLs, and to gain control over your data. Polr is especially easy to use, and provides a modern, themable feel.
14. Math PHP
Math PHP is an advanced PHP library to perform mathematical calculationssuch as Differentiaion and Interpolation. This a powerful yet handy library if your web application requires operations beyond basic Mathematical operations.
15. Micro
Micro is a terminal-based text editor that aims to be easy to use and intuitive, while also taking advantage of the full capabilities of modern terminals. It comes as one single, batteries-included, static binary with no dependencies, and you can download and use it right now.
As the name indicates, micro aims to be somewhat of a successor to the nano editor by being easy to install and use in a pinch, but micro also aims to be enjoyable to use full time, whether you work in the terminal because you prefer it (like me), or because you need to (over ssh).
16. Gutenberg
Gutenberg is a modern framework for making your web page print correctly. There are multiple themes available to style your printed docs.
