Kosmo

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.

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

11 avril 2022/par Service comm.

Popular Design News of the Week: April 4, 2022 – April 10, 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!”

10 Modern UX Design Techniques You Should Know About

Killed by Apple, Google and Microsoft

Homepage Examples: 8 Inspiring Ideas for your Next Web Design Project

Refactoring HTML and CSS

Killed by Microsoft

20 Best New Sites, April 2022

A Complete SEO Checklist for Website Owners

Comic Helvetic, an Unholy Combo of Comic Sans and Helvetica

5 Social Media Trends to Definitely Pay Attention to in 2022

How to Simplify Your Web Design Business

The 3 Major Programming Paradigms You Should Know

10 Excellent Design Blogs to Follow for Endless Inspiration

10 avril 2022/par Service comm.

15 Best CSS Frameworks: Professional Bootstrap and Foundation Alternatives

Whether you are a CSS expert or a front-end beginner, using the right CSS framework is crucial for your daily tasks. There are numerous frameworks whose ultimate goal is the same: helping developers target multiple screens, in the simplest possible way.

This is why Bootstrap is by far the most popular framework on the market. All developers have heard of Bootstrap, and more than 80% of them say they are happy using it.

But that doesn’t mean that there aren’t some great alternatives if you’re willing to shop around. Bootstrap won’t be top dog forever, and there are numerous new lightweight and powerful CSS frameworks.

If you are bored of coding with Bootstrap and Foundation and tired of using complex CSS rules, this list is for you.

From frameworks that take a pure CSS approach to minimalist frameworks with fully customizable themes, nothing is left out. Let’s get started…

1. Bulma

Bulma is one of the most popular alternatives to Bootstrap and Foundation. It is an entirely free, open-source CSS framework that does not have a steep learning curve. No prior CSS knowledge is required to use Bulma.

When you add the variety of colors, responsiveness, and clean flexbox-based grid it offers, it’s no wonder Bulma is becoming more popular every day. Bulma is a well-documented framework that you should definitely try out.

2. UIkit

If you’re looking for a lightweight yet powerful CSS framework that can be wired with HTML and JS, Ulkit is for you. It fully supports right to left languages and has one of the best icon libraries out there.

Keep in mind that Ulkit is also easy to use. All in all, Ulkit is an excellent Bootstrap alternative that is perfect for designing web layouts for desktop and mobile screens.

3. HTML5 Boilerplate

Even though Bootstrap is relatively easy to learn, it is much more than just a front-end template. So what if you need a fully compatible JavaScript, CSS3, and HTML5 template? In this case, HTML5 Boilerplate is a good choice.

Of course, since it’s a template, this framework does not include layouts and component modules. However, if you need a reliable CSS template that offers extensive documentation, HTML5 Boilerplate is a great solution.

4. Metro UI

Metro UI is one of the most flexible CSS frameworks on the market. This front-end framework can be easily combined with JavaScript-based frameworks like Angular, React, etc.

We found Metro UI to be an excellent open-source CSS framework and a great alternative to Foundation during our testing.

5. Skeleton

As a two-in-one solution, Skeleton quickly made it on our list. This is both a boilerplate and a comprehensive CSS framework. We enjoyed customizing its 12-column grid during our testing, and we found out that it has virtually no learning curve.

The automatic width resizing works like a charm, and the syntax is fully responsive. This is why we consider Skeleton to be an excellent Bootstrap alternative.

6. Bootflat

If you are looking for a quick way to create a web app, Bootflat is the framework you need. Bootflat’s components are built with CSS3 and HTML5, and the framework offers a comprehensive panel of color schemes for you to choose from.

Bootflat looks and acts like a simplified version of Bootstrap. However, that doesn’t mean that this CSS framework isn’t scalable and robust. On the contrary, you can fully manipulate the size and performance of the web designs you create.

7. Semantic UI

If you exclude the fact that Semantic UI doesn’t have the utility classes Bootstrap offers, it is a comprehensive CSS framework that you should try. The best Semantic feature allows you to write HTML code without using BEM methodologies.

So, if you need a framework that will help you write readable codes in minutes, Semantic is the one for you.

8. Susy

We know that most developers nowadays use flexbox and native CSS grids. Still, there’s nothing better than Susy if you need a grid system that supports legacy browsers. Although Susy is no longer maintained, it is one of the most flexible old-school grid systems.

