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

CSS is an awesome tool for styling websites. It’s small, fast, and easy to learn. But like all code, there’s a right way, and a wrong way to write it. Badly written CSS renders slowly, impacting on the perceived speed of your site, and even damaging your SEO.

Writing fast CSS is about knowing your CSS selectors, knowing your shorthand, and understanding how properties are best applied. What better way to spend the final Friday in April, than on a CSS pop-quiz. Have fun!

Source

The post Quiz: Which CSS Snippet Is The Fastest? 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

Le changement climatique, l’utilisation des matériaux, la pollution de l’air, les déchets solides et la disponibilité des ressources sont les principaux freins au développement durable que les dirigeants d’entreprise ont identifiés comme nécessitant des investissements, selon une nouvelle étude mondiale parrainée par SAP SE (NYSE : SAP). En effet, la mise en œuvre et l’élargissement des plans d’action sur ces sujets restent des obstacles rencontrés par beaucoup d’entre eux.

« Préserver l’environnement à l’échelle planétaire : Une enquête sur les moteurs et les actions des entreprises » explore les mesures prises par les entreprises pour protéger l’environnement et les défis auxquels elles sont confrontées. L’étude sera commentée lors du SAP Sustainability Summit, les 28 et 29 avril prochain. Le sommet se concentrera sur la manière dont les entreprises réduisent leur empreinte environnementale et gèrent de manière productive des ressources limitées, tout en pilotant et en rendant compte de leurs activités de manière holistique.

L’enquête, qui s’appuie sur les commentaires de plus de 7 400 dirigeants d’entreprise, répartis dans 19 pays et 16 secteurs d’activité, a également révélé les points suivants :

  • Selon la plus grande tranche de répondants (29%), les réglementations sectorielles constituent une raison sous-jacente à l’investissement dans les enjeux environnementaux. Cependant, 27% ont cité le renforcement attendu par les publics quant aux efforts des entreprises pour le développement durable comme une forte raison sous-jacente, tandis que 26% ont cité les risques pour la réputation de l’entreprise.
  • L’engagement du PDG et du conseil d’administration, ainsi que les réglementations gouvernementales, arrivent en tête des motivations. La croissance du chiffre d’affaires et des bénéfices arrive juste derrière, ce qui démontre que les actions environnementales sont influencées par des pressions internes et externes.
  • L’incertitude quant à la manière d’intégrer la durabilité dans les processus commerciaux et les systèmes informatiques est considérée comme le principal obstacle à la mise en œuvre des plans d’action (35 %). L’alignement des actions proposées dans la stratégie globale de l’entreprise (34%) arrive en deuxième position, suivi de la difficulté à prouver le retour sur investissement de ces investissements (33%).
  • Seuls 21% des personnes interrogées se disent entièrement satisfaites de la qualité des données relatives aux problèmes environnementaux, la raison principale étant le manque de confiance dans le fait que les données sont complètes et couvrent le champ d’application requis.

« Les résultats de cette étude montrent que 83 % des entreprises ne pensent pas que les impacts environnementaux sont importants pour leur activité à l’heure actuelle », a déclaré Daniel Schmid, Chief Sustainability Officer, SAP. « Les entreprises doivent reconnaître que les questions environnementales sont désormais importantes. Avec un pourcentage croissant de consommateurs qui portent attention aux valeurs et à l’éthique des entreprises auprès desquelles ils achètent, nous avons la lourde responsabilité d’aider les organisations à mieux comprendre les impacts commerciaux de la crise climatique, à surmonter les obstacles identifiés dans ce rapport et à accélérer leur progression vers l’action en faveur du climat. »

Inscrivez-vous à l’événement virtuel en direct ici. Pour être informé de la publication des résultats finaux de l’enquête, veuillez consulter et vous abonner à SAP Insights.

À 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 SAP
Daniel Margato, Directeur Communication : 06 64 25 38 08 – daniel.margato@sap.com
Pauline Barriere : 06.13.73.93.11 – presse-sap@publicisconsultants.com

 

The post Les actions en faveur du développement durable restent difficiles à mettre en œuvre, selon une nouvelle étude de SAP appeared first on SAP France News.

Source de l’article sur sap.com

Ten years ago, people began talking about the “Independent Web.” Although we don’t commonly use the term anymore, that doesn’t mean that it’s not still as vital a topic of discussion today as it was a decade ago.

