As designers, developers or even graphic designers we are always looking for all of those new resources, tools and apps that can help us increase our productivity & creativity while we work on client or personal work.
Right below I’ve included what are some of the latest things, below you find some great JavaScript and jQuery plugins, iOS, Desktop Apps, html/css awesomeness, frameworks. Some latest WordPress themes and plugins plus some great new fonts and icons.
JavaScript & jQuery Plugins
Bideo.js
Bideo.js is a JS library that makes it super easy to add fullscreen background videos
Anypixel.js
AnyPixel.js is an open-source software and hardware library that makes it possible to use the web to create big, unusual, interactive displays out of all kinds of things. Anyone can fork the code and the schematics to create their own display at any scale.
Push.js
Push is the fastest way to get up and running with JavaScript desktop notifications. It’s a fairly new addition to the official specification, the Notification API allows modern browsers such as Chrome, Safari, Firefox, and IE 9+ to push notifications to a user’s desktop. Push acts as a cross-browser solution to this API, falling back to use older implementations if the user’s browser does not support the new API.
WebGazer.js
WebGazer.js is an eye tracking library that uses common webcams to infer the eye-gaze locations of web visitors on a page in real time.
WebGazer.js runs entirely in the client browser, so no video data needs to be sent to a server. WebGazer.js runs only if the user consents in giving access to their webcam.
React.js Boilerplate
Quick setup for new performance orientated, offline–first React.js applications
SimpleZoom.js
A tiny JavaScript library to preview images, better way
TimeDropper
timedropper is a jQuery UI timepicker. Manage time input fields in a standard form. Focus on the input to open an small interactive timepicker.
Lightgallery – Mac/Windows/Linux App – Free
lightgallery is a modern, electron and nodejs based image viewer for Mac, Windows and Linux which is free.
Iconjar – Mac App – Free
Organise, search and use icons the easy way, as Iconjar gives you the ability to store all your icons in one place, just one click away.
DecoIDE – Mac App – Free
Deco is an IDE for React Native. It’s an all-in-one solution for writing React Native apps that you can download and use without any environment setup.
Deco improves the React Native development workflow by focusing on component reuse and enabling you to edit your UI in real time.
Proud – Mac & iOS App – $4.99(iOS) & $9.99(Mac)
If you want to be more productive, control your time better and maximize your potential for success, Proud is an app for you. From lists, reminders and timers to useful superpowers like: “Give me more time”, “De-stress” or “Travel back in time”.
ProtoSketch – iOS App – $9.99
It doesn’t matter if you are a designer, a marketer or just someone who want to play around and sketch something.
Also if you want to draw your vector masterpiece, logo or a new landing page for your business say hello to the iOS app ProtoSketch as it is your go to app for everything creative.
Supercharged with icons, fonts, UI elements, basic and complex drag and drop shapes. This app is easy to use to design anything from logo and icon to website and mobile app. Lossless vector graphics that you can scale infinitely and continue straight on your desktop.
Invoicely – Web App – Free
Invoicely is all about bringing you a free cloud invoicing and accounting software to as many people around the world as possible. Invoicely comes with a fully-featured suite of invoicing and accounting tools for your business.
Mailhero – Web App – Free
Mailhero forwards incoming mail to your real e-mail address, but only when you want it to. You stop unwanted e-mails from ending up in your mailbox by using a new Mailhero address each time somebody wants you to give them your mail address. Like this.
Blisk
Blisk is a Chromium-based browser with essential tools for web development. Use it for simultaneous building and testing both desktop and mobile versions of your website. At the time of writing this app is only available on Windows, but Mac & Linux are coming soon.
Think With Google – Test Your Site
Test how mobile-friendly your site is.
CSS Purge
Saving the web 1kb at a time.
Family.SCSS
Family.scss is a set of 24 smart Sass mixins which will help you to manage the style of :nth-child’ified elements, in an easy and classy way.
Flex Layout Attribute
Layout helper based on CSS flexbox specification designed to serve you as quick flexbox shorthand by using two custom html attributes — ‘layout’ and ‘self’.
GitHub Dark
If light theme hurts your eyes, switch off the lights on GitHub for a pleasant reading experience.
HyperDev
HyperDev is the developer playground for building full-stack web apps, fast Combining automated deployment, instant hosting and collaborative editing, HyperDev gets you straight to coding. You just code. It just runs.
A-Frame
A-Frame is a open-source framework for creating 3D and virtual reality experiences on the web.
Vital
Vital is a minimally invasive CSS framework for modern web applications. Vital is a reverse approach to “everything and the kitchen sink” CSS frameworks.
SyntaxDB
SyntaxDB allows users to quickly look up syntax for programming languages. SyntaxDB is designed for programmers who often need to do a Google search for their syntax needs.
Placeholders.Pics
The lightest way to include placeholder pictures in your designs. All images are lovingly served up as sub-kilobyte, fully optimised Scalable Vector Graphics (SVG) in any size or color you need. You can even add a short label to keep track of what goes where in your designs and mockups.
Wait! Animate
WAIT! Animate provides an easy way to calculate the keyframe percentages so that you can insert a delay between each animation iteration. Below are some example animations to demonstrate how this is achieved. Below that is a config tool to add waits to your own animations without the need for JavaScript.
Cutestrap
Cutestrap is a sassy, opinionated CSS Framework which is a tiny alternative to Bootstrap.
Cutestrap supports vertical rhythm, consistent pattern for form fields, it’s 8kb minified with smart defaults for all default elements (Conventional), CSS specificity is very low in the class hierarchy (which is Configurable), it’s a solid foundation for a living styleguide using KSS.
Simple Grid
Simple Grid is a 12-column, lightweight CSS grid to help you quickly build responsive websites. Download the CSS stylesheet, add the appropriate classes to your markup, and you’re off to the races. It’s that simple.
Each column is contained within rows, which are contained within a container. The container is set to a maximum width of 960px, but you can edit without having to break anything.
Font Face Observer
Font Face Observer is a fast and simple web font loader. You can use it to load fonts and customise your browser’s font loading behaviour.
Atomic Docs
Atomic Docs is a front end style guide generator and SASS component manager. Atomic Docs is built in PHP and SASS. Inspired by Brad Frost’s Atomic Design principles.
BlazeCSS
Blaze_CSS is a open source modular CSS framework providing great structure for building websites quickly. Blaze fills the gap between monolithic frameworks like Bootstrap, UIKit and Semantic, and “micro” ones such as Skeleton, Milligram and Min.
Visual Center
A tool that will find the visual center of your images.
Compo – Sketch Plugin
Compo is a Sketch plugin that makes it easier to work with interface components.
SVGO Compressor – Sketch Plugin
A Plugin that compresses SVG assets using SVGO, right when you export them. This Plugin requires Sketch 3.8.
Elementor Page Builder – Free Plugin
Elementor is a drag and drop frontend page builder that gives you the power to design stunning page designs in an intuitive & lightweight interface. The developers of Elementor set out to create a unique page builder, that offers 3 features we consider crucial, and which no other page builder such as instant drag & drop, advanced design effects and responsive design.
Compact MCE – Free Plugin
A simple plugin that reorganize your WordPress editor TinyMCE controls. We removed WordPress’s default editor useless controls and added more useful controls.
Form Styles for Contact Form 7 – Free Plugin
Contact form 7 is a great contact form plugin. However, the generic styling doesn’t make your site look well in the eyes of your visitors.Contact forms should look professional since it partly represent your image.
With Contact form 7 style plugin, you will get your contact page designed for free.With a decent collection of contact form themes, you can switch between styles easily to make your contact page fit to your current theme.No matter what theme you are using for your site, you can easily find a suitable style for your contact page.
The Advance Extra Cost for WooCommerce allow store owners to add extra fixed charges/cost to the customers order based on different conditions. You can configure product specific, category specific, country specific or order amount specific extra charges and it will be applicable to entire order. The charges will be added to the cart total.
Offline Writer lets you easily generates posts based on the documents created with your favorite desktop applications.
WP Sortable is a unique plugin for reordering every aspect of your WordPress site from the admin point of view.
This plugin isn’t focused only on post such as Posts, Pages, WooCommerce products, Taxonomies such as Tags and Categories but admin menu as well. Just click on the menu item and drag it.
DW Tinymce Imgur Upload is a plugin, which helps you directly upload the image you want to the WordPress Editor with just one click.
So instead of uploading your images to a third party such as imgur.com then pasting the image’s URL to the WordPress Editor, now with this awesome plugin all you will have to do is to press Imgur Icon, choose the photo you like.
Paraxis Lite – Free Theme
Paraxis Lite is a child theme of Oblique, This theme is a creative masonry theme that works great for fashion or general bloggers.
Amongst the features you will find is a parallax header image, full colour control with unlimited colour variations, easy access to all Google Fonts, responsive design etc.
Restaurant Advisor – Free Theme
The elegant theme of Restaurant Advisor, been created especially for food critics, restaurant bloggers, etc.
The theme is fully responsive, and accordingly, its stylish design will look perfectly on any device. Another great advantage of this theme is the opportunity to add your own logos, which ultimately will make your website unique.
EasyMag – Free Theme
EasyMag is a News and Magazine theme. This theme been build using Bootstrap and is fully responsive for all the screen sizes. Included in this theme is a theme customiser which will allow you to customise and setup basic settings logo, colour, and layouts.
Soapery is a responsive theme with a modern and functional design which been especially made for organic handcrafted products shop. It best suits for handmade soap shop, but it can be also interesting for handmade jewelry and accessories store, clothing store or crafts shop.
It comes with lots of features, Soapery is fully compatible with the latest version of WooCommerce which allow you to create a online shop.
The theme has an intuitive visual interface and informative layout that looks wonderful on any platform. Soapery is compatible with a bundle of premium plugins such like Revolution Slider, Essential Grid, Visual Composer and PO Composer for making your crafts shop comfortable for your customers.
Bachas is a responsive theme is an elegant design WooCommerce with 4 layout homepages. It supplies many necessary features for an eCommerce store.
The Mega Menu shows product categories with the popup contains a nice image. The slideshow is nice, big and lively with smooth transition. Sale products are displayed with beautifully sliders.
Static blocks with nice images and text bring helpful information about your store. In addition, Testimonials and Blog help you build a lasting relationship with your customers through reviews, comments in the store.
Hawa is a great choice if you are in the need to display your creative work online with a robust canvas of options and with not a pixel out of place.
This theme undoubtedly a high-performance WordPress theme, which tells a story through imagery, fonts and layouts. It can be used to create just about any kind of site you want.
Hawa is a responsive and retina-ready theme which comes with a versatile set of display options, such as 23 Homepage Variations, plenty of portfolio options, numerous demo layouts, and several plugins like Slider Revolution, Visual Composer, and Ultimate Addons for Visual Composer
Included in the theme is a one-click installation, Mega Menu options, modern typography, portfolio hover variants, 30 portfolio page types, over 200+ Short Codes, 15 extras pages, and it’s WooCommerce-ready.
Raymond is a super clean and modern WooCommerce Theme, which been created specifically for fashion, shopping and style bloggers around the globe. Along with a modern blog coupled with a fully styled WooCommerce store means you can write about what you love, and sell the key pieces you mention.
Included in this theme are plenty of customisation options that are easy to use. In this theme you can use the built-in colour pickers to choose your main theme colour, select a custom Google font with just a few clicks.
You can also choose your columns layouts and more all from the live WordPress theme customizer. Having great inventory and extensive business knowledge are two of the three key ingredients to a successful eCommerce venture.
Tofino – Font – Pay What You Want
Popo – Free Font
Fofer – Free Font
Toma Sans – Free Font
Andis Typeface – Free Font
Bowie – Fonts from $19
Core Sans A – Fonts from $19
Saline – Font $35
Nanami – Fonts from $25
App Icons set by Awesomed
BPXL Icons for Sketch
Free 70 Basic Icons
Hi there, if you think that I’ve missed something that you think should have been on this list, please let me know down in the comments or if you know of a new app or resource that should be featured next month post it there.
Thanks.
