Articles

En octobre, SAP en France célèbre le mois de l’Engagement et capitalise sur l’implication de ses collaborateurs aux enjeux de Responsabilité Sociale et Environnementale.

, ,

Paris, le 3 octobre 2023 – Tout au long du mois d’octobre, SAP, leader mondial des logiciels d’entreprises, innove pour capitaliser sur l’engagement de ses collaborateurs aux enjeux de la RSE et lance en France le « Mois de l’Engagement ». Pendant quatre semaines, plusieurs actions seront menées pour soutenir les employées qui s’investissent dans des causes qui leurs sont chères.

 

Lancé le 3 octobre 2023, « Le Mois de l’Engagement » de SAP en France a été pensé avec les équipes de la Fondation SAP France et les Ambassadeurs SAP4Good. L’objectif ? Proposer une série d’actions sur l’ensemble du mois d’octobre et soutenir l’engagement des collaborateurs dans des missions à caractère social et environnemental.

« Le Village de l’Engagement », un espace dédié à l’Engagement et créé pour les collaborateurs.

Un village dédié aux actions sociales et environnementales ouvrira ses portes aux collaborateurs de SAP en France. Quatre quartiers thématiques seront proposés pour les employés qui souhaitent s’investir dans une cause : participer à l’essor de Entrepreneuriat Social, accompagner l’inclusion professionnelle via le numérique, s’engager pour Zéro inégalité (Pride@SAP, la Course du Cœur) et Agir pour l’Environnement

Le film documentaire Ose Toujours d’Enactus, réalisé par Jérôme Priolet, sera diffusé à l’occasion du lancement du Mois de l’Engagement, suivi d’une table ronde avec ENACTUS et SAP France. L’Association ENACTUS France a été créée en 2003 pour promouvoir le progrès social par l’action entrepreneuriale en France.

A travers plusieurs ateliers thématiques, cette journée sera également pour les bénévoles SAP l’occasion d’enrichir leurs compétences de mentoring d’entrepreneurs sociaux avec le coaching de Makesense et/ou d’acteurs de la transition énergétique, grâce à des animateurs dédiés.

SAP en France renforce ses actions en faveur de la RSE et amplifie celles de ses collaborateurs

Durant quatre semaines, au profit de son écosystème associatif, les employés de SAP en France s’impliqueront pour répondre au plus grand nombre d’objectifs du Développement Durable dont l’éducation, l’économie sociale et solidaire, une chance pour tous, l’égalité entre les sexes, le travail décent, etc.

La responsabilité environnementale de SAP sera également au programme avec l’adoption par le plus grand nombre de collègues d’une mobilité durable et le passage individuel à l’action pour la réduction de son empreinte carbone avec un atelier dédié : l’atelier 2tonnes qui a déjà convaincu 100% de ceux qui l’ont suivi !

Les enjeux de l’alimentation durable seront également présentés : le groupe SODEXO, leader mondial de la restauration collective, proposera à cette occasion davantage de menus végétariens au sein des locaux de SAP France.

Ce mois de l’Engagement renforce la politique globale de SAP en faveur des actions de RSE et encourage les collaborateurs à avoir un impact positif tant dans leur vie personnelle que professionnelle.

Au quotidien, l’entreprise continue de soutenir les initiatives des collaborateurs en faveur du bien commun.

 

« Chez ENACTUS, nous croyons que chaque individu porte en lui le désir d’un monde plus juste, plus inclusif et plus durable et que c’est en révélant ces rêves et en donnant confiance en chacun en sa capacité à agir, que nous ferons émerger une société souhaitable pour tous ! Nous accompagnons des étudiants, des enseignants et des professionnels à développer leurs compétences pour innover et agir au service de la société. » déclare Céline Sannié, Directrice Générale Adjointe ENACTUS

 

« Nous sommes très fiers de nous associer à cette initiative pour faire découvrir aux salariés de SAP une alimentation responsable, locale et gourmande faisant la part belle au frais et au végétal. Des approvisionnements au zéro plastique, en passant par la mise en place de paniers anti-gaspi, c’est un écosystème vertueux qui illustre notre engagement pour une restauration durable alliant plaisir, santé et éco-responsabilité. » explique Sabine Sakthikumar, Directrice Générale IDF et Nouveaux modèles de restauration chez SODEXO

 

