Articles

Exciting New Tools for Designers, January 2023

,

It’s the start of a new year, and product designers are already launching thousands of new apps, tools, and resources.

In January’s edition of our monthly roundup of the most exciting new downloads for designers and developers, there’s everything from full-blown applications to helpful little side projects. Enjoy!

Observable

Observable lets you explore, analyze, and explain data as a team to uncover insights, and make better decisions. Build fresh data visualizations with drag-and-drop components or JavaScript.

Blocs

Blocs is a no-code website builder based on Bootstrap 5. It has a whole heap of templates, so all you need to do is pick one, customize it, and add your content.

blogstatic

blogstatic is a fantastic no-code blogging platform with a minimal UI that lets you focus on nothing but your content. There’s built-in SEO, plus themes and hosting is included.

Lessmail

Lessmail is an excellent way to clean out your inbox for the new year. Unsubscribe from unwanted newsletters, delete old messages and focus on the mail you want.

Ultimate Side Projects Playbook

Is 2023 the year you’ll launch a web-conquering side project? Give yourself the best chance with the free Ultimate Side Projects Playbook to guide you through the process.

Ashore

Get your web designs, prototypes, and other creative work sign-off fast using Ashore. Upload your files, share them with stakeholders, and track when your designs are approved.

Frase

Frase is an AI tool for researching, writing, and optimizing content with high-quality SEO keywords. Write anything from content briefs to blog posts in a fraction of the usual time.

Uiverse

Uiverse is a collection of UI elements designed by the community that you can use on your site for free or even submit your own designs for others to use.

Rive

Rive is an excellent app for building fast, small, interactive animations and motion graphics for the web. Animations built-in Rive can run on the web or in native apps.

Vuestic UI

Vuestic UI is an excellent UI framework for Vue. All aspects are fully customizable, and Vuestic UI seamlessly integrates with other component libraries for even more options.

Localfonts.xyz

Localfonts.xyz is a simple way to browse the fonts installed on your local machine in your browser. It’s a fast solution for choosing fonts for your designs.

PixelBin

PixelBin is a tool for optimizing and delivering images. It uses AI to transform your assets and allows you to use larger, higher-quality images without bloated load times.

EarlyBird

EarlyBird is a no-code landing page generator perfect for teams launching an early-stage website. You can get your product online fast and start validating it with real users.

RippleUI

RippleUI is a toolkit for UI design that improves on the Tailwind approach by simplifying classes to reduce the amount of code you need. In addition, it includes components and utility classes to speed up your web development.

No Code AI Model Builder

If you want to build your own AI models but you don’t know how to code, you can use No-Code AI Model Builder to generate AI models in minutes.

Templatify

Save hours creating social media templates with Templatify, a collection of 201 templates for Twitter and Instagram. There are dark and light versions, and a full video tutorial shows you how to customize them.

Detangle

Detangle beats small print by using the power of AI to generate human-readable summaries of legal documents so you can understand what you’re signing.

Mesher

CSS Hero’s Mesher creates incredible multicolor gradients that can be customized and exported to CSS for use in your projects.

OldestSearch.com

OldestSearch.com is a fascinating look at the web that was. Enter any search term, and it will return the oldest matching links available on Google Search.

Detect GPT

Detect GPT is a helpful Chrome extension that scans the content of web pages and determines if the content has been auto-generated by AI. It’s very handy for checking the validity of blog posts.

Source

The post Exciting New Tools for Designers, January 2023 first appeared on Webdesigner Depot.

Source de l’article sur Webdesignerdepot

/par

Exciting New Tools for Designers, December 2022

,

Designing a website or app can be a daunting task. But with the right design tools, it can be a lot easier. In this article, we’ll introduce you to some of the best tools, apps, and resources available right now. From client management to AI-powered design tools, there’s tons here to round out the year in style. Enjoy!

WelcomeSpaces

WelcomeSpaces is a collaborative tool for professional designers. Communicate with clients, share files, discuss revisions, and stay on track with an activity feed. Client collaboration has never been so simple.

html.to.design

html.to.design is an excellent plugin for Figma to help you quickly and easily create beautiful designs from existing websites. With just a few clicks, you can import the HTML code for any website and start designing your own version of it.

