Articles

Editors’ Picks: Summer 2020

Actualités, Méthodes et organisation des process IT

Agile

The Boy Scout Software Development Principle by Thomas Hansen — Short, simple, to the point, and a great mentality to have when building software.
The 20%: A Collection of Interviews by Lauren Hempen— Interviews with four women where they discuss their careers, challenges, successes, and advice related to being a woman in the software development industry.
Hanlon’s Razor: How to Be Less Judgemental and Build Better Relationships by Vinita Bansal — Interesting explanation of a shortcoming we are all subject to—preemptively judging others. This article serves as a reminder to judge less and listen more.
My Journey From Israeli Military Intelligence to VP of R&D: 7 Secrets Learned by Dan Lines— Dan Lines’ articles are always engaging and personal—this one, especially. This interview with Nadav Lev reveals all the secrets to getting promoted and building "elite dev teams."

AI

OpenAI GPT-3: How It Works and Why It Matters by Dana Kozubska — GPT-3 has many strengths, but it also has some weaknesses. Explore why it matters and how to use it to write code, design an app, and compose music.
How to Build Your Own Chatbot With Dialogflow by Jay Hogan — Stop thinking about that chatbot and actually build it. Jay Hogan created a step-by-step instruction on how to build a chatbot using Dialogflow.
Top 5 Open-Source and Commercial RPA Tools to Use in 2020 by Sindhu Priya D —Find out the top 5 RPA tools and learn more about what RPA is.
Running Machine Learning Applications on Docker by Emrah Mete —One Core member’s example of how to transfer a machine learning model to the living environment in the fastest and most effective way of using container infrastructures.

Big Data

Apache Kafka in the Gaming Industry — Use Cases + Architectures by Kai Wähner — This blog post explores how event streaming with Apache Kafka provides a scalable, reliable, and efficient infrastructure to make gamers happy and Gaming companies successful.
Design a Real-Time ETA Prediction System Using Kafka, DynamoDB, and Rockset by Kartik Khare — See how to design a real-time ETA prediction system using Kafka, DynamoDB, and Rockset.
Processing Large Messages With Apache Kafka by Kai Wähner — Kafka wasn’t built for large messages, but files and payloads keep getting bigger. This article covers use cases, architectures, and trade-offs with Kafka.
Looking Under the Hood of Apache Pulsar: How Good Is the Code? by Akansha Yadav — Ever wondered what’s under the hood of some well-known open-source software?

Cloud

Event-Driven Architectures by Ravi Purohit: A brief yet meaningful explanation of event-driven architecture and what makes it so valuable for cloud and microservices applications.
AWS vs Cloud vs Azure: Which Does Fit In? by Ivan Shulak: The battle of the cloud vendor heavyweights never seems to stop. Here’s another take on what benefits you should look for in each.

Database

Moving Toward Smarter Data: Graph Databases and Machine Learning by Frank Eaves — A brief overview of database solutions, an introduction to using machine learning and graph databases, and real-world use cases for putting context back into your data.
Database Architectures and Use Cases – Explained by Margo McCabe — This article provides an overview on database architectures, including use cases and pros and cons for each of them.
MySQL Workbench vs DVConvert — Migrate From SQL Server to MySQL by Dmitry Narizhnykh — Migration databases is not easy. In this article, one of our Core members compares two various tools for migrating from SQL Server to MySQL.
Apache Kafka Is Not For Event Sourcing by Jesper Hammarbäck — Apache Kafka is great for delivering messages, but if you’re using it for event sourcing, think again. Learn about why Kafka isn’t suitable for event sourcing.

DevOps

Top 20 Git Commands With Examples by Sahiti Kappagantula — This is one of our top articles of ALL TIME! It is a simple description of the Git commands you’ll need when working with Git, what they do, and how to format them.
To Automate, or Not to Automate? That is the Question by Simon Knight — This article contains some guidelines to help decide which and whether or not to automate tests in pursuit of a continuous testing outcome. It is thorough and well-written. A great example of a good DZone article.
The Key to Continuous Testing in DevOps by Maria Homann — In this article we take a look at continuous testing to understand why it plays a key role in DevOps, and why test automation is essential in enabling continuity.

Integration

Mulesoft 4: Continuous Delivery/Deployment With Maven by Ashok S — This article is a great example of what we want every tutorial to look like on DZone. The main aim of this article is to provide a standard mechanism to release project artifacts and deploy to Anypoint Platform, from the local machine or configure in continuous delivery pipelines.
Integration With Social Media Platforms Series (Part 1) by Sravan Lingam — This article helps you to build a RESTful API through MuleSoft that integrates with LinkedIn and shares a post on behalf of one’s personal account. I like this article because, in the age of social media, it’s so important for businesses to be connected and integrated!

IoT

Shaking Down the Raspberry Pi High-Quality Camera by Jeremy Morgan — This Core member tries out the new Raspberry Pi HQ Camera with full instructions so you can replicate his results. Here’s how you can put the new Raspberry Pi HQ camera to work right away!
Best Raspberry Pi IDEs by Moe Long — From Geanny and Greenfoot to Thonny and Adafruit WebIDE, these are the best Raspberry Pi IDEs for all languages!
IoT Security: Issues and Ways to Overcome It by Eugenia Kuzmenko — Learn how to make your IoT device and cloud infrastructure secure and see why is it important.
Raspberry Pi Emulation With Docker Compose by Sudip Sengupta — This guide, by one of our Core members, discusses everything needed to build a simple, scalable, and fully binary compatible Raspberry Pi cluster using QEMU, Docker, Docker Compose, and Ansible.

Java

42: The Answer To Life, The Universe and Everything by Karl Heinz Marbaise: A cool and engaging article that demonstrates the learning opportunities that diving into a niche topic can have. (Plus the title’s pretty hard to beat.)
The Silent Villains of the Coding Universe: A Review of Anti-Patterns by Akansha Yadav: There are so many articles online that discuss anti-patterns but few that really do it well. Akansha’s is one of them. Whether you’re a beginner or a seasoned developer, there’s content here that you can come back to again and again.

Microservices

Distributed Saga and Resiliency of Microservices by Binildas Christudas: Ah, the Saga pattern. Take a look at how this distributed pattern strengthens microservices with a travel-based sample application.

Open Source

Virtual Conference [Comic] – Daniel Stori — As more and more virtual conferences are coming up, Daniel Stori’s comic perfectly captures 2020.
Top 5 Free and Open Source Game Engines You Should Try — A unique and fun addition to the Open Source zone, highlighting the advantages of open-source game engines vs. proprietary gaming software.
Open Source Tool Options in Web Application Development — Helpful resources to which open-source tools might help you on your web application projects.

