PROFESSIONALLY OPTIMIZED WEBSITES STARTING AT $995
Our team of SEO Web Design gurus are standing by to assist you achieve your online marketing goals.

+1-971-599-3330

REQUEST QUOTE
SEO Web Design, LLC aims to improve business by delivering effective solutions based on innovative technologies and professional designs. Discover the variety of services we offer and convince yourself on the basis of the latest works that we've done. We love building fresh, unique and usable websites optimized specifically for your niche.

Responsive Web Design

SEO / SEM / Social Media

Conversion Rate Optimization

Email Marketing

Online Presence Analysis

Web Hosting
Top
SEO Web Design / Web Design  / Exciting New Tools For Designers, May 2020

Exciting New Tools For Designers, May 2020

There are plenty of new tools to speed up your work available now. From background patterns and icons to landing page templates and new fonts, we’ve got something for almost everyone here. And while some of these tools are premium options, almost everything is free and open-source.

Here’s what’s new for designers this month.

Free First Month: Millions of Fonts, Freebies & Design Assets

 

Pattern.css

Pattern.css[1] is a CSS-only library that you can use to fill empty backgrounds. There are tons of pattern options available and you can search and sort by the type of pattern that appeals to you – grids, dots, lines, stripes, zigzags, and more.

pattern

 

Image Compare Viewer

Image Compare Viewer[2] is a lightweight slider that lets you see changes to images in a before and after format. Use it for grading, CGU, and pretty much any other type of comparison. It uses vanilla JavaScript and has no dependencies. (There’s also a plugin for WordPress users.)

image-compare

 

Scale Document

Scale Document[3] is a secure platform for document processing. The coolest feature of this tool is that it can scan documents, “read” them, and turn them into digital data. It’s a paid tool with options for different use cases.

scale

 

Screen Recorder

Screen Recorder[4] is a minimal progressive web app that does exactly what you would expect. Allow access and record screens (and audio) with a click. It’s free and doesn’t include watermarks or ads.

recorder

 

Codespace

Codespace[5] is an app to organize code snippets into folders. Then you can search, share, and access code anytime. It’s a paid app that works cross-platform.

codespace

 

GitKraken Timelines

GitKraken Timelines[6] is a free tool to communicate milestones and deadlines. Create private or public shareable timelines. Plan product releases and provide visibility across your organization or just have fun.

timelines

 

Tara AI

Tara AI[7] is a modern product development platform. As an alternative to Jira, it lets you run sprints and planned release cycles on time. (It’s still in beta and free to try.)

tara

 

CSS Inspector

CSS Inspector[8] lets you get the CSS code of any web element with the inspector. The premium tool is a quick and easy way to inspect and edit live webpages without coding.

cssinspector

 

BestTime

BestTime[9] is a neat API that forecasts how busy a business will be at any given hour. It looks at week, peak, busy, quiet hours, and provides live busyness comparisons and dashboards.

besttime

 

Cakeurl

Cakeurl[10] is a link shortener that adds “superpowers” to your links, such as calls to action, retargeting pixels, and analytics.

cakeurl

 

Brandfetch for Adobe XD

Brandfetch for Adobe XD[11] lets you pull the brand assets into your software. Just enter the company name and add everything instantly. The tool is free for small companies and developers and has paid plans for power users.

brandfetch

 

Free HTML Landing Page Templates

This roundup of 40 Free HTML Landing Page Templates[12] is a great collection to help jumpstart website design projects. The best part is every option is open source and the collection includes a variety of page types for different products and services.

landing-pages

 

Animockup

Animockup[13] is a tool to create free, animated product mockups using your images and information. Use it to make animated videos to showcase new or upcoming projects.

animockup

 

Database Schema Templates

Database Schema Templates[14] is a collection of real-world databases that you can use when developing the architecture of an app. Everything is open source.

schema

 

Sitesauce

Sitesauce[15] converts your dynamic website (such as a blog) into a static website in one click and keeps the site updated when content changes. This will help reduce server costs and page load times and increase scalability and security.

sitesauce

 

SQL PD

SQL Police Department[16] is a game where you solve crimes using SQL, while learning more about the language.

sqlpd

 

LineIcons 2.0

LineIcons[17] is a set of 2,000 line icons in 20 categories and two weights. Icons come in SVG, Web Font, AI, and React formats. This kit includes free and pro versions.

lineicons

 

GitHub Writer

GitHub Writer[18] is a browser extension that changes GitHub’s default editor to a WYSIWYG rich-text editor. You can use it when creating, editing, or commenting on GitHub issues, pull requests, and wikis.

gitwrite

 

Caddy 2

Caddy 2[19] is an open-source web server with automatic HTTPS written in Go. Plus, it renews certificates automatically.

caddy

 

Swiftify

Swiftify[20] is a tool to convert a storyboard to SwiftUI in just three steps: Upload, output, apply fixes. That’s it.

swift

 

Alejo

Alejo[21] is a beautiful line typeface for display use. (It also includes a solid option.) With curved lines and a thick style, it is made to use large.

alejo

 

Good Boy

Good Boy[22] is a novelty font for dog lovers. The character set includes letters and numbers but is somewhat limited after that.

goodboy

 

Lovely Ampersand

Lovely Ampersand[23] is a beautiful handwriting-style typeface that would be lovely for invitations. Take special note of the glyphs with long tails for a more elaborate feel.

loveampersand

 

Macklin Pro

Macklin Pro[24] is a new superfamily that includes desktop, web, and variable fonts. It’s versatile, highly readable, and with serifs, sans serifs, slabs, and some beautiful italics, it might be the only font you need for projects. (And while this font is new, they are offering it at a stellar deal of less than $50.)

macklin

References

  1. ^ Pattern.css (bansal.io)
  2. ^ Image Compare Viewer (image-compare-viewer.netlify.app)
  3. ^ Scale Document (scale.com)
  4. ^ Screen Recorder (screenrecorderapp.com)
  5. ^ Codespace (codespace.app)
  6. ^ GitKraken Timelines (timelines.gitkraken.com)
  7. ^ Tara AI (tara.ai)
  8. ^ CSS Inspector (cssinspector.com)
  9. ^ BestTime (besttime.app)
  10. ^ Cakeurl (cakeurl.com)
  11. ^ Brandfetch for Adobe XD (brandfetch.io)
  12. ^ 40 Free HTML Landing Page Templates (dev.to)
  13. ^ Animockup (animockup.com)
  14. ^ Database Schema Templates (drawsql.app)
  15. ^ Sitesauce (sitesauce.app)
  16. ^ SQL Police Department (sqlpd.com)
  17. ^ LineIcons (lineicons.com)
  18. ^ GitHub Writer (ckeditor.com)
  19. ^ Caddy 2 (caddyserver.com)
  20. ^ Swiftify (storyboard2swiftui.com)
  21. ^ Alejo (www.fontspace.com)
  22. ^ Good Boy (www.dafont.com)
  23. ^ Lovely Ampersand (www.fontspace.com)
  24. ^ Macklin Pro (www.fonts.com)

Powered by WPeMatico

[email protected]

Webdesigner Depot offers web design resources for web designers. We include Photoshop Tutorials, WordPress Plugins, and Web Development tools.