Pour Emmanuelle Brun Neckebrock, CFO et Directrice Générale Déléguée SAP France : « Ce mois est une formidable opportunité pour tous nos collaborateurs et pour l’équipe de direction de continuer à nous engager. Aujourd’hui, notre entreprise a à cœur de contribuer au développement de toutes les initiatives, et c’est ce que nous faisons avec le Mois de l’Engagement, avec nos partenaires ENACTUS et SODEXO. Il est important pour SAP d’offrir à ses collaborateurs une plateforme d’engagements qui leur permettra de continuer à servir les causes qui leurs sont chères et d’en découvrir de nouvelles. »

 

A propos de SAP :

La stratégie de SAP est d’aider chaque organisation à fonctionner en « entreprise intelligente » et durable. 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 : 87 % du commerce mondial total est généré par nos clients. Nos technologies de Machine Learning, d’Internet des objets (IoT) et d’analyse avancée 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 pour qu’ils 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 end-to-end permet aux clients privés et publics de 26 secteurs d’activité dans le monde entier, de fonctionner de manière rentable, de s’adapter en permanence et de faire la différence. Grâce à un réseau mondial de clients, de partenaires, d’employés et de leaders d’opinion, SAP aide le monde à mieux fonctionner et à améliorer la vie de chacun.

 

Contact presse :

Sylvie Lechevin : sylvie.lechevin@sap.com / sap@the-arcane.com

 

The post En octobre, SAP en France célèbre le mois de l’Engagement et capitalise sur l’implication de ses collaborateurs aux enjeux de Responsabilité Sociale et Environnementale. appeared first on SAP France News.

Source de l’article sur sap.com

/par
La Peur de l'IA est Superstition.

La Peur de l’IA est Superstition.

,

La peur de l’intelligence artificielle est souvent considérée comme une superstition. Pourtant, elle est bien réelle et mérite d’être prise en compte.

## J’ai juste vu le film Netflix appelé « Upgrade ». C’est un film super fascinant, captivant et bien écrit, mais comme tous les films créés autour de la même idée, il est basé sur des superstitions et des sornettes. Des balivernes. La même chose qui nous a empêchés d’évoluer en tant qu’espèce pendant 200 000 ans.

This is why I believe that coding is the future. It is the only way to evolve and progress as a species. Coding is the only way to create a new world, a world that can be free from superstition and mumbo jumbo. It is the only way to create a world where every single person can have access to the same opportunities, regardless of their genetic makeup.

J’ai récemment vu le film Netflix intitulé « Upgrade ». C’est un film super fascinant, captivant et bien écrit, mais comme tous les films créés autour de la même idée, il est basé sur des superstitions et des balivernes. Des sornettes. La même chose qui nous a empêchés d’évoluer en tant qu’espèce depuis 200 000 ans.

En tant qu’espèce, notre plus grand atout est également notre plus grande faiblesse. Il y a environ 70 000 ans, nous avons failli disparaître. Cependant, un homme a eu une mutation génétique et nous l’appelons aujourd’hui « Adam génétique ». 98% de chaque être humain vivant aujourd’hui provient de cet homme d’une manière ou d’une autre.

C’est pourquoi je crois que le codage est l’avenir. C’est la seule façon d’évoluer et de progresser en tant qu’espèce. Le codage est le seul moyen de créer un nouveau monde, un monde qui peut être libéré des superstitions et des balivernes. C’est le seul moyen de créer un monde où chaque personne peut avoir accès aux mêmes opportunités, quelle que soit sa composition génétique.

Source de l’article sur DZONE

/par

20 Best New Websites, November 2022

,

Every month we put together this collection of the best new websites we’ve seen appear on the web in the previous four weeks.

In this month’s collection, you’ll find lots of daring interactions, some inventive portfolio sites, florescent yellow colors, and even some old-school mouse trails. Enjoy!

Joshua’s World

Joshua’s World is a fantastic animated site. Grab and drag to tilt and rotate the island and watch the little cyclist power past important links to milestones in his creative career.

Vana

Vana is a new service aiming to help you take control of your data. Its site is modern and lively and uses some great retro-illustrations to bring its features to life.

Velocity Nitro 2

This slick site has some incredible 3D renders for the Puma Velocity Nitro 2 running shoe. The scrollable animation guides you through each feature in a thrillingly engaging fashion.

Norwegian Soda Co.

The Norwegian Soda Co. uses beautifully shot photographs to capture the zest of its products. It’s an excellent example of how a one-page site can be rich and engaging.

Anytype

Anytype is a collaborative platform pitching itself to creative thinkers. It uses a lovely gradient animation to create a sense of power and technological evolution.

Dash

Dash claims to be almost the best tech company, and its modest site does a great job of expelling the tedium from HR. Plus, it has an old-school mouse trail!

Sileon

