Articles

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!

Coca-Cola Presents New Packaging Design

Seven Mistakes To Avoid In Your Technical Interviews

10 Interesting Ways to Plan Web Design Projects

Web Developer’s Guide To AVIF Images

 

3 Effective Ways To Improve Your Site’s Carbon Footprint

Pure CSS Before & After Image Slider

Blank

25 Exciting New Tools For Designers, April 2021

Text In A Circle Using CSS & JavaScript

A to Z of Adobe XD: Tips & Tricks!

Content-Aware Image Resizing In JavaScript

Remove Distractions and Waste from Your Website

Top 18 Best Practices for Writing Super Readable Code

Atriom

Source

The post Popular Design News Of The Week: April 19, 2021 – April 25, 2021 first appeared on Webdesigner Depot.


Source de l’article sur Webdesignerdepot

At the dawn of the web-era, there was much focus on how environmentally friendly websites were: we’d chop down fewer trees, ship fewer products, and travel less for business.

And because the web was small, any negative impact it had was relatively small. But the Internet’s no longer small, and neither is the impact it has on the environment. The average website uses 211,000g of CO2 per year, watching a video online outputs an estimated 0.2g of CO2 per second, and a single email can cost 50g of CO2.

In the next four years, the tech industry as a whole may use up to 20% of the world’s electricity and be responsible for 5.5% of global CO2 emissions.

The good news is that because websites are viewed many times, even small improvements can multiply into real change.

1. Reduce Energy Consumption

Through electricity use, the Internet generates around the same CO2 as most major countries. That carbon comes from two sources: the devices we use to access the Internet and the servers that host our data.

Computers heat up, and when they heat up, they slow down. Servers are especially vulnerable and use extraordinary amounts of energy to keep cool and functional, which is why Microsoft keeps throwing servers into the sea.

Make It Faster

The faster your site, the less data is used to serve it, and the less carbon it’s outputting; it’s that simple.

Reduce the Number of Resources Used

Everything you load on your site has an impact. You might think that a tiny PNG is too small to really impact your carbon footprint, but over thousands of page loads, its impact is multiplied. Anything you can do to reduce the number of actual files requested will reduce your carbon output. You can use sites like Ecograder to estimate your own site’s CO2 output.

Optimize Images

If there’s one thing you can do to reduce the size of your site, the amount of data that needs to be sent over the Internet to serve your site, and the resulting speed, it’s optimizing your images.

Nothing reduces a site’s footprint like optimizing images. It’s easy and free to reduce the size of JPGs and PNGs with a service like TinyPNG. Offer WebP to any browser that will accept them; it will boost your Lighthouse score and improve your CO2 usage.

Lazy Load Images

Lazy loading images means images are loaded as they are required; images at the top of a page always load, images further down only load when the user scrolls to them; if the user doesn’t scroll to the bottom of the page, they don’t load, saving you CO2.

Reduce The Amount Of JavaScript You Use

Yes, JavaScript is awesome. Yes, it can be hugely beneficial to UX. And yes, it munches on energy like it’s candy.

When a web page loads, it’s done, the total cost is in. If JavaScript keeps running in the background, redrawing the screen based on user interaction — as is the case with a parallax site — the web page keeps using up energy on the device.

Choose a Sustainable Hosting Company

You can reduce the power needs of a site, but you can’t eliminate them. One simple step is to opt for a hosting company that gets its electricity from sustainable sources such as wind power or solar.

Low←Tech Magazine is powered by a server that runs on solar energy and carries a warning that it may go offline. But it’s possible to host both reliably and sustainably. Many web hosts outsource their actual server management, so they have no control over how those servers are powered, but there are plenty of exceptions that guarantee green web hosting. Google Cloud aims to be the cleanest in the cloud industry. For green web hosting, I always recommend the all-round superb Kualo.

2. Be Inclusive

One of the biggest issues with the EV (Electric Vehicle) movement is that we’re replacing cars earlier than we normally would in a rush to move to “clean” driving.

