Articles

Popular Design News of the Week: May 9, 2022 – May 15, 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!”

Google Updates its Classic Roboto Font

The Worst Design Fails of 2022 to Date

Learn CSS Subgrid

15 Modal / Popup Windows Created with Only CSS

Roboto Flex Now on Google Fonts

Veryfront – Code Faster, Deploy Instantly

This Mammoth Paper Bag Collection is a Graphic Design Dream

Smartcat for Figma

15 Best New Fonts, May 2022

Magical SVG Techniques

Web Development for Beginners – A Curriculum

Eleventy – A Simpler Static Site Generator

The Complete Modern React Developer 2022

Source

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

Source de l’article sur Webdesignerdepot

/par

Java Hashtable, HashMap, ConcurrentHashMap: Performance Impact

,

There are a good number of articles that articulate functional differences between HashMap, Hashtable, and ConcurrentHashMap. This post compares the performance behavior of these data structures through practical examples. If you don’t have the patience to read the entire post, here is the bottom line: when you are confronted with the decision of whether to use HashMap, Hashtable, or ConcurrentHashMap, consider using ConcurrentHashMap since it’s thread-safe implementation without compromise in performance.

Performance Study

 To study the performance characteristics, I have put together this sample program:

Source de l’article sur DZONE

/par

How To Take Your First Steps in Web Design

,

Are you a creative person looking for the perfect career path to take? If so, there are not many more creative professions than that of a web designer.

However, becoming a web designer can be challenging, especially if you do not know where to start. For example, do you need to attend college to become a web designer? And what kind of computer and software do you need to own to be successful as a web designer?

This guide aims to answer all these questions and show you the steps you need to follow to build a career in web design.

Web Designer: Main Skills and Responsibilities

Generally speaking, a web designer is a professional who creates, manages, and maintains content for the web. Nothing is left out from designing pages and visual elements via programming languages and creating user-friendly websites.

Web Designer (Hard and Soft) Skills:

  • UX, UI, and visual design knowledge (web fonts, colors, etc.)
  • Management of design software (e.g., Adobe Photoshop)
  • Coding knowledge (HTML, CSS, JavaScript, etc.)
  • Time management
  • Communication skills
  • Problem-solving and teamwork skills
  • Research skills

Web Designer Responsibilities:

  • Plan and create web pages
  • Design appealing layouts
  • Use codes to create user-friendly pages
  • Ability to meet deadlines
  • Listen and advise clients
  • Able to work as part of a team and effectively solve occurring problems
  • Analyze the client’s niche, explore new web design opportunities/ innovative digital marketing approaches

If you feel overwhelmed reading this table, don’t be! You do not have to master all of the above skills. No one expects you to either. Becoming a top-notch web designer takes some dedication, but ultimately it’s nothing more than a series of steps. Let’s dive deeper into them.

Becoming a Web Designer: 7 Essential Steps

1. Gaining the Knowledge Needed: Theory and Certifications

Let’s start with the most common question, “Do I need to go to college to become a web designer?” Research shows that more than 65% of web designers are self-taught (fully or partially). Of course, that does not mean you can jump into design from the start.

Instead, we recommend that you learn some essential web design elements and how to use them in your future projects. This includes UX (user experience), UI (user interface), protocols, and patterns. The same goes for technical knowledge like programming languages, frameworks, and design software.

2. Developing Certain Skills

So, there are numerous aspects you can explore regarding technical skills. To be specific, your first steps in web design include developing the following skills: 

  1. Theory and certifications: Learning the theory to understand how the web and the market work
  2. Web design tools: Finding the web design tools you need to start designing (.e.g Webflow, Sketch, Figma). This will allow you to learn how to prototype web design mock-ups.
  3. Graphic design tools: Becoming familiar with software like Photoshop, Illustrator, etc.
  4. Programming languages: Especially if you think of becoming a freelance web designer, you should at least learn how to use fundamental languages (HTML, JavaScript, CSS).
  5. SEO (Search Engine Optimization): Learning how to optimize your web pages to rank on search engines is crucial.  

