Articles

Ubuntu Server has taken data centers around the world by storm. Whether you’re deploying Ubuntu for a large-scale project or for a small office, it is a stable, customizable, and powerful Linux distribution with innovative and cutting-edge features.

Ubuntu is a fantastic platform on which to build your servers — Jay LaCroix

Source de l’article sur DZONE

As a web designer, you face plenty of challenges, both good and bad. One of the bad ones is to suddenly find out that you’re either in danger of missing a client’s deadline or will be unable to meet it at all.

A missed deadline could be due to something beyond your control and no fault of your own. There are measures you can take to avoid what you do have control over. Such as not having the right design tool or design resources to do a task that has to be done.

An ounce of prevention can definitely be worth a pound of cure in this case. Before starting a project, make sure the tool or tools you will be using will be up to the task.

The 15 design tools presented here are the tops in their respective categories. You should be better able to handle whatever is thrown at you.

1. Be Theme

Its more than 200,000 sales to date have certainly established the BeTheme multipurpose WordPress theme as an all-time favorite among web designers.

In truth, “multipurpose” doesn’t do BeTheme justice. Users might argue that “all-purpose” would be a more accurate description.

Be’s 40+ core features give web designers plenty to work with in terms of page-building tools, design aids, design options, and special effects.

Most notably:

  • The Muffin Builder, which when used with other core features, makes building a website quick, easy, and coding-free;
  • The Admin Panel/Shortcode Generator combo gives all the flexibility designers need;
  • BeTheme’s 600+ customizable pre-built websites could well be the star of the show. They cover 30 business sectors and all the popular website types, they are customizable, responsive, and feature cool UX features, and they can get any project off to a rapid start.

Click on the banner to learn more about Be’s other core features.

2. Timezy Booking Software

Timezy will help you create a booking environment that works best for your business by allowing clients and customers to book your services as easily as possible. You can then integrate Timezy into your website to streamline and speed up your booking operation.

  • Clients and customers can book appointments online 24/7;
  • They can receive real-time email notifications and reminders;
  • Timezy can be integrated with Zoom;
  • You can reorder steps on the booking form to fit your needs;
  • Timezy can be used to manage employee assignments and schedules, vacations, and special days.

If you lack a website of your own, Timezy will provide you with a modern web page you can customize to fit your brand for clients to book appointments at any time.

3. wpDataTables

wpDataTables is the top-selling and most powerful WordPress table and chart-building plugin on the market. There are other good ones, but their table and chart-building capabilities quickly become inadequate as you go down the list of what wpDataTables can do that most others cannot.

wpDataTables key features and capabilities:

  • The ability to create interactive and responsive tables and charts;
  • The ability to create frontend editable and easily maintainable tables and charts;
  • The ability to rapidly process massive amounts of data that come in various formats and from various sources;
  • The ability to build tables and charts using real-time data.

You can also brighten up or improve a table or chart’s readability by highlighting or color-coding key information.

Click on the banner to find out more about what this plugin can do for you.

4. LayerSlider

LayerSlider is not for sliders only. This multipurpose WordPress tool can also be used to create eye-catching animations and engaging content.

  • Add a little spice to a stale website;
  • Create popups with stunning effects to interact better with visitors;
  • Avoid coding, since LayerSlider is drag and drop.

This popular design tool has been assisting web designers for nearly a decade and serves millions of active monthly users.

5. Amelia Booking Plugin

Amelia is a user-friendly WordPress booking plugin you can use to manage your appointments and events on a single platform.

  • Clients can instantly book, change, or cancel appointments online 24/7;
  • Employees and customers can manage meetings, appointments, and events from their own dashboards;
  • Amelia can be integrated with Zoom to conduct training or consultation sessions;
  • Amelia can also create packages of services with discounts and validity periods.

Amelia can service multiple business locations.

6. Uncode – Creative Multiuse & WooCommerce WordPress Theme

With its more than 80.000 sales to date, Uncode has become one of ThemeForest’s all-time best sellers.

  • You can create custom layouts and designs with Uncode’s Dynamic Content feature and use them as templates for category pages;
  • Uncode features the WooCommerce Product Builder, custom Checkout, Cart, My Account, Quick-View, etc.

Uncode has a comprehensive library of tutorial videos and a showcase of user-created websites that is well worth visiting.

7. Total WordPress Theme

Created with perfection in mind, Total is nonetheless an extremely user-friendly WordPress theme.

  • This drag and drop website building tool’s extreme flexibility allows users to create any type or style of website;
  • The WPBakery page builder is accompanied by an assortment of custom modules;
  • Total is RTL and Translation-ready and easily integrates with WooCommerce;
  • Total is developer-friendly.

Click on the banner to learn more.

8. Dr. Link Check

Dr. Link Check saves you the inconvenience of having to periodically conduct a manual search of your site for broken links.

Dr. Link Check inspects for:

  • Broken links and improper URL formatting;
  • Blacklisted malicious content links;
  • Websites that do not contain any valuable content, including ad-only sites.

Dr. Link Check publishes downloadable daily, weekly, or monthly reports.

9. Mobirise Website Builder

Mobirise is not only a top tool for creating fast, responsive, user-friendly websites. It also has the advantages of being offline. Mobirise is also free.