Performance

What Is Big O Notation? by Huyen Pham — Aside from a silly name, this article is an example of an in-depth analysis on a little-spoken-about concept. In this article, take a look at a short guide to get to know Big O Notation and its usages.
Is Python the Future of Programming? by Shormisthsa Chatterjee — Where is programming going? This article attempts to answer this question in a well-rounded way. The author writes, "Python will be the language of the future. Testers will have to upgrade their skills and learn these languages to tame the AI and ML tools".

Security

JSON Web Token: How to Secure a Spring Boot REST API by Yogesh Mali: Security, Java, and integration intersect in this article abou

Web Dev

A Better Way to Learn Python by Manas Dash: There’s so many resources available for learning Python — so many that it’s difficult to find a good and flexible place to start. Check out Manas’ curated list of courses, articles, projects, etc. to get your Python journey started today.
Discovering Rust by Joaquin Caro: I’m a sucker for good Rust content, as there’s still so many gaps in what’s available. Joaquin does a great job of giving readers his perspective of the language’s features in a way that traditional docs just

Source de l’article sur DZONE

18 septembre 2020/par Service comm.

How to Design the Perfect Developer Portfolio

Actualités, Actualités

As a freelance web developer, how many clients do you get from your website? If you’re like most, you’re probably lucky to get one client every 2-3 months. Unfortunately, that’s very common.

These days it’s not enough just to be a web developer if you want to make really good money. You have to be able to differentiate yourself in the marketplace to get more opportunities. If you can do this successfully, I’m 100% sure that it will help you win more projects and charge higher rates.

So today I’d like to share with you a little bit of my own story. In the last 4 months, I was able to position myself as a specialist with my personal site that ultimately helped me win more projects and get better clients.

The Importance of Niching Down

The first thing that I would invite you to do is to shift your thinking a little bit.

If you want to be a high-paid professional (especially if you’re a freelancer), you need to learn how to market and sell yourself. And the first rule of marketing is to identify your target audience and the result that you help them achieve.

I can’t over emphasize the importance of this.

You need to know exactly who you help and the outcome that you provide. That is ultimately what you get paid for. So you need to define your ideal client.

My suggestion is to pick a market segment that you would love to work with, that has the money to afford you and (ideally) those that have already done some projects for. Once you have identified your target market, you need to create your positioning statement. Your positioning statement should immediately tell who you help and what results you help them achieve.

Here is a formula that you can use to create your positioning statement:

I help __ (target audience) __ do (build/achieve/overcome) ___ (problem that you help them solve).

For example: I help startup SaaS companies build highly converting websites. You can go even narrower if you want, but this is already much better than just saying, “I’m a web developer.”

If your positioning statement is “I help startup SaaS companies build highly converting websites” it can still be narrowed down and improved. As you gain more experience and work with more clients, you can refine it to something like: “I help healthcare SaaS companies build highly converting websites.”

Now imagine if a SaaS startup founder from a healthcare niche came to your site and saw that positioning statement vs a very generic one like “I’m a web developer”. How much easier would it be for you to differentiate yourself and gain a huge advantage over your competitors in the marketplace?

4 Elements of a Perfect Landing Page

“I am passionate about coding, I have 10+ years of experience, client satisfaction is my main goal…”

Have you ever seen statements like that on someone’s portfolio site? Or maybe it even says that on your own site. From my experience, statements like that don’t really help you convert site visitors into customers.

If you personally go to a company’s website, what would you like to see yourself as a visitor? Somebody saying how good they are, or to find out if they can be a good fit to solve your problem? I think that most of the time the latter is what you’re after. That’s what other people usually go to your website for; they want to know how you can help them solve their problems.

For instance, take a look at this section from Tom Hirst’s website:

As you can see, this immediately helps the visitors understand if Tom is a good fit for them or not. He doesn’t just boast about how good he is, but rather helps the client understand what problems he can solve for them. Another important part here is that Tom doesn’t use a lot of technical terms. Since a lot of his visitors may be not as tech-savvy as he is, there is no point in confusing them with technical jargon. The more you can speak their language – the easier it will be for you to build trust and connection that will later help you during the sales process.

Let me tell you a bit about the 4 parts of my site that I think have contributed significantly to having me win more projects. The 4 elements are problem, solution, proof, and call to action. Let me go over them 1 by 1 and explain why they’re important.

1. Problem

A good way to start your landing page sales letter is by identifying the problem of the client. If you know their pain points and you mention them, you should be able to hook them into reading your copy. And a well-written copy plays a significant role in persuading your visitors to take the next action.

2. Solution

Once you have mentioned their problem, you need to present them with a solution that you provide. You need to show them how working with you can solve their problems. Whatever their problems are, you have to show them that you understand them and can help solve them.

That’s what UX designer Matt Oplinski is doing on his website is doing. He knows that his clients might need help with 3 types of projects: Digital Products, Marketing Websites or Mobile Apps. For example, the clients who are seeking a redesign of their website may have an issue with their current conversion rates. And that’s exactly what Matthew lists in the middle section under “Custom Marketing Website” headline. I would even argue that he may have been a bit more specific with the solutions that he can offer.

The main takeaway here is that it’s important to be very specific with the result that you can help your clients achieve. The more accurate it is, the better it is going to convert.

3. Social Proof

Social proof plays an extremely important role in converting a lead into a customer. When someone comes to your site, they don’t know if they can trust you. If they were to spend one, two, five, ten or even more thousand dollars – they need to feel comfortable with you. They need to have at least some level of trust. That’s why they want to see as many signs as possible that you’re trustworthy.

Social proof obviously can come in many different forms. The most popular and important ones, in my opinion, are case studies with results that you’ve produced and testimonials. They will be absolutely crucial to persuade your clients and be able to differentiate yourself from others.

Here is a good example from Bill Erickson’s site:

Ideally, your testimonials should showcase a particular business goal that you’ve helped your client to achieve. But even if you don’t have those, you can use ordinary testimonials that your clients give you. That alone is better than no testimonials at all.

4. Call to Action

Last but not least you should have a single call to action on your site. Most likely it will be a button to contact you, or book a call with you.

In my opinion, it’s important to have a single call to action because if you give people too many options they will not be so focused on taking an action that you actually want them to take.

I also suggest that you have a call to action button at least 2-3 times on the page: one on the first screen where you have your positioning statement and/or your offer, and one at the very bottom of the page so that when they finish reading they don’t need to go back to the top to take action. Having another call to action in the middle of your page is also a good idea. My advice would be to add it after you’ve described the problem, your solution and presented yourself as someone who can help your leads with their problems.

Results