Sileon is a site packed with clever details. For example, the hover effect on text links is pleasingly minimal, and the photography shot through distortion is a simple but effective technique.

Karina Sirqueira

Karina Sirqueira’s portfolio is a joy to browse through. The morphing shapes add interest to a collection of case studies that are engaging and beautifully presented.

Hotel Santa Caterina

This beautiful website for the Hotel Santa Caterina on the Amalfi Coast captures the light and wonder of the region with a muted color palette and stunning photography.

La Lulu

La Lulu is a Columbian-American singer, dancer, and musician. Her site uses color to disrupt a fairly standard layout and infuse it with amazonian, psychotropic, South American vibes.

International Magic

International Magic is a design agency that boasts some impressive clients, from Maison Margiela to Nike. Its scroll-to-browse portfolio is a masterful example of selling design.

OAD

OAD uses color expertly to convey contrasting temperatures. At this time of year, who doesn’t want a pullover crafted to withstand the Norwegian weather?

También

También is a creative agency specializing in organizations that positively impact the world. Its scrolling collage of client projects is one of the best examples of this type of portfolio.

Dragonfly

If you were designing a website to be used in a 90s film about the internet, you’d create Dragonfly’s site. It’s packed with glitches, code references, and awesome pixelated imagery.

Elva

There’s a lot of distortion entering the design lexicon at the moment, and one of the best examples is Elva’s portfolio site, which uses it to enliven its black-and-white site.

Sussex Taps

Sussex Taps uses multiple full-screen video clips to sell its carbon-neutral tapware range, but it’s the horizontal scrolling product videos that really make this site stand out.

Angello Torres

Angello Torres’ portfolio is packed with daring typography that breaks pretty much all the rules and yet still manages to work somehow to convey energy and creativity.

Repeat

Repeat is an excellent service for upselling customers with repeat orders. It uses simple illustrations to represent generic products with an attention-grabbing yellow for interactions.

High Five Strategies

High Five Strategies eschew the formality of most business pitches to deliver a positive message with bold colors and typography that makes you feel ready to move forward.

Delight

Delight Snowparks employs a questionable lilac color, but its fantastic imagery and video framing more than makes up for that. Plus, there’s another super-old-school mouse trail!

Source

The post 20 Best New Websites, November 2022 first appeared on Webdesigner Depot.

Source de l’article sur Webdesignerdepot

/par

20 Best New Websites, October 2022

,

The design world fluctuates back and forth, swerving between love and hate for different design trends. Sometimes we see a wide range of approaches, and sometimes designers all hop on the same idea.

This month, the web is dominated by animation. Designers are cramming in motion in unexpected ways. And it’s fun to explore. Here are 20 of the best new sites on the web this month. Enjoy!

Bannach

Bannach is a German furniture brand. Its products are colorful and geometric, so it makes sense that when you scroll down to the collection, the thumbnails begin as pixel blocks and animate into product photography.

Fornasetti Profumi

Fornasetti Profumi takes a different approach to motion. It uses video to emphasize stillness to promote the calming qualities of its candle products.

The Other Side of Truth

The Other Side of Truth is a superb exercise in utilizing the web for a cause. It presents facts on the Russia-Ukraine war, but the standout feature is the toggle switch that, instead of light mode-dark mode, toggles facts and Russian state propaganda.

Glasfurd & Walker

Glasfurd & Walker is a portfolio site for a design agency. So far, so standard. However, it sets itself apart because it’s slightly bigger than the browser and swerves left and right with your mouse movement.

Sirup 5th Anniversary

Sirup is a Japanese singer-songwriter, and to celebrate the fifth anniversary of his first hit single, his record company has put together this awesome maximalist micro-site that uses type, motion, and art direction to capture his style.

Fitzjohn’s

Fitzjohn’s is a slick site for a new apartment complex in the Hampstead area of London. It uses a refreshing modern color palette and calming animation to take the edge off the frankly ludicrous price tag.

Persepolis Reimagined

Persepolis Reimagined is an awe-inspiring WebGL tour through one of the most important cities in ancient Iran. Make sure you tour it on a large screen. It’s hard not to be wide-eyed with wonder.

JaM Cellars

JaM Cellars is a Californian wine brand that’s pitching to bachelorette parties. With names like Butter, and Sugar, it’s not the most sophisticated tipple, but yellow, we love a yellow site.

Danielle Levitt

This portfolio site for film director and photographer Danielle Levitt features samples of her best work scrolling past the viewport. There’s a clever switch of thumbnail and background color when you scroll down to the contact details.

Propel

