Articles

With the holidays fast approaching, there are plenty of fun gifts for you in this roundup of new tools and resources for web designers. Make sure to share anything you find helpful with others to spread additional holiday cheer.

Here’s what is new for designers this month…

Volley

Volley, billing itself as Snapchat for work, is a new way to collaborate with remote teams. The tool addresses the two main problems of remote teams (lack of communication and loneliness) with an async video messaging app with interactive transcriptions neatly organized into workspaces. Volley emphasizes talking over typing (76% of volleys sent are video), doesn’t require you to coordinate schedules (it’s 100% asynchronous), and lives in a threaded conversation with context that’s neatly organized. Plus, the tool is free to use.

Upnext

Upnext is a new type of reading list. It’s designed to help you save, organize, and focus on fantastic content while expanding your knowledge on your favorite topics. You can create playlists with almost any type of content that you can refer to later and follow “thinkers” that you love. Search and filter content, focus on reading, integrate videos, and even highlight and note specific content in your customized library. This brand-new web app has a waitlist that you can join to get access soon.

Startup 5

Startup 5 is a new version of the popular website builder, and it’s a perfect tool to create your online presence. With Startup, it’s fast and easy to get your business online with pre-designed blocks. It includes a visual editor with 150+ blocks with pre-designed and pre-coded elements and styles you can easily customize in a drag and drop interface. It’s an easy tool for building a website quickly without a coding background. Most users can publish a website quickly and easily.

Flatmap

Flatmap generates Mapbox Vector Tiles from geographic data sources like OpenStreetMap. It is memory-efficient so that you can build a map of the world in a few hours on a single machine without any external tools or database. Vector tiles contain raw point, line, and polygon geometries that clients like MapLibre can use to render custom maps in the browser, native apps, or a server. Flatmap packages tiles into an MBTiles (SQLite) file that can be served using tools like TileServer GL or even queried directly from the browser.

Cleanup.Pictures

Cleanup.Pictures is a web-based tool to remove objects, people, text, or other defects from your images before using them in projects. It’s an AI-based alternative to other photo-editing software.

Linkz.ai

Linkz.ai helps you make smart link preview popups for your website to help encourage greater engagement and interaction for links. It works with a line of code you can install quickly and easily, and then you get smart link previews (in two style options) for every link on your site.

Llline

Llline is an SVG generator that helps you create smooth and organic lines and strokes with plenty of customization options for almost any application. This tool helps create graphic elements in just a few clicks, allowing you to add a few points to a canvas and then draw a smooth curve using these points. You can then tweak the resulting SVG graphic by rotating it, changing its color, giving it a gradient, making it a dashed line, and then you can download or copy the SVG markup.

Lorem.Space

Lorem.Space is a valuable placeholder image tool. With just a little bit of code, you can pop cool placeholder images – from movie posters to shoes – right in your website mockup so that the design is easier to visualize. It’s a great solution that’s fun and keeps you from having to put empty boxes throughout the design. And everything can be randomized, so you don’t spend time looking for placeholders.

Huetone

Huetone can help you create more accessible color palettes by making use of the Advanced Perceptual Contrast Algorithm. The contrast ratios and color combinations show on one screen to help you quickly develop palettes and combinations. Plus, the tool has hotkeys that make it easy to change hues, toggle, and adjust quickly. Then you can export everything to Figma.

Rowy

Rowy is an open-source tool to build on the Google Cloud Platform. You can manage Firestore data in a spreadsheet-style user interface, write Cloud Functions in the browser, and connect to third-party platforms.

AdCreative.ai

AdCreative.ai uses artificial intelligence to help create better ad creative. To get started, you upload logos and color files, connect social and other accounts, pick the sizes you need, write text, pick a background, and upload product images, and let the AI do the work. Once you have the creative you like, you can connect to your online ad accounts for easy use. This is a premium tool that’s free to try.

Flowrift

Flowrift is a tool to browse and then copy and customize Tailwind CSS blocks in groups of collections. Filter by block type and then experiment with the options. It even has e-commerce blocks.

Layout Patterns

Layout Patterns is a collection of layout patterns built using modern CSS APIs to help you build common interfaces such as cards, dynamic grid areas, and full-page layouts.

You.com

You.com is a new private search engine that summarizes the web. The tool is in open beta and includes superior privacy choices, actionable results, extensible apps, and personalization through preferred sources.

3D Icons

3D Icons is a fun set of three-dimensional, full-color icons that are free for all uses. (Donations are accepted.) They integrate with pretty much any web design tool you are using and come in four color styles – clay, gradient, color, and premium – so you can get just the right look for your project. Each icon also includes three rendering views – dynamic, side, and isometric.

Arco Design

Arco Design is a comprehensive React UI components library based on the Arco Design system. It includes a customizable theme and more than 60 crafted components that you can use out of the box.

Seekvectors.com

Seekvectors.com is a search tool to find free resources in five different formats, PNG, SVG, JPG, EPS, and AI.