Factors that contribute to Mobirise’s excellent performance include:

  • Google Amp and Bootstrap 4 frameworks;
  • Professionally-crafted website templates, popups, sliders, and eCommerce features;
  • Mobirise is all drag and drop.

Click on the banner to download your very own copy.

10. 8b Website Builder

When a website builder is fast, free, responsive, user friendly, and Google-friendly as well, it is certainly worthy of consideration.

The 8b website builder:

  • Allows you to create websites at home or on the go on any device;
  • Features templates and website sections designed to get projects off to a rapid start;
  • It gives your site a Google ranking with a couple of clicks;
  • It can be hosted wherever you want.

Download your copy now.

11. WHATFONTIS

WhatFontIs, with its database of more than 700K commercial and free fonts and font-finding AI functionality enables you to identify fonts from images you upload.

This top-of-the-line font-finding tool:

  • Identifies an uploaded font 90% of the time;
  • Gives answers in seconds;
  • Identifies cursive fonts (the letters in the image must be separated);
  • Displays 60+ similar fonts for each uploaded image.

12. Litho – The Multipurpose HTML5 Template

Litho is a responsive multipurpose Bootstrap 4 HTML5 template that gives startups, design agencies, and other businesses an ideal website-building starting point.

Litho’s features include:

  • Cool selections of ready-made home pages, inner pages, and template blocks;
  • Page styles for portfolio, shop, and blogging sites;
  • Sliders, banners, forms, and other creative design elements.

Litho offers 5-star professional support.

13. XStore – The Most Customizable WooCommerce Theme Ever

XStore may be the best tool anyone could have at their fingertips when looking for a fast and easy way to create a high-performance eCommerce website –  for only $39.

XStore’s key features include:

  • 100+ customizable ready-to-go shops;
  • $500+ worth of premium WordPress plugins;
  • A Single Product builder and a Header builder.

14. Goodiewebsite

GOODIE’s web development platform assists clients who are eager to get a professionally-coded website quickly up and running.

GOODIE’s services focus on:

  • Web designers seeking a development partner;
  • Startups looking for ways to test their ideas and concepts;
  • Small businesses seeking an online presence or improvement of an existing one.

GOODIE’s specialties include 1-10 page, WordPress, and eCommerce websites.

15. Heroic Inbox

There are several excellent reasons for letting Heroic Inbox manage your business’s departmental email inboxes.

They include:

  • Encouraging efficient staff collaboration on email assignments and responses;
  • Helping staff members accomplish and maintain Inbox Zero status;
  • Tracking key team performance metrics.

Two key Heroic Inbox features are its smart workflows and a fast and friendly UI.

Every web designer owns a toolbox of tips and tricks they use in their website building projects. Even when a toolbox is superbly stocked, it is always challenging to keep it up to date. Doing so requires maintaining a knowledge of the latest and greatest web design resources and tools—some of which you may need to meet ever-changing industry demands.

This article features the top tools & resources for designers and agencies for 2021. Choosing one or more of them could not only help you stay on top of your game but could even make your day.

Source

The post 15 Useful Tools & Resources Worth Checking Out first appeared on Webdesigner Depot.


Source de l’article sur Webdesignerdepot

L’équipementier japonais JTEKT cherchait un outil de planification flexible et rapide pour améliorer son processus S&OP. La solution SAP IBP et l’intégrateur TeamWork ont été choisis pour ce projet d’envergure.

JTEKT est un équipementier proposant des systèmes de direction automobile, mais aussi des roulements et des machines-outils. L’industriel japonais regroupe 137 filiales de par le monde. La branche Europe division automobile compte plus de 4600 collaborateurs, ainsi que 7 usines réparties dans 6 pays, pour un chiffre d’affaires annuel de 1,7 milliard d’euros.

L’Europe est stratégique, car c’est elle qui concentre le plus de constructeurs automobiles premium. Notez d’ailleurs que PSA et Renault font partie des clients de l’équipementier. Le siège européen de JTEKT est situé en France, à Irigny, près de Lyon.

La volonté de gagner en flexibilité et réactivité

Les équipementiers automobiles travaillent dans un secteur procurant une grande visibilité, la mise au point de nouveaux véhicules se faisant très en amont et les projections sur le volume d’activité étant particulièrement précises. Fort de cette visibilité, JTEKT a pris l’habitude d’investir sur le moyen et long termes. « Nous avons vraiment une culture du business plan dans le groupe, confirme Blandine Simon, Purchasing Performance Project Leader chez JTEKT. À ce titre, nous avions déjà une vision S&OP, mais à visée plus stratégique qu’opérationnelle. »

Pour la planification, JTEKT s’appuie – comme de nombreuses entreprises – sur Microsoft Excel. Une solution perfectible : non intégration dans l’ERP ; planification longue et fastidieuse ; manque de flexibilité et de réactivité.

L’équipementier s’est tourné vers SAP IBP, car l’interaction qu’il propose avec Microsoft Excel en fait un outil familier pour les utilisateurs. « Excel n’est toutefois que la partie émergé de la solution, les données étant concentrées dans une base de données SAP HANA en mode cloud », précise Daniel Lellouche, Directeur et Consultant Architecte SAP SCM, Dowap by TeamWork. SAP IBP propose d’autres atouts, comme la capacité à intégrer des données venant de sources hétérogènes et le partage du processus S&OP avec l’ensemble de la supply chain.