I started niching down and created my own website four months ago. Being a member of multiple freelance platforms, I’ve been fortunate enough to get enough leads in my target market to test out my strategy. So far the results are pretty amazing.

It has become a lot easier for me to win projects, get clients that respect my knowledge, and my process. Besides that, I’ve been able to significantly increase my rates for my work. A great thing about working with similar projects every time is that you automate and streamline a lot of things, improve your delivery process and become much more efficient. You can even create a productized service. This is something that is very hard to achieve if you’re constantly working on custom projects that have different requirements and involve different technologies.

To be completely transparent, I’m still in the process of building my authority in the niche, polishing my offer and gaining experience. I still have a long way to go. What I can certainly say today is that it has been one of the best decisions in my professional career.

To become a high paying professional in your industry you have to do things differently. Today I tried to show you one of the ways that you can improve your career or freelancing business fast. It probably won’t happen overnight, but in a matter of a few months you can be so much ahead of your competition if you deploy some of the strategies that I’ve shared with you today.

I really hope that this article has helped you gain some perspective and you will start to consider doing a similar thing that I did to achieve amazing results.

Featured image via Unsplash.

Source

Source de l’article sur Webdesignerdepot

17 septembre 2020/par Service comm.

Should We Be Designing For Voice?

Actualités, Actualités

Voice is one aspect of technology that is getting bigger and bigger, and showing little sign of relenting. In fact, 2019 data revealed that 22% of UK households owned a voice-controlled digital home assistant device such as an Amazon Echo or Google home. This is double the figure recorded in 2017 and it is predicted that over the next five years nearly 50% of all homes will have one. Smart home adoption rates are increasing, and it shows how voice control is something we are all becoming more accustomed to.

With these high figures, does it follow that voice should be something web designers build into sites? Or is it merely a gimmick that will die out and render sites with hardware and complex design issues? You only have to look at the failed introduction of Google glass to see that certain technological advancements don’t always have the outcome that might be expected.

Multiple Voices

One of the first issues with voice is establishing whether you want sites to recognise everyone’s voices, or just those who have registered. If you’re using the site in a crowded room will it pick up on snippets of conversation from others and think these are instructions? Google Home has a feature whereby you have to register your voice with its app to use more personalised features such as the shopping list. Is this the sort of thing websites would need?

Accents

The implementation of voice is complex, not only does it need to understand certain languages (such as English), but all the accents and variations too. With 160 English dialects alone, that is a lot that the technology needs to understand – not including mispronunciations, slang, and colloquialisms. Also, if a site is used all over the world (which many are) how many languages will it need to know?

Privacy Issues

if there are clips of your voice out there on the web…it can easily be imitated

If a website involves a feature such as online shopping or other functions which require sensitive details to be input, this could put people off using voice. Users need to know where this saved data is being stored, how it will be used and if it is secure. In 2018, HMRC had signed up about 6.7 million people to its voice ID service and HSBC said over 10,000 were registering each week. This shows many trust the service, but experts say that if there are clips of your voice out there on the web (such as in a podcast) it can easily be imitated. Bringing with it security and privacy issues.

According to futurologist Dr Ian Pearson, who invented the text message back in 1991, it won’t be long until we can complete a financial transaction with just a few words and a gesture. This can be a time-saver for things such as online shopping, but we need to ensure there are the correct security steps in place.

Users Don’t Talk The Way They Type

When speaking we tend to use shortened and more colloquial language as opposed to when we type. The voice function on a website will need to be able to adapt for this. One example is if you are filling in a form or comment box by voice for a website, you will need to tell it what to punctuate, letting it know where to add a comma, exclamation mark etc.

Website Processes Need to be Simpler

With the web as we use it now, we often browse through pages, reading other snippets of information before clicking through to the page we want. With voice recognition it will cut out these middle steps. For example, if you are looking for a recipe of something specific, you will just say the command “Show me the … recipe” and it will take you straight there. This direct access to what we are looking for could lead to a simplification of websites.

Regular Updates

With websites as they are now, they need updates semi-regularly, depending on how they are built, how complex they are, and what features we have built into them. A voice-based site will need updating regularly, whether to add new words or processes or to keep up with the fast-adapting technology. It might end up being quite a complex process.

Mistrust

While there are more of us now than ever using voice control via tech such as Alexa, Google, and Siri, there is still a level of mistrust over it. It’s still not quite clear where data is being stored, if it is being stored, and how easy it could be to abuse.

Larger Storage and Bandwidth

If a site is built for voice, will it utilise a ready-built plugin or will it have its own software built by developers? Will this feature require a greater amount of storage and bandwidth to cope with it? These are further factors to consider when thinking of the future of implementing voice to websites.

We Still Don’t Know Where It Will Go

Voice technology while working in some respects, is still a bit of a grey area when it comes to future use. Will it be the next big thing as many have predicted, or will it simply die down?

Look at Google Glass – highlighted as the big new technology, they soon died down and were eventually discontinued. Smart watches were another thing. You can see their initial downfall by reading an article published in 2017 about smartwatches – how major smartwatch makers such as Apple and Samsung rushed into the market before the technology was ready and they subsequently failed. Motorola exited the smartwatch market, Pebble and Jawbone shut down and Fitbit sold 2.3 million fewer devices than in their previous quarter. It was perceived as being a fad. However, fast forward to 2020 and more people than ever are wearing and using smartwatches. The smartwatch market was valued at shipment volumes of 47.34 million in 2019 and is expected to reach 117.51 by 2025, reaching a growth of 15.4 over the next five years.

Will voice follow a similar trend?

No More Impulse Buying

People enjoy browsing websites and many businesses rely on user’s impulse buying and ask their websites to be designed to reflect this. With voice taking you directly to the page’s users want to find, will they bypass these potential selling traps and just buy what they want – rather than added extras? Will it end up being a negative for businesses and see users not as satisfied for the experience?

Voiceless Still Matters

You will also have to remember that not all devices might work with voice, or people might be browsing somewhere where voice cannot be used. This means in the design process it needs to work both for voice instruction and manual use. It needs to work just as well for both to ensure the customer journey isn’t affected.

There are many ways voice can affect how we design websites in the upcoming future. It’s important to take note of market trends and usage – seeing how people use voice and thinking of the customer journey. It’s vital we don’t forget the end goals of websites – whether it’s to inform or to sell, the implementation of voice needs to assist this process not make it harder.

Featured image via Unsplash.

Source

Source de l’article sur Webdesignerdepot

11 septembre 2020/par Service comm.

Looping Measures of Effectiveness Back to the Creative Team

Actualités, Actualités