Today, I want to look at where the term came from, what it refers to today, and why it’s something that all of us in business, marketing, and web design should be thinking about.

What Is The Independent Web?

The Independent Web is a term that was coined back in 2010 by John Battelle.

In “Identity and The Independent Web,” Battelle broaches the subject of internet users losing control of their data, privacy, and decision-making to the likes of social media and search engines.

“When we’re ‘on’ Facebook, Google, or Twitter, we’re plugged into an infrastructure that locks onto us, serving us content and commerce in an automated but increasingly sophisticated fashion. Sure, we navigate around, in control of our experience, but the fact is, the choices provided to us as we navigate are increasingly driven by algorithms modeled on the service’s understanding of our identity.”

That’s the Dependent Web.

This is how Battelle explains the Independent Web:

“There is another part of the web, one where I can stroll a bit more at my own pace, and discover new territory, rather than have territory matched to a presumed identity. And that is the land of the Independent Web.”

In 2010, this referred to websites, search engines, and apps where users and their activity were not tracked. But a lot has changed since then, and many websites that were once safe to peruse without interference or manipulation are no longer.

What Happens When the Dependent Web Takes Over?

Nothing good.

I take that back. It’s not fair to make a blanket statement about Dependent Web platforms and sites. Users can certainly benefit from sharing some of their data with them.

Take Facebook, for instance. Since its creation, it’s enabled people to connect with long-lost friends, stay in touch with distant relatives, enable freelance professionals like ourselves to find like-minded communities, etc.

The same goes for websites and apps that track and use visitor data. Consumers are more than willing to share relevant data with companies so long as they benefit from the resulting personalized experiences.

But the Dependent Web also has a darker side. There are many ways that the Dependent Web costs consumers and businesses control over important things like:

Behavior

If you’ve seen The Social Dilemma, then you know that platforms like Facebook and Google profit from selling their users to advertisers.

That’s right. They’re not just selling user data. They’re selling users themselves. If the algorithms can change the way users behave, these platforms and their advertisers get to cash in big time.

Many websites and apps are also guilty of using manipulation to force users to behave how they want them to.

Personal Data

This one is well-known thanks to the GDPR in the EU and the CCPA in California. Despite these initiatives to protect user data and privacy, the exploitation of personal data on the web remains a huge public concern in recent years.

Content and Branding

This isn’t relevant to websites so much as it is to social media platforms and Google.

Dependent Web platforms ultimately dictate who sees your content and when. And while they’re more than happy to benefit from the traffic and engagement this content brings to their platforms, they’re just as happy to censor or pull down content as they please, just as Skillshare did in 2019 when it deleted half of its courses without telling its course creators.

What’s more, while social media and search engines have become the place to market our businesses, some of our branding gets lost when entering such oversaturated environments.

Income

When algorithms get updated, many businesses often feel the negative effects almost immediately.

For example, Facebook updated its algorithm in 2018 to prioritize “meaningful content.” This pushed out organic business content and pulled regular user content to the top of the heap.

This, in turn, forced businesses to have to pay-to-play if they wanted to use Facebook as a viable marketing platform.

Access

The Dependent Web doesn’t just impact individuals’ experiences. It can have far-reaching effects when one company provides a critical service to a large portion of the population.

We saw this happen in November when AWS went down.

It wasn’t just Amazon’s servers that went down, though. It took out apps and sites like:

  • 1Password
  • Adobe Spark
  • Capital Gazette
  • Coinbase
  • Glassdoor
  • Roku
  • The Washington Post

And there’s absolutely nothing that these businesses or their users could do but sit around and wait… because Amazon hosts a substantial portion of the web.

Innovation

When consumers and businesses become dependent on platforms that predominantly control the way we live and work, it’s difficult for us to stand up for the little guys trying to carve out innovative pathways.

And that’s exactly what we see happen time and time again with Big Tech’s buy-and-kill tactics.

As a result, we really lose the option to choose what we use to improve our lives and our businesses. And innovative thinkers lose the ability to bring much-needed changes to the world because Big Tech wants to own the vast majority of data and users.

How Can We Take Back Control From The Dependent Web?

Many things are happening right now that are trying to push consumers and businesses towards a more Independent Web:

Consumer Privacy Protection: GDPR and CCPA empower consumers to control where their data goes and what it’s used for.