Squeaky

Squeaky is a privacy-friendly analytics suite that lets you capture up to 60% more data than legacy tools. With Squeaky, you can get insights into your customers’ behavior without compromising their privacy. Use Squeaky to make better decisions for your business.

AI Canvas

AI Canvas is an online collaborative platform that allows users to create and share AI artwork with other community members. Start your artwork with text prompts and watch it grow.

Magician

Magician is an AI-powered plugin for Figma that can create icons, images, and web copy from text prompts. It’s the perfect tool for designers who want to quickly and easily create beautiful designs.

Doughnut

Doughnut is a supportive design and freelancing community designed to help you succeed as a freelance designer. From finding new clients to managing your time, Doughnut has everything you need to make the most of your freelance career.

Deckset

Deckset is a simple way to produce great-looking presentations. Just write your thoughts in your favorite text editor and watch Deckset transform them into beautiful, persuasive presentations.

Vectormaker

With Vectormaker, you can easily convert pixel-based images into colorful vector graphics. Vectormaker uses the Potrace algorithm to trace the edges of your image. You can then choose the colors for your vector path based on the colors in the original.

Wrap

Wrap is a browser extension for capturing and editing product screenshots with ease. With a selection of carefully selected styles to choose from, you can create pixel-perfect designs in seconds—even if you’re not a designer.

Illustration Builder

The Illustration Builder digital designer toolkit is a Figma plugin for creating beautiful illustrations for your business website. You can create any illustration with a wide range of objects, backgrounds, characters, abstractions, and more.

OptiMonk

With OptiMonk, you can create beautiful pop-ups for Shopify, WordPress, MailChimp, and more that will help you increase your marketing reach, increase customer engagement and boost your conversions.

Jot

Jot is a marketing tool that uses OpenAI’s GPT-3 to generate human-like ad copy based on a single product description. With Jot, you can create engaging adverts quickly and easily.

Free Mockup Generator

Pixelied’s free mockup generator allows you to create stunning designs with editable mockups in minutes. With a wide range of customizable templates to choose from, you can design the perfect mockup for your project.

Womp

Womp is a new way to create 3D images. Intuitive and easy to use. With Womp, you can create beautiful 3D designs. Everything you create in Womp is exportable for 3D printing, social media, or directly into a game. It’s a great way to produce 3D icons and illustrations for your website.

Tinkerwell

Tinkerwell is a must-have companion to your favorite IDE. Quickly iterate on PHP code within the context of your web application. There’s no need to waste time opening browsers, creating test URLs, and uploading apps to servers. Use Tinkerwell locally, via SSH, Docker, and even on Laravel Vapor.

Magical

Magical is a tool that helps you speed up the meeting scheduling process. With Magical, you can easily find time slots that work for everyone and create personalized links to those slots. With Magical’s Dynamic Availability feature, you and your attendees can always find the best meeting time.

Explain Code

Explain Code is a great way to understand complicated code. You can see how the code works line by line and learn about programming concepts. Gain in-depth knowledge of how and why code is constructed and fast-track your learning process.

Shuffle Alternatives

Shuffle Alternatives allows you to create multiple site styles with a simple drag-and-drop builder. Create your core design and then choose from different design styles for a site that best fits your brand approach.

Idea Clarity

Get help honing your ideas, perfecting your pitch, and targeting the most profitable directions. Idea Clarity is an app that gives you direct access to experts in your chosen field who will help you revise your rough idea into a concrete plan.

Graphicsly

Graphicsly is an all-in-one graphics assets plugin for WordPress that lets you import directly into your installation. There are 1000+ 3D assets, 3000+ illustrations, and 9000+ icons ready to use today.

Source

The post Exciting New Tools for Designers, December 2022 first appeared on Webdesigner Depot.

Source de l’article sur Webdesignerdepot

/par

Exciting New Tools for Designers, October 2022

,

We write this guide to the best new tools for designers and developers each month. For October, we’ve sought out tools to make you a better website builder, some handy utilities to make you more productive, and a spooky font for the end of the month. Enjoy!

Microsoft Designer

Microsoft Designer is a brand-new app for creating images from text prompts. You can create social media posts, blog images, and any other assets you need with its step-by-step guided process.