3. Mastering Web Design Software 

What software do you need as a beginner to start creating web designs? There are numerous apps that will help you gradually enter the fascinating world of web design. 

When it comes to CMS platforms, WordPress is by far the most popular in the market. The good thing about WordPress is that it is very beginner-friendly and comes with thousands of pre-built themes and plugins that you can use when creating a website.

But the same is true for InVision Studio. Unlike WordPress, InVision Studio is specifically designed to help web designers prototype and design a website. Finally, when it comes to graphic design software, we recommend you start with Photoshop (for creating visual samples and prints) and Sketch (for UI designs). 

4. Learning How Much Computing Power you Need

Although online CMS platforms like WordPress do not require special hardware, that’s not true for web design and graphic design software. To be precise, both InVision Studio and Photoshop have quite demanding system requirements. 

Still, a mid-range desktop or an entry-level gaming laptop can easily handle such applications. You need a reliable CPU, 8 GB RAM, and a dedicated graphics card.

I find working with two screens perfect when it comes to prototyping. You do not need to spend thousands of dollars to buy a laptop or desktop for web design.

5. Practice, Practice, and Practice

As with any other profession, practice makes perfect in web design. Therefore, the good idea is to get involved with personal web design projects before you start seeking clients or applying for job offers. This way, you can gradually acquire the technical skills you need.

Also, by working on some personal projects first, you can build a professional portfolio.

6. Creating a Professional Portfolio

If you want to draw attention to your talent, you should have a comprehensive portfolio as a web designer. This way, potential customers to trust you by having a look at your work and previous experience.

When creating a portfolio, make sure to showcase all aspects of your work and make it user-friendly. In other words, think of your online portfolio representing your talent and treat it accordingly.

7. Choosing the Web Designer Type That Best Suits Your Needs and Preferences

Last but not least, before working as a web designer, you should know that there are three main types of web designers: Freelance web designers, Agency web designers, and In-house web designers.

If you prefer to be self-employed and believe that you have the required soft skills, freelancing is probably the best path.

On the other hand, working for an agency or a company is usually easier (especially for beginners) and will provide you with a stable income. But, in the end, it all depends on your needs and preferences.

Wrap Up

Being a web designer can be an exciting career. As long as you have the necessary dedication and willingness, nothing will stand in your way.

Learning different aspects of the profession and mastering specific software will only make you better. All you need to do is respond positively to (and ask for) incoming feedback and practice!

 

Featured image via Pexels.

Source

The post How To Take Your First Steps in Web Design first appeared on Webdesigner Depot.

Source de l’article sur Webdesignerdepot

/par

Debugging Deadlocks and Race Conditions

,

Thread debugging has the reputation of being one of the most arduous tasks for developers. I beg to differ. Asynchronous debugging is so much worse. It’s supposed to solve threading problems, and to some degree, async helps… But it doesn’t make debugging simpler. I will get into that in the next post.

Today we’ll discuss the process of debugging threading issues and dealing with deadlocks and race conditions in the debugger.

Source de l’article sur DZONE

/par

The Evolution of Configuration Management: IaC vs. GitOps

,

Misconfigurations are the leading cause behind security incidents in Kubernetes-orchestrated or otherwise containerized environments. Without proper configuration in place, applications would run into problems ranging from noncompliance and inconsistencies to performance bottlenecks, security vulnerabilities, and functionality failure. Therefore, configuration management is a critical component in a software development lifecycle for maintaining systems in a desired, consistent state.

According to Red Hat’s State of Kubernetes Security report, misconfigurations were the leading cause behind security incidents in Kubernetes-orchestrated or otherwise containerized environments. Without proper configuration in place, applications would run into problems ranging from noncompliance and inconsistencies to performance bottlenecks, security vulnerabilities, and functionality failure. This would make cloud-native systems unstable and cause them to become a liability to businesses. For this reason, configuration management is a critical component in a software development lifecycle for maintaining systems in a desired, consistent state. However, the way configuration management is done has been evolving over the years. This post traces the history of configuration management, focusing on how GitOps handles this critical aspect of running cloud-native applications today.