Big Tech Regulations: The Senate held tech regulation hearings with Facebook’s and Twitters’s CEOs.

Public Awareness Initiatives: Films like The Social Dilemma bring greater awareness to what’s happening on social media.

Ad Blocker Adoption: Adblocker usage is at an all-time high.

Private Search Engine Usage: Although Google dominates search engine market share, people are starting to use private search engines like Duck Duck Go.

Private Browsing Growth: Over 60% of the global population is aware of what private browsing is (i.e., incognito mode), and roughly 35% use it when surfing the web.

Self-hosted and Open Source CMS Popularity: The IndieWeb community encourages people to move away from Dependent platforms and build their own websites and communities. This is something that Matt Mullenweg, the founder of WordPress, talked about back in 2012.

“The Internet needs a strong, independent platform for those of us who don’t want to be at the mercy of someone else’s domain. I like to think that if we didn’t create WordPress something else that looks a lot like it would exist. I think Open Source is kind of like our Bill of Rights. It’s our Constitution. If we’re not true to that, nothing else matters.”

As web designers, this is something that should really speak to you, especially if you’ve ever met a lead or client who didn’t understand why they needed a website when they could just advertise on Facebook or Instagram.

A Decentralized Web: Perhaps the most promising of all these initiatives are Solid and Inrupt, which were launched in 2018 by the creator of the Web, Tim Berners-Lee.

As Berners-Lee explained on the Inrupt blog in 2020:

”The Web was always meant to be a platform for creativity, collaboration, and free invention — but that’s not what we are seeing today. Today, business transformation is hampered by different parts of one’s life being managed by different silos, each of which looks after one vertical slice of life, but where the users and teams can’t get the insight from connecting that data. Meanwhile, that data is exploited by the silo in question, leading to increasing, very reasonable, public skepticism about how personal data is being misused. That in turn has led to increasingly complex data regulations.”

This is something we should all keep a close eye on. Consumers and businesses alike are becoming wary of the Dependent Web.

Who better than the creator of the web to lead us towards the Independent Web where we can protect our data and better control our experience?

 

Featured Image via Pexels.

Source

The post What Is The Independent Web And Does It Matter In 2021? first appeared on Webdesigner Depot.


Source de l’article sur Webdesignerdepot

L’année dernière, alors que le monde traversait une période de disruption majeure, beaucoup d’entreprises ont dû revoir leurs priorités et s’adapter à cette nouvelle réalité. Dans un contexte aussi instable et incertain, il était essentiel pour elles de disposer de processus numériques solides, capables de faire face aux exigences du télétravail, des changements de comportement des consommateurs et d’un environnement macro-économique plus difficile.

On a fait appel aux organisations de gestion de la trésorerie et des risques pour identifier les nouvelles sources de liquidité, apporter des insights clés sur la trésorerie et atténuer les risques financiers. Ces organisations ont elles-mêmes pu obtenir une meilleure visibilité sur l’état de leurs liquidités, prendre de nouvelles mesures pour combler les manques de trésorerie et fixer intelligemment de nouvelles priorités.

Les équipes de gestion de la trésorerie ont vite abandonné leurs opérations de routine pour se consacrer à la gestion de la crise. Si quelques entreprises étaient bien préparées et capables de réagir vite, grâce à leurs investissements dans des systèmes intégrés de gestion de la trésorerie, pour d’autres, la crise a été un signal d’alarme qui les a forcées à accélérer leur transformation pour améliorer leur collaboration et l’automatisation de leurs processus.

Aujourd’hui, alors qu’on espère voir la vague de la crise reculer, les équipes de gestion de la trésorerie doivent prendre le temps de réfléchir aux initiatives prioritaires à lancer afin de continuer à accélérer leur transformation.

Quels outils doivent-elles adopter pour renforcer leur collaboration et mettre en place un processus complet de gestion de l’actif circulant, des créances en cours aux encaissements ? Comment peuvent-elles obtenir une visibilité en temps réel sur la trésorerie, sans continuellement rechercher manuellement les mêmes informations ? Comment peuvent-elles mettre en œuvre un traitement direct au moyen des systèmes et réseaux adéquats ? Comment peuvent-elles mieux automatiser leur processus de gestion des commandes, en exploitant les nouvelles technologies telles que le Machine Learning ? Doivent-elles modifier leur stratégie de risque lié aux opérations de change pour mieux se préparer à la prochaine crise ? Comment peuvent-elles repenser le financement de leur chaîne logistique ?