Une phase de POC essentielle

Partenaire de longue date de JTEKT, TeamWork a été tout naturellement choisi pour ce projet, avec des objectifs répartis selon quatre thématiques : Demand Plan (business plan S&OP, projections de chiffre d’affaires et estimations du gap par rapport au budget) ; Supply Plan (plans d’achats, plans de production des usines et inter-usines) ; Scenario (impacts des fluctuations de marché, capacité à répondre rapidement à des demandes client) ; Capacity (suivi des taux de charge des usines et machines, prise en compte des alertes fournisseurs).

Le projet a débuté par la mise au point d’un démonstrateur, sur une durée d’environ deux mois. Un POC s’appuyant sur les données de l’entreprise et proposant des scénarios réalistes. Par exemple la simulation d’un problème capacitaire chez un client.

« Le POC est très important, explique Blandine Simon. Il faut prendre le temps de le construire avec le prestataire, afin de comprendre l’outil, sa philosophie et les enjeux par rapport à votre business. Le passage à SAP IBP représente un changement notable dans la façon d’aborder la supply chain, poursuit Daniel Lellouche. Le POC permet d’illustrer ces changements et de visualiser les processus. C’est clairement un bon exercice. » Le POC est également décisif pour engager les métiers dans le projet… et convaincre la direction de la justesse de l’investissement.

Plusieurs vagues de déploiement programmées

Huit mois se sont écoulés entre le démarrage effectif du projet et la finalisation de la première étape, la planification budgétaire sur cinq ans. Les gains en réactivité sont impressionnants : « ce processus demande aujourd’hui quelques minutes de calcul, alors qu’il fallait compter en heures auparavant, témoigne Blandine Simon. Et nous ne nous arrachons plus les cheveux lorsqu’un client arrive avec une notification de dernière minute, car nous pouvons la prendre en compte rapidement. »

La seconde vague du projet, toujours en cours, consiste à intégrer le processus S&OP dans SAP IBP. « L’objectif est de prendre en compte les fluctuations de volume mensuellement et de les cascader dans la supply chain plus régulièrement qu’auparavant ». Il sera ainsi possible de déterminer chaque mois les écarts entre l’activité réelle et le budget.

D’autres étapes sont programmées : le suivi des projets potentiels ou en cours de réalisation, pour repousser encore la vision à long terme ; la gestion de la problématique capacitaire ; l’adoption de SAP IBP par d’autres divisions du groupe.

Aller plus vite et mieux anticiper

L’adoption de SAP IBP permet de gagner en temps sur la planification et en réactivité, pour la planification budgétaire annuelle, le suivi mensuel des activités, mais aussi lors de demandes ponctuelles. Par exemple lorsqu’un client sollicite les équipes pour des enquêtes capacitaires.

Ceci permet en bout de chaîne d’améliorer la satisfaction client. « La performance de SAP IBP est mise à la disposition des métiers, mais le premier acteur qui en profite c’est le client, qui obtient plus rapidement des réponses à ses questions », confirme Daniel Lellouche.

Le second bénéfice est l’anticipation, qui permet d’éviter certaines pertes financières. Que ce soit lors des hausses d’activité (difficultés d’approvisionnement) ou des baisses d’activité (augmentation des stocks morts).

Blandine Simon conclut sur le déroulé du projet : « nous avons particulièrement apprécié l’expérience de TeamWork dans la supply chain, le bon relationnel avec leurs consultants, toujours à l’écoute et en recherche de solutions. » Et concernant SAP IPB ? « Nous le trouvons rapide, flexible et intuitif. »


Pictogramme d'une chaîne, qui représente la supply chain

En savoir plus sur la planification de la Supply Chain


 

The post JTEKT accélère sa planification avec SAP IBP et TeamWork appeared first on SAP France News.

Source de l’article sur sap.com

A domain name is an essential element of every project, product, and company. It’s central to a brand and has a disproportionately large impact on user experience. Not only that, but it also impacts SEO and ultimately revenue.

Domain names are also one of the most commonly retailed elements in web technology, with most designers hoarding a small empire’s worth of domain names “just in case” the right side-project comes along.

Because so much of the information and advice on domain names is provided by companies selling domain names and is therefore not impartial, we wanted to bust some of the myths you’ll encounter.

Myth 1: Anyone Can Own a Domain Name

In fact, almost no one can own a domain name. As demonstrated by the (probably) annual renewal notices you receive, you are merely renting a domain name.

You pay a registrar, who registers the domain with ICANN (The Internet Corporation for Assigned Names and Numbers) — or an entity to whom ICANN has delegated the responsibility for a particular TLD.

Even when renting a domain, you do not have the right to use it; thousands of UK-based businesses have had .eu domains stripped from them as a result of being removed from the EU.

Myth 2: There’s a Perfect Domain For Every Project

Domains do not have inherent value; they acquire value over time.

25 years ago, if you were building a search engine, the ‘perfect’ domain might have been search.com, find.com, or perhaps look.com — the particularly cynical might have opted for webads.com. You almost certainly wouldn’t have registered google.com because it says nothing about search.

Any domain name can acquire value through longevity, SEO, and branding

google.com acquired its value through a simple, relentless branding strategy and a generous dollop of luck.