A new EV certainly outputs less than a gas-powered vehicle when driven the same distance. Combine increased use — because owners think they are driving cleanly — with the fact that a new EV has to be manufactured, the minerals for batteries have to be mined (in horrific conditions), and it then needs to be shipped to you, and EVs are not as friendly as they appear — so go ahead, buy that vintage Porsche it’s probably better for the environment than a Tesla.

Support Legacy Devices

The same issue that applies to cars applies to devices. Every time we rush ahead to support the latest iPhone, we leave older generations behind. A device can and should last longer than two years.

This is not to say that you shouldn’t embrace modern web standards. Technologies like CSS Grid are excellent at reducing markup size and speeding up sites. CSS Grid has been well supported for over four years, and even “legacy” devices can handle it. If you can keep a phone for an extra six months, the environmental cost of that phone is reduced by 20%.

3. Help Users Make Good Choices

More and more people are trying to make good choices. We’re eating a healthier, balanced diet. We’re recycling clothes. We’re traveling by bike, and on foot, instead of by car. People want to do the right thing, and they seek out companies that aid them.

Improve Navigation

Anything that you can do to make your content more findable will mean fewer page loads and therefore consume fewer resources.

By improving your information architecture, improving your search accuracy, and improving on-page signposts like bread crumbs and link text, you help users find content faster.

Feelgood Feedback

When the environmental impact of a user’s actions are quantifiable, let them know. Users who care will appreciate it, and users who don’t will ignore it.

Raileurope.com adds a note to any quotation letting you know how much carbon you’ve saved by traveling by train instead of flying.

Don’t Remove the Shipping Rate

Many ecommerce sites offer free shipping, especially above a certain order value; it’s a good way to encourage higher sales. But absorbing the shipping cost implies that there is no shipping. By highlighting the shipping costs, even if they’re not passed on to the customer, you remind them that there is an environmental cost and a financial cost.

You can absorb the shipping rate without implying there is no cost by adding the shipping and then explicitly deducting it as a discount.

Sustainable Web Design Is Good For Business

The fundamentals of good web design are the fundamentals of sustainable web design.

Make it fast and usable, and you’ll also be making it energy efficient. Make it inclusive, and you’ll help the industry slow the ever-growing tendency to consume. Make it transparent, and you’ll help your users make good choices of their own. All of these things are not only good for the environment, but they also result in improved UX and SEO.

 

Featured image via Pexels.

Source

The post 3 Effective Ways To Improve Your Site’s Carbon Footprint first appeared on Webdesigner Depot.


Source de l’article sur Webdesignerdepot

Over the last fortnight one site builder has gone toe-to-toe with another, as Wix launched a marketing campaign aimed at attracting WordPress users, and instead attracted universal ire.

First, Wix sent out expensive headphones as gifts to key WordPress “influencers” in an attempt to lure them to the platform. Second, they produced a series of adverts that instead of promoting their own product, tried to imply that WordPress is so bad you’ll need mental health counselling to cope with it; it’s been widely frowned upon, but am I alone in thinking they’re not a million miles away from Apple’s anti-Windows adverts? No, I’m not.

Then, Wix made an attempt to go viral with an uncomfortable video in which a character portraying “WordPress” releases a “secret” message warning the community of “fake news” supposedly due to be released by Wix. The language and the styling is clear: WordPress is unhip daddio.

Unlike WordPress, Wix is a publicly owned company, it has an obligation to its shareholders to maximize its revenue. Had Wix targeted WordPress’ many failings, that would have been fair game. Had they gone after Shopify, or Webflow, or Squarespace, or one of the many other site builders on the market no one would have blinked an eye. Wix’s error wasn’t going after WordPress, or even the tactics used to do so, Wix’s mistake was in attacking the very community it was attempting to court.

I’m not a big fan of WordPress. I’ve built around a dozen sites in it over the years and we’ve never got along, WordPress and I. But I am a big fan of the ethos of WordPress; who doesn’t love free, open source software, built by volunteers?

The holy grail of marketing is transforming customers into evangelists — individuals who will bare their chests, paint their face with woad, and charge headlong onto social media at the merest hint of a perceived slight. You can’t buy them. It’s a loyalty that has to be cultivated over years, and requires more give than take. WordPress has those evangelists, people who see their careers in web design as intertwined with the CMS. No amount of free headphones is going to convert them to a closed system like Wix.