Gestion des risques et de la trésorerie

Pour vous apporter des insights sur certaines de ces questions, nous avons créé le « Treasury and Risk Show », dans le cadre du sommet virtuel SAP Finance and Risk. Nous présenterons les innovations de SAP pour venir en aide à ses clients en ces temps difficiles.

Des experts SAP en gestion de la trésorerie et des risques vous parleront de la stratégie SAP, du portefeuille de produits et des dernières innovations dans ces domaines.

Vous verrez aussi comment Zalando, leader de la vente en ligne, vient de terminer la mise en œuvre de SAP Treasury and Risk Management, en plus de SAP S/4HANA. Ils nous expliqueront comment, en transformant leur gestion de la trésorerie, ils ont pu se préparer à réagir vite à la crise et à accélérer leur croissance.

Nous avons hâte de vous présenter la proposition de valeur de SAP pour vous aider à réellement faire avancer votre gestion de la trésorerie et des risques.

The post Gestion des risques et de la trésorerie : des organisations qui vont de l’avant appeared first on SAP France News.

Source de l’article sur sap.com

Rather than spring cleaning, do some spring “shopping” for tools that will make your design life easier. Packed with free options this month, this list is crammed full of tools and elements that you can use in your work every day.

Here’s what new for designers this month:

April’s Top Picks

Charts.css

Charts.css makes creating beautiful online charts that much easier. It’s a modern CSS framework that uses CSS utility classes to style HTML elements as charts. It’s accessible, customizable, responsive, and open source. There’s a quick start option and available source code to work with.

Haikei SVG Generator

Haikei is a web app that helps you generate SVG shapes, backgrounds, and patterns in all types of shapes to use in projects. Everything can be exported into the tools you are already using for easy integration, and every element is customizable. The tool is free right now – no credit card needed – and you get access to 15 generators and can export in SVG and PNG format. A premium option is on the way, and you can sign up to get notified for access.

Fluid Space Calculator

Fluid Space Calculator helps you create a related space system and export the CSS to implement it. The calculator allows you to add space value pairs and multipliers and see the impact on the screen before snagging the related code. It’s great for determining how things will look in different viewports and for creating custom space pairs.

Night Eye WordPress Plugin

Night Eye WordPress Plugin helps you create a dark mode option for your WordPress website with ease. It’s completely customizable, schedulable, and one of those things that users are starting to expect. The plugin has free and paid versions – the only difference is a link to credit the developer.

3 Productivity Boosters

Macro

Macro is a supercharged checklist app for recurring processes. It’s designed to help teams document, assign, track, and automate for maximum efficiency. Now is the time to test this tool because it is free in public beta.

Writex.io

Writex.io is a free writing app that uses AI and smart features to help you write more efficiently. It can check readability as you write, make suggestions, check spelling, and allows you to work with versioning. All the settings are customizable, so you can get help and suggestions when you want them and avoid things you don’t want.

Taloflow

Taloflow, which is in beta, is a tool that helps you find the top cloud and dev tools for your use case. This is designed to be a time-saving solution to finding the right infrastructure and API products for your work.

8 Kits with Illustrations and User Interface Elements

Skribbl

Skribbl is a collection of free, hand-drawn illustrations in a light and fun style. The black and white sketches are friendly, and the collection keeps growing. Plus, the illustrators are allowing them to be used free for any use.

Mobile Chat Kit

Mobile Chat Kit is a free starter kit for building apps in Figma, Sketch, and Adobe XD. It includes more than 50 screen options with mapped-out flows for a quick-start project.

Flowchart.fun

Flowchart.fun is exactly what the name implies. The app allows you to type, create nodes, and link elements to develop simple flow charts quickly. Then you can alter shape and size with drag and drop. Export it for use as an SVG, JPG, or PNG.

Shuffle

Shuffle is a marketplace packed with UI libraries to help you with a variety of digital projects. There are more than 1,500 pre-built components to choose from with professional designs. This premium tool comes with a monthly subscription or lifetime license.

Cryptocurrency 3D Pack

Cryptocurrency 3D Pack is a set of icons with fun colors in three-dimensional shapes that you can use to represent different crypto elements. The pack includes 55 #D icons in PNG and BLEND formats.

