This article was published 4 years ago, therefore the contents of this post may be out of date.

As designers or developers, we are continually looking for all of those design resources, tools and apps that can help make our life easier and increase our productivity & creativity.

So today is the day to showcase all of what’s new for designers and developers for July 2020, below I’ve added some newly released and updated resources from JavaScript scripts, jQuery plugins to a few apps, tools for web development including a range of themes and plugins for WordPress and to fonts, icons etc.

If you think I’ve missed something that you think should of been on the list, let me know in the comments or if you know of a new a that should be featured on the August 2020 roundup, please either tweet it to me @SomeWhatCrtv or even use the Submit Resource form and your resource could be seen on next month list.

Vanilla LazyLoad

Vanilla Lazyload

LazyLoad is a fast, lightweight and flexible script that speeds up your web application by loading images only as they enter the viewport. LazyLoad supports responsive images.

Sattern

Sattern

Sattern is a JavaScript instrument for creating musical patterns. It can generate sequences and trigger targets or “audio units” inside an audio graph. Targets can be MIDI ports, OSC ports, or internal Samplers and or SOUL patches.

Josh

Josh.js

A JavaScript library to animate content on page scroll.

Orbit – Mac App

Orbit

A nicely designed native time tracking and invoicing app designed and built for the Mac.

Price: Free

CustomShortcuts – Mac App

Customshortcuts

Use CustomShortcuts to add keyboard shortcuts to menu items in most Mac applications.

Price: Free

MonitorControl – Mac App

Monitorcontrol

Control your external monitor brightness, contrast or volume directly from a menulet or with keyboard native keys.

Price: Free

Px ›› Em – Mac App

Px Em

Need to handover to developers? Tired of trying to figure out what the relative em value would be for your pixels? Well, no longer. Simply convert any number to ems, change the baseline px value and change the conversion scale.

Price: Free

The News – iOS & Android App

The News

Read Designer News, Hacker News, Dribbble, Tech Crunch, Github, Product Hunt, Reddit and many more.

Price: Free

Octopus mini – iOS App

Octopus

Octopus mini is a super simple website certificates monitoring app made for developers.

Price: Free

Subs 2.0 – iOS App

Subs Subscriptions Tracker

Subs is a handy iOS app to control your subs. With this app you can gather all your subs in one app, control their costs and receive payment notifications and you can monitor your sub trial period and turn it off on time if you don’t want to pay the money!

Price: Free

Codye – iOS App

Codye

Codye helps you present your code in more than 180 languages and more than 80 themes. You can export your highlighted code snippets to PNG, JPEG and HTML, while fine-tuning many options to your liking:

Price: $5.99

Log Owl – Web App

Log Owl

Get the insights you need on how your IT services perform in production. Track errors with all the details you need to fix issues and get detailed user analytics, privacy-focused and all in one place.

Price: Free

Hubba CRM – Web App

Hubba Crm

The toolkit to remotely manage timelines, teams, customers and accounting. It’s all-in-one and built for small business, non-profits and freelancers.

Price: Free to $120.00 per month

DoEnd – Web App

Doend

DoEnd is an issue tracker built for speed, and designed for small teams.

Price: 14 Day free trial then it’s start at $4.00 per month

YetiCloud – Web App

Yeticloud

YetiControl discovers and remediates infrastructure and application issues in real-time and eliminating outages before they happen. In minutes, you can deploy a highly-available configuration, managing over 10,000 servers with 100+ integrations.

Price: Free to $96.00 Per Node / Annually

Lyt

Lyt

Lyt is a flexible and highly configurable CSS layout library. Designed to be tweaked. The goal is to get rid of bigger framework environment and allow custom styles with easy layout creation. Lyt can be configured to be pleasing to use with every framework.

Pest

Pest

Pest is a Testing Framework with a focus on simplicity. It was carefully crafted to bring the joy of testing to PHP.

No Style Design System

No Style Design System

A design system housing all the components and patterns from the book, Form Design Patterns by Adam Silver.

Latex.css

Latex.css

LaTeX.css is a minimal, almost class-less CSS library which makes any website look like a LaTeX document. It is based on @davidrzs’ latexCSS.

mono/color

Monocolor

mono/color is a very small yet full-featured, simple and beautiful CSS-only framework built with responsivity, readability, modularity, and a dual-theme in mind.

Papersizes.guide

Paper Size Guide

A guide site all about paper standards and sizes

Keen Slider

Keen Slider

keen-slider is a free library agnostic touch slider with native touch/swipe behavior and great performance. It comes with no dependencies, typescript support, multitouch support and is compatible with all common browsers including IE 10.

SwiftUI Inspector

Swiftui Inspector

SwiftUI inspector for Figma is here. Enhance your development workflow by copying and pasting element styles from your Figma files into your Xcode project. This greatly reduces the amount of time it takes to take your designs to code.

Database Diagram Generator

Database Diagram Generator

Automatically generate an interactive ER Diagram (ERD) from your existing SQL cloud database.

SmartDB

Smart Db

SmartDB is a platform for serverless mySQL instances on your own AWS account. Your database will grow with its challenges – without you even noticing. Stop paying for database capacities you don’t need – and reduce your costs by half!

Mailaza

Mailaza

Mailaza.com is created to help developers build their integration with SMTP servers, learn how to send emails and provide a simple way to catch and inspect what is sent via SMTP.

HarperDB

Harperdb

HarperDB is a distributed database focused on making data management easy. It has an intuitive REST API & supports NoSQL & SQL including joins. HarperDB leverages standard interfaces so that you can use the reporting & analysis tools that best meet your needs.

Knopf.css

Knopf.css

