Les actualités du Jeudi 15 juillet 2021 dans les métiers du web - Marmits.com - Reims

Le: 15 07 2021 à 22:23 WebdesignerNews

https://medium.com/microsoft-design/windows-11-designing-the-next-generation-of-windows-490c02fb6373

Le: 15 07 2021 à 21:27 WebdesignerNews

https://polypane.app/blog/polypane-6-2-html-validation-robots-txt-support-rtl-emulation-and-more/

Le: 15 07 2021 à 20:32 WebdesignerNews

https://torquemag.io/2021/07/product-reviews-boost-sales/

Le: 15 07 2021 à 19:15 codrops Auteur: Mary Lou

GradientArt * Glass UI * Building SDF fractal noise * Broken Filters * A privacy war is raging inside the W3C

The post Collective #670 appeared first on Codrops.

Le: 15 07 2021 à 18:35 Journal du Net Développeurs

Si TF1 et M6 sont en train de finaliser leur accord de fusion, Amazon, lui, en profite pour mettre les bouchées doubles sur le terrain du divertissement et des médias. Après le rachat du studio hollywoodien Metro-Goldwyn-Mayer (MGM) pour 8,45 milliards, le géant de l'e-commerce et du cloud de Seattle, s'est offert les droits de diffusion d'une majorité des matchs de la ligue 1 et révèle aujourd'hui sa stratégie tarifaire.

Le: 15 07 2021 à 17:58 WebdesignerNews

https://blog.chromium.org/2021/07/increasing-https-adoption.html

Le: 15 07 2021 à 17:11 FrenchWeb.fr Auteur: La rédaction

Lina Khan est devenue l'une des voix les plus importantes pour une nouvelle régulation des géants américains de la Tech.

L’article Après Amazon, Facebook demande la récusation de Lina Khan dans le dossier antitrust est apparu en premier sur FrenchWeb.fr.

Le: 15 07 2021 à 17:01 Journal du Net Développeurs

2020 a accéléré beaucoup de choses chez de nombreux acteurs du web. Avec une transformation numérique qui s'accélère, le Marketing Digital s'impose aux entreprises d'une part, et d'autre part se complexifie pour les annonceurs déjà installés. Nous avons identifié 4 tendances marketing en ligne pour comprendre les évolutions du secteur et optimiser les performances des campagnes digitales des marques !

Le: 15 07 2021 à 16:55 Journal du Net Développeurs

Les startups natives du cloud ont l'observabilité en tête dès le premier jour. Pour les entreprises établies, c'est une grande transition : il faut passer des systèmes traditionnels au multicloud hybride, passer aux pratiques agiles et DevOps.

Le: 15 07 2021 à 16:45 Webdesigner Depot Auteur: Dmitry Dragilev

Looking to give your homepage a well-needed design update in late 2021 or 2022? Not a bad idea; first impressions are crucial when it comes to business websites. But, fixing your homepage and website design is no easy feat. Web design trends are evolving faster. Blame the ever-decreasing user’s attention span. The average visitor now […]

The post 10 Homepage Design Comparisons to Inspire Your Business in 2022 first appeared on Webdesigner Depot.

Le: 15 07 2021 à 16:22 FrenchWeb.fr Auteur: La rédaction

Le comité européen de la protection des données personnelles (EDPB) demande à l'autorité irlandaise d'enquêter sur les modifications controversées des conditions d'utilisation de la messagerie WhatsApp.

L’article Mise à jour WhatsApp: l’app de Facebook pourrait être visée par une enquête en Europe est apparu en premier sur FrenchWeb.fr.

Le: 15 07 2021 à 15:02 WebdesignerNews

https://qmo.io/blog/how-to-think-like-a-product-manager

Le: 15 07 2021 à 14:51 WebdesignerNews

https://domainnamegenerator.co/

Le: 15 07 2021 à 14:37 Alsacreations.com - Actualités Auteur: Raphael

Vieux de plusieurs années mais toujours non réglé à ce jour, un "bug" concernant la hauteur 100% de la fenêtre sur Safari continue de perturber nos intégrations web sur mobile.