Any domain name can acquire value through longevity, SEO, and branding.

Myth 3: Your Domain Name Should Contain Keywords

If you’re at the point of registering a domain name, either your business is new, or your digital strategy is. In either case, you have hopefully carried out keyword research, but without a live site, your keyword research hasn’t been validated. In other words, you don’t know what your keywords are.

Even if you’re confident that you know exactly what your keywords should be at this time, your keywords may change. The pandemic has required most businesses to pivot to some degree. eatoutny.com isn’t much use if legal restrictions have forced you to switch to a delivery business — unless you’ve also registered eatinny.com.

Furthermore, in the area of ecommerce, customers tend to view keyword-heavy domain names as budget options because they are like generic-brand goods. It may be that your business will only ever be a budget option, but it’s not a wise business decision to restrict your options.

There is an SEO benefit to keywords in a domain, but it is minimal and will almost certainly vanish in the next few years — even for EMD (Exact Match Domains) — because it is too close to gaming the system.

Myth 4: You Don’t Need a .com

As frustrating as it may be to seek out a .com you’re happy with, nothing says “late to the party” like a .biz domain.

A .co extension is slightly better in some regions because the .co.** format is commonly used; .co.jp for example. However, .co tends to be typed as .com by users accustomed to the more common format.

nothing says “late to the party” like a .biz domain

It’s possible to opt for pun-based names using regionally specific TLDs like buy.it, or join.in. This kind of strategy will play havoc with your local search strategy because computers don’t understand puns; you’ll potentially do quite well in Italy or India, though.

If you’re registering a domain for a non-profit, then .org is perfectly acceptable. However, carefully consider whether a domain is worth the lost traffic if you can’t also register the .com (because people will type .com).

The one exception is industry-specific TLDs that communicate something about the domain’s contents to a target demographic. For example, .design is a great extension for designers, and .io is fine for an app if it targets developers (i.e., people who understand the joke). You should also register the .com if you can, and if you can’t, carefully consider whom you’re likely to be competing with for SERPs.

This is not to say that anything other than a .com is worthless, just worth less than the .com.

Myth 5: A Trademark Entitles You to Register a Domain

Trademark registration and domain registration are two entirely different processes, and one does not entitle you to the other. This has been legally challenged a few times and fails far more often than it succeeds.

Trademarks are rarely blanket registrations, which means the trademark owner needs to declare the industry in which it will operate; there was no enmity between Apple Inc. and Apple Corp Ltd. until the former moved into music publishing and no one could download the White Album onto their iPod.

There is, however, a limited value in registering a domain that has been trademarked elsewhere. Not least because you will be competing against their SEO, and if they’re big enough to trademark a name, they’ve probably grabbed the .com.

Myth 6: Premium Domains Are a Good Investment

Premium domains are domains that have been speculatively registered in the hope of attracting a huge resale fee. The process is commonly referred to as ‘domain squatting.’

Domain squatters bulk-register domains in the hope that one of them will be valuable to someone. As a result, they are forced to charge exorbitant fees to cover their losses; a premium domain will cost anything from 1000–100,000% of the actual registration cost.

Setting aside the cost — which would be better spent on marketing — premium domains often come with legacy issues, such as a troubled search engine history, that you do not want to inherit.

Myth 7: A Matching Handle Must be Available on Social Media

The business value of a social media account varies from company to company and from platform to platform. Even if it is valuable to you, numerous marketing strategies will accommodate a domain name: prepending with ‘use,’ or ‘get,’ or appending with ‘hq,’ for example.

More importantly, it’s unwise to allow a third-party to define your long-term brand identity; sure, Facebook is huge now, but then so was the T-Rex.

Myth 8: You Need a Domain Name

A domain name is an alias, nothing more. You don’t actually need a domain name — what you need is an IP address, which a domain name makes human-friendly.

Think of domain names as an accessibility issue; humans are less able to read IP addresses than computers, and domains bridge the gap. (See how helpful accessibility is?)

While a domain name is beneficial, question whether a sub-domain or even an IP address would do. Registering a domain is an exciting stage of a project that many people never get past, leaving themselves with a huge collection of domains that they pay an annual fee for, and never actually develop.

What Makes a Good Domain Name

Now we’ve dispelled some of the myths surrounding domain names, let’s look at the key characteristics shared by good domain names:

A Good Domain Name is Brandable

A brandable domain is non-generic. It’s the difference between a sticky-plaster and a band-aid. Unique is good, rare is acceptable, generic is a waste of money.

A Good Domain Name is Flexible

Keep it flexible. Don’t tie yourself to one market or one demographic. Your domain name needs to work now and fifty years in the future.

A Good Domain Name is Musical

Six to 12 characters and two to three syllables is the sweet spot. Names in that range have a musical rhythm our brains find it easier to retain and recall.

A Good Domain Name is Phonetic

There are 44 word sounds in the English language. Other languages have similar totals. If you use a domain name that is pronounced phonetically, it will be easy to communicate.

Source

The post 8 Domain Name Myths Every Web Designer Should Know first appeared on Webdesigner Depot.


Source de l’article sur Webdesignerdepot

Looking for something new to get you excited about design work? This list is packed with all kinds of goodies to help you feel inspired and ready to work.

Here’s what new for designers this month.