Source de l’article sur DZONE

/par

Designers Should Code: Build an App From Scratch

,

A breakdown of a simple app, from UI design to deployment, that shows off why coding is a magic tool for designers.

Figma, Adobe XD, Photoshop, Wacom Tablet, sketchbook… all tools for interfaces and web designers, yes? Take 2 minutes, and try to remember why you want to become a designer and why you enjoy designing stuff.

Chances are it’s because you like to create; you’re a creative person. Maybe you started with artistic experiences as a child, then turned that creative energy into problem-solving while continuing to express it visually: You became a designer, a creative problem solver.

Today, I’ll try to show you how coding is an underrated tool to express your creative problem-solving mindset by building a real SVG generator from scratch. So let’s get into it!

Step 1: Don’t get an idea; solve a problem

We didn’t go into deep business considerations here, but seeing problems you face and deciding to solve them yourself is a great way to start.

During client work, I needed some SVG waves for illustrations. So I looked for a wave generator: There were a ton of wavy colorful wave generators with parametric inputs but no simple, perfect sine waves generator. I decided to draw it on my math tool GeoGebra and then export it to SVG.

Okay, but not fast. And we like to get our jobs done quickly. But wait… Why don’t we create a perfect sine waves generator? Without equations & boring math software to open, just a curve and an export button. You got it, now let’s design it.

Quick tips: If you are looking for a problem, look for memes in your field. They always show a deep, painful, well-known problem.

Step 2: Design the solution simple as possible

Two main rules: First rule, think about who will use it; the second rule, predict what they expect from how it works. So who? Front-end developers. What are they waiting for? A curve that can be edited with direct feedback and an export button.

Wireframe design

High-Fi design

A quick tip: You can grab the Figma design of the app for more technical tips on the design.

Step 3: Build it for real

As a designer, stopping at step two is perfectly fine. But imagine if you could build what you design! You already know you can create everything you want.

You can see coding as a way to translate your UI that will surely end with a .com application that is usable by everyone. This is why “best languages” don’t matter; coding is just a tool to express your creativity and build stuff for others. And as a designer, a creative person, this might sound…interesting.

UI to functionnal app

UI to functional app

Every web app interface can be translated from UI design to code with HTML/CSS/JS. There is how we can see the role of each of those 3 “languages”:

HTML: I want a button.

CSS: I want my button to look rounded.

JS: I want something to happen when I click on my button.

To build our app, I’ll use Svelte. Svelte is a JavaScript compiler that allows us to use all those three “languages” in one place. So, let’s see how code can translate our UI to functional things.

HTML button code

“Hey web browser, I want a button named “exportButton” and everything in a function named “downloadSVGpath” to be carried out when someone clicks on the button :) Thanks”

CSS style button code

“Hey web browser, I want you to apply these style rules to my basic HTML button: I want a beautiful rounded corner at 16px, a mouse pointer when we hover it, I don’t want any borders, but I want a cool color gradient as a background color. Then, I want the font inside the button to have its color set to #fcfcfc and use the Inter typeface (bold, please). Like my Figma design, I also want to center stuff in the button and add padding. Oh, and add a subtle shadow :) Thanks.”

Drawing SVG curve function

“Hey, web browser, each time our slider moves, I want to run this function: I want you to draw a curve inside a frame that I have defined inside my HTML code. I also want my curve stroke to look rounded at each cap and have a color and width I’ve defined inside variables. You will take the sine function parameters from the stored values of the sliders. Finally, while your x variable hasn’t reached the total width in the x-axis of our frame, you will solve the y-axis point position of the sine equation and draw the curve :) Thanks.”

Quick tips: You can grab the source code files of the app to explore them.