Remix

Remix is a full-stack web framework for React that lets you focus on designing your UI. Remix is geared towards web standards and delivers a resilient user experience so you can build better sites.

Ultra

Ultra is a super-fast package manager that uses hardlinks to install packages. It’s up to ten times faster than NPM and Yarn, and the project is open-source.

AskEdith

AskEdith is an AI-powered app that translates English into SQL so you can query your database without writing custom SQL. Just type a description of what you want to know, and the app creates the query for you.

Wide Angle Analytics

Wide Angle Analytics is a GDPR-compliant Google Analytics alternative that puts privacy first. Track actions across multiple sites and discover insights about your site without exposing yourself to privacy violations.

story.to.design

Imagine being able to import a whole webpage straight into Figma. You can, with story.to.design, a fantastic app that imports code into Figma for updating UI elements or speeding up redesigns.

Metlo

Metlo is a testing platform for securing APIs. By running comprehensive tests against your API, you can uncover issues like unidentified endpoints, before they become a security threat.

StockAI

Nothing is more frustrating than searching for the right stock image when one doesn’t exist. StockAI is a day-saver that searches for stock images, and if the sought-after image doesn’t exist, it will generate one for you.

Growthfyi

If ad-blockers are playing havoc with your Google Analytics, check out this script from Growthfyi. It’s an invaluable service that doubles the speed of GA while ensuring ad-blockers don’t catch it.

Sourcery

Sourcery is an excellent tool for developers that continually reviews your code and suggests improvements automatically. Write better code, and catch errors before it goes to review.

Cyber Security Icons

This set of Cyber Security Icons contains 20 illustration-style icons. In addition, there are some great interpretations of complex ideas like retina scans, crypto vaults, and end-to-end encryption.

Blinqo

Blinqo is a handy little Chrome extension for anyone that needs to share their screen. It allows you to blur parts of your screen when sharing or recording, so your private details remain private.

Instaprice

Instaprice is a helpful new service that shows you what other freelancers charge for the job you’re quoting on. Earn the actual market rates and never get caught out undercharging again!

Leta

Leta is a great app that allows you to design your own keyboard layout. You can redesign the key positions for macOS, Linux, or Windows and download them for free.

Blogic

Build blogs powered by the Notion API with Blogic, a no-code blog builder that can create fast, SEO-friendly blogs in under a minute. Custom domains and third-party scripts are supported.

Digital Maker Toolkit

The Digital Maker Toolkit is a collection of resources for anyone releasing digital products. It includes guides on process, a handy step-by-step checklist, a list of further resources, and a guide to the available tools.

Slides

Slides is a static website generator you can use to create beautiful, animated websites in minutes. Select layouts from a collection of templates and publish with clean code that downloads fast.

AXplorer

AXplorer is a privacy-focused browser with a built-in VPN. Created by the Axia blockchain network, it generates free crypto in the form of AXIA coins when using it to browse the web.

Font Engine

Can’t decide on a font for your latest side project? Font Engine is a handy little app that will suggest fonts for you. Just tell it your brand values and hit the ‘Suggest’ button.

Deliciozo

Deliciozo is an excellent display font with irregular strokes and styling, making it feel like a paper cut-out. It’s perfect for magazines, cookbooks, and even logos.

Kayino

If you’re looking for a font to convey the hippy era, look no further than the psychedelic stylings of Kayino, a groovy display font with crazy details.

Noganas

Noganas is a spooktacular font for the upcoming Halloween festivities. Use it to add some gruesome frivolity to your seasonal designs.

Source

The post Exciting New Tools for Designers, October 2022 first appeared on Webdesigner Depot.

Source de l’article sur Webdesignerdepot

/par

Exciting New Tools for Designers, September 2022

,

The Summer’s over, and we’re back at our desks to discover that the web’s best app builders, font designers, asset creators, and developers have been hard at work to deliver this bumper collection of exciting new tools for designers and developers.

Below you’ll find productivity apps, icons, gradients, AI, and some awesome new fonts. Enjoy!

CSS Scan

Forget right-clicking on a website to see how it’s coded. CSS Scan is a browser extension that lets you view the CSS styles of any element and copy them to your clipboard.

Slicons