From total color energy to Apple-levels of minimalism: Propel is a slick, animate-on-scroll site for a marine motor brand selling an outboard and inboard motor. The animated masks on the images are a nice subtle touch.

Standards

Standards is a site for a SaaS that helps organizations create, maintain, and share brand guidelines. It uses subtle animation, video of its UI, and compelling copy to sell its approach.

Chris Carruthers

The portfolio site for Chris Carruthers is deliberately self-indulgent with scrolling text, clipped images, and scroll-jacking, but it’s also delightful to peruse.

Theodore Ellison Designs

We don’t often see colored glass in real life, but the play of light on stained glass is beautiful. This site for Theodore Ellison Designs uses video to bring the effect to the web.

Owomaniya!

The Owomaniya report for 2022 uncovers the state of gender diversity in the Indian entertainment industry. Presented in the style of infographics, the information is brought to life by animation.

Meetings

Meetings is a French events company. Its site uses an animated collage approach to showcase its services, and animated text to pull you into its content.

Blakeney

Blakeney invests in African companies on behalf of institutional investors. Its site is typical of the financial industry, but it uses animation to lift it to a higher level of interest.

Becklyn

Becklyn is a digital design agency. Its portfolio site uses animated text, expanding image masks, and video to guide us through its site and app design approach.

Cabi

Cabi is a brand of Japanese condiments with a typically Japanese feeling site. Bright colors, a slowly scrolling slideshow of dishes, and editorial to pack shot hover effects are a great introduction to the brand.

Slantis

Slantis provides building information modeling to architecture and infrastructure providers. Its site uses animation to showcase the types of content it produces for clients.

July Fund

July Fund is a venture capital project. It takes an entirely different approach than its competitors by adopting a chaotic but enjoyable card-based design.

Source

The post 20 Best New Websites, October 2022 first appeared on Webdesigner Depot.

Source de l’article sur Webdesignerdepot

/par

Helvetica: Overused Cliché or Modernist Classic?

,

Few fonts in the world have become a part of the cultural landscape that they have an entire documentary film and a MOMA exhibition made about them. Helvetica, however, is different. It has been the go-to font for everyone from government agencies to hip pop-up shops whenever clean and modern text is called for. It has become so much a part of our daily lives that it has created a long list of detractors. 

It is strange for a humble font to be so used and so hated at the same time. Is Helvetica the font that symbolizes hip, cool and modern? Or is it a ’60s anachronism loved by boomer designers that deserves to go the same way as the 8-track and gasoline?

Birth of a Legend

Helvetica is the Latin word for Switzerland, the birthplace of this font. It was created in 1957 in the middle of a boom of fonts created by Swiss designers that today is known as the International Typographic Style. It was the handiwork of two designers, Max Miedinger and Eduard Hoffmann. 

They designed this simple sans-serif font to be — ironically enough, given today’s divided opinions — a neutral font. It was modern, in the popular style, but simple, dense, and legible. It was something that could be put on a sign and easily be read from a distance. 

Helvetica represented a clean break from the fonts that came before. The designers upended the more formal and intricate serif fonts of the 19th and early 20th centuries with bold, clean simplicity. Perhaps it was a product of a new era, maybe it defined a new era as it went, but Helvetica was a revolution in font design. 

The new font was an enormous hit. One of its earliest fans was the United States Government, who put it everywhere from the sides of space shuttles to agriculture policy reports. The European Union went so far as to require its use on all health warning information. In addition, the font spread to languages as diverse as Khymer, Urdu, and Korean. 

The font was initially cast in hot metal typeset and has been altered and redesigned as the world and printing technology have changed. There have been several updates, all modifying the original design to exaggerate or change the font for greater legibility, particularly on computers where many claim the font falls short. And as with anything popular in the design world, the number of imitators and ripoffs far exceeds the scope of the original.

Where Helvetica Stands Today

Today in the 2020s, despite now being old enough to qualify for a pension, this font is everywhere. Why, though, is something so ubiquitous so controversial among designers?

Any style that becomes the ‘next big thing’ will attract critics, particularly if that ‘next big thing’ sticks around longer than expected. For some, the International or Modern fonts era is simply a piece of history. Not unlike the art or architecture from those eras, the pieces are lovely to look at, but it has been done. To continue it now would be imitation, or worse, a lack of imagination. 

Why the Haters Hate

For some critics, Helvetica has fallen victim to the banality of overuse. The day the US Department of Agriculture decides it loves a style, that style is officially uncool. Too many ‘squares with no taste’ have decided that Helvetica represents what must be cool, so the people in the know reflexively reject it. The trend makers define their role in the art world by being avant-garde and neophilic. They have to use the next new thing before anyone else or their tenure as a trend maker is finished. For these critics, Helvetica isn’t bad per se, just old and worn out. 