Modern, modular, extensible button system designed for both rapid prototyping and production-ready applications.

Octofolio

Octofolio

A free GitHub based portfolio for programmers. Share code in a way that’s appealing to potential employers just by using your GitHub username in just 2 seconds octos.me generates a landing page for you to share your best projects without having to develop a whole website. and without any watermarks!

SocialSizes 3.0

Social Sizes Verison 3

SocialSizes 3.0 includes template for Sketch, Figma, Adobe XD & Photoshop. You can see all sizes and download templates separately for Facebook, Instagram, Twitter, YouTube, Pinterest, Twitch, ProductHunt, VK and more. New: Get notified when a size changes!

PHP Insights

PHP Insights

PHP Insights was carefully crafted to simplify the analysis of your code directly from your terminal, and is the perfect starting point to analyze the code quality of your PHP projects.

WP MyLinks – Plugin

Wp Mylinks

WP MyLinks can help you create a micro landing page that contains all the links you want to share to your audience with the tool you’re currently using and the domain name that reflects your own brand.

Price: Free

Bulletin – Plugin

Bulletin

Publish a slick announcement banner across your WordPress website or WooCommerce shop. Extend with icons, countdowns, placement rules and more!

Price: Free

WP Code Snippet – Plugin

Wp Code Snippet

WP Code Snippet is an easy, clean and simple way to share code in your website. WP Code Snippet support Gutenburg and classic editor.

Price: Free

WordPress Support Tickets

Wordpress Support Tickets

This is a WordPress and WooCommerce support ticket plugin that’s a comprehensive and complete solution for WordPress and WooCommerce sites.

This WordPress ticketing plugin is designed and programmed from the ground up by the ArtemisDev Group, and despite the possibility of designing the desired ticket template, there is no need to worry about the inconsistency or clutter of your WordPress site.

Price: $24.00

Class Timetable – Plugin

Class Timetable

Class Timetable is a super flexible schedule plugin for WordPress, with a fully responsive interface and fascinating UI. Its absolutely suitable for fitness, yoga, dance classes, medical departments, any kind of event calendars, and so on.

The Class Timetable helps you easily create a timetable with custom data just in a few minutes. All classes will be shown visually in both weekly and monthly or daily timetables and filtered by category as well.

Price: $25.00

Auto YouTube – Plugin

Auto Robot

Auto YouTube to WordPress is a flexible WordPress Plugin make you can generate WordPress posts from YouTube. This plugin comes with built in options that you can use to generate different posts as you needed.

Price: $15.00

Nirmala – Theme

Nirmala

Nirmala is the Indonesian word for Flawless. Nirmala is a free WordPress theme built on top of the highly reputable Bootstrap front-end framework. Therefore, Nirmala theme is a complete solution for whatever contents you have.

Price: Free

Skanda – Theme

Skanda

Skanda is a child theme for Lalita WPKoi theme. Skanda has a colourful, happy and retro style and design for portfolio, business or agency content.

Price: Free

Inclusive – Theme

Inclusive

Inclusive is a fast, responsive and accessibility-ready theme with full support for the block editor. With this theme, you can place blocks not only in your content but also in the footer and header. The theme comes with eight custom block styles and several block patterns.

Price: Free

Zazla – Theme

Zazla

Zazla is a creative drag and drop theme created and designed with love for web lovers. The key features of this theme are the front-end builders, so you have the Elementor as page builder and live Customizer as the theme options, both of them are flawless and work in an amazing way.

Unique design and powerful options offers hundred of creative elements to choose from. The goal was to design something that offers all the possible features you need to create your amazing website without having to add extra customization, the demo can be imported easily in only one click, it won’t take more than two minutes to be ready for use.

Price: $29.00

San Francisco – Theme

San Francisco

San Francisco is a theme suitable for all types of websites. The theme is full of customisation options and settings, you can change almost everything. San Francisco comes with more than nine multiple unique demos inside. Each demo have it’s unique layout, slider and elements, so you will be able to create any type of website very fast.

Theme also comes with Drag and Drop page builder and 70+ unique custom elements inside. One Click Demo Installer allows you to install full demo data in seconds. You can also find different layouts for blog, portfolio, gallery, portfolio, shop and inner different type pages.

Price: $39.00

Chop – Theme

Chop WordPress Theme

Chop is a modern barber shop theme. It has professional, creative and universal design. Also, integrated Customizer and Elementor plugins guarantee you an unlimited number of customization possibilities. All Chop features are created to fulfill your dreams and desires of creating the perfect website.

Drag & Drop page elements, live customize your site, use fully prepared demo data, make your own custom ACF PRO fields and use them, there are only a small amount of possibilities which lets you create your dream website in minutes.

Price: $29.00

Scarious – Font

Scarious

Oh Chewy – Font

Oh Chewy

Gluon – Font

Gluon

Armin Soft – Font

Armin Soft

Hargael Script – Font

Hargael Vintage Script

Bubbble Gum – Font

Bubbble Gum Sans Serif Free Font

Great Fruits and Vegetables Icon Set

Fruits And Vegetables Icons

Flexicons for Figma 1.2: 1200 icons

Flexicon For Figma

60 Hygiene Icon Set

60 Hygiene Icon Set

Adobe Products Icons 2020

Adobe Products Icons 2020

Dashboard Interface Elements

Dashboard Interface Elements

Folio – Portfolio Design Template

Folio Portfolio Design Template

Muvi – Movie Streaming UI Kit

Muvi Movie Streaming Ui Kit

Piggzy UI Kits

Piggzy Ui Kit

Easybooks – Audiobook UI Kit

Easybooks Audiobook Ui Kit

Share

What’s New for Designers & Developers for July 2020