Create stand-out UI designs with Slicons, a set of 300+ pixel-perfect icons. Light, regular, and bold versions match your typography and work with Figma, Sketch, XD, and Iconjar.

Codex

Codex is an IDE extension that lets you comment on your code like a pro. Anyone on your team can add comments, questions, or notes to any lines of code.

Gradientify

You too can leap aboard the gradient design trend using Gradientify, a collection of 100+ beautiful, human-designed gradients. Copy the CSS, or download PNGs for free.

90 Bitmap Shapes

Create unique logos, social media assets, apparel, and abstract icons using this editable set of 90 Bitmap Shapes in vector form for Photoshop, Sketch, and Figma.

BlockBee

Get paid in crypto using BlockBee. The Web 3.0 payments infrastructure integrates with the best ecommerce carts, including PrestaShop, Opencart, Magento, and WooCommerce.

Flatfile

Banish the woes of importing CSV data with Flatfile, a CSV importer that formats human-edited data files to eliminate errors and speed up B2B onboarding.

ClipDrop

Effortlessly clip the backgrounds from images in Figma with the ClipDrop plugin. One-click removes backgrounds, objects, people, text, or defects.

Craiyon

Craiyon is an AI drawing tool based on a stripped-down version of DALL-E. You can generate any image you like using a simple text prompt.

Google Headline Tool

Use Poll the People’s powerful Google Headline Tool to optimize your headlines for more effective search ads and clickable blog post titles.

Retro Postcard Effect

Embrace the trend for retro images using this Retro Postcard Effect for Adobe Photoshop. Easily drop your custom images into the placeholder layer for an instant vintage style.

Hugo

Hugo is an admin suite for freelancers that takes care of business with intelligent contracts, audit trails, and an integrated wallet, so you can focus on being creative.

CTA Examples

CTA Examples is a database of call-to-action examples for every possible scenario. So no matter what you want to persuade your users to do, you’ll find the best prompt here.

Superhuman

Create unique 3D characters to wow your customers using Superhuman. You can customize clothes, hair, and poses using 1500+ elements or choose from 500 pre-made characters.

PostHog

PostHog is an extensive set of tools built on a modern data stack. You can do more with your data by creating your own app or using one of the 50+ that are included for free.

Radix UI

There’s no need to reinvent UI components for React when you can use Radix UI. The high-quality, accessible components are perfect for web apps and dashboards.

KB Clip

Now you can create a searchable wiki for your business with a fraction of the effort thanks to KB Clip. Just highlight a Slack conversation, and transform it into an article in one click.

DropBlok

A great way to monetize your followers is with a custom app. DropBlok is a no-code tool that will build the app for you.

Blofishing Font

Blofishing is a gorgeous handwriting font that adds personality to your layouts. It’s ideal for wedding stationery, social media marketing, and anything that needs a personal touch.

Haratte Font

Haratte is an elegant font with graceful curves and a modern aesthetic. It’s perfect for logos, magazine design, social media assets, and more.

Source

The post Exciting New Tools for Designers, September 2022 first appeared on Webdesigner Depot.

Source de l’article sur Webdesignerdepot

/par

Popular Design News of the Week: June 13, 2022 – June 19, 2022

,

Every day design fans submit incredible industry stories to our sister-site, Webdesigner News. Our colleagues sift through it, selecting the very best stories from the design, UX, tech, and development worlds and posting them live on the site.

The best way to keep up with the most important stories for web professionals is to subscribe to Webdesigner News or check out the site regularly. However, in case you missed a day this week, here’s a handy compilation of the top curated stories from the last seven days. Enjoy!

CSS.GUI – Open Source Visual Editor for CSS

Meet Web Push

Mobile-First CSS: Is it Time for a Rethink?

Web5 Is Here, Goodbye Web3? TBD

Nosignup.tools – Free Web Apps that Don’t Require Signup

Hello – The Best Search Engine for Software Developers

Exciting New Tools for Designers, June 2022

Adobe Plans to Make Photoshop on the Web Free to Everyone

8 CSS Snippets that Demonstrate the Power of Shadow Effects

Tango 2.0 – Automatically Generate Step-by-step Guides for your Team

Understanding the Template Element in HTML