Stratum UI Kit for Figma

Stratum UI Kit for Figma includes nine free screens that are ready to use. Options include API documentation, Kanban, document, data dashboard, ecommerce product list, ecommerce product options, payments spreadsheet, cloud storage, and newsfeed.

Conic.css

Conic.css is a collection of simple gradients that you can browse and then click to copy the code into your CSS to use them in projects. It’s quick and easy while using trendy color options.

Artify Illustrations

Artify Illustrations is a Figma plugin that allows you to access more than 5,000 SVG and PNG illustrations within the app. It’s got a built-in search feature, everything is high-resolution, and the huge library includes various styles.

2 Tutorials

A Complete Guide to Accessible Front-End Components

A Complete Guide to Accessible Front-End Components is an amazingly comprehensive guide from Smashing Magazine with everything you need to know about accessible components. From tabs to tables to toggles to tooltips, you’ll find it all here and learn how to use it the right way.

Grid CheatSheet in 2021

Grid CheatSheet in 2021 is a useful guide of everything you can do with CSS Grid. Plus, it has plenty of fun illustrations and an accompanying video.

8 Fresh and Fun Fonts

Athina

Athina is a modern display serif with beautiful connector strokes. The free version is a demo, and there’s a full family that you can buy.

Brique

Brique is a free (personal and commercial) display font with a wide stance and uppercase character set. The letters have a lot of personality and a readable configuration.

Code Next

Code Next is a great geometric sans serif with a full family of styles. Including two variable fonts. It’s highly readable and would work for almost any application.

Inter

Inter is a simple and functional sense serif family with everything from extra light to heavy weights. The extra character personality makes this a fun and functional font option.

Nothing Clean

Nothing Clean is a fun grunge-type option. It’s an all uppercase character set with alternates.

Playout

Playout is a fun, hand-drawn style typeface with interesting glyphs and alternate characters. The most fun feature might be the pawprint characters in the demo set.

Rockford Sans

Rockford Sans is a geometric typeface with subtly rounded edges. It has eight weights and italics. With its large x-height and round features, it’s legible and friendly. It’s suited to cover a wide variety of tasks from editorial to brand design and advertising.

SpaceType

SpaceType is a fun and funky typeface in regular and expanded styles. The stretched letterforms make interesting alternates for display purposes.

Source

The post 25 Exciting New Tools For Designers, April 2021 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

We’re no longer arguing about whether climate change exists because climate change is now extensively documented. Instead, we’re arguing over whether climate change is a natural cycle or human-accelerated.

At this point, the reasonable best-case (yes, best-case) scenario is that global temperatures will rise by 2˚C — if we don’t meet our global emissions targets, then it will be higher.

A 2˚C rise in temperature means a rise in sea levels of approximately 20m in the next 100 years. Major cities, including New York and London, will be decimated. Florida will become an island off the coast of Georgia. Venice is in serious trouble, as is the whole of the Netherlands. Many low-lying island nations will cease to exist. If we do nothing, there may not be enough farmable land left to sustain the population.

According to sustainablewebdesign.org, the whole Internet currently churns out 3.8% of global carbon emissions. Next Tuesday is Earth Day 2021, making this a great time to think about your own sites’ carbon footprint.

The key to reducing a website’s carbon footprint is to use as little electricity as possible — including battery power because batteries need to be charged. Some simple ways to achieve this are using dark mode, limiting the amount of resource-hungry JavaScript you use, and limiting your site’s payload. Small incremental gains like these can radically reduce the damage your sites are doing, and conveniently they also happen to be good for UX.

But let’s look at the numbers. An environmentally consciously designed site that gets 100,000 page views per year will output around 0.055 tons of CO2 per annum. By comparison, the average human produces 4 tons of CO2 (in Western countries, it’s closer to 16 tons) over the same period. The world as a whole produces 43.1 billion tons of CO2 per year. If you redesign your site to reduce power usage by 10%, you’ll have solved 0.0000000000001% of the problem.

With such a small impact on such a huge problem, is it really worth changing how we design websites to limit climate change?

Featured image via USGS.

Source

The post Poll: Is Environmentally Conscious Web Design Really Worth It? first appeared on Webdesigner Depot.


Source de l’article sur Webdesignerdepot