9. Materialize

Like most CSS frameworks on this list, Materialize is built with HTML, CSS, and JavaScript.

It’s specifically designed to help you develop faster using a standard template and customizable components. As the name suggests, Materialize is based on the basic principles of Material Design.

10. Kickstart

If you need a lightweight alternative to Bootstrap, Kickstart is the CSS library for you. A great thing about Kickstart is that it doesn’t require jQuery which makes it very small.

Of course, like a pruned version of Bootstrap, this CSS framework isn’t as robust. Still, this is an excellent choice for those who need a UI framework and a comprehensive boilerplate library.

11. Tailwind CSS

With a fast styling process and the ultimate freedom it provides, Tailwind is extremely popular among some developers. This is a utility-first, front-end framework that is fully responsive and stable.

Unfortunately, Tailwind CSS requires some time to learn, and it is not the most flexible choice when it comes to revising CSS rules.

12. Pure CSS

Yahoo specially developed Pure CSS to help developers create fully responsive web pages.

We consider Pure a minimalist alternative to Bootstrap that offers every module a beginner needs (navigation menu, grid, tables, etc.).

13. PowertoCSS

PowertoCSS is on this list for a good reason. This is an ultimately responsive CSS framework that you can use to create grids and scale web apps on any platform.

PowertoCSS is based on Modular Architecture and Scalable when it comes to design.

Unlike other CSS frameworks, PowertoCSS is very lightweight, beginner-friendly, and comes with detailed documentation.

The coding process is simple, and we found the learning curve to be shallow.

14. Spectre

Spectre is one of the most flexible and lightweight CSS frameworks we tested for this article.

It has a modern (flexbox) layout system; it is fully customizable and allows you to get quick, attractive results.

15. Primer

Our last suggestion is Primer, a great open-source CSS framework.

To be precise, Primer is more of a design system that lets you use a BEM CSS framework and create your projects quickly and efficiently.

So, even though Primer is not a CSS framework in the strict sense, it will help you use React and Figma components, icons, and advanced documentation to unify all of that.

Wrap Up

Choosing the right CSS framework is not easy. It all depends on your personal needs and preferences as a front-end developer.

Although Bootstrap and Foundation are still the most popular frameworks, many of the alternatives presented above will continue to gain popularity for good reasons.

The post 15 Best CSS Frameworks: Professional Bootstrap and Foundation Alternatives first appeared on Webdesigner Depot.

8 avril 2022/par Service comm.

Popular Design News of the Week: March 21, 2022 – March 27, 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!”

3 Essential Design Trends, March 2022

40 Impressive Design Agency Websites

7 Web Design Trends for 2022

Hermes Rebrands with 194,481 Logos

We Need More Calm Design

Write HTML, the HTML Way (Not the XHTML Way)

Those HTML Attributes You Never Use

How to Use CSS Math Functions

5 Tips to Help You Improve WordPress Security

Sol – Open Source MacOS Command Palette

Kodezi – Grammarly for Programmers

27 mars 2022/par Service comm.

15 Instantly Helpful Tools and Resources for Designers and Agencies (Updated for 2022 )

Experienced web designers are always on the lookout for tools or resources that will (1) introduce them to the latest design trends, (2) enable them to incorporate features and functionalities that will make their products more competitive, (3) allow them to improve their workflows or all the above.

Apply one or more of these new design tools and resources. Then you could realize anything from incremental to game-changing improvements. The better the tool or resource, the more you are apt to realize your investment.

The 15 tools and website design resources selected for this article are the best in their respective categories. The degree of improvement you can realize when using one or more of them may depend on your own business needs. Or on the actual needs and wants of your clients as opposed to what you are currently able to deliver.

Browse the list, and you should be able to put your finger on one or more of these products or services. They could lead to improvement in one or more areas of your work. Look closer, and you might come across a genuine game-changer.

Happy shopping!

1. Be – The Biggest WordPress and Portfolio WordPress Theme

If your website design activities are proving to be exercises in tediousness, or you’re tired of working around a design tool’s limitations, you need BeTheme.

BeTheme can be a game-changer in that it gives you the flexibility to design what you want. Be makes building a complex high-performance website quick, smooth, and easy.