Random Emoji Generator – Have Fun with Emojis

Source

The post Popular Design News of the Week: June 13, 2022 – June 19, 2022 first appeared on Webdesigner Depot.

Source de l’article sur Webdesignerdepot

/par

Exciting New Tools for Designers, June 2022

,

Automation is the theme of this month’s collection of exciting new tools for designers and developers. There are tools to make your images better, tools to create illustrations, and tools to make your workflow more efficient. Plus, a whole host of tools that are just plain fun.

Here’s what is new for designers this month…

designstripe

designstripe lets you create beautiful illustrations with no design skills. Drag and drop different elements into place, then customize them for your brand.

DesignMaestro

DesignMaestro is a free keyboard extension app that lets you automate the tasks you repeat daily. Set up a macro with a keyboard shortcut, and tap the shortcut to perform the action.

Ghost 5.0

Ghost is one of the best personal blogging platforms around, and version 5 enhances it with custom code, support for video, and performance upgrades.

Yep

Yep is a new search engine from the makers of Ahrefs. Built from the ground up, Yep will give 90% of its ad revenue to content creators.

The CTO Field Guide

The CTO Field Guide is a free ebook for anyone newly promoted to a technology officer role or looking for a tech leadership role. It’s a simple guide to making the most of your first 90 days on the job.

ASCII Art Paint

ASCII Art Paint is a free, open-source web app for creating images made up of text characters and hieroglyphs. It’s a great way to add pictures to text-only formats.

Effekt

Make your own fun, wallpaper art at up to 8k resolution using Effekt, a mix between an image editor and a visual toy.

Animatiss

Animatiss is a fantastic collection of CSS animations that you can use for free. Tailor the speed of the animation, preview it, then copy and paste the code into your project.

Skiff

Skiff Mail is an email app that features end-to-end encryption. This means your email stays private and secure, so you’re free to discuss sensitive matters.

Super Designer Tools

Super Designer is a collection of design tools for performing simple tasks. There’s a background generator, a pattern generator, a blob generator, and more—all free to use.

Web UI

Web UI is a collection of UI kits and templates for Figma and Adobe XD. Most designs are free to download and use for projects, and some require payment.

Free Online Background Remover

Use this free online background remover to quickly and easily delete the background of photos, leaving you free to paste the foreground over flat colors, gradients, or even different backgrounds.

Untitled UI Icons

Untitled UI Icons is a set of clean, consistent, and neutral icons made for Figma in Figma. There are 3,500 icons in total. The line style is free to download.

OS

Turn your Mac or iPhone into an old-school Macintosh with this retro wallpaper and icon set, and transport yourself back to 1984. OS is a premium download.

Shrink.media

Shrink.media is a free app for web, iOS, and Android that lets you reduce the size of your image file size and dimensions to reduce its footprint.

3D Avatars

This big library of 3D avatars is perfect for any project that needs staff images. There are different ethnicities, clothing, facial expressions, and accessories, so you never run out of options.

Felt

Felt is a modern map maker for the web that gives you more control, more design options, and easier sharing than Google maps.

SureScan

SureScan is a helpful app that hunts through terms and conditions for dubious conditions on your behalf, so you can spend your time doing something less boring.

Reform

Reform is a no-code form builder that you can use to create clean, branded forms for your business without any design or code skills.

Copy Foundry

Discover how the best brands evolve their messaging over time with Copy Foundry, a brand positioning, and copywriting library to help your products stand out.

Source

The post Exciting New Tools for Designers, June 2022 first appeared on Webdesigner Depot.

Source de l’article sur Webdesignerdepot

/par

Popular Design News of the Week: May 16, 2022 – May 22, 2022

,

Every day design fans submit incredible industry stories to our sister-site, Webdesigner News. Our colleagues sift through it, selecting the very best stories from the design, UX, tech, and development worlds and posting them live on the site.
The best way to keep up with the most important stories for web professionals is to subscribe to Webdesigner News or check out the site regularly. However, in case you missed a day this week, here’s a handy compilation of the top curated stories from the last seven days. Enjoy!”

Exciting New Tools for Designers, May 2022

HTMLrev – 50 Beautiful HTML Landing Page Templates Library