Concrètement, le phénomène concerne les hauteurs exprimées en valeur 100vh (100% de la hauteur de Viewport) mais qui débordent de la hauteur visible dès lors qu'une barre d'adresse (URL) est présente par exemple.
Ce comportement avait déjà été signalé en 2015 par Nicolas Hoizey.

100vh
Illustration du "bug" de hauteur 100vh sous Safari iOS

Toutefois, il faut savoir que ledit comportement n'est pas un bug mais une fonctionnalité intentionnelle au départ… ce qui ne nous arrange pas.

Correction via CSS

Il est possible de contourner le souci sur les navigateurs mobiles avec la valeur -webkit-fill-available, comme l'illustre le code ci-dessous :

html {
  height: -webkit-fill-available;
}
body {
  padding: 0;
  margin: 0;
  min-height: 100vh;
}

/* Avoid Chrome to see Safari hack */
@supports (-webkit-touch-callout: none) {
  body {
    /* The hack for Safari */
    min-height: -webkit-fill-available;
  }
}

Voir une démo

Pour info, -webkit-fill-available est une version temporaire, non finalisée, de la future valeur fill.
Notez également que ce correctif CSS peut être automatisé grâce à PostCSS.

Correction via JavaScript

Si la solution "simple" en CSS ne suffit pas, il sera alors nécessaire de calculer la hauteur dynamiquement en JavaScript avec window.innerHeight :

:root {
  --vh: 100vh;
}

body {
  padding: 0;
  margin: 0;
  min-height: 100vh;
  min-height: calc(var(--vh, 1vh) * 100);
}
const appHeight = () => {
  const vh = window.innerHeight * 0.01;
  document.documentElement.style.setProperty('--vh', `${vh}px`);
}
window.addEventListener('resize', appHeight)
appHeight()

Voir une démo

Le futur : Large, Small, et Dynamic Viewports

Afin de pouvoir maîtriser ces notions de tailles de fenêtres fluctuantes, les spécifications CSS sont actuellement en train de plancher sur de nouvelles unités de Viewport : Large, Small, et Dynamic Viewports.

Plus d'informations sur le site de Bram.us.

vh et svh
Les nouvelles unités de Viewport (vh, svh et dvh). Source : Bram.us

Publié par Alsacreations.com

Le: 15 07 2021 à 14:37 Alsacreations.com - Apprendre Auteur: Raphael

Vieux de plusieurs années mais toujours non réglé à ce jour, un "bug" concernant la hauteur 100% de la fenêtre sur Safari continue de perturber nos intégrations web sur mobile.

Concrètement, le phénomène concerne les hauteurs exprimées en valeur 100vh (100% de la hauteur de Viewport) mais qui débordent de la hauteur visible dès lors qu'une barre d'adresse (URL) est présente par exemple.
Ce comportement avait déjà été signalé en 2015 par Nicolas Hoizey.

100vh
Illustration du "bug" de hauteur 100vh sous Safari iOS

Toutefois, il faut savoir que ledit comportement n'est pas un bug mais une fonctionnalité intentionnelle au départ… ce qui ne nous arrange pas.

Correction via CSS

Il est possible de contourner le souci sur les navigateurs mobiles avec la valeur -webkit-fill-available, comme l'illustre le code ci-dessous :

html {
  height: -webkit-fill-available;
}
body {
  padding: 0;
  margin: 0;
  min-height: 100vh;
}

/* Avoid Chrome to see Safari hack */
@supports (-webkit-touch-callout: none) {
  body {
    /* The hack for Safari */
    min-height: -webkit-fill-available;
  }
}

Voir une démo

Pour info, -webkit-fill-available est une version temporaire, non finalisée, de la future valeur fill.
Notez également que ce correctif CSS peut être automatisé grâce à PostCSS.

Correction via JavaScript

Si la solution "simple" en CSS ne suffit pas, il sera alors nécessaire de calculer la hauteur dynamiquement en JavaScript avec window.innerHeight :