BeTheme’s 650+ customizable pre-built websites are designed to get your website-building project off to a rapid start. They are responsive, UX-ready, importable with a single click, and incorporate the latest design trends.
You’ll love working with the recently launched BeBuilder, the fastest and most flexible page builder for WordPress with which you can import from Be’s pre-built website’s 1000+ pages.
There’s an absolute gem of a BeBuilder Woo you can work with to create your shop or single product layouts.
BeTheme features a wealth of design aids, options, and settings to work with.

BeTheme is Elementor ready and is regularly updated. Click on the banner to find out more about Be’s 40+ powerful core features.

2. Total WordPress Theme

Put Total to work, and 2022 could be a very good year for your website design undertakings.

Total has it all insofar as design aids and options, website-building tools, and design flexibility are concerned regardless of the type or style of website you plan to build:

Pick any of Total’s 45+ customizable quick import theme demos, and you are off to a quick start.
90+ section templates, 75+ pre-styled post entry cards, and more than 500 live customer settings give you more design flexibility than you are ever likely to need.
The page builder of choice is an extended version of WPBakery. With it at your fingertips, you can easily drag and drop your way to building precisely the website you have in mind.

Click on the banner to discover everything Total can do for you.

3. LayerSlider

What could LayerSlider do for you to help make 2022 a banner year? Look over any of your past website designs to see if any of them could profit from adding a little spice or pizzazz because that’s what LayerSlider does best.

LayerSlider is an animation and website-building tool that can be used on any website to transform its look & feel with modern graphics, eye-catching animations, and interactive features. LayerSlider is one of the most established and popular products with millions of active monthly users.

LayerSlider has 150+ website, slider, and popup templates. Templates are a great way to learn as well as an ideal starting point for new projects.
LayerSlider comes with a very easy-to-use and modern editor interface similar to professional desktop applications. Anyone can use it without prior experience.
LayerSlider is not just for sliders. It can also create image galleries, popups, landing pages, animated page blocks, or even full websites.

Click on the banner to see what LayerSlider could do for you.

4. wpDataTables

Most table or chart building table plugins on the market either limit the amount of data that can easily be processed or the types of tables or charts that can be produced. wpDataTables has neither of these limitations.

With the wpDataTables premium WordPress plugin, you can –

create responsive, interactive, and frontend editable tables and charts
process huge amounts of data from various sources and in various formats
highlight or color code key data.

5. Uncode – Creative & WooCommerce WordPress Theme

Uncode is a top-selling pixel-perfect creative and WooCommerce theme. More than 80,000 sales have been made to date to freelancers, bloggers, agencies, and small businesses.

Uncode’s key features include –

a suped-up Frontend Page Builder.
an advanced WooCommerce builder with supporting capabilities that include a Single Product builder and a host of customer-centric design elements and options.
a Wireframes Plugin and 550+ section templates.
a gallery of inspirational user-created websites.

6. Trafft

With Trafft, you can schedule meetings, events, on-site and virtual appointments, manage staff schedules, send reminders, and accept payments — all from a single platform.

Special features include custom domains, coupons, and custom fields.
Trafft also manages group bookings and can serve multiple locations.

This game-changer integrates seamlessly with Google Calendar, Google Meet, Outlook Calendar, Apple Calendar, Zoom, and Mailchimp.

7. WHATFONTIS

WHATFONTIS is a hidden gem in the world of font identifiers that allows you to find a font from your uploaded image in a matter of seconds.

Powerful AI algorithms and a database of 850K+ fonts provide the basis for this app’s impressive search capabilities.
Positive identification is achieved 90% of the time. Premium support is on hand should AI yield an awkward result.
Cursive fonts can be identified once the letters are separated.

8. Mobirise Website Builder Software

Mobirise is fast, easy to use, and the best offline website builder on the market.

Mobirise does not tie you to a specific platform; you can edit your site locally and host it wherever you want.
Full access to HTML allows you to code.
4,000+ website blocks and 300+ elegant home page templates are guaranteed to make your website-building adventures short and sweet.

The Mobirise website builder is free for both personal and commercial use.

9. GetIllustrations’ Stock Illustrations Bundle

Downloads from this library of premium illustrations can change the way you go about designing your websites, apps, and presentations.