Lastly, there is the ever snarky group of critics who have come to loathe Helvetica for what it represents: boring corporate design. Helvetica became the darling of every group of people who wanted to give the image of clean modernity. It’s a boring choice, uninspiring, damn near default. It makes designers look lazy, their work stale. Helvetica’s success in becoming a near-ubiquitous font has made it too much of a default to be cool.

Why Helvetica is Well Used and Well-Loved

There are an equal number of fans for every salty critic who has come to dislike Helvetica. Those who favor the font love that it is true to its design, simple and legible. For a government agency or large corporation, it is clean and efficient. It is stylish enough to give a little life and flavor to the publication but is subdued enough to show professionalism and erudition. 

The font’s connection to the Modernist and International era can be appealing to others. Some styles retain their popularity throughout the years, seen as cultural hallmarks and high points of culture and expression. Helvetica was a product of an optimistic age where the dense, dark expressions of the past were replaced with light and airy styles. These looks have fluctuated in public opinion but have never totally gone out of style. This enduring appeal has kept Helvetica in many designers’ good graces. 

Finally, many fans like it because they have been steeped in its use so long it has become part of their style. From the original modernist era designers to the students they taught, and now their students’ students, it was a look many incorporated into their own style. All designers are products of their education and stand on the shoulders of previous generations; Helvetica has been such a part of the design landscape that many people have made it their own. Perhaps this was conscious, perhaps unconscious, but either way, many cool new designers at the forefront of new styles still choose this font to express text in their works.

Cliché or Classic

Perhaps in a twist of ironic fate, the two designers of Helvetica aimed to create a font that would be, in their words, “A neutral font that should not be given additional meaning.” This clean neutrality was a goal worthy of anything named after Switzerland. And this might very well be the true source of division; it is a plain, clean font into which all designers can place some or no meaning. It is a blank canvas, and just as any blank canvas hung in a museum, it would attract positive and negative opinions by its very nature. 

To call it a cliché, or classic, though, is Helvetic’s conundrum. It is undoubtedly classic, and its rampant overuse causes it to stray pretty far into cliché territory. The strange situation it finds itself in is that it seems to exist as both cliché and classic at the same time. It has become a default but a beautiful default.

Helvetica is everywhere, and like anything that is everywhere, it is both divisive and ignorable. Either way, love it or hate it; it isn’t going anywhere. 

Source

The post Helvetica: Overused Cliché or Modernist Classic? first appeared on Webdesigner Depot.

Source de l’article sur Webdesignerdepot

/par

The Woody Allen Way of Coding

,

In a previous post I wrote about the uncompromising artistry of Stanley Kubrick, who produced film classics at the cost of wildly unpredictable schedules and budgets. You can reach for similar brilliance in programming, but you had better do it on your own time or with a generous CFO. There is a different, more workable, and healthier attitude towards our craft. Just keep at it, enjoy it, and don’t worry about making a dent in the universe. I’m reading Woody Allen’s autobiography over the holidays, so indulge me to draw another cinematic parallel with this veteran New York writer/director. Don’t worry, it will also be about coding.

Woody Allen is one of the most consistently prolific cinematographers in the business. He has written and directed over fifty films over an equal number of years, almost like clockwork. At 85 he has no intention of stopping. He doesn’t approach his oeuvre as a project with a culmination. His business is about keeping busy. He is in it for the long run, if only to act as an antidote to the unavoidable spectre of death and oblivion. But let’s not get into his glum outlook on the meaning of life.

Source de l’article sur DZONE

/par

Is It Time to Reset HTML?

,

HTML is one of the foundational building blocks of the Web. But just as web design best practices and techniques change over time, so does the code we use. As HTML evolves, some of its older markup has been deprecated while other parts have been repurposed.

Does that create more problems for us, though? Would we be better off starting over so we can make sure we’re all working from the same language rather than trying to edit out the bits we don’t want or need?

Problems With Holding Onto Legacy HTML

Let’s take a look at what happens when we amend the rules of HTML over time and how it impacts the Web:

1. It’s Risky to Leave Deprecated HTML Behind

Whether certain features have become outdated and need to go, or browsers have stopped supporting certain tags altogether, deprecated code eventually becomes a problem.

You’ll find a long list of deprecated HTML on the HTML.com website:

For many of these, HTML tags and attributes have been replaced by more efficient CSS styling. There are also examples of HTML deprecation because the features have become outdated (like frames).

Yet, there are still websites out there that contain deprecated HTML.