The irony is that Wix’s approach stemmed from the WordPress community itself. If it is going to celebrate “powering 40% of the Web” then it has to expect to make itself a target. If you’re an antelope, you don’t douse yourself in bbq sauce and strut around the waterhole where the lions like to hang out.

If the row rumbles on, it will eventually end in an apology and a promise from Wix to “do better.” But the truth is, all Wix did was confuse a community of people trying to build websites, with a competing business.

This time next year, Wix will still be recovering from the damage to its reputation, and WordPress will be telling us it powers 110% of the Web.

Source

The post Wix Vs WordPress: 3rd Round Knockout first appeared on Webdesigner Depot.


Source de l’article sur Webdesignerdepot

8 startups françaises et internationales, spécialisées dans l’innovation autour de l’agriculture et de l’agroalimentaire, rejoignent cette sixième édition. Leur but ? Aider ces deux secteurs à se transformer, via des nouvelles technologies, pour avoir un impact positif et durable.

SAP.iO Foundry Paris annonce aujourd’hui le lancement de son nouveau programme d’accélération autour de l’Agribusiness. Suite à son appel à candidature en janvier dernier, le jury de SAP.iO composé de collaborateurs SAP, de partenaires (Deloitte, Accenture), et de fonds d’investissements (CapAgro et Astanor Venture) et de nombreux clients a retenu 8 startups spécialisées en procurement, supply chain, en plateformes de suivi de production et en outils d’aide à la décision. Pendant 10 semaines, SAP.iO va accompagner ces jeunes pousses dans leur croissance autant sur l’aspect business que technologique.

SAP.iO Foundry Paris ouvre ses portes à des startups du monde entier

Cette sixième promotion dépasse les frontières habituelles de SAP.iO Foundry Paris avec 3 startups françaises, 2 américaines 1 israélienne, 1 allemande et 1 canadienne.

Partant du constat que la France est l’une des plus grandes puissances agricoles, SAP.iO Foundry Paris lance le 1er programme d’accélération startups de SAP entièrement dédié à cette industrie. Les 8 jeunes pousses ont été retenues pour leurs technologies et leurs approches innovantes en matière de transition écologique. Grâce à l’expertise de SAP sur le sujet, notamment en Europe et aux Etats-Unis, l’accélérateur de startups offre à ces jeunes pousses l’opportunité de se positionner sur l’ensemble du globe.

Ce nouveau programme d’accélération sera articulé autour de 3 problématiques :

  • Digital Farming & Data-Driven Agriculture : comment intégrer dans l’Agribusiness de la donnée, de l’intelligence artificielle, de l’analytique, de la plateforme d’aide à la décision ?
  • Next-gen Agricultural Origination Processes : comment combiner conformité et traçabilité dans l’ensemble du processus de production et de transformation ?
  • Sustainable AgriBusiness Supply Chains : comment faire de l’agriculture plus responsable et respectueuse de l’environnement tout au long de la chaine de valeur ?