Top Picks for March

Same Energy

Same Energy, in beta, is a visual search engine. You can search with a minimum number of words or an image. The website is designed to help you find art, photography, decoration ideas, and practically anything. It uses deep learning and algorithms to create images on the home page, and you can create feeds in the same manner. The coolest part of this tool is that it tries to match the visual and artistic style you ask for with image mood and objects.

SVG Repo

SVG Repo is a collection of more than 300,000 SVG vectors and icons that you can download and use in projects for free (even commercial use). The site has a powerful search tool to help you find the right image, and the platform is designed so that you can contribute.

Penpot

Penpot is an open-source design and prototyping platform for cross-domain teams. It is a web-based tool that isn’t dependent on any operating system and works with open web standards. It’s designed to be zippy and interactive so your team can work fast.

Directual

Directual is a no-code platform for building scalable apps using a visual interface. (Perfect for designers with less development experience.) It includes integrations with other popular tools and is free to use while figuring out how the app works and how you can make it fit your business goals.

HTML Boilerplates

HTML Boilerplates helps you start web projects by generating a custom HTML boilerplate that you can download. Just choose the elements you want to include and then copy and paste the code into your editor.

6 Productivity Boosters

Rows

Rows is a spreadsheet tool with built-in web integrations that’s made for team collaboration. It works with other tools you already use, such as Google Analytics, Twitter, LinkedIn, Mailchimp, and so many others. Without scripts, you can use it to automate workflows, analyze data, share dashboards, and build forms and tools that make work simpler.

Form.Taxi

Form.taxi is a premium web-based form tool. You can create web forms without code or programming and connect them to your website. The tool then stores information, filters for spam, and notifies you of form submissions.

Verbz

Verbz is a voice productivity app that allows you to create notes, assign tasks, make announcements, run standups, or chat. Talk or type, listen or read. It works as your own voice assistant for teams. It’s available in Beta from the App Store, and there’s a waitlist for Android users.

Flameshot

Flameshot is a tool for grabbing screenshots. It has a customizable appearance, is easy to use, and lets you draw and edit screenshots as you work.

Kitemaker

Kitemaker is a collaboration tool for development processes. It can help you keep track of everything from tools such as Slack, Discord, Figma, and Github in one place. It helps you structure projects and keep discussions about work moving forward in one place.

This Code Works

This Code Works is a place to save code snippets that work for when you need them again. You can group and organize snippets and share with others. You might think of it as the “Pinterest of code.”

3 Icons and User Interface Elements

Sensa Emoji

Sensa Emoji is a collection of common emoji icons that you can use in your materials. Every element is fully vector and free to use.

Google Fonts Icons

Google Fonts now supports icons, starting with Material Icons. Choose between outlined, filled, rounded, sharp, or two-tone options in the open-source library.

Toolbox Neumorphism Generator

Toolbox Neumorphism Generator is a design tool that helps developers to generate CSS in the soft UI /neomorphism style for the elements with real-time output.

3 Tutorials and Demos

An Interactive Guide to CSS Transitions

An Interactive Guide to CSS Transitions explains everything you need to know about this great animation tool for website designers. This tutorial digs in with code and examples to help you create more polished animations and is designed for anyone from beginners to experienced designers with some pro tips throughout.

About Us Pop-Out Effect

The About Us Pop-Out Effect adds a special element to any team or contact page with a nifty pop animation. Each person seems to lift out of the circle frame in this pen by Mikael Ainalem.

Interactive Particles Text Create with Three.js

Interactive Particles Text Create with Three.js is a web element you could play with all day. Text shifts into particles and follows mouse movement in a fluid motion in the pen by Ricardo Sanprieto.

10 Fresh Fonts and Text Tools

Bitmap Fonts

Bitmap Fonts is a collection of various bitmap typefaces all pulled and stored in a single location. This is the perfect solution if you are looking for a bitmap option.

Uniwidth Typefaces

Uniwidth Typefaces for Interface Design is another collection of fonts for a specific purpose – here universal widths for interface design. Uniwidth fonts are proportionally-spaced typefaces where every character occupies the same space across different cuts or weights. This is both a tutorial on the type style as well as font collection.

Bubble Lemon

Bubble Lemon is a typeface for projects with a childlike feel. With an outline and regular style, the thick bubble letters look like some of the sketches you may have done in grade school.

Core Font

Core Font is an open-source project with a funky and modern style. It has a full upper- and lower-case character set, numerals, and a few punctuation marks.

GHEA Aram

GHEA Aram is a superfamily with a Central European flair, according to the type designer. The premium typeface includes everything from light to black italic and even some Armenian ligatures.

Make Wonderful Moments Duo

Make Wonderful Moments Duo is a script and sans serif font pair with a lighthearted feel and highly readable character set. The regular (sans serif) only has uppercase characters.

Ribheud

Ribheud is a slab-style display font with a heavy look and strong presence. What makes it interesting is the left-outline/shadow on each character.

Rose Knight

Rose Knight has an old-style feel that can take on multiple moods, depending on supporting design elements. All of the characters are uppercase with alternates. It could make a fun branding option.

The Glester

The Glester is a beautiful premium typeface in a calligraphic style. The most interesting element of this typeface is all of the extra decorations that allow you to change individual characters (380 glyph alternates).