When analysts for professional sports teams noticed that marketing promotions that included the team’s logo vastly outperformed similar creative assets that featured player imagery — something which, to the casual observer, this may simply sound like good analyst work — it showed something significant: creatives rarely receive an analytical assessment of their work.

More than half of creatives say they rarely…get qualitative performance data about the creative content

Those analysts didn’t just stumble upon that insight. The feedback loop — where someone is dedicated to evaluating the creative used in marketing campaigns and feeding the data back to designers — was the result of a concentrated effort to improve the creative process, workflow and by extension, organizational culture.

More than half (55%) of creatives say they “rarely” or “never” get qualitative performance data about the creative content they’ve produced. Less than one-in-five creatives (17%) receive such feedback “always” or “often.” That’s according to our research, as published in the 2020 In-House Creative Management Report, which was conducted in partnership with InSource, a professional association for in-house creatives.

Two Approaches to Measuring Creative Value

The 2020 In-House Creative Management Report revealed that 89% of respondents think creative work is important to meeting business objectives. Similarly, 87% said their organization is giving them the same or more credit for the business results their work delivers for the organization.

How can a creative team improve what it does for a business if they never see how their work influences market behavior?

Those statistics are encouraging since creative teams have been asked to do more and more — with the same or fewer resources — for years. However, to sustain this positive relationship with marketing and business leaders, creative teams will need to find quantitative ways to demonstrate their value. The feedback loop strengthens the strategic relationship creatives have with their business leaders.

So how can creative value be measured? Efficiency and effectiveness are the two primary approaches.

Efficiency

Measures of efficiency center on output. Efficiency aims to quantify requests, project by volume, type, requestor, and per designer, completion times, cycle times, cause of delays, and rounds of revision.

Such measures are essential for making a case for the resources the creative team needs to get the work done. In our research, most in-house creative teams are at least thinking about output metrics. This is a good start but it’s just the beginning.

Effectiveness

Measures of creative effectiveness are the next level in organizational sophistication. The creative process doesn’t end when a project has been approved. Instead, there’s a feedback loop that still needs to be completed – performance metrics must be shared with the creative team. How can a creative team improve what it does for a business if they never see how their work influences market behavior?

Importantly, the benefits of sharing performance data goes beyond process improvement. It spreads to the overall culture which strengthens the partnership between creatives and marketing.

As Brent Chiu-Watson, a product leader at Adobe, wrote, measures of efficacy lead to a “mutual interest in understanding creative effectiveness.” In turn, cross-functional collaboration improves and the whole team begins “to provide better insight through dialogue.”

3 Ideas for Looping Measures of Effectiveness Back to Creative

When marketing organizations are interested in measuring creative, there is often more emphasis on measures of output than there is effectiveness. Sometimes, what gets measured is what’s easy to measure. There are several reasons for this:

Creatives haven’t traditionally focused on metrics;
The trend of bringing creative in-house has been driven by efficiency;
Creatives don’t typically have access to performance metrics.

“There is an old adage that you can choose quality, speed or cost, but not all three. Sometimes two, but never all three,” says Adam Morgan, an executive creative director for Adobe, who contributed to the 2020 In-House Creative Management Report. “So, we say the most important thing is quality creative, but then we measure on speed and efficiency.”

Fortunately, Adam and several other big thinkers in the creative space offered some ideas for approaching this business problem.

1) Establish metrics and access in the beginning

“Two thoughts come to mind when you see creative teams not getting feedback on their work. First, does that data even exist? The marketing team might not be collecting it because they haven’t defined success metrics,” wrote Ilise Benun, a speaker, author and business coach for creative professionals at Marketing Mentor.

“Second, the marketing team has data, but they aren’t providing it. In that case, the creative team has to make it easy for the marketing team to pass that data over. Define what those metrics are at the beginning of the project, and then set up the project so that you can collect that information or have direct access to it at the end of the project.”

2) Pair creatives with analytics teams

“In general, teams that are earning their seat at the strategic table are probably also more connected to data. But I don’t think that the creative department should get swamped down in endless metrics,” says Adam.

“Use this as an opportunity to build a strategic partnership with even more departments within the organization who are already focused on measuring performance.”

3) Sharpen analytical skills of creatives

“It’s important to remember that operational metrics are key to showing the impact creative work has on the business,” says our very own Molly Clark, who heads our marketing team. “Creatives will strengthen their relationship with the business by becoming analytical creatives – the best combination of data-driven and creative.”

A Culture of Creative Feedback

The design team for the professional sports organization, at the beginning of this piece, were surprised by their analysts’ findings: most usually agreed that player imagery is visually more compelling. However, the organization built a feedback loop into the creative process that put combined analytics and creative to drive better business results.

Featured image via Unsplash.

Source

Source de l’article sur Webdesignerdepot

9 septembre 2020/par Service comm.

Avec les solutions SAP Ariba, ERG digitalise sa gestion des achats et affirme son engagement en faveur du développement durable

Actualités, ERP & Applications, Innovation, SAP

WALLDORF — SAP SE (NYSE : SAP) annonce que ERG, l’un des principaux producteurs d’électricité indépendants en Europe dans le secteur des énergies renouvelables, a mis en œuvre les solutions SAP Ariba pour digitaliser et unifier ses opérations d’achat.

En activité depuis plus de 80 ans, ERG a effectué sa transition du pétrole vers l’énergie verte en 2008 en produisant de l’électricité à partir de sources d’énergie renouvelables comme l’énergie éolienne, solaire et hydroélectrique et les centrales de cogénération thermoélectriques à haut rendement et à faible impact environnemental.

La digitalisation des achats vient soutenir les objectifs de transformation cloud d’ERG

ERG adopte des technologies cloud pour obtenir une infrastructure plus flexible avec une meilleure intégration, des processus améliorés, des mises à jour plus rapides et des coûts de gestion réduits. ERG a choisi les solutions SAP Ariba dans le cadre d’une stratégie visant à consolider ses achats sur une plateforme unique, rapprochant les besoins de diverses fonctions commerciales afin de partager des informations avec tous ceux qui en ont besoin au bon moment.

« Après une évaluation approfondie des solutions disponibles, nous avons choisi les solutions SAP Ariba pour leur facilité d’intégration avec nos systèmes SAP existants, et pour offrir à nos fournisseurs une interface unique à partir de laquelle ils peuvent se connecter et collaborer avec notre organisation et nos partenaires », a déclaré Anna Campi, responsable du contrôle de la planification des achats et de la gestion des fournisseurs chez ERG. « Depuis que nous avons adopté les solutions SAP Ariba, nous avons réalisé des économies considérables par rapport à la solution précédente. Nous avons également amélioré notre structure de qualification des fournisseurs par secteur de produits grâce aux solutions SAP Ariba, qui proposent une liste de fournisseurs beaucoup plus précise et plus fiable. »