Cool Hover Effects that Use CSS Text Shadow

Designers’ Pick: Top Color Trends for 2022

:Where() :Is() :Has()? New CSS Selectors that Make your Life Easier

The Era of Rebellious Web Design is Here

Bootstrap 5.2.0 Beta

OptimizeImages Free Bulk Image Optimizer

2022 Craft Beer Branding and Package Design Trends

3D Avatar Library – Hundreds of 3D Avatars for your Designs

Shrink.media – Shrink the Size of your Images for Free

The WHY of Accessibility

Source

The post Popular Design News of the Week: May 16, 2022 – May 22, 2022 first appeared on Webdesigner Depot.

Source de l’article sur Webdesignerdepot

/par

Exciting New Tools for Designers, May 2022

,

The underlying theme of this month’s collection of new tools and resources is development. Almost every tool here makes dev a little easier, quicker, or plain fun. There are a few great tutorials in the mix to help you get into the spirit of trying new things and techniques.

Here’s what is new for designers this month…

Cryptofonts

Cryptofonts is a huge open-source library of icons that represent cryptocurrencies. There are more than 1,500 CSS and SVG elements in the collection. Cryptofonts includes all scalable vector icons that you can customize by size, color, shadow, or practically anything else. They work with Sketch, Photoshop, Illustrator, Adobe XD, Figma, and Invision Studio, and there’s no JavaScript.

 

Reasonable Colors

Reasonable Colors is an open-source color system for building accessible and beautiful color palettes. Colors are built using a coded chart. Each color comes in six numbered shades. The difference between their shade numbers can infer the contrast between any two shades. The differences correspond to WCAG contrast ratios to help you create an accessible palette. This is a smart project and a valuable tool if you work on projects where color contrast and accessibility are essential (which is all of them).

 

Chalk.ist

Chalk.ist is a fun tool to make your code snippets look amazing. Add your code (there’s a vast language selector), pick some colors and backgrounds, and then download it as a shareable image. Your code has never looked so beautiful!

 

WeekToDo

WeekToDo is a free minimalist weekly planner. Improve productivity by defining and managing your week and life easily and intuitively. Plus, this tool is focused on privacy with data that is stored on your computer (in your web browser or the application). The only person who has access to it is you.

 

Bio.Link

Bio.Link is a tool that collects all your links – from social media to blog posts to any other kind of link you want to share. It’s free to use, includes 15 design themes, visitor stats, and is super fast.

 

Spacers

Spacers are a set of three-dimensional space characters that you can use in projects. Characters are in multiple poses and ultra high-def formats to play with.

11ty

11ty is a super simple, static website generator. Try it for small projects and read the documentation to see everything you can do with this tool.

Scrollex

Scrollex is a react library that lets you build beautiful scroll experiences using minimal code. You can create scroll animations in all kinds of combinations – vertical, horizontal, almost anything you want to try. The documentation is fun and easy to understand if you’re going to see how it works.

GetCam

GetCam is an app that lets you turn your smartphone into a webcam for your computer. It works with any iPhone and a Mac or Windows computer. It works with most video conference and streaming tools as well as browser-based apps.

Flatfile

Flatfile is a data onboarding platform that intuitively makes sense of the jumbled data customers import and transforms it into the format you rely on. You won’t have any more messy spreadsheets or have to build a custom tool.

Loaders

Loaders is a collection of free loaders and spinners for web projects. They are built with HTML, CSS, and SVG and are available for React and copypasta.

Lexical

Lexical is an extensible JavaScript web text-editor framework emphasizing reliability, accessibility, and performance. It’s made for developers, so you can easily prototype and build features with confidence. Combined with a highly extensible architecture, Lexical allows developers to create unique text editing experiences that scale in size and functionality.

Picture Perfect Images with the Modern img Element

This tutorial is a primer on why the img element is such a powerful tool in your development box. Images are so prominent that they are part of the most important content in over 70% of pages on both mobile and desktop, according to the largest contentful paint metric. This post takes you through how to better optimize and improve core web vitals simultaneously.

Building a Combined CSS-Aspect-Ratio-Grid

Building a Combined CSS-Aspect-Ratio-Grid provides two solutions for creating the title effect. You can define an aspect ratio for the row or use Flexbox with a little flex grow magic. Learn how to try it both ways.