Summary

  • Coding is just a tool that allows us to translate our very visual metaphors into something that everybody can use. How cool is that?!
  • Coding helps us to envision our design goals and forces us to see beyond the visual range: how is my button will be supposed to work? How does it look when hovering? How my popup modal can be designed for mobile devices?
  • Coding allows us to create the weird idea we designed “just for fun” instead of pushing the design case study into our portfolio under the “personal project” tag.
  • Coding shows us how much work is required to achieve what we designed. So we can better understand our design clients’ needs, challenges, and resource management.
  • Coding is flexible. You can replicate the Netflix website pixel perfect with pure HTML/CSS, the Vue Framework, or any other Web framework.

Source

The post Designers Should Code: Build an App From Scratch first appeared on Webdesigner Depot.

Source de l’article sur Webdesignerdepot

/par

SAP innove pour répondre aux besoins les plus urgents de ses clients

, , ,

WALLDORF, Allemagne — 11 mai 2022 — Aujourd’hui, à l’occasion du salon SAP Sapphire à Orlando, en Floride, SAP SE (NYSE : SAP) annonce ses toutes dernières innovations apportant de la valeur ajoutée à ses clients dans quatre domaines critiques : la résilience de la supply chain, le développement durable, la transformation des processus de gestion et le développement d’applications no-code.

Selon une étude récente du Boston Consulting Group, si 80 % des entreprises se tournent vers les solutions numériques pour relever les défis actuels, seules 30 % d’entre elles parviennent à une véritable transformation numérique de leur activité. Les annonces d’aujourd’hui aident les clients de SAP à accélérer leur parcours de transformation grâce à des solutions innovantes basées sur le cloud qui couvrent les processus de gestion end-to-end dont les clients ont le plus besoin. Ces annonces seront faites le premier jour de SAP Sapphire, la conférence mondiale des clients et partenaires de SAP, qui se déroule en personne et virtuellement du 10 au 12 mai 2022.

“Depuis 50 ans, les solutions critiques de SAP et son expertise sectorielle approfondie aident les entreprises du monde entier à fonctionner au mieux”, a déclaré Christian Klein, PDG et membre du conseil exécutif de SAP SE. “Nous sommes particulièrement bien placés pour continuer à favoriser la réussite de nos clients dans un monde qui évolue rapidement, en favorisant la transformation numérique basée sur le cloud qui résout les défis les plus pressants des clients, depuis la résilience de la supply chain au développement durable.”

 

Supply chain résilientes et réseaux commerciaux intelligents

Les innovations SAP améliorent l’efficacité et la transparence de la supply chain, permettant ainsi d’améliorer les performances et la résilience. Parmi ces innovations, SAP annonce aujourd’hui une nouvelle suite d’applications iOS qui rationalisent la supply chain numérique et donnent aux travailleurs des outils intuitifs. Les deux premières de ces applications – SAP Warehouse Operator et SAP Direct Distribution – ont été lancées aujourd’hui et sont disponibles dans l’App Store d’Apple.

En outre, le nouveau SAP Digital Manufacturing cloud réunit les dernières innovations en matière d’analyse, d’edge computing et d’automatisation avec des processus de fabrication end-to-end à la pointe de la technologie pour aider les clients à optimiser les performances de fabrication. SAP Business Network continue également d’évoluer pour devenir le plus grand réseau d’entreprise au monde et, avec l’intégration de Taulia, les clients peuvent libérer la valeur liée à leur fonds de roulement.

 

Faire passer les entreprises de la parole au geste en matière de développement durable

Le portefeuille croissant de solutions SAP en matière de développement durable est idéalement positionné pour aider les entreprises à passer du discours volontaire à l’action concrète. Parmi les nouveautés présentées aujourd’hui, citons les nouvelles fonctionnalités de SAP Cloud for Sustainable Enterprises qui aident les entreprises à innover dans les domaines clés de la gestion du développement durable. Il s’agit notamment de l’amélioration de SAP Product Footprint Management, qui permet aux clients de réduire l’empreinte carbone de leurs produits à grande échelle grâce à la connectivité en direct de SAP S/4HANA Cloud, y compris les capacités de transport et de déplacement.

 