Grâce aux solutions SAP Ariba Sourcing et SAP Ariba Supplier Lifecycle and Performance, ERG pourra collaborer avec ses fournisseurs tout en s’assurant qu’ils sont alignés sur ses principes organisationnels et son code de conduite. Elles aideront notamment ERG à évaluer régulièrement la conformité de ses fournisseurs stratégiques, qui représentent environ 80 % des achats de la société. Grâce à la collaboration en temps réel, ERG pourra améliorer ses marges d’exploitation et récompenser ses fournisseurs stratégiques pour leur conformité.

« Collaborer avec ses fournisseurs n’a jamais été aussi important qu’aujourd’hui, car les entreprises se concentrent actuellement sur la continuité de leur activité », a déclaré Chad Crook, senior vice president and global head of Customer Engagement and Adoption, SAP Procurement Solutions. « Avec les solutions SAP Ariba, ERG dispose d’un processus digital simplifié de gestion des dépenses de bout en bout sur une seule plateforme et d’une meilleure capacité de communication et de collaboration avec ses fournisseurs, qui lui permet d’assurer la conformité et la fluidité des opérations entre ses partenaires commerciaux. »

L’engagement d’ERG en faveur des énergies renouvelables et du développement durable

La société ERG est engagée en continu dans développement durable. Pour la deuxième année consécutive, elle figure parmi les 50 grandes entreprises les plus durables au monde, selon l’indice Corporate Knights Global 100, et est cotée à la Bourse de Milan. Cette initiative, et l’objectif que s’est fixé ERG de développer ses projets de production et d’achat tout en améliorant les processus de bout en bout, ont influencé ses achats. Conformément aux nouveaux principes écologiques de la société, le conseil d’administration d’ERG a récemment approuvé un code de conduite pour les fournisseurs.

The post Avec les solutions SAP Ariba, ERG digitalise sa gestion des achats et affirme son engagement en faveur du développement durable appeared first on SAP France News.

Source de l’article sur sap.com

9 septembre 2020/par Service comm.

3 Essential Design Trends, September 2020

Actualités, Actualités

A seasonal change is on the horizon and that always has me looking to refresh projects. This month’s design trends provide a few different ways to do that without ripping up your entire website.

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

Animated Heroes (That Aren’t Video)

Hero headers and screens that feature video animation have been popular for a while, but more website designers are experimenting with other types of full-screen moving graphics.

What’s cool about this trend is that it can take on plenty of different forms and look a lot of different ways, meaning that no two websites are identical in this regard.

The other bonus to this trend is that you can add a full-screen animation to almost any style of design without a complete overhaul of the website. You may need a few small tweaks to create a seamless transition from one screen to the next, but it’s a quick, modern design element that you can deploy rather quickly.

Typozon uses a quick motion graphic with plenty of different brand marks to tell the story of their brand identity work. Admittedly, the animation can get a little dizzying if you look at it too long, but the bright colors on the olive background are attention-getting for sure.

Day 1 Club by Spotify opens with a lot of motion in the setup and then settles into subtle motion behind the primary call to action. Shades of black and soft movement bring everything together and help you focus on the bright red button and text overlay.

Kieran Baybutt uses multiple animations for this portfolio website. The most interesting might be on the “second screen.” A couple of things are happening here. The words change with mouse movements as does the background image. There’s also a cool hover pointer featuring portfolio elements that’s in constant motion. There’s a lot going on here, but it makes you want to click around.

Animated or Floating Circles

Circles might be one of the hottest design trends of 2020. They are in all kinds of projects and keep evolving in different ways.

Maybe part of the reason is because of the message that designers are trying to convey in these projects. Circles are associated with harmony and protection. They are used to represent unity, community, and commitment. In motion, circles can also spark feelings of motion or movement with speed determining how chaotic (or not) that movement may be.

This month’s iteration of circle trends is animated. Some circles animate in place, while others seem to float in space on the canvas.

The circles in each example have something in common though – they bring you into the design and encourage interaction with it. (That might be why this website design trend is increasing in popularity all the time.)

The circular motion for the UX+ logo actually helps draw the eye away from all the almost overwhelming animation on the left side of the split-screen design. With plenty of white space surrounding it, the constant movement is just enough to pull attention to the logo and then down the screen to important information about the event.

Katch Me uses circles that seem to float over the background video with a soft “bounce” in place. The animation changes when the mouse hovers over each circle with an expanded action and the ability to move the circle in a larger space. The circles here are actually the call-to-action buttons.

Visually, the circles for Anastasiia Afanasieva’s website look like a mashup of the above examples. There’s a rotating animation for circles that seem to float in space. You have to click through this design though to see the real brilliance in it. Each circle has a hover state that changes the background color of the website (and images in each box) to match the color displayed.

Bright Yellow Coloring

Another website design trend that might be a reflection of the state of the world is in the use of the color yellow. With a global health pandemic, design projects are leaning in to brighter, more cheerful tones to help offset the stress of the world.

For many, yellow can shine just a bit of hope and optimism into gloomier times.

While most of the projects using bright yellow as an eye-popping accent, others are going all in.

Next Big Thing AG uses yellow imagery inside of oversized cutout lettering (another website design trend this year) on a dark background. Even with the darker overall palette, the design feels bright and enticing. You almost want to dive deeper into the design to see what the image behind the letters is and what else the site contains.

Sonya Mudvex uses a full yellow background on her portfolio homepage to stop visitors in their tracks. The rest of the design features a soft gray background and plenty of yellow accents. In addition to great use of color here, there are plenty of other UX tricks in this design, including some geolocation tools if you interact with the ticket validation graphic on the screen.

Upqode uses yellow with a peachy color palette to stand out. The illustrated animations are much more lively thanks to bright coloring. The overall color palette is a bit unexpected, and that’s what makes it interesting.

Conclusion

If this month’s website design trends tell you anything, it’s that interactive elements and animation are a growing part of the conversation. Are you already using these techniques in projects? (If not, it is probably time to think about it.)

You can also see how the influence of what’s happening in the world around us impacts design as well. It can counter other emotions to create a better mental space or mirror what’s happening in the world around us.

Source

Source de l’article sur Webdesignerdepot

7 septembre 2020/par Service comm.

5 Best Free Courses and Resources to Level Up As a Web Designer

Actualités, Actualités

I often see freelancers on social media asking what the secret is to working fewer hours, making more money, and helping new clients to find them. While those things tend to happen the longer you’ve been freelancing, it doesn’t happen without some effort.

If you’re wondering how you can change things so that your business becomes more profitable and easier to manage, education is the key.