GetIllustrations, with its 10,000+ illustrations library, is the biggest of its kind.
Featured formats include Vector AI, PNG, Sketch, SVG, Figma, and Adobe XD.

Illustrations you download come with a commercial license and are yours to keep without limitations.

10. Slider Revolution

If you have trouble bridging the gap between what your clients want and what you can provide, Slider Revolution could be exactly what you need to fix the problem.

Slider Revolution is THE cutting-edge WordPress plugin for addressing today’s over-the-top web designs. It features –

200+ awesome website and slider templates.
eye-catching WebGL slide animations.
25+ powerful addons.
the ability to import dynamic content from social media outlets.

11. Amelia

Amelia offers an automated, highly customizable solution to any business that relies on a manual or semi-automated operation for booking client appointments.

Amelia is an excellent choice for beauty, healthcare and fitness, and educational and training enterprises.
Clients can make or change appointments online 24/7.
Amelia can manage individual and group bookings, events, and employee schedules at multiple locations.
Amelia integrates seamlessly with Google Calendar, WooCommerce, and Zoom.

12. 8bio – Link in Bio Tool

Many social media platforms allow you to include a link that allows followers to visit your website or an important landing page. With 8bio, you can create a link that a visitor can’t resist clicking on.

Your link can –

Present a brief biographical profile of your business or yourself.
Feature an image or catchy animated background.
Showcase your product or service at no cost.
Use your existing domain or a “yourname” .8b.io domain.

13. Essential Grid

The premium Essential Grid WordPress gallery plugin developers assembled a collection of aesthetic, easy-to-customize plug-and-play templates that make creating a breathtaking portfolio gallery a fun and easy task.

Your galleries will load lightning fast.
They will display perfectly on all devices.
You can choose from a variety of layouts and mix and match adjustable grids to get precisely what you want.

14. Pixpa – Portfolio Websites for Designers

Pixpa provides an all-in-one platform from which creatives can manage their online portfolios, blogs, galleries, and eCommerce sites.

Choose among Pixpa’s beautiful and mobile-friendly customizable templates and customize them to achieve exactly what you want.
Put Pixpa’s drag and drop website builder into play to tie everything together, exactly as you want.
Add content, connect with your custom domain, and into your social profiles, and you are good to go.

15. XStore – Best WordPress WooCommerce Theme for eCommerce

XStore is a feature-packed Envato WooCommerce theme that is incredibly simple to work with has acquired more than 30,000 enthusiastic customers.

XStore’s 110+ customizable shops make creating your own shop as easy as can be.
XStore integrates seamlessly with the premium Elementor and WPBakery page builders.
$510 worth of carefully handpicked “must-have” premium plugins are included.

There are plenty of tools and resources for designers on the market. You could use them to create websites that are a little better than the ones you have already built or are using.

What you should really be looking for is a special design tool or resource. When using it for a small investment could markedly improve both your productivity and your design efforts to make 2022 by far your best year ever.

That’s the reasoning for publishing this selection of top 15 design tools and resources. Selecting one or more could make your day.

[- This is a sponsored post on behalf of Be -]

The post 15 Instantly Helpful Tools and Resources for Designers and Agencies (Updated for 2022 ) first appeared on Webdesigner Depot.

15 mars 2022/par Service comm.

Exciting New Tools For Designers, March 2022

We’re going to have some fun this month. There are so many new tools and resources out there for designers that make life easier, and others are simply enjoyable.

Here’s what is new for designers this month …

Polka Dot Generator

Polka Dot Generator is exactly what you think. Adjust colors, dot size, shadow, and fuzziness, and then export the CSS for use in your projects. This could make for fun effects or backgrounds.

Design Memes

Design Memes is just a lot of fun. It’s a collection of memes based on design culture updated daily. It’s a little silly and a little reflective. Yes, it’s completely ok to laugh at yourself.

Pppointed

Pppointed is an SVG arrow-making tool that helps you create cool pointers without a lot of effort. Just pick a color, shape, and style, and you are ready to go. Save your custom arrows as SVG files or copy the code and use them on the web whenever you want to point at things visually.

Open Source Color System

Open Source Color System is a set of palettes that include carefully picked colors to help you overcome interface challenges. For example, it is one of the only color tools out there that includes palettes for light and dark modes. It’s also designed with accessibility in mind to help you create a complete and usable system.