Velatus

Velatus is a vintage-style typeface with plenty of swashes and flourishes that make it unique. It comes with 157 characters and 96 glyphs.

Source

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


Source de l’article sur Webdesignerdepot

In the AngularAndSpring project charts are displayed. To display the charts I have developed the ngx-simple-charts library. The design goal is to be D3.js based, have a typesafe Angular API, and be so simple and small that it can be migrated fast to new Angular versions. Currently the library supports line charts, bar charts might be supported in the future. 

Creating and Configuring the Angular Library

The Angular CLI can generate a library shell with this command: ng generate library <library_name>

Source de l’article sur DZONE

March is that time of year where the feeling of newness starts, from the first Spring days to fresh design projects. These trends are no exception, with fun new takes on some classic concepts.

Circles are always popular, but the top trend is an animated take on the traditional element; plus, fun pink and purple color palettes and a few faux split screen designs round out trending styles.

Here’s what’s trending in design this month.

Circle Animations

Circles are one of those shapes that never leave the design sphere. They have a lot of classical meaning and are flexible in terms of design options.

Designers are having a lot of fun with this shape right now. From animations to text circles to image frames, they seem to be all over the place.

More recently trending is more circle-shaped animations. This trend maintains a circle’s properties as a unified and harmonious element with movement to create more engagement and make you look at the design just a little bit more.

Each of these examples uses circles in a different but equally interesting – and animated – way.

Universal Favourite uses a circular blob. It’s almost like a giant bubble. It wiggles and flows, and stretches within the space without any help from the user. It has a smoothly quality that makes you want to stare at it. The color here helps, with the circle and background not having an immense amount of contrast. Also, note the cute little circle button in the bottom corner.

Kenta Toshikura put most of the subtle animation for this design inside the circle. With a hover state, the entire circle moves on the screen with a second layer of animation, and the cursor is also a circle that hops around the black background.

Kffein takes a totally different approach with a circle made from the primary test elements. Identifying website information rotates in a circle around another geo shape on the main plane. Not only is there a circular animation, but an almost three-dimensional effect that happens due to the way elements are layered here.

 

 

Pink and Purple Palettes

The prevalent pink and purple color combination isn’t for everyone – although you wouldn’t know it from the number of designs using similar colors.

This bright combination almost screams “spring” and has a lightness to it that almost seems to lift the mood of any project. (Maybe color selection is a reflection of how we all want to feel.)

What’s nice about these colors is that they flow into one another nicely. They can also be expanded to fall into neighboring hues on the color wheel, such as red from pink and blue from purple.

Maybe the most popular use of this color pair is as a gradient. You can find pink to purple everywhere, from background gradients to image overlays to buttons and user interface elements. There’s no lack of use here.

Each of these examples shows opportunities with this color combination.

SMU uses bright pink, blue, and purple to create a giant “road sign” in the design that jumps out from the rest of the project. The sign almost seems out of place and doesn’t fit as part of the normal color palette. This is what draw you right to it.

USA Volleyball uses the popular gradient option and extends the pink to the purple palette to hints of blue and red. What’s great about this design is that it uses a super trend element and color option and makes it work with their current color palette. You can almost imagine the design conversation when someone wanted to use a pink to purple gradient for a brand that features red, white, and blue. The gamble paid off, and it works beautifully without being off-brand.

Blobmixer uses purple, pink, and a few other bright colors – note the animated circles, too – to draw users into the design. The entire project is a fun, customizable experience that you can play with, and the color choices are what make you interested enough to try. This design also offers a great example of tactile animation and elements that feel real even when you interact with them using a mouse on the screen.

 

 

Faux Split Screens

Split-screen designs were a huge trend for about two years. The aesthetic was also functional for content that required a this or that choice on the part of users.

Now, we see the design elements but without the function. (Maybe because it just looks nice and creates a sense of balance without a symmetrical design.)

These projects look like they might offer multiple gateways to content, but there is only one call to action on the dual-screen aside from navigation elements.

What this design option does is help draw the eyes across the screen. One side will immediately appeal to you, and when done well, you’ll feel a subtle push of pull from the color, text, and images to look at the other side as well.

Renaissance TV does it with heavy animation with “dancing dots” from an old TV that doesn’t work. But then you need to look at the green text to understand what is happening.

Yacht uses text weight and space to push the eyes across the screen. Almost everyone will go to the heavier areas first and then gaze across the screen through blocks of space to the final small text on the right side. And it all happens in a fraction of seconds.

Bonjour Paris pairs bold color with black and white images. You may look at either side first, depending on personal preference, but the other half of the screen is necessary for a complete understanding of the website.

 

 

Conclusion

While all of these design trends are evident in new and recent projects, the use of pink and purple color palettes – particularly with a gradient – seems to be everywhere you look. These color choices are popular and come in a lot of forms.

Maybe the most obvious is with brighter pink and purple gradients, but other variations are also trending. It’s definitely one to watch in the longer term.

Source

The post 3 Essential Design Trends, March 2021 first appeared on Webdesigner Depot.


Source de l’article sur Webdesignerdepot

There are many reasons you might be wanting to improve your design skills this year. Perhaps you have extra time on your hands and want to put it to good use. Or maybe you’re new to web design and finding that there’s a lot you still don’t know how to do. It could also be that you recognize that the web is changing, and your skills could use some refreshing to keep up.