But it’s not just mastering new design techniques that will take you to the next level. It’s important to invest your time in a well-rounded education so that you can grow not just as a web designer, but also as a freelancer and business owner.

The good news is that you don’t have to spend a ton of cash on courses or resources. In the following round-up, I’m going to share some of the best free courses to help you level up.

5 Best Free Courses and Resources for Web Designers

Rather than sign up for Udemy, Skillshare and other premium course membership sites, I recommend taking a bootstrapping approach to self-education. I mean, the whole point in learning new skills and strengthening existing ones is so you can run a better business and make more money, right?

Once you have extra funds to throw at premium courses, definitely explore those options. For now, let’s focus on the free courses and resources that’ll help get you to that next level:

1. edX

edX was created by Harvard and MIT in order to provide university-level training and education to anyone, anywhere. While you can’t get certified without paying a few hundred dollars, you can go through entire courses for free.

Courses are offered over a wide range of categories. As a freelance web designer, you’d do well to focus on the following areas:

Design
Learn more than just how to design beautiful interfaces. Learn about the technical side of it, too — things like AI, IoT, and cybersecurity.

Computer Science
Learn web development and coding.

Business & Management
Learn essential business skills like:

Project management
Finance management
Leadership
Marketing and analysis

Communication
Learn things like branding, negotiation, reputation management, and critical thinking.

2. Envato Tuts+

Envato Tuts+ might be best known for its succinct step-by-step design and development tutorials. However, it has a new section of free video courses to take advantage of.

Although you won’t learn any soft skills here, this is a great resource if you want to master the tools of your trade.

Free courses give you a deeper look at tools like:

HTML, CSS, and JavaScript
Adobe’s suite of software
Sketch
WordPress
Video conferencing tools

3. YouTube

YouTube is more than just a place to watch entertaining videos. There are some amazing YouTube channels for web designers at all skill levels.

When choosing a design channel and course to follow, look for ones that are well organized. If they’re just posting videos at random without any rhyme or reason, it’ll be difficult to focus on and master one skill set before moving onto the next.

Here are the channels I recommend you follow:

Flux

Learn skills related to:

Web design
Getting started as a freelancer
Strengthening your processes
Building your portfolio
Design theory and strategy

CharliMarieTV

Learn skills related to:

Web design
Building sites with Figma or Webflow
Career paths for designers
Productivity hacks

NNgroup

Learn skills related to UX:

Web design
User psychology
Usability testing
Design thinking
Research and data analysis
Journey mapping
Get access to UX Conference seminars, too

4. Moz Whiteboard Fridays

Even if you don’t offer SEO as a standalone service, it’s important for web designers to understand the role they play in SEO and to stay abreast of the latest and greatest strategies.

If you haven’t tuned in for one of Moz’s Whiteboard Fridays yet, I’d recommend you start now.

Some of the topics might not be relevant to you (like creating a content strategy). However, there are others you’ll get some great tips from, like the one above that talks about creating great visuals, preparing web pages with tags and schema markup, and optimizing for featured snippets.

5. Nir Eyal – Indistractible

Nir Eyal has made a name for himself over the years as an author and presenter on the subject of human psychology and behavior. His first book (Hooked) examined consumer behavior and how to design around it. His second (Indistractible) turned the focus on us — the doers and creators who build experiences and products for consumers.

The first of his free resources to explore is this 30-minute presentation on why we’re so easily distracted and how to keep those distractions (and ourselves) from getting in the way.

The second free resource to snag up is the 80-page workbook available on the homepage. Here’s a preview of what it looks like:

You’ll learn about common distractions, identify those that are specific to you, and then work through exercises to defeat them.

If this is something you’re struggling with, these resources will empower you to make a much-needed change.

BONUS: WebDesigner Depot

Although WebDesigner Depot doesn’t offer video courses, I consider each of the articles contained within this site to be mini-courses of their own. And you’ll learn everything you’ve ever wanted to know about becoming a web designer and growing your freelance business.

Featured image via Unsplash.

Source

Source de l’article sur Webdesignerdepot

3 septembre 2020/par Service comm.

Real-Time Stock Data Using Marketplace’s API

Actualités, Actualités

In this time of global economic turmoil, it’s more important than it’s ever been that your financial decisions are based on accurate, up-to-date, market information.

In a world where stock price is a key confidence marker, the businesses that attract attention, secure investment, and grow, are the ones that can demonstrate their value in a wider market.

Up to now, displaying accurate market pricing has been prohibitively expensive, needing direct access to a huge dataset, and the code to mine it. So we’re delighted to introduce marketstack, a real-time market data API that’s reliable, simple to integrate with your site or app, is lightning fast, and includes a free-forever plan.

What is marketstack?

marketstack is a REST API that allows you to access stock data for public companies at 72 global exchanges including the New York Stock Exchange, the Nasdaq, the Tokyo Stock Exchange, and the London Stock Exchange.

marketstack delivers real-time market data, accurate to a single minute, ensuring that the information you base your decisions on, and the information you pass on to your customers, is always up to date.

There are more than 125,000 stock tickers, from over 50 different countries; you can query stocks, or over 75 different market indices; intraday market data is included, meaning you can monitor trades that close at the end of the day; you can even retrieve data about time-zones and international currencies.

Why Choose marketstack

marketstack uses cutting-edge technology to deliver market data in an easy-to-integrate JSON format, which is lightweight and incredibly easy to dig into.

Requests are made via a simple HTTP GET call, and all requests are run through bank-quality 256-bit HTTPS encryption. Whatever code stack you’re using, whether it’s PHP, Python, Node, or plain old JavaScript, marketstack provides comprehensive documentation to get your team up to speed in mere minutes.

The highly reliable cloud infrastructure can handle anything from a few dozen requests per year, all the way up to millions of requests per day. Regardless of the scale of your project, marketstack is robust and flexible enough to handle it.

It’s Not Just About Money

marketstack isn’t just about the bulls and bears of markets, in the tech sector specifically, stock price is an indicator of wider business trends and performance.

When Apple became the first US company to reach a $2 trillion valuation, not only was its stock price central to the story, but it indicated a trend in the tech giant’s dominance that went beyond cold hard cash.

When an eccentric billionaire makes outrageous, and ill-judged comments, and tanks his company’s valuation, the fluctuations in stock price are a big part of the story.

Beyond the spin of politicians, the market index of different exchanges is an indication of what analysts with in-depth knowledge really think during an election campaign.

With over 30 years of historical data, marketstack is a history of business, particularly the burgeoning tech sector, and makes that history available with a simple to use API.

marketstack’s Rock Solid API