In some cases, the HTML sits silently on the other side of the website. If there’s enough of this errant code hanging around, though, those extra characters and directives could slow down your server’s processing time and render pages more slowly than usual.

In other cases, the HTML breaks features on the front-end of a website. Take, for instance, this warning from Mozilla regarding the <nobr> tag:

Using deprecated code can create inconsistent and poor experiences on the front-end. And when all browsers finally get on board and decide not to support an HTML tag anymore, all visitors will be left with a broken UI.

So, while it’s great that HTML5 has deprecated legacy HTML that’s no longer useful or necessary, that’s not to stop everyone from using it or leaving it behind on older websites. 

2. Legacy Code Focuses on Style; Not Semantics

As I mentioned, a lot of deprecated HTML has been phased out and replaced by CSS styling. And that’s a good thing.

Let me give you a simple example of this…

My favorite book is <i>The Stand</i> by Stephen King. The first time I read it, I didn’t sleep for <i>three days</i>. Thankfully, when I revisit it every year, I have fewer nightmares and can more greatly appreciate the storytelling aspect of it.

In the above paragraph, I’ve used the <i> tag to italicize several words.

In the early days of HTML,<i> stood for “italics” (the way<b> stood for “bold”). With HTML5, however,<i> will still render as italics, but its semantic meaning isn’t as broad. It’s been repurposed to indicate a stylistic change, which is important for things like book and film names, foreign words, and so on. To express emphasis, we use the <em> tag instead. 

Keeping the legacy <i> and <b> tags can lead to issues, though. 

In the statement above, I’ve italicized the name of the book (The Stand) as well as the number of sleepless nights I had (three days) with<i>. Whether the designer decides today, tomorrow or ten months down the road that they want to change the way literary or cinematic references are styled, my choice of HTML will stand in their way.

Because all of my italic text is indicated by <i>, styles can’t universally be applied to specific content (like book references). Instead, the designer would have to go through and clean up my code so that it looks like this:

My favorite book is <i>The Stand</i> by Stephen King. The first time I read it, I didn’t sleep for <em>three days</em>. Thankfully, when I inevitably revisit it every year, I have fewer nightmares and can more greatly appreciate the storytelling aspect of it.

This would then allow the semantically italicized content to remain intact while the designer or developer adjusts the styles of the book title here and across the site. (Though, really, the first italicized phrase should be surrounded by <cite> as it would be more semantically accurate.)

While it’s great that we’ve created guidelines for using legacy HTML today, keeping old code around can confuse writers, designers, and others who are familiar with the previous way of formatting content. By resetting HTML, throwing out old styles, and creating one language we use consistently across the web, we won’t create more work for ourselves later on.

3. Deprecated Code Hinders Accessibility

Another big reason why repurposed and deprecated HTML is a problem is because of accessibility.

For starters, when you leave deprecated and unsupported code behind, it’s likely to cause issues for screen readers, search engines, and browsers that use HTML for clues about the content.

Header tags (e.g.<h1>, <h2>, <h3>), for instance, aren’t just used to visibly break up large chunks of text. Header tags and, more specifically their hierarchy, present important information about the relationship between subjects on a page — and this is the kind of thing that screen readers and search engines pick up on.

That’s why we need to be very careful about the code we leave behind the scenes, even if readers on the front end can’t visibly see it. Let’s look at an example of how this can affect accessibility:

Is there an <i>à la carte</i> menu or is it just <i>prix fixe</i> tonight?

If a screen reader were to read over this sentence, the French phrases would be said with the same emphasis as any other italicized words on the page.

This is why HTML5 encourages semantic coding instead of purely stylistic.

The proper way to write HTML in the line above would be:

Is there an <i lang="fr">à la carte</i> menu or is it just <i lang="fr">prix fixe</i> tonight?

There are two reasons to do this:

  1. To indicate to screen readers that there’s a language change.
  2. To make it easier for designers or developers to create a custom style for foreign phrases.

Semantic coding is essential for designers that work on multilingual websites.

As the World Wide Web Consortium explains, languages like Japanese don’t use italicization or bolding for emphasis — at least not the way English speakers do.

So, to properly translate a page from English, a Japanese designer would need to remove the italics or bolding and add surrounding brackets to the words. However, if everything is coded with <i> and <b>, or there’s a mix of <i> and <em> and<b> and <strong>, it’s going to be really difficult to Find-and-Replace the correct HTML with ease.

So, if accessibility or internationalization are concerns for you at all, getting clear on the HTML you write with is going to be really important.

Wrap-Up