Whatever the reason, there are many ways to level up your web design skills in 2021. Here are 12 ideas to get you started:

Tip 1: Niche Down If You Haven’t Already

Jack-of-all-trades designers might be able to say “yes” to everyone. However, they’re going to be stretched very thin as they attempt to strengthen every skill needed to keep up with demand.

It’s much easier to become a trusted designer and to improve your skills if you have a smaller and more specific skill set to develop.

Just keep in mind that niching down doesn’t necessarily mean focusing on a particular industry. For instance, you might choose to be a UX designer instead of a web designer. Or you might specialize in designing ecommerce websites instead of monetized blogs. Just find something that you’re passionate about and will be good at doing, and zero-in on the skills needed for it.

Tip 2: Play Around in the Sandbox

Local development environments are useful for staging websites, doing redesigns, and testing updates safely away from live sites. But you can also use them for experimenting with new design techniques, trends, templates, plugins, and more.

Local by Flywheel is the one I prefer to use:

Here’s a good exercise to start with:

Take a website you like — something you’ve looked at in awe and couldn’t imagine ever building on your own. Then, put yourself to the test. See if you can recreate it in your sandbox.

Don’t be hard on yourself if you don’t figure it out right away. Consult your resources and give yourself time to make sense of what’s going on and implement it with the available skills and tools.

Tip 3: Redesign One of Your First Projects

There’s always a clear evolution in a designer’s skill set, from the day they begin designing to the present day. And that’s a good thing. If your work doesn’t improve or change with time, then you’re going to have a lot of catching up to do when the stagnation begins to hurt your business.

Want to see how much progress you’ve made so far? Revisit one of your first projects and look at it with fresh eyes. I bet you’ll see a big change in how you design today from how you designed that site then.

Now, ask yourself what you would do differently. And then, go to your sandbox and do the redesign.

Tip 4: Work on a Passion Project

A friend of mine is taking a UX design course and needed some users to run through a prototype he created for the class. He could create anything he wanted, so he designed an app related to his other love: Music.

While he could’ve easily thrown together some carbon copy of Spotify or SoundCloud, he came up with a completely new concept. And it was really impressive, to the point where I urged him to put it into production and see if he could list it in the app stores.

I think it’s when we’re really passionate about something that we’re willing to push past our limits. So, carve out some time to tackle that passion project you’ve been toying around with and see where it takes you.

Tip 5: Share Your Designs on Dribbble and Ask for Feedback

One of the reasons UX designers do user testing is how valuable users’ raw input is. While it would be nice to think that design is a completely subjective matter, that isn’t really the case when usability becomes compromised due to design choices.

Understanding what users like and dislike is an important part of taking your design skills to the next level. And a good way to do that is to share your designs on Dribbble.

Here’s an example of UI8 asking for feedback:

Tip 6: Create a Design Toolbox

I’m a huge fan of automation and shortcuts powering things behind the scenes in business.

After all, one of the reasons you become a web designer is so you can design, right? When you’re bogged down with administrative and logistical tasks, that’s time spent away from doing what you enjoy.

One way in which you can streamline your backend processes is by putting together a design toolbox. Your preferred CMS. Flexible templates or apps you use from project to project. Website testing tools. And so on.

As you do this, it’ll force you to examine how you build websites. Are you really working as efficiently as possible? Are there newer apps or systems that’ll help you design better sites? And as you improve your design toolbox, you’ll improve your design skills.

Tip 7: Subscribe to Your Favorite Blogs

I have a hard time recommending this one, only because I’m reluctant to sign up for yet another newsletter. That said, I do see the value in subscribing to some blog newsletters as I don’t always remember to revisit their websites and check out the latest content.

What I’d suggest you do is pick one or two design blogs that have a good variety of content and publish regularly. And then pick one small business or freelance blog.

WebdesignerDepot, of course, is a good one to start with as it comes at a good frequency, recommends great reads from all around the web, and is fluff-free:

I’d also recommend signing up for one that’s focused on your niche as well as one for business.

As a freelancer, I’d vote for the Freelancers’ Union newsletter. There’s always something timely and useful in there.

Tip 8: Listen to a Podcast

I just adopted a second dog, so I’ve spent a lot more time on walks while house-training her. At first, I was stressed about it because it was time spent away from work. However, I started to fill that time with podcasts and found that it helped me work better for the rest of the day.

One reason is that I’ve been listening to work-related podcasts, which are always chock full of helpful tips. Another reason is that it gives my eyes a rest from looking at the screen so that when I come back 15 or so minutes later, I feel refreshed and ready to go.

Rebekah Carter has a good set of web design podcast recommendations to get you started.

Tip 9: Take a Free Online Design Course

There’s an overabundance of information online. If you want to brush up on CSS, there are hundreds of YouTube courses that cover it. If you want to learn how to use a new WordPress plugin, you’ll find dozens of great tutorials across various online course platforms, YouTube channels, and even people’s blogs.

There’s no need to go back to school to become a better designer. Here are five places where you’re bound to find free courses for web designers.

Tip 10: Read a Book on Design Principles or Theory

It’s easy to lose sight of design principles when your clients are clamoring for a website that will make them a lot of money, get them a lot of readers, and so on. Sure, you can design a UI and UX that works, but do you remember why the design choices you made are effective?