QIndR

QIndR is a QR code generator made for events and appointments. The form is designed to capture your event information so you can quickly build and use a QR code for listings and even allow users to add it to their calendars! It’s super quick and easy to use.

On-Scroll Text Repetition Animation

On-Scroll Text Repetition Animation shows you how to create an on-scroll animation that shows repeated fragments of a big text element. This is a fun and easy lesson that you can use right away.

Eight Colors

Eight Colors won’t do anything for your productivity, but it is a fun game that you may not be able to stop playing. It is a block-shifting game with the goal to shift circular blocks to reach the target given.

Creative Vintage

Creative Vintage is a pair of typefaces including a thin script and vintage slab serif (with rough and smooth styles). The pair is designed to work together for various uses or can be used independently.

Hardbop

Hardbop is a vintage-style typeface with a lot of personality. It would work great for display, and the family includes seven full-style character sets.

Kocha

Kocha is a funky ligature-style typeface perfect for lighter design elements, including logos or packaging. It includes clean and rough versions.

Magnify

Magnify is a large font family with 16 styles and plenty of fun alternates. You can use it straight or with the more funky styles that create less traditional character forms.

Stacker

Stacker is a fun and futuristic style font with a triple outline style. Use it for display when you really want to make an impression.

Source

The post Exciting New Tools for Designers, May 2022 first appeared on Webdesigner Depot.

Source de l’article sur Webdesignerdepot

/par

Popular Design News of the Week: April 11, 2022 – April 17, 2022

,

Every day design fans submit incredible industry stories to our sister-site, Webdesigner News. Our colleagues sift through it, selecting the very best stories from the design, UX, tech, and development worlds and posting them live on the site.
The best way to keep up with the most important stories for web professionals is to subscribe to Webdesigner News or check out the site regularly. However, in case you missed a day this week, here’s a handy compilation of the top curated stories from the last seven days. Enjoy!”

33 JavaScript Concepts Every Developer Should Know

Zas Editor: A Capable and Fast Code Editor for macOS

Exciting New Tools for Designers, April 2022

Picture Perfect Images with the Modern Img Element

CSS Animation Examples

Eight Colors

The Coolest Graphic Design Trends of 2022, from Y2K to Anti-design

Basic Types of Buttons in Web and Mobile User Interfaces

OpenAI’s New Image Generator Sparks Both Excitement and Fear

One Million Broken Web Sites – And a Way to Prevent that

How to Set up a Local WordPress Development Environment (3 Options)

Source

The post Popular Design News of the Week: April 11, 2022 – April 17, 2022 first appeared on Webdesigner Depot.

Source de l’article sur Webdesignerdepot

/par

Exciting New Tools For Designers, April 2022

,

Bored with the same old design tools? There are plenty of new toys to experiment with, from fun divots to functional design tools that could become your new go-to’s.

Here’s what is new for designers this month…

Kosmo

Kosmo is a new project management and invoicing system designed just for freelancers. Designers and developers will love it because the interface is sleek and modern. The tool lets you send invoices, track time, manage projects, send proposals and contracts, and manage billing. You can customize everything from your brand to colors so that your invoices reflect your business style. The platform has a free option as well, making it easy to have the tools you need to run your business. (Plus, there’s a very affordable premium plan if you want more features.)

STUDIO

STUDIO lets designers layout and publish responsive websites, including the ability to connect to backend data, all with a low learning-curve GUI and no coding knowledge prerequisites. You can publish to a free URL with free hosting on the cloud. The free version also includes forms. STUDIO also has premium plans if you like the tool for websites of all sizes and bandwidth needs.

NFT.js

NFT.JS allows you to deploy an ERC721 contract that can perform all the required functions without writing a single line of code. Interact with the contract by calling functions and sending transactions to the contract with a couple of lines of NFT.JS. Provide the input file into the metadata object, and NFT.JS uploads all the files provided in the metadata to IPFS as well as uploads the metadata.json file to IPFS and mints the NFT.

Color Morph

Color Morph is a fun little tool to help you generate mesh gradients in SVG format, or generate CSS, that you can snag and use in projects. The patterns are trendy and fun to use.