8 startups à forte valeur ajoutée orientées AgTech sélectionnées

  • Agrora permet aux transformateurs et aux négociants de produits agricoles de gagner du temps sur les processus d’approvisionnement et de distribution en offrant un logiciel d’approvisionnement pour les produits agricoles.
  • Clarifruit est une startup israélienne spécialisée dans le contrôle qualité des produits frais et notamment des fruits, qui grâce à l’intelligence artificielle et à des caméras, permet d’identifier si les fruits sont de bonne qualité et propres à la consommation.
  • Connecting Food est la première plateforme collaborative française utilisant la technologie blockchain et des modules intelligents pour apporter de la transparence, une traçabilité de bout en bout et un audit numérique complet des produits alimentaires avant de les mettre dans les mains des consommateurs.
  • Grain Chain Inc, startup américaine, a développé une plateforme révolutionnaire qui uniformise les règles du jeu pour les producteurs, les acheteurs, les opérateurs de stockage, les prêteurs et tous les autres participants de la chaîne d’approvisionnement agricole mondiale. Sa solution combine la blockchain et la technologie axée sur l’IoT pour vérifier et exécuter automatiquement les contrats intelligents, créant ainsi des flux de travail entièrement automatisés et numérisés à chaque étape.
  • Heavy Connect est une plateforme mobile américaine spécialisée dans le respect de réglementations, répondant aux difficultés que peuvent rencontrer les agriculteurs, souvent confrontés à de nombreux contrôles sanitaires et réglementaires.
  • Milk Moovement est une startup canadienne déjà bien établie et qui se développe sur toute la chaîne d’approvisionnement du lait, de la récolte à la livraison. Milk Moovement agit comme un outil de communication entre toutes les entreprises impliquées dans la chaîne d’approvisionnement des produits laitiers.
  • Procsea France SASEn dotant l’industrie des produits de la mer des dernières technologies, en structurant et en standardisant les données, et en améliorant la traçabilité et la durabilité de la filière, ProcSea, startup française basée à Rennes, apporte de la valeur à chacun de ces acteurs et transforme également le commerce des produits de la mer dans son ensemble.
  • Sencrop est une plateforme française d’aide à la décision avec la particularité de pouvoir gérer et animer une communauté autour de sa plateforme pouvant connecter ensemble des capteurs IoT et différentes sources d’informations qui vont permettre d’aider l’agriculteur à prendre la bonne décision.

« L’industrie agroalimentaire est un secteur d’activité majeur pour la France. Au niveau européen, elle se situe au deuxième rang derrière l’Allemagne et on compte aujourd’hui beaucoup de grands groupes français d’envergure internationale. L’innovation est un facteur clé de la compétitivité du secteur, c’est également un moyen de réduire les inégalités et problématiques alimentaires mondiales. C’est dans ce contexte que nous avons décidé d’accompagner des startups dans le domaine Agtech. C’est avec beaucoup d’enthousiasme, que nous lançons notre 1er programme d’accélération startups de SAP entièrement dédié à l’agriculture et à l’agroalimentaire. D’envergure internationale, cette nouvelle promotion vise à apporter au secteur de l’agribusiness différents axes d’améliorations : plus d’efficacité, de transparence et de sécurité. C’est dans ce sens que nous avons sélectionné ces huit jeunes pousses françaises et étrangères dont la mission est de créer des solutions innovantes et complémentaires à celles de SAP pour apporter ensemble plus de valeur à nos clients », explique Sébastien Gibier, directeur de l’accélérateur SAP.iO Foundry Paris.

Avec ce programme et celui de ses autres accélérateurs dans le monde, SAP.iO confirme son ambition d’aller plus loin en 2021 et de vouloir devenir le One Stop Shop de SAP pour les startups à l’échelle mondiale grâce à ses différents programmes complémentaires.

Retrouvez tous les programmes startups proposés par SAP.iO sur leur site internet

Plus d’informations sur SAP.iO Foundry Paris, Agribusiness Industry Accelerator

À propos de SAP

La stratégie de SAP vise à aider chaque organisation à fonctionner en “entreprise intelligente”. En tant que leader du marché des logiciels d’application d’entreprise, nous aidons les entreprises de toutes tailles et de tous secteurs à opérer au mieux : 77 % des transactions commerciales mondiales entrent en contact avec un système SAP®. Nos technologies de Machine Learning, d’Internet des objets (IoT) et d’analytique avancées aident nos clients à transformer leurs activités en “entreprises intelligentes”. SAP permet aux personnes et aux organisations d’avoir une vision approfondie de leur business et favorise la collaboration afin qu’elles puissent garder une longueur d’avance sur leurs concurrents. Nous simplifions la technologie afin que les entreprises puissent utiliser nos logiciels comme elles le souhaitent – sans interruption. Notre suite d’applications et de services de bout en bout permet aux clients privés et publics de 25 secteurs d’activité dans le monde de fonctionner de manière rentable, de s’adapter en permanence et de faire la différence. Avec son réseau mondial de clients, partenaires, employés et leaders d’opinion, SAP aide le monde à mieux fonctionner et à améliorer la vie de chacun. Pour plus d’informations, visitez le site www.sap.com .