Outline to Single Stroke

Outline to Single Stroke is a tool in the Figma community that works just like the name implies. Select a filled vector on the canvas, and then you can outline it to a single stroke and adjust the line weight if you like.

Codeamigo

Codeamigo is a new self-paced platform to help you learn coding skills. It’s packed with various lessons for different languages and templates and has something for every level from beginner to advanced.

Sizze

Sizze is a Figma to React Native export tool to create app prototypes and instantly export to code.

CodingFont

CodingFont is an excellent game that can help you pick a font to use for coding that you like! If you spend a lot of time looking at code each day, the right font can help reduce eye strain and make the work a little easier to see.

Christmas Revue

Christmas Revue is the first in a trio of holiday typefaces that you can use this season. This SCG color font is fun and perfect for the holidays with exciting glyphs. It is free for personal use only.

Hotsnow

Hotsnow is a fun display font that has interesting fills and shapes in an all-caps character set. It is free for personal use.

Marlwich

Marlwich is a feminine handwriting-style typeface that has the feel of signing a holiday letter or card. It contains upper- and lower-case characters and is only for non-commercial use for free. (A paid option is available for commercial projects.)

Source

The post Exciting New Tools For Designers, December 2021 first appeared on Webdesigner Depot.

Source de l’article sur Webdesignerdepot

For a few years now, remote software development has become quite the trend and favorite. Remote software development teams who constitute remote development are usually a team of designers, product engineers, scrum masters, developers, and product managers. All of them work individually over the project cumulatively, resulting in a product’s delivery. 

Generally, in outsourcing, the concerned remote software development company will have dedicated managers overseeing the projects. But post the outbreak of the dreaded pandemic, things are changing. Due to work from home, remote teams operate from different locations. For Business Owners, it is a tedious task to ensure the management of these teams. If you happen to be outsourcing your product development or hiring a remote team to design, develop, and deliver projects, here are a few coolest tips to help you manage them. 

Source de l’article sur DZONE

Every week users submit a lot of interesting stuff on our sister site Webdesigner News, highlighting great content from around the web that can be of interest to web designers.

The best way to keep track of all the great stories and news being posted is simply to check out the Webdesigner News site, however, in case you missed some here’s a quick and useful compilation of the most popular designer news that we curated from the past week.

34 Impressive Examples of Fullscreen Navigation Menus

 

Radix Icons – An Open Source Crisp Set of 15×15 Icons

 

Nocode – Turn Google Docs into a Website

 

How to Design a Great Dashboard for your UI

 

The Most Futura. Ever.

 

5 Mistakes to Avoid When Designing your Nonprofit Website

 

UCalc – Functional Calcs and Forms

 

AreYouInterested – A Super-Simple Landing Page Builder for Bulk Idea Validation

 

Unlearning to Learn Design

 

Just FYI: Acronyms are Hurting your UX and ROI

 

3 Concrete Steps to Learning a Programming Language

 

MathJax – Beautiful and Accessible Math in all Browsers

 

What is a WordPress Child Theme?

 

How to Create a UX Writing Portfolio

 

A Step-By-Step Guide to User Experience Research

 

5 Most Common Mistakes in FinTech Design

 

31 Ways to Improve your Web Design Skills

 

Designing the Ada Lovelace Hashflag Emoji

 

Powered by Buttons – An Acquisition Channel Nobody is Talking About

 

Top 10 Tools for Managing Remote Teams Efficiently

 

Email Design Accessibility: Why it is Important to Improve it

 

Why Web Design Client Referrals Aren’t a Slam-Dunk

 

Host Rider: A Game for Learning CSS Flexbox

 

Stanza – Learn Coding Concepts Faster

 

How to Present your Logos to the Client

 

Want more? No problem! Keep track of top design news from around the web with Webdesigner News.

Source


Source de l’article sur Webdesignerdepot

Some of the changes we are seeing with where we work are starting to pop up in the type of new tools made for designers and developers. More tools with remote collaboration as a key feature are increasing in popularity. (You’ll find a few of those here.)

Here’s what new for designers this month.

Webdesign Toolbox

Webdesign Toolbox is a collection of tools, apps, and resources all in one location for designers and developers. The best part of this resource is that it is human-curated, so every tool is quality checked and makes the list because it has been tested and researched. Search the collection by design, dev, stock, typography, UX, or workflow tools (and more) and use them to help create more efficiently. The collection is constantly growing, too.

CodeStream

CodeStream might be the new-world workflow tool for web designers and developers. It is made for remote teams to review code right inside your IDE without breaking from development flow. You can post and review changes and comments are all independent of the code itself, even though they link to it.

Litur

Litur is a color management app for iOS. Use it to find and collect color swatches, create custom palettes, and even check color combinations against accessibility standards. The app can even generate color codes for you from swatches you find from a photo or image upload or create. The app works on mobile and desktop Mac devices and is a paid app.