Cowsay

Cowsay is a nifty little web interface of the same name made with Svelte and HTML Canvas. Play with it and then copy your art as ASCII or an image.

Minze

Minze is a simple JavaScript framework for native web components. It’s tiny and fast, modern, shareable, framework agnostic, and uses TypeScript to scale your component library. Plus, you can get started with it right away.

Tally

Tally is a simple – and free – online form builder. You can use it without coding, and it works like a document file, so there’s no learning curve. You can create unlimited forms, integrate with other tools, set logic, collect payments, and more. There’s a pro version as well if you need even more features.

Hue.Tools

Hue.Tools is another color tool to help you maximize effort when creating palettes. Generate a color you like, see specs and values in all the different color spaces, inspiration from design sites, and colors that work with it. It’s fun and functional.

Sturdy

Sturdy is a low overhead code collaboration platform for fast-moving teams. With Sturdy, you work in the open with your team. Discover and interact with draft code as it is written. Those team drafts are like live pull requests (Figma or Google Docs) but using your local editor.

Mage

Mage is a tool that transforms your data into predictions. Build, train, and deploy predictive models in minutes with no AI experience required. This is a premium tool, but you can try it for free.

Huemint

Huemint is a machine-learning-based color scheme generator for websites, graphics, and branding. There are many options to play with, and you can generate some pretty interesting combinations that ordinarily you might not think of.

CSSUI

CSSUI is another tool you’ll love because it includes pure CSS interactive components without any JavaScript. It’s easy to customize, uses standard HTML, is easy for all levels to use, is tiny and fast, and supports pretty much all modern browsers. It’s an open-source tool that you can download and use immediately.

UI Icons Line – Free

UI Icons Line – Free is a set of 1,000 free vectors for use in your projects. Who doesn’t need a robust set of icons?

Skill Icons

Skill Icons is a set of icons to help you showcase your design and development skills on your resume or GitHub. They all look great and match.

Ambient Design

Ambient Design is a mobile app design market where you can get mobile UI kits for Figma. Purchase kits separately, or buy quarterly or yearly plans to access all current and future UI kits.

TextFrame

TextFrame lets you create animated tutorials for your users to get the help they need. It integrates directly with WordPress or any other website with just a couple of lines of code and includes plenty of customizable options to make it easy for you to help others understand how to use the website. The tool is free for one site and just a few bucks per month for additional sites.

Booqsi

Booqsi is a fun new social media network for book lovers. The platform is still in beta and lets you save and share books, create shelves for reading, and doesn’t force a connection to Amazon. It’s just all about the books. And there’s a bonus: every link from the site goes back to bookshop.org to help you find and support local bookstores.

Stylo

Stylo is an open-source WYSIWYG interactive editor for JavaScript. It is made to bring great user experience and interactivity to the web, for everyone, with no dependencies. It has an interactive design, is customizable, and is future-proof.

Tutorial: How to Favicon in 2022

How to Favicon in 2022 is an excellent lesson on the five icon files every website needs (plus one JSON file). If you are creating more than that, this is a must-read.

Tutorial: Creating Generative SVG Grids

Creating Generative SVG Grids is an in-depth, step-by-step tutorial for anyone who wants to create a more artistic SVG. It uses a handful of tools, including SVG.js, Generative Utils, TinyColor, and GSAP.

Fromage

Fromage is a new and beautiful premium typeface family from Adam Ladd. It includes 14 styles with an interesting serif and alternative sans option. The high-contrast design is great for a variety of projects.

HD Colton

HD Colton is a premium super sans serif typeface with a whopping 91 styles and family package options. It would make a bold statement as a display option.

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

14 mars 2022/par Service comm.

Quiz: The Surprisingly Difficult JavaScript Quiz

Alongside HTML and CSS, JavaScript makes up the holy trinity of front-end technologies.

JavaScript is cross-platform and object-orientated. You can use it for everything from simple animation to complex server-side operations. JavaScript fell out of fashion after its initial release; however, it has grown to dominate web coding in the last decade.

But how much do you actually know about JavaScript? Let’s find out…

The post Quiz: The Surprisingly Difficult JavaScript Quiz first appeared on Webdesigner Depot.