Contacts presse

Daniel Margato, Directeur Communication : 06 64 25 38 08 – daniel.margato@sap.com
Pauline Barriere : 06.13.73.93.11– presse-sap@publicisconsultants.com
SAP News Center. Suivez SAP sur Twitter : @SAPNews.

 

The post SAP.iO Foundry Paris dévoile les 8 startups AgTech de son sixième programme d’accélération appeared first on SAP France News.

Source de l’article sur sap.com

SAP annonce ce jour que l’équipementier automobile Faurecia a choisi SAP et SuccessFactors pour l’accompagner dans la digitalisation de ses processus RH afin de valoriser le potentiel de ses employés tout en leur permettant d’évoluer dans leur carrière de manière proactive.

Avec ses 266 sites industriels, 39 centres de R&D et ses 114 000 employés présents dans 35 pays, Faurecia est l’un des dix premiers équipementiers automobiles mondiaux proposant des solutions pour la Mobilité Durable et le Cockpit du Futur.

Simplifier les processus RH et développer les talents

Le SIRH de Faurecia s’est construit sur la base du développement de l’entreprise et des acquisitions externes, comptant jusqu’à 65 systèmes de paie différents.

Pour offrir un nouvelle expérience collaborateur, Faurecia a décidé de centraliser toutes ses données RH et la gestion de la paie en un unique endroit et une seule interface. L’objectif : promouvoir le développement individuel et profiter d’un panorama complet des processus RH qu’il s’agisse de la formation, la définition des objectifs et l’évaluation des performances des collaborateurs, la gestion des salaires et du personnel.

En choisissant SAP SuccessFactors, Faurecia a fait le choix d’un système collaboratif et accessible qui accompagne le développement du potentiel des collaborateurs par la formation, le management direct et les ressources humaines.

Des collaborateurs acteurs de leur carrière

Grâce à l’implémentation de la solution SAP SuccessFactors, Faurecia dispose d’un accès aux évaluations de performance et aux modèles de compétences de ses employés dans le monde entier, afin de leur proposer des formations adaptées à leurs objectifs et parcours professionnel. Cela offre aux managers la possibilité de mieux accompagner les salariés dans leur développement et leurs évolutions de carrière.

La mise en place de SAP SuccessFactors a permis à l’entreprise de profiter d’une source de donnée unique et d’une solution de paie intégrée facilitant de suivi des processus RH et la gestion de l’architecture du SIRH. Les informations RH sont dorénavant centralisées en un même endroit et accessibles en temps réel. Avec SAP SuccessFactors Mobile App, les managers peuvent organiser des entretiens à tout moment, depuis leur téléphone, avec tous les renseignements nécessaires sur le candidat. Grâce à l’intégration de SAP On-Prem Payroll et de Employees Central, le Groupe bénéficie de données de meilleure qualité et de l’enregistrement automatisé des informations RH.

Très bien accueillie par l’ensemble des collaborateurs grâce à une communication régulière, la solution est aujourd’hui pleinement adoptée par l’ensemble des acteurs de l’entreprise.

« SAP SuccessFactors a complètement changé la manière de promouvoir la formation en interne. Aujourd’hui, les employés peuvent d’eux-mêmes avoir accès au catalogue de formations et être pleinement acteur de leur développement professionnel. Nous profitons également de données plus qualitatives grâce à un système unique pour la paie et pour tous les processus RH facilitant ainsi notre visibilité sur le parcours des collaborateurs », explique Laurent Villemagne, Vice President, Group HR Information Systems & Controlling.

À propos de Faurecia

Fondé en 1997, Faurecia est devenu un acteur majeur de l’industrie automobile mondiale. Avec 266 sites industriels, 39 centres de R&D et 114 000 collaborateurs répartis dans 35 pays, Faurecia est un leader mondial dans ses quatre domaines d’activités : Seating, Interiors, Clarion Electronics et Clean Mobility. Son offre technologique forte fournit aux constructeurs automobiles des solutions pour le Cockpit du futur et la Mobilité durable. En 2020, le Groupe a réalisé un chiffre d’affaires de 14,7 milliards d’euros.