marketstack’s API is built on top of apilayer technology, one of the most respected, and trusted API providers in the world, with a huge amount of experience delivering data reliably. Millions of API requests can be run through the API hourly, and it still has almost 100% uptime.

Any API is only as good as the data it supplies, and marketstack’s data is supplied by numerous high-authority providers around the globe, resulting in unprecedented accuracy.

As a result, marketstack is trusted by over 30,000 companies — including Microsoft, Amazon, Uber, and Credit Suisse — and 80+ universities.

Getting Started with marketstack

marketstack is entirely free for up to 1000 requests per month, with access to 1 year of historical data, as well as end-of-day data. No credit card is required to get started, and you’ll never be billed. This is the perfect option for simple integrations, or developers working on proof-of-concept builds. What we really like about marketstack is that the free package is genuinely usable. It’s not just a trial version that presses you into upgrading.

For anyone who needs more comprehensive data, packages that include market indices, technical support, and commercial use permissions, start at $9.99 per month, or just $7.99 per month when billed annually.

Head over the marketstack today to claim your free API key, and get started.

[– This is a sponsored post on behalf of marketstack –]

Source

Source de l’article sur Webdesignerdepot

1 septembre 2020/par Service comm.

8 Easy Ways To Ruin Your User Onboarding

Actualités, Actualités

To understand why user onboarding is such an indispensable tool, we need to empathize with the people using our products; we all come from different backgrounds and cultures, we make different assumptions, and we see the world differently.

User onboarding helps mitigate these differences by making your product’s learning curve less steep.

However, companies often make unfortunate mistakes that hinder user experience and cause frustration. In today’s article, we’ll take a look at eight ways companies ruin their products’ onboarding process.

Let’s dive right in, shall we?

1. No User Onboarding at all

As a part of the team that created a product, you’ve probably spent hundreds of hours going over its features and the most minute detail. Naturally, you know the product like the back of your hand. The user does not.

Naturally, you know the product like the back of your hand. The user does not

We may believe that the app we’ve worked on is straightforward and that user onboarding is probably overkill — but that’s almost never the case. Guiding our users through a product will help with retention, conversion, and their overall satisfaction.

However, there are very rare cases when you can do without user onboarding, here are a few:

Your product is too straightforward to cause any confusion;
Your product has a formulaic structure, similar to that of other products’ in your category, i.e., social media or e-commerce;
Your product relies heavily on Google or iOS design guidelines with common design patterns;
Your product is too complex (enterprise or business-oriented) — in such cases, users need special training, rather than just an onboarding;

2. Assuming That Users “Get It”

One of the vital UX mottos we should always be mindful of is that “we are not our users.” When onboarding them, we always need to assume that they’re at square one. We should communicate with them as if they have no prior knowledge of our product, its terminology, and the way it works.

Providing freshly-registered users with highly contextual information will most likely confuse them. As a result, this will render your attempts to create a helpful onboarding process useless.

3. Onboarding Users on a Single Touchpoint

it’s tempting to brainstorm which features should make it into the onboarding, then design and code them; that’s a very bad idea

The main problem with the previous point is that it’s too contextual for new users. However, providing no context altogether can be problematic as well. This is commonly found in onboarding processes that focus on a single touchpoint while leaving out the rest of the product.

By choosing to inform users of our product’s features, we force them to detour from their “normal” course of action. This comes at the cost of the user’s frustration.

Since we’re asking people to pay this price, it’s best to provide them with information that will also help them navigate the entire product. As a result, this will decrease the number of times we’ll have to distract them from their ordinary flow.

4. Forcing Users Through Onboarding

We’ve previously mentioned that we mustn’t assume that users have any background knowledge about our products.

The opposite argument can be made — experienced users don’t need a basic onboarding process. It will most likely frustrate them, and it won’t provide them with any real value. Also, forcing users through this process will most likely take the onboarding frustration to a whole other level.

This is why it’s essential that we allow them to skip the parts they don’t find useful. This way, we’ll address the knowledge gaps of the people who really want it and need it.

5. Onboarding Based Purely on Assumptions

This is yet another point that’s implicit in “we are not our users”. Oftentimes, it’s tempting to brainstorm which features should make it into the onboarding, then design and code them; that’s a very bad idea.

Here’s what every designer should do instead:

Do user interviews: You should conduct these before having anything designed; user interviews will help you shortlist and prioritize features in terms of their significance, so that the onboarding is focused around the features that matter most.
Do usability testing: Once you have a good idea of what features your users consider most important, design onboarding that reflects that; having completed your design, make sure to conduct at least 5 usability testing sessions with users, so that you can make sure that your design works.

6. Just Letting Users Quit

While we shouldn’t force people to go through onboarding, it doesn’t mean we shouldn’t nudge them in the right direction.

find that sweet spot between being front of mind and annoying

People choose not to onboard for many reasons, but showing them around will benefit both parties. Therefore, it’s never wrong to remind them that they can always resume onboarding via email or push notifications (unless you’re too pushy). Make sure to find that sweet spot between being front of mind and annoying.

Similarly, these two mediums are a great way to deliver valuable information as well.

Here’s a great example of an onboarding email from InVision:

And here’s a clever notification from TripPlanner:

Source: clevertap.com

7. Asking For Too Much Information

We need to always be mindful of the fact that the product’s spokesperson should act as a guide during onboarding. Its goal at the very beginning is to build trust.

We can ask for small favors when we’ve built a solid and lasting relationship

Not only is asking for too much information from the get-go unproductive, but it will also undermine the trust that the user already gave us.

It’s best to abstain from asking freshly-registered users for their credit card information. Nearly 100% of businesses care about profits — and there’s no shame in it. However, today’s most successful companies make money by providing users with value. So it’s best to stimulate users to share their financial data in subtler ways while focusing on customer experience.

The same can be said about subjecting the people using your service to extensive questionnaires. At the first steps of our interaction, it’s all about giving and gaining trust. We can ask for small favors when we’ve built a solid and lasting relationship.

8. Onboarding for the Sake of Onboarding

While there are dozens of reasons why you should guide your users through your product, it needs to be done well. A pointless onboarding process that doesn’t provide users with value is more frustrating than the lack thereof.

Onboarding can be a bit frustrating at times. Pointless onboarding will just raise eyebrows. It will slow users down and disengage them, which is exactly the opposite of what we want.

Conclusion

The process of introducing your users to your product is one of the factors that will define its success.

A critical aspect of user onboarding that we need to always take into account is value. Is this detour from our user’s ordinary course of action valuable to them? Will this improve their experience with the product?

Onboarding demands careful and continuous tailoring. Once perfected, this process will help you win new users’ hearts and help you build brand loyalty.