:root {
  --vh: 100vh;
}

body {
  padding: 0;
  margin: 0;
  min-height: 100vh;
  min-height: calc(var(--vh, 1vh) * 100);
}
const appHeight = () => {
  const vh = window.innerHeight * 0.01;
  document.documentElement.style.setProperty('--vh', `${vh}px`);
}
window.addEventListener('resize', appHeight)
appHeight()

Voir une démo

Le futur : Large, Small, et Dynamic Viewports

Afin de pouvoir maîtriser ces notions de tailles de fenêtres fluctuantes, les spécifications CSS sont actuellement en train de plancher sur de nouvelles unités de Viewport : Large, Small, et Dynamic Viewports.

Plus d'informations sur le site de Bram.us.

vh et svh
Les nouvelles unités de Viewport (vh, svh et dvh). Source : Bram.us

Publié par Alsacreations.com

Le: 15 07 2021 à 12:39 WebdesignerNews

https://baymard.com/blog/2021-current-state-of-ecommerce-homepage-ux

Le: 15 07 2021 à 12:28 WebdesignerNews

https://www.smashingmagazine.com/2021/07/frustrating-design-patterns-broken-frozen-filters/

Le: 15 07 2021 à 12:27 Journal du Net Développeurs

L'offre cloud PC de Microsoft a été lancée ce 14 juillet 2021. De quoi disposer d'un environnement de travail complet en mode cloud tarifé à l'utilisateur.

Le: 15 07 2021 à 12:18 Journal du Net Développeurs

Si la digitalisation du secteur de la santé apparaît comme inévitable, c'est aussi parce qu'elle est portée par des avancées technologiques qui se rendent indispensables auprès des professionnels de santé.

Le: 15 07 2021 à 12:17 Journal du Net Développeurs

Le changement climatique est l'un des problèmes majeurs auxquels l'humanité est actuellement confrontée. Les émissions de dioxyde de carbone sont le facteur le plus important qui contribuent à la hausse des températures mondiales.

Le: 15 07 2021 à 12:16 Journal du Net Développeurs

Depuis plus d'un an, le marché digital français s'est transformé à une vitesse impressionnante. L'e-commerce a explosé, les cyberacheteurs sont plus nombreux que jamais. Mais que doit-on retenir de ces derniers mois pour conserver ce dynamisme à long terme ?

Le: 15 07 2021 à 12:14 Journal du Net Développeurs

Le secteur du divertissement vit actuellement un véritable big bang auquel la crise de la Covid n'est pas étrangère.

Le: 15 07 2021 à 12:12 Journal du Net Développeurs

La dématérialisation des factures notamment, se heurte parfois à une méconnaissance juridique et à la persistance d'idées reçues sur ses enjeux, sa mise en œuvre et ses bénéfices. On distingue trois grandes idées reçues.

Le: 15 07 2021 à 12:11 Journal du Net Développeurs

En choisissant des solutions adaptées, les centres de santé remettent la relation humaine au cœur de leurs prestations de soins et évitent le sur-traitement. La digitalisation de leurs métiers est un atout pour désengorger les salles d'attente, suivre au mieux l'historique des soins ou encore gérer les rendez-vous en ligne.

Le: 15 07 2021 à 12:07 WebdesignerNews

https://1stwebdesigner.com/10-color-palette-generators-tools-for-your-web-design-projects/

Le: 15 07 2021 à 12:06 Journal du Net Développeurs

L'opinion générale n'épargne guère les chargés d'affaires bancaires : rarement disponibles, peu réactifs, pas assez compétents, ils sont régulièrement sous le feu des critiques de clients qui interrogent leur utilité réelle.

Le: 15 07 2021 à 12:05 WebdesignerNews

https://kinsta.com/blog/inspect-element/

Le: 15 07 2021 à 12:05 Web Design Shock Auteur: Admin

Geometric illustrations pack with a variety of character designs, scenes & objects, featuring 8 separate packs put together into one huge bundle. 480+ geometric illustrations in SVG format, colorful characters & concepts, perfect for digital & print use, with commercial use license