The fact of the matter is, it requires a lot of work to have the rules of HTML rewritten. So while it would be great to reset HTML, I don’t know that it’s all that practical.

All we can really do is stay abreast of what’s happening with the language, edit out legacy code from our websites the second it becomes deprecated, and always use tags and attributes that are supported. By playing around with deprecated or repurposed code, we only put the website visitors’ experience in jeopardy, so it’s best to take the time to clear out the old any chance we get.

If we can all get on the same page about this, problematic legacy HTML will eventually disappear from our websites and memories.

 

Featured image via Unsplash.

Source

The post Is It Time to Reset HTML? first appeared on Webdesigner Depot.


Source de l’article sur Webdesignerdepot

/par

6 Ways Parallax Still Works in 2021 

,

Parallax is a term that is applied loosely and frequently in the world of web design. As a trend, it has been popular and unpopular in equal measures for some time. However, it’s still one of the most valuable tools for animation in the digital world.

Parallax creates an illusion of depth when scrolling, a timeless effect that still has lots of value in the web design world.

Sure, parallax has its issues, from problems with usability, to concerns with mobile responsivity — but it’s also an interesting way to make a website stand out when done correctly.

Let’s take a closer look at some of the ways that parallax scrolling still works in 2021…

1. Parallax Tells A Story

Let’s start simple. 

One of the most effective ways to use parallax scrolling in the modern age is to tell a story. Today’s consumers want to have an emotional connection with the brands they buy from – now more than ever. Five years ago, studies showed that around 80% of customers want brands to tell stories, and that trend remains consistent to this day.

In the age of digital consumerism, where people can’t get to know a company in person through face-to-face interactions with its salespeople, companies need new ways to connect with their clients. Telling brand-driven stories is a way to highlight that your company is more than just a faceless entity – it’s something with real soul. 

Let’s look at the “Recap After Use” website, a portfolio belonging to the innovative Louie Sellers. This website showcases Louie’s skills with attention-grabbing visuals, including a parallax animation that makes it looks like Louie is drawing the page as you scroll through it.

This is the kind of exceptional animation that makes parallax scrolling more compelling. The animation isn’t there to make a visual difference to the page – it tells you something more about the person behind the website and what they can do.

2. Parallax Increases Website Visit Times

If a website effectively tells a story with parallax animation, you can also bet that’s going to keep customers or readers on a page for longer. Reducing bounce rate by increasing engagement is one of the main goals of any web designer. (Bounce rates, of course, refer to the percentage of site visitors that hit the back button after just seeing the first page of your website.)

While some people argue that parallax websites can hurt your SEO rankings if they slow down your site, there’s also the argument that the lack of a visually engaging page can harm SEO. Bounce rates drag down your ranking and make it harder to get audience attention. 

A parallax animation that tells a story and engages your audience through carefully delivered information is a great way to keep people around – even just for a little longer than usual. For instance, if you check out Alex Dram’s portfolio page here, you’ll see several shapes coming together during the parallax scrolling animation.

The shapes merge to tell a story about the visual experiences that Alex can create for customers. It’s a way to draw the eye and connect with the viewer without just writing about what you do through text. 

3. Parallax Develops Credibility

There’s a reason why both examples of parallax scrolling we’ve looked at so far are from creative portfolios. Parallax scrolling, with its excellent storytelling capabilities, is great for demonstrating your credibility as a digital expert. Basically, it’s a version of “showing” and not “telling” customers about your skills. 

You can tell someone that you know how to use tricky techniques like parallax animation correctly, but they’re less likely to believe you that way. If you can show that you have the skills to create something amazing, that’s more engaging. 

The OK Alpha team is a great company to reference when it comes to sensational design. This company seems to always be on the cutting edge of the latest trends, whether it’s bold typography or bright colors. To add to the impact of their website, the company has combined parallax effects into the mix to make everything more immersive as you scroll. 

This is a beautiful example of how companies in the design landscape can use techniques like parallax scrolling to show what they’re capable of. 

4. Parallax Makes Information More Fun

Most of us are naturally visual learners. We like to consume information in a way that’s refreshingly eye-catching and attractive. That’s why visual content generally earns more social shares and attention than written content. With parallax scrolling, companies that want to deliver valuable information and educational content to their audience can do so effectively.

Rather than just scrolling through a page and seeing lots of text, your customers can see images and graphs come to life alongside the blocks of text they’re reading. It’s like adding video demonstrations next to a textbook to help people better understand what they’re reading about. 

Look at the Web Design and Art History microsite from Webflow as an example. The company wants you to understand how web design and art have evolved over the years, but it doesn’t want to deliver that information in a boring format. The bright graphics and parallax animation work together to give you a more contextual, meaningful experience.