Featured image via Unsplash.

Source

Source de l’article sur Webdesignerdepot

31 août 2020/par Service comm.

12 Best Google Design & Development Tools

Actualités, Actualités

Google resembles an iceberg: there’s the part above the water we can see and use everyday; there’s also the part beneath the water, that we don’t see and know little about.

While many of us are concerned about the aspects of Google we don’t see — the parts that threaten our privacy, or monopolize the web — there’s no denying that Google offers some amazing products and tools, many of them free, all from the convenience of a single login.

Today we’re going to take a look at 12 tools from Google that really do bring something positive to the table.

1. Polymer

Polymer is an open-source JavaScript library from Google for building web applications using Web Components. The platform comes with a ton of libraries and tools to help designers and developers unlock the web’s potential by taking advantage of features like HTTP/2, Web Components, and Service Workers.

The main feature of Polymer is Web Components. With Web Components, you can share custom elements to any site, work seamlessly with any browser’s built-in elements, and effectively use frameworks of all kinds. Products like LitElement (a simple base class for creating fast, lightweight web components) and PWA Starter Kit make Polymer easy to use. If you like, you can build your app entirely out of Web Components.

2. Lighthouse

Google Lighthouse is an open-source, automated tool for improving the quality of web pages. The software allows you to audit web pages for performance, SEO, accessibility, and more. You can run Lighthouse using ChromeDevTools, directly from the command line, or as a Node module.

To use Lighthouse in Google Chrome, just go to the URL you want to audit (you can audit any URL on the web), open ChromeDevTools, and click the Audits tab. After you have run the audit, Lighthouse will give you an in-depth report on the web page.

With these reports, you will see which parts of your web page you need to optimize. Each report has a reference doc that explains why that audit is important and also shows you the steps you can take to fix it.

You can also use Lighthouse CL to prevent regression on your sites. Using Lighthouse Viewer, you can view and share reports online. You can also share reports as JSON or GitHub Gists.

Lighthouse also comes with a feature called Stack Packs that allows Lighthouse to detect what platform a site is built on. It also displays specific stack-based recommendations.

3. Google Analytics

Google Analytics is the gold standard of analytics services. Google analytics can be installed on your site for free with a small amount of JavaScript and allows you to see all kinds of details about your site visitors, like what browser they’re using, and where they’re from.

By using Google Analytics you can make decisions about your site based on science, and therefore be somewhat confident that the decisions you make will result in the outcome you are expecting.

4. Flutter

Flutter is Google’s UI toolkit for building natively compiled applications for mobile, web, and desktop from a single codebase. The toolkit is open source and free to use. The best part of Flutter is that it works with existing code.

The toolkit has a layered architecture that allows for full customization, which results in fast rendering and flexible designs. It also comes with fully-customizable widgets that allow you to build native interfaces in minutes. With these widgets, you will be able to add platform features such as scrolling, navigation, icons, and fonts to provide a full native performance on both iOS and Android.

Flutter also has a feature called hot reload that allows you to easily build UIs, add new features, and fix bugs faster. You can also compile Flutter code to native ARM machine code using Dart native compilers.

5. Google API Explorer

Google has a huge library of APIs that are available to developers but finding these APIs can be difficult. Google API Explorer makes it easy for developers to locate any API. On the Google API Explorer web page, you will see a complete list of the entire API library. You can easily scroll through the list or use the search box to filter through the API list.

The best part of Google API Explorer is that each link to a reference page comes with more details on how to use the API. API Explorer is an excellent way to try out methods in the Monitoring API without having to write any code.

6. Puppeteer

Puppeteer is a project from the Google Chrome team. The platform enables web developers to control a Chrome (or any other Chrome DevTools Protocol based browser) and execute common actions, much like in a real browser. Puppeteer is also a Node library and it provides a high-level API for working with headless Chrome. It is also a useful tool for scraping, testing, and automating web pages.

Here are some things you can do with Puppeteer: generate screenshots and PDFs of pages, UI testing, test Chrome Extensions, automate form submission, generate pre-rendered content, and crawl Single-Page Applications.

7. Codelabs

Google Developer Codelabs is a handy tool for beginner developers and even advanced developers who want to improve their knowledge. Codelabs provide a guided, tutorial, hands-on coding experience. Codelabs’ site is broken down into several tutorial sessions on different topics.

With the tutorials on Codelabs, you can learn how to build applications from scratch. Some of the tutorial categories include Augmented reality, TensorFlow, Analytics, Virtual Analytics, G Suite, Search, Google Compute Engine, and Google APIs on iOS.

8. Color Tool

Color Tool makes it easy for web designers to create, share, and apply colors to their UI. It also measures the accessibility level for any color combination before exporting to the palette. The tool comes with 6 user interfaces and offers over 250 colors to choose from.

The tool is also very easy to use. All you need to do is pick a color and apply it to the primary color scheme; switch to the secondary color scheme, and pick another color. You can also switch to Custom to pick your own colors. After you have selected all your colors, use the Accessibility feature to check if all is good before exporting it to your palette.

9. Workbox

Workbox is a set of JavaScript libraries and Node modules. The JavaScript libraries make it easy to add offline support to web apps. The Node modules make it easy to cache assets and offer other features to help users build Progressive Web Apps. Some of these features include pre-caching, runtime caching, request routing, background sync, debugging, and greater flexibility than sw-precache and sw-toolbox.

With Workbox, you can add a quick rule that enables you to cache Google fonts, images, JavaScript, and CSS files. Caching these files will make your web page to run faster and also consume less storage. You can also pre-cache your files in your web app using their CLI, Node module, or webpack plugin.

10. PageSpeed Insights

PageSpeed Insights is a handy tool from Google Developers that analyzes the content of a web page, then generates suggestions on how to make the page faster. It gives reports on the performance of a web page on both desktop and mobile devices. At the top of the report, PageSpeed Insights provides a score that summarizes the page’s performance.

11. AMP on Google

AMP pages load faster and also look better than standard HTML pages on mobile devices. AMP on Google allows you to enhance your AMP pages across Google. It is a web component framework that allows you to create user-first websites, ads, emails, and stories. One benefit of AMP is that it allows your web pages to load almost instantly across all devices and platforms hence improving the user’s experience.

12. Window Resizer

When creating websites, it is important that developers test them for responsive design – this is where Window Resizer comes in. Window Resizer is a Chrome extension that resizes the browser window so that you can test your responsive design on different screen resolutions. The common screen sizes offered are desktop, laptop, and mobile, but you can also add custom screen sizes.

Featured image via Unsplash.

Source

Source de l’article sur Webdesignerdepot

28 août 2020/par Service comm.