Permettre la transformation des processus d’entreprise

Les clients continuent d’adopter RISE with SAP, pour redéfinir leurs processus de gestion end-to-end et passer à un ERP modulaire et agile dans le cloud. Plusieurs clients seront présents sur la scène du Sapphire pour montrer comment ils utilisent RISE with SAP pour innover en matière de business. Les partenaires aident également nos clients à mettre ces innovations à l’échelle grâce aux meilleures pratiques et aux solutions sur mesure : RISE with SAP and SOAR with Accenture intègrent et fournissent maintenant ce dont les entreprises ont besoin pour une transformation basée sur le cloud, y compris la gestion de l’infrastructure du cloud, la gestion des applications et les services d’exploitation. La dernière version de SAP Service Cloud comprend de nouvelles fonctionnalités de gestion dynamique et de modélisation des cas, ainsi qu’une intégration native avec Qualtrics® XM Discover et Microsoft Teams, afin d’améliorer la capacité des entreprises à tenir les promesses de leur marque grâce à une meilleure visibilité, une plus grande responsabilité et des délais de résolution plus courts.

 

Accélérer l’innovation avec le développement No-Code/Low-Code, l’automatisation des processus, les données et l’IA.

SAP AppGyver, l’une des principales solutions de développement d’applications d’entreprise no-code/low-code, inclut désormais une intégration native avec SAP Service Cloud et est disponible dans le cadre du volet gratuit de SAP Business Technology Platform. SAP Process Automation, qui fait également partie du SAP BTP Free Tier, a été amélioré pour la gestion des flux de travail no-code et l’automatisation robotique des processus (RPA).

SAP fournit également de nouvelles innovations SAP AI pour optimiser intelligemment les processus opérationnels end-to-end, y compris le lead-to-cash, design-to-operate, recruit-to-retire et source-to-pay. SAP offre également à tous les étudiants un accès gratuit à des ressources et à des expériences d’apprentissages personnalisées dans la « student zone» du portail d’apprentissage. Pour répondre au besoin croissant de développement accéléré d’applications par des utilisateurs non techniques, SAP lance un parcours d’apprentissage amélioré qui prépare les étudiants à de nouvelles certifications en low-code /no-code.

 

Guide des actualités SAP Sapphire 2022

Plus de détails sur toutes les nouvelles, les lancements et les mises à jour dans le Sapphire News Guide.

Visitez le SAP News Center. Suivez SAP sur Twitter à @SAPNews.

 

The post SAP innove pour répondre aux besoins les plus urgents de ses clients appeared first on SAP France News.

Source de l’article sur sap.com

/par

Popular Design News of the Week: May 2, 2022 – May 8, 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!

DopeUI – Free Modern UI Design Templates

How to Create a PureCSS Tabs Navigation

If Design Principles are for Designs, then Design Values are for Designers

Contember – Open-source, Headless CMS Without Limits

Buckle Up! We’re Diving into the World of Travel Website Design

Rust from 0 to 80% for JavaScript Developers

Three Methods to Increase User Autonomy in UX Design

Scrollex – A React Library to Build Beautiful Scroll Experiences

3 Essential Design Trends, May 2022

No-Code Builder – Place to Find the Right No-Code Tool to Build your Idea

Creating Realistic Reflections with CSS

Source

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

Source de l’article sur Webdesignerdepot

/par

Open Source Software (OSS) Quality Assurance – A Milvus Case Study

,

Quality assurance (QA) is a systematic process of determining whether a product or service meets specific requirements. A QA system is an indispensable part of the R&D process because, as its name suggests, it ensures the quality of the product.

This post introduces the QA framework adopted in developing the Milvus vector database, providing a guideline for contributing developers and users to participate in the process. It will also cover the major test modules in Milvus and methods and tools that can be leveraged to improve the efficiency of QA testings.

Source de l’article sur DZONE

/par