5. Parallax Replicates Another Medium

What if you could remind someone of their experience when reading a book or watching a video while telling them about a video or a novel? Parallax scrolling and animation can help with that. It’s a way of making your website feel like a video presentation or slideshow without the added components of implementing video players into your back end. 

Parallax scrolling also has another slight benefit over a standard video-based website. On a website that uses a video for a background, the video often plays automatically. This means that your visitors can’t control how quickly the video plays. 

On the other hand, parallax animations driven by scrolling action allow your customer to collect information at a pace that suits them. Take a look at the Story of the Goonies website, for instance. This stunning parallax site introduces you to the details you need to know about the movie in a way that makes it feel like the intro to a film.

The great thing about the parallax on this site is that the slow video-style design also gives you a dose of nostalgia – which ties in perfectly with the movie. 

6. Parallax Is More Memorable

What’s the main reason any designer does anything special to a website? To make it stand out, of course. Web design is all about conveying the unique essence of a brand, business, or entity in a way that’s going to make that client unforgettable. Although parallax isn’t as novel as it once was, it can still be a way to make your site stand out – if it’s used correctly. 

The key to success with parallax scrolling for memorability is making it smart. The layout needs to feel simple and intuitive. Everything needs to work well together, from the lightly shifting font to the various parallax effects that work together to draw the viewer’s eye (and attention). 

A great example comes from Jomor Design – another designer with a portfolio that really grabs your focus from the first second. The layout is beautifully done, with plenty of mini moments for engagement and interactions throughout. As you scroll through the site, you get a better idea of what the designer is all about. The little moments of animation make the whole experience so much more memorable. 

When your site is more memorable and engaging than that of your competition, you can drive many major benefits for your brand, including an improved bounce rate.

What To Remember When Using Parallax

Parallax is just like any other design technique. There are ways you can do it wonderfully, which engage and delight your audience. However, there are also a lot of areas where you can easily go wrong. When using any design element, the main thing to remember is that the primary focus should always be your users’ experiences. Parallax shouldn’t just be a way to show off your design knowledge. It’s just another feature that you can use to create an amazing website. 

Remember that user experience and visual appeal need to work perfectly together for parallax to work. If scrolling through the page is practically impossible for people on a mobile device, then you’re not going to get the results you want. If it’s difficult to take in the message you’re trying to send because the content is moving too quickly, again, your users will suffer. 

Remember the following tips:

  • Simple is better: Reduce the amount of content and visual elements on your page whenever you can. The less information there is to capture your customer’s attention, the less likely it is that you’re going to end up with a problem. 
  • Compress file sizes: Make sure that you’re not reducing the speed of your website by creating a huge single page with tons of high-quality images. You’re going to need to use the smallest possible file sizes. 
  • Check responsiveness: Make sure that the parallax effect works just as well on your smartphone or tablet as it would on a desktop. As more people move their browsing experiences into their palms, you can’t afford to ignore responsivity. 
  • Find the “wow”: Look at these examples of parallax websites. Every one stands out because it does something special with the scrolling effect. If you’re going to be using this strategy with your website, you need to make sure it’s worth the effort. Don’t just follow the same guidelines as everything else. Find the idea that’s going to make people take notice.

Source

The post 6 Ways Parallax Still Works in 2021  first appeared on Webdesigner Depot.


Source de l’article sur Webdesignerdepot

/par

Vector Similarity Search Hides in Plain View

,

Imagine a room with a wall of screens displaying closed-circuit video feeds from dozens of cameras, like a security office in a film. In the movies, there is often a guard responsible for keeping an eye on the screens that inevitably falls asleep, allowing something bad to happen. Although intuition and other distinctly “people skills” are useful in security, most would agree that the human attention span isn’t well-suited for always-on, 24/7 video monitoring. Of course, footage can always be reviewed after something happens, but it’s easy to see the security value of detecting something out of the ordinary as it unfolds.

Several cameras capturing different scenes.
Cameras capture our every move, but who watches them?

Now imagine a video artificial intelligence (AI) application capable of processing thousands of camera feeds in real-time. The AI constantly compares new footage to historical footage, then classifies anomalous events by their threat level. Humans are still involved, both to manage the system as well as review and respond to potential threats, but AI takes over where we fall short. This isn’t a hypothetical situation: from smart police drones to intelligent doorbells sold by Amazon and Google, AI-powered surveillance solutions are becoming increasingly sophisticated, affordable, and ubiquitous.

Source de l’article sur DZONE

/par