À propos de SAP

La stratégie de SAP vise à aider chaque organisation à fonctionner en “entreprise intelligente”. En tant que leader du marché des logiciels d’application d’entreprise, nous aidons les entreprises de toutes tailles et de tous secteurs à opérer au mieux : 77 % des transactions commerciales mondiales entrent en contact avec un système SAP®. Nos technologies de Machine Learning, d’Internet des objets (IoT) et d’analytique avancées aident nos clients à transformer leurs activités en “entreprises intelligentes”. SAP permet aux personnes et aux organisations d’avoir une vision approfondie de leur business et favorise la collaboration afin qu’elles puissent garder une longueur d’avance sur leurs concurrents. Nous simplifions la technologie afin que les entreprises puissent utiliser nos logiciels comme elles le souhaitent – sans interruption. Notre suite d’applications et de services de bout en bout permet aux clients privés et publics de 25 secteurs d’activité dans le monde de fonctionner de manière rentable, de s’adapter en permanence et de faire la différence. Avec son réseau mondial de clients, partenaires, employés et leaders d’opinion, SAP aide le monde à mieux fonctionner et à améliorer la vie de chacun. Pour plus d’informations, visitez le site www.sap.com .

Contacts presse :

Daniel Margato, Directeur Communication : 06 64 25 38 08 – daniel.margato@sap.com
Pauline Barriere : 06.13.73.93.11– presse-sap@publicisconsultants.com
SAP News Center. Suivez SAP sur Twitter : @SAPNews.

The post Faurecia choisit SAP SuccessFactors pour développer une nouvelle expérience collaborateur appeared first on SAP France News.

Source de l’article sur sap.com

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!

Designing SaaS Products in 2021

Sticky Headers: 5 Ways to Make Them Better

3 Essential Design Trends, April 2021

15 Best Firefox Extensions for Web Designers

7 Skills You Need To Thrive As A Web Designer In 2021

The Current State of Mobile UX (18 Common Pitfalls)

What Is UX Design?

Stop Asking For UI Design Feedback, Do This Instead

skruv: No-Dependency, No-Build, Small JS Framework

2021 Redesign or: How I Learned to Stop Art Directing and Love the Blog

15 Best CSS Auditing Tools for Developers

Top 14 Skills Every Web Designer Needs To Be Successful In 2021

The Era Of Cookie-Cutter Web Design Is Ending

Reduce Bounce Rate by Fixing These 7 Web Design Mistakes

Guide To Building A UI Design System

Source

The post Popular Design News of the Week: April 5, 2021 – April 11, 2021 first appeared on Webdesigner Depot.


Source de l’article sur Webdesignerdepot

Inclusive design is all about designing sites with everyone in mind instead of designing for your own preferences. It’s an essential component in a professional-grade site and the cornerstone of a successful project.

Accessibility (A11y for short) is the technical branch of inclusive design. Accessibility is a science: it knows what markup is required to make the text available to the visually impaired; it knows the minimum button size for someone with limited motor control; it knows how complex navigation can be for someone with cognitive dysfunction. Accessibility is the engine that powers an inclusive design.

Because accessibility is so complex, it takes a huge wealth of knowledge to do it well. Luckily for you and me, there’s now a free resource you can use to brush up on your skills and improve the ROI of your site.

Stark has just acquired a11yresource and relaunched it as the Stark Public Library — reportedly the largest accessibility resource on the web. The library contains around a thousand different resources. You’ll find blog articles, checklists, formal courses, tools, links to web standards, and a whole lot more. As the library grows, the expectation is that Stark will add new features aimed at fostering a community.

Stark is a suite of accessibility tools for designers that integrates with XD, Sketch, and Figma. It’s free to use the basic package, and the commercial plan is $60 per year. The Public Library is free for everyone to access.

Source

The post Stark Launches Public Library For Accessibility first appeared on Webdesigner Depot.


Source de l’article sur Webdesignerdepot