Editor X

Editor X, which is still in beta, is a website building tool that combines advanced design and prototyping capabilities with secure web hosting and integrated business solutions. Go from an idea straight to production in a highly intuitive design workspace. The best feature might be exact design precision tools.

Grid Cheatsheet

Grid Cheatsheet is a visual and code-based set of “cheats” based on the W3C CSS Grid Specifications. What’s nice is it makes these guidelines easier to understand and use if reading through them makes you a little uneasy.

Tutorialist

Tutorialist brings together some of the best development tutorials on the web. All of the tutorials are free videos available on YouTube, and this project collects them all in one place.

Pure CSS Halftone Portrait from JPG

Pure CSS Halftone Portrait from JPG is a beautiful pen from Ana Tudor that shows how to change the visual representation of an image. The examples are brilliant and in true halftone fashion. The code snippet works with color, or black and white images as well.

VoiceText for Slack

VoiceText for Slack is another work from home productivity tool. Integrate it with Slack and send messages with text that’s transcribed right in your channels. It’s a free integration and supports 18 languages.

Feature Peek

Feature Peek is a developer tool that helps you get frontend staging environments on demand and gather team feedback earlier in the development process. It’s made for use with GitHub and works with a variety of other tools as well.

Formbutton

Formbutton is a simple and customizable pop-up form. (And we all know websites have plenty of them right now.) It connects to other services you already use, such as Google Sheets and MailChimp, and is simple to set up.

Blocksy Theme

Blocksy is a WordPress theme that’s made for non-coders. It’s a zippy and highly visual theme made for Gutenberg. It works with other builders and allows the user to customize pretty much everything visually. (There’s even a dark mode.) The theme is packed with tools and options and is a free download.

Oh My Startup Illustrations

Oh My Startup Illustrations is a set of vector illustrations in several categories featuring a popular style on many projects. Use the characters and scenes to create a semi-custom story for your startup project.

1mb

1mb is a code editor and host where you can create a static website with a custom domain and SSL included. The editor works in-browser and everything is saved in the cloud.

Linear

Linear is an issue tracking Mac app for teams. It’s designed to help streamline software projects, sprints, and tasks, and can integrate with standard tools such as Github, Figma, and Slack.

Hosting Checker

Hosting Checker solves a common issue – a client wants you to work on their website, but has no idea who hosts it. Hosting Checker shows the user hosting provider and IP address the website uses, along with where its server computers are located and the host’s contact details. It also claims to be 82% faster than other similar tools.

Spike

Spike alerts you to website incidents before customers. Create alerts and get a phone call, text message, email, or Slack notification right away. The tool provides unlimited alerts and integrations to you can stay on top of issues before they become real problems.

Magnus UI

Magnus UI is a framework that helps you building consistent user interfaces in React. It comes with plenty of components ready to use and you can customize the theme.

SpreadSimple

SpreadSimple uses data in Google Sheets to create styled websites with features such as filtering, search, sorting, cart, order collection via forms, and much more. Update the sheet and instantly see changes on the website.

WebP vs. JPEG

Google is starting to suggest using it’s WebP image format to decrease load times, because of the lighter file size. But is WebP better than the traditional JPEG? Developer Johannes Siipola tested the file types at different sizes to answer the question. The answer is a bit complicated, but sometimes it might be better; read the full analysis for more.

Oh Dear

Oh Dear is a website monitoring tool that can help you keep a check on websites. Monitor uptime, SSL certificates, broken links, and more with notifications that come right to you if there’s an issue.

Airconnect

Airconnect is a Zoom video conferencing alternative that you can use for your brand with a custom header, colors, and portal for clients. The tool includes video calling as well as the ability for customers to access their data and automate your onboarding process.

Free Faces

Free Faces is a curated collection of free typefaces that you can browse and use in projects. Search by type style with visual results that include a download link.

All the Roll

All the Roll is a fun novelty font for just the right type of project. It includes 167 characters with swash characters that can be added before or after certain letters.

Backrush

Backrush is a handwriting-style typeface with easy strokes and a pen-like feel. It includes thicker letterforms with nice swashes and a full character set.

Thuner

Thuner is a slab display font with interesting quirks. It’s made for larger than life designs. It includes a full uppercase character set and numerals.

Source


Source de l’article sur Webdesignerdepot

It all started when software development teams were physically present in the same office and interacting with each other face-to-face. At that time, this was thought to be the best way to get work done. Not many employees worked remotely. But, that era is long gone. By comparison, most of the organizations today have distributed teams. They ease the burden on project infrastructure and improve the employee’s comfort level.

A good infrastructure cannot have the dependency on only one system or person. Infrastructure needs to be distributed to avoid SPOF (Single Point of Failure). Similarly, it makes more sense to have distributed teams. This helps in a DR (Disaster Recovery) situation and also in hiring talented people without the time or location constraints.

Source de l’article sur DZone (Agile)