Scripts Organizer

Scripts Organizer is an advanced code editor for WordPress. This premium tool helps you make workflow scripts work for you with scheduling, advanced functionality, live previews, safe mode, SCSS partials, code injections, import and export, and more.

Texture

Texture is a fun web project that creates generative art that you can use for backgrounds or pretty much anything else. Preview the textures, pull the JavaScript or CSS or even edit and continue to play with them on CodePen.

Avvvatars

Avvvatars are a set of unique placeholder avatars that are free. The tool is easy to use, includes 40 colors, is accessible and lightweight, comes with 60 shapes, and is customizable. You can grab it on GitHub or as a Figma file.

Epic Ruler

Epic Ruler is a premium design utility tool that measures distance, dimensions, position, pick colors, test contrast, and align on-screen elements anywhere on your screen. You can also create alignments, and it comes with a great color picker that helps you pinpoint hues down to the pixel.

Jotform Apps

Jotform Apps is a new set of app tools from the company you may know for form-building tools. The free no-code app builder lets you add forms, links, widgets, and branding to one fully customized app that can be downloaded onto any smartphone, tablet, or computer. Get started with a template to jumpstart projects.

Spruce

Spruce is an open-source, lightweight CSS design system that’s built on Sass. The tool, which is in beta, is designed to help you start with a solid foundation for projects. It includes structure and code, typography, tables, and buttons.

Yaade

Yaade is an open-source, self-hosted, collaborative API development environment. It’s made for those who want self-hosting in security – if you don’t know the password, there’s no way in! You can import OpenAPI v3 files, there’s data import and export, and a dark mode default.

Agnostic UI

Agnostic UI is one stylesheet that works with multiple frameworks. The user interface components work in React, Vue 3, Svelte, and Angular. It includes semantic and accessible HTML with unprocessed CSS so you can code on the platform to get ahead of web standards.

Turbulent Buttons

Turbulent Buttons is a button-and-hover animation that goes the extra mile. This is a fun button and animation that is anything but boring.

Never Install

Never Install is a cloud platform that allows you to run any application from the browser without installing it on your device. It is an alternative to traditional desktop application usage and enables people to stream applications over the web. The developers are working on a next-generation cloud platform to bring any GUI application regardless of the operating system, device, and system requirements to the browser. The tool is free to use.

Photoinsight

Photoinsight is a tool (free and paid) to manage digital assets, including photos, videos, and 3D elements, in one place. You can search, filter, and group views based on your preferences. Plus, there are tools such as batch renaming and statistics and trends to help you manage files.

Formspector

Formspector answers that nagging question – are my forms working? Use the tool to set automated tests that will notify you if anything stops working, from newsletter signups to contact forms to support requests.

Wikifox.js

Wikifox.js is a lightweight, powerful, and restful JavaScript library that connects to the Wikipedia API. This library can be used to get content from Wikipedia.

Lightning Builder

Lightning Builder is a free browser-based drag and drop website builder. You can design a mockup in minutes so that you can show developers or writers what you are thinking when you are planning a new design or website project. Use it to ease communication for teams with new project builds.

Waaard

Waaard is a tiny tool with a lot of practical applications. Use it to create a protected link or file that only people you want to access it can open. With plenty of verification methods, you’ll know your links are safe.

Doodle Ipsum

Doodle Ipsum is the lorem ipsum of illustrations. Customize doodles, grab the code, and use them on web prototypes, landing pages, or no-code tools.

FF Din Stencil

FF Din Stencil is a fun display typeface for just the right application with a distinct style. It comes in a variety of weights and styles and is part of a greater FF Din family.

Fontanella

Fontanella is a typeface designed by Coto Mendoza, which emerged from calligraphy and manual drawing exploring the skeleton and classic proportions of Roman capital letters. It has an easy-to-read style with interesting sans serif characters.

Sarlotte

Sarlotte is a statuesque typeface with long tails, swashes, and flourishes. From the type designer: It seduces your eyes with its curves yet still manages to maintain its classy serenity, it’s perfect for branding, logos, invitations, and more.

Source

The post Exciting New Tools For Designers, April 2022 first appeared on Webdesigner Depot.

Source de l’article sur Webdesignerdepot

/par