Choose a book — just one to start — that’ll help you reconnect with the roots of good web design. Not only will you get a good refresher on web design principles or design theory, but you might learn something brand new.

Here are some of my favorite books for web designers:

Tip 11: Find Your People

Now more than ever, finding a community of like-minded web designers, developers, or freelancers is important. It’s not just about having a group of people to vent to when clients drive you nuts (though that’s great, too).

It’s about finding a group that brings something new to the table and enriches your understanding of web design and what it means to be a web designer.

If you’re on Facebook or LinkedIn, start there. There are tons of web design and freelance groups that have productive discussions every day. If you prefer to meet up with local designers and developers, check out Meetup.

You may be surprised by how many groups there are and the kinds of meetups they have planned.

Tip 12: Attend a Virtual Conference

Did any of you attend a design conference last year? I did. I virtually attended Adobe MAX — from the comfort of my home, in my pajamas, for three days.

I scheduled my assignments around the sessions I wanted to attend and didn’t have to pick one over the other (i.e., “Do I make money or do I learn something new?”).

Some of the sessions showed us how to do more with Adobe’s tools, while some of them featured design and business leaders who shared personal insights on how to work more effectively. It was a great way to shake up my normal routine and to get a ton of information about the future of web design in a short period of time.

Which of These Tips Will You Use to Improve Your Design Skills?

Like I said before, there’s a lot you can do to improve your design skills. Just be careful not to overdo it.

Pick one or two things on this list to start with. If you have more time in your schedule and you’re excited about what you’ve learned so far, add a couple more.

Just take it slowly. Your brain will only be able to absorb so much at once. Plus, the last thing you want is to burn yourself out on skills training and not have the energy to complete your work.

 

Featured image via Unsplash.

Source

The post 12 Tips to Improve Your Web Design Skills in 2021 first appeared on Webdesigner Depot.


Source de l’article sur Webdesignerdepot

When photographers take images to sell commercially, like every other business, they want to maximize their returns, so they adapt their ideas to meet commercial trends. As a result, stock always looks like stock, and that minor deception introduces a small amount of doubt in users.

But the rise of camera phones, and the increasing affordability of DSLRs, has led to a growth in people who aren’t monetizing every shot. What that means is if you know where to look, you can find images that are less posed, more natural, less clichéd, and far more diverse.

Here are ten places to look for engaging, and trust-building stock images, all free to use…

1. Pexels

Pexels has a huge collection of high-quality images that would not feel out of place on a ‘premium’ site. You’ll also find a ton of free videos. Pexels’ search feature is particularly well-tuned. Pexels also runs regular challenges, with cash prizes for photographers; reviewing the past competitions is a great shortcut to finding original images.

2. Reshot

Reshot is one of the better stock sites on the web, with a wide selection of curated images. There’s a distinctly Instagram feel to the images on Reshot; they don’t feel staged, in many cases, they don’t look like stock at all. That gives them an authentic feel that many ‘premium’ stock sites fail to deliver.

3. Unsplash

Unsplash is one of the largest collections of free images on the web. It has a good collection of standard stock and a growing collection of more creative, experimental images. Its free-forever approach is backed by product placement instead of adverts or premium sections, which means you may find the more marketable images include easily identifiable brands.

4. Life of Pix

Life of Pix highlights one photographer per week to feature ten images; that adds a competitive angle to the site as photographers submit premium shots to get noticed. Unless you’re very fortunate, the ideal shot for you isn’t going to be found in the current set, but click the ‘Gallery’ link, and you’ll have access to all the shots that have previously been uploaded.

5. Nappy

Unlike ‘premium’ sites that are set up to turn a profit, free stock sites often set out to address a hole in the market. Nappy was set up to redress the underrepresentation of black and brown people on many stock sites. At least some of your users fall into this demographic, and it’s a great idea to show them they’re valued by using images like these.

6. Burst

Burst is a stock site provided by Shopify to help new entrepreneurs find stock to help them sell products. Anyone can use the shots, but there is a natural inclination towards commercial rather than editorial images. There’s a good mix that rivals many paid sites and some less obvious shots.

7. Picography

If quirky and offbeat isn’t right for your project — and it may very well not be — then check out Picography for a more middle-of-the-road collection of free stock images. There’s a wide selection, but they do tend to feel more stock-like than many other collections.

8. ISO Republic

ISO Republic has a broad range of images and videos to choose from. Again, the images tend to be more stock-like than some other options, and you do have to dig around to find the best. ISO Republic is a good place to search when you want to swap like-for-like with a ‘premium’ stock source.

9. Kaboompics

Kaboompics specializes in lifestyle images. If you’re hoping for a woman sipping a frappuccino while making commanding business decisions, you’re in the right place. Kaboompics is a one-woman show, so the perspective is a little narrower than the ideal, but the free images are consistently high-quality.

10. StockSnap

StockSnap has a good balance of images. Many professional photographers use sites like StockSnap to upload the images they choose not post to ‘premium’ sites for one reason or another, so you’ll often find premium-quality shots for absolutely nothing.

Source

The post 10 Best Free Stock Image Sites For 2021 first appeared on Webdesigner Depot.


Source de l’article sur Webdesignerdepot