Le: 15 07 2021 à 12:01 Journal du Net Développeurs

Toutes les semaines, les équipes de BlackFin Tech répertorient et analysent les levées de fonds fintech et insurtech européennes.

Le: 15 07 2021 à 11:58 Journal du Net Développeurs

Lorsqu'il y a de l'argent et des gens, la cybercriminalité n'est généralement pas loin, et cette situation a été exacerbée à partir de 2020 lorsque les institutions financières ont été frappées par la pandémie. Le commerce numérique, en forte hausse, offre une multitude d'opportunités aux fraudeurs.

Le: 15 07 2021 à 11:57 Journal du Net Développeurs

La France est la première destination touristique avec près de 89,3 millions de touristes qui viennent consommer chaque année dans l'hexagone. Parmi eux, 19,3 millions d'étrangers hors UE sont d'ores et déjà éligibles à la détaxe. Demain, ils seront près de 30 millions avec le Brexit.

Le: 15 07 2021 à 11:55 Journal du Net Développeurs

Les marketplaces s'imposent comme l'avenir de la vente en ligne, représentant actuellement 62% de l'ensemble du e-commerce dans le monde ; signe de leur succès grandissant, plus de la moitié d'entre elles ont été lancées au cours des sept dernières années.

Le: 15 07 2021 à 11:53 Journal du Net Développeurs

Le bitcoin et l'ethereum ont reçu beaucoup d'attention et d'intérêt médiatique, mais les altcoins présentent, dans certains cas, un potentiel sans précédent pour toutes les industries et tous les objectifs ; il est temps d'y prêter attention.

Le: 15 07 2021 à 11:51 FrenchWeb.fr Auteur: Assiya Berrima

Ce dernier tour de table a été réalisé auprès de SoftBank via son fonds Vision Fund 2 et Tiger Global.

L’article Revolut devient la troisième plus grande FinTech du monde après une levée de 800 millions de dollars est apparu en premier sur FrenchWeb.fr.

Le: 15 07 2021 à 11:32 Journal du Net Développeurs

Les responsables de centres de données peuvent s'assurer que les opérations se déroulent du mieux possible en utilisant des outils de gestion leur offrant une visibilité globale.

Le: 15 07 2021 à 10:30 FrenchWeb.fr Auteur: La rédaction

Zomato, qui compte parmi ses actionnaires des filiales d'Uber et d'Ant Group de Jack Ma, est l'une des jeunes entreprises technologiques les plus dynamiques du pays.

L’article Livraison de repas: le géant indien Zomato fait ses premiers pas en Bourse est apparu en premier sur FrenchWeb.fr.

Le: 15 07 2021 à 09:31 FrenchWeb.fr Auteur: La rédaction

Les réseaux sociaux offrent aux artistes, influenceurs et autres personnalités une façon de gagner leur vie.

L’article Face à TikTok et YouTube, Facebook veut consacrer plus d’un milliard de dollars aux créateurs de contenus est apparu en premier sur FrenchWeb.fr.

Le: 15 07 2021 à 09:00 korben.info Auteur: Korben

Comment accélérer la recherche de fichiers sous Windows ?

Le: 15 07 2021 à 05:05 Web Design Shock Auteur: Admin

Drawtify is an online vector & animation software with a user friendly interface, layer support, content upload, thousands of templates included, create banners, infographics, motion graphics, editorial designs & more

Le: 15 07 2021 à 02:22 jqueryrain.com Auteur: Admin

 

The post Service Box 194 appeared first on Best jQuery.

Le: 15 07 2021 à 02:20 jqueryrain.com Auteur: Admin

 

The post Preloader Style 307 appeared first on Best jQuery.

Le: 15 07 2021 à 01:17 WebdesignerNews

https://dribbble.com/stories/2021/07/14/redesigned-instagram-logo

Le: 15 07 2021 à 00:21 WebdesignerNews

https://kilianvalkhof.com/2021/web/detecting-media-query-support-in-css-and-javascript/