Les actualités du Mercredi 06 juin 2018 dans les métiers du web - Marmits.com - Reims

iOS 12 marque clairement la volonté d'Apple de devenir le leader d'un monde de plus en plus centré sur la réalité augmentée. La WWDC 2018 a également été l'occasion de découvrir les nouvelles fonctionnalités de Siri, l'assistant vocal de l'iPhone.

https://css-tricks.com/animate-images-and-videos-with-curtains-js/

Truly Versatile Font Family

Get your hands on Akwe Pro™! A humongous font family boasting a stunning 164 fonts with carefully crafted proportions, each weight with uprights, true italics, and small caps versions, and featuring tons of OpenType features such as superscript and subscript, ordinals, currencies, stylistic sets, contextual alternates, slashed zeroes, discretionary ligatures, fractions, and much more! This is an ultra-versatile and professional sans serif typeface characterized by excellent legibility and modern design, perfect for all kinds of purposes from body copy in long and short paragraphs to headlines, user interfaces, brand identification and logo design. Normally this entire font family goes for $299 but for a limited time, you can purchase it for just $24! Tempted yet? Add this awesome font to your collection before the promo expires!

This Font Family Features:

• 164 Fonts total.
• Each font weight features Uprights, True Italics and Small Caps versions.
• Incredible language support with all the special characters you can possibly need.
• Tons of OpenType features like small caps, stylistic sets, contextual alternates, slashed zero, discretionary ligatures, fractions, and symbols.
• High legibility, carefully crafted proportions, and broad range of uses from body copy to branding, display, and headlines.
• Commercial use License included!

https://www.fastcodesign.com/90174275/can-minimalist-design-save-target

For today's exclusive freebie we've brought you a trendy pack with 20 different isometric people illustrations, delivered in a fully layered vector Adobe Illustrator file, where you'll be able to scale, adapt, and easily modify all the characters and their separate body parts to better suit your project. An ideal collection to join your illustrations library and also to create cool avatars and scenes! Courtesy of the team behind Toffu. Preview all the characters below:

En Colombie, une entreprise propose un numéro de téléphone que l’on peut appeler pour poser des questions à Google Assistant. Le service cible les personnes qui n’ont pas de smartphone, ni d’accès à internet.

https://medium.com/pixel-pioneers/speaker-spotlight-laurence-penney-on-variable-fonts-e5692e65ee2

Aux Etats-Unis, Facebook teste un nouveau type de publicité : la possibilité pour les utilisateurs de booster leurs annonces sur le fil d’actualité.

https://www.apple.com/ios/ios-12-preview/

https://www.beyondusers.com/podcast/jonathan-courtney

Les podcasts font un tabac. Les chiffres d’Apple sont là pour le prouver.

iOS 12 marque clairement la volonté d'Apple de devenir le leader d'un monde de plus en plus en réalité augmentée. Mais pas seulement, avec ClassKit, l'enseigne veut aussi investir le domaine de l'éducation.

Dans le cadre du JDN Event e-beauté qui se déroule ce 7 juin à Paris, voici les grandes tendances digitales qui traversent le secteur.

https://www.creativereview.co.uk/design-from-opposite-sides-of-the-wall/

La preuve que le piratage n’est pas (seulement) un problème de prix.

I’m willing to bet that there are a lot of developers out there who still reach for jQuery when tasked with building simple apps. There are often times when we need to add some interactivity to a page, but reaching for a JavaScript framework seems like overkill — with all the extra kilobytes, the boilerplate, the build tools and module bundlers. Including jQuery from a CDN seems like a no-brainer.

In this article, I’d like to take a shot at convincing you that using Vue.js (referred to as Vue from here on), even for relatively basic projects, doesn’t have to be a headache, and will help you write better code faster. We’ll take a simple example, code it up in jQuery, and then recreate it in Vue step by step.

What We’re Building

For this article, we’re going to be building a basic online invoice, using this open-source template from Sparksuite. Hopefully, this should make a refreshing change from yet another to-do list, and provide enough complexity to demonstrate the advantages of using something like Vue while still being easy to follow.

We’re going to make this interactive by providing item, unit price, and quantity inputs, and having the Price column automatically recalculated when one of the values changes. We’ll also add a button, to insert new empty rows into the invoice, and a Total field that will automatically update as we edit the data.

I’ve modified the template so that the HTML for a single (empty) row now looks like this:

<tr class="item">
  <td><input value="" /></td>
  <td>$<input type="number" value="0" /></td>
  <td><input type="number" value="1" /></td>
  <td>$0.00</td>
</tr>

jQuery

So, first of all, let’s take a look at how we might do this with jQuery.

$('table').on('mouseup keyup', 'input[type=number]', calculateTotals);

We’re attaching a listener to the table itself, which will execute the calculateTotals function when either the Unit Cost or Quantity values are changed:

function calculateTotals()  {
  const subtotals = $('.item').map((idx, val)  => calculateSubtotal(val)).get();
  const total = subtotals.reduce((a, v)  => a + Number(v),  0);
  $('.total td:eq(1)').text(formatAsCurrency(total));
}

This function looks for all item rows in the table and loops over them, passing each row to a calculateSubtotal function, and then summing the results. This total is then inserted into the relevant spot on the invoice.

function calculateSubtotal(row) {
  const $row = $(row);
  const inputs = $row.find('input');
  const subtotal = inputs[1].value * inputs[2].value;

  $row.find('td:last').text(formatAsCurrency(subtotal));

  return subtotal;
}

In the code above, we’re grabbing a reference to all the <input>s in the row and multiplying the 2nd and 3rd together to get the subtotal. This value is then inserted into the last cell in the row.

function formatAsCurrency(amount) {
  return `$${Number(amount).toFixed(2)}`;
}

We’ve also got a little helper function that we use to make sure both the subtotals and the total are formatted to two decimal places and prefixed with a currency symbol.

$('.btn-add-row').on('click', () => {
  const $lastRow = $('.item:last');
  const $newRow = $lastRow.clone();

  $newRow.find('input').val('');
  $newRow.find('td:last').text('$0.00');
  $newRow.insertAfter($lastRow);

  $newRow.find('input:first').focus();
});

Lastly, we have a click handler for our Add row button. What we’re doing here is selecting the last item row and creating a duplicate. The inputs of the cloned row are set to default values, and it’s inserted as the new last row. We can also be nice to our users and set the focus to the first input, ready for them to start typing.

Here’s the completed jQuery demo:

See the Pen jQuery Invoice by SitePoint (@SitePoint) on CodePen.

The post Replacing jQuery with Vue appeared first on SitePoint.

https://milanote.com/the-work/the-story-behind-susan-kares-iconic-design-work-for-apple

Google Ventures injecte 250 millions de dollars dans Lime ; Uber exporte ses vélos en libre-service en Europe ; l’Espagnol Spotahome lève 40 millions de dollars...

Début 2018, Google a fait de nombreux changements dans son algorithme. J'ai étudié 43 sites ayant connu des baisses du référencement naturel à ce moment et j'ai découvert une particularité commune à presque tous : un trop faible taux de pages actives sur 1 an. Explications.

Cet article écrit par Olivier Duffez a été publié sur Méthode SEO : analyse des pages actives sur 1 an

Début 2018, Google a fait de nombreux changements dans son algorithme. J'ai étudié 43 sites ayant connu des baisses du référencement naturel à ce moment et j'ai découvert une particularité commune à presque tous : un trop faible taux de pages actives sur 1 an. Explications.

Cet article écrit par Olivier Duffez a été publié sur Etude des updates Google (SEO) de 2018, analyse des pages actives sur 1 an

Dans le cadre du SMX Paris 2018, Sylvain Richard, le fondateur de l'agence de SEO AxeNet, explique comment optimiser sa stratégie de contenus à l'heure de Rankbrain, l'algorithme intelligent de Google.

https://blog.marvelapp.com/bidirectional-scrolling-save-responsive-design/

https://www.itsnicethat.com/news/ogilvy-rebrand-logo-fonts-and-visual-identity-redesign-graphic-design-advertising-060618

Les fans de science-fiction ou de Tom Cruise auront reconnu sans peine, l'évidente référence. Dans le film Minority Report, la police utilise la prescience de trois individus pour prédire les crimes à venir. Leurs noms ? Les precogs. Asus a profité du Computex 2018 pour présenter un projet de PC révolutionnaire à deux écrans, qui arbore justement ce nom.

Lors du Midem, l’ événement B2B de l’industrie musicale qui se tient à Cannes du 5 au 8 juin 2018, se déroule le Midemlab, une compétition internationale dédiée aux startup de l’industrie musicale. Louise, finaliste de la compétition, fait partie des 20 startup qui se sont distinguées parmi les 234 candidatures venant de 42 pays. Louise est une application musicale …

De la transparence sur les coûts au retargeting en passant par l'utilisation de la rareté d'un produit, voici quelques conseils qui peuvent inspirer les e-commerçants.

Huawei et d’autres constructeurs chinois figurent parmi les sociétés auxquelles Facebook a donné des accès privilégiés pour reproduire des fonctionnalités du réseau social sur mobile (il y a dix ans).

https://designshack.net/articles/trends/background-design-trends/

Tesla est-elle une marque seulement réservée à quelques geeks aisés adeptes de balades tranquilles en pilotage automatique ? Est-il possible d'aimer la conduite en mode grand tourisme sportif et de se faire plaisir au volant d'une Tesla ? Réponse dans cet essai au point de vue différent.

Le service sera d'abord lancé à Berlin d’ici la fin de l’été.

Sans aucun doute les commerces de commodité, ainsi que tous les acteurs de l’entertainment, profiteront en premier du commerce conversationnel, avec la livraison de repas à domicile, les billets de train ou de concert, le téléchargement de musique et la location de films.

La société américaine a annoncé qu’elle allait commencer à lancer sa flotte de vélos électriques Jump Bikes en Europe d'ici quelques mois. Berlin et d'autres villes sont en ligne de mire.

A really neat and useful app made to help people find the correct array method a bit more naturally. You can narrow down what you want to do and explore until you find what's most useful to you. Created by Codepen user Sarah Drasner and it's licensed under MIT license.

A monospaced sans-serif font family inspired by Highway Gothic. It includes eight weights plus true matching italics, you can download the OTF to your desktop as a local resource or the CDN link to use it as a web font. Created by Delve Fonts and licensed under the SIL Open Font License.

https://imageblur.io/

Spotahome propose plus de 50 000 logements dans 33 villes en Europe et au Moyen-Orient.

Le risque d’addiction aux smartphones est le plus élevé pour les étudiantes qui consomment de l’alcool, qui ont des « des résultats scolaires inférieurs », qui ne se sentent pas « reposées le matin », et qui dorment après minuit.

http://www.gethatch.app/

Instagram préparerait un nouveau format qui permettra de poster des vidéos d’une heure sur le réseau social.

Je vais vous parler de l’IA, non du point de vue du geek qui s’émerveille en parlant a son Google Home, mais plutôt du point de vue de son impact sur la vraie vie de vrais gens.

https://www.smashingmagazine.com/2018/06/ux-your-life-user-centered-process/

So yeah, what the title said. Microsoft is buying GitHub for 7.5 BILLION with a “B” US dollars. This is officially this week’s Big DealTM, and everyone’s going to be talking about it. It would not be quite accurate to say that GitHub powers software development as a whole, but it powers a lot of […]

The post Pricing Table Style 84 appeared first on Best jQuery.

The post Counter Style 16 appeared first on Best jQuery.

La plateforme collabore aussi avec des industriels, comme Danone, pour financer aux côtés du grand public les projets de transition agroécologiques d'agriculteurs.

Savez-vous qu’il est possible de gagner des billets d’avion en courant ? C'est ce que propose Air France avec sa plateforme Air France Running.

Avis aux fans de Rocket League et de Jurassic Park qui sont prêts à dépenser sans compter : un DLC Jurassic World arrive très bientôt dans le jeu de Psyonix.

Cette opération valorise désormais l’entreprise américaine à hauteur de 1 milliard de dollars.

Cette semaine Grégory Pouy reçoit Tariq Krim entrepreneur et fondateur de Netvibes.

Samsung a donc débarqué cette semaine avec trois nouveaux modèles déjà disponibles en France. L'entreprise sud-coréenne propose les A6, A6+ et J6. Situés entre l'entrée et le milieu de gamme, ils sont plutôt séduisants dans l'ensemble, mais il y a tout de même un gros bémol le prix.

2018 restera une année importante dans le secteur de la téléphonie, car après l'arrivée de Xiaomi en France au mois de mai, c'est un autre gros challenger chinois qui fait son incursion dans l'hexagone. Il s'agit du constructeur Oppo.

ParkMatch la startup qui facilite la location de parking entre particuliers avec sa télécommande connectée.

Je ne sais pas ce que vous utilisez pour faire vos captures écran et les partager avec vos contacts, mais si vous utilisez Lightshot, faites attention. En effet, Lightshot permet d’uploader automatiquement sur leurs serveurs des captures écran pour les partager en ligne via leur service https://prnt.sc/ . Suite à … Suite

Startup Sesame a développé un réseau de 35 événements partenaires dans 20 pays, comme Slush, Hello Tomorrow et Web2day. Interview de Ben Costantini, co-fondateur et CEO de Startup Sesame.

Brèves de dernière minute, infos rares ou d'ailleurs... Ce sont les Insiders de FrenchWeb.

A layered landing page design for a website with an overall feeling of adventure, ready with PSD source files. It has a flat art style with gradient colors. It also includes widgets sections and a big header image styled with an asymmetrical clipping mask that gives it a fluid roundness. Created by Dribbble user Panji Pamungkas.

https://designshack.net/articles/graphics/best-minimal-logo-design-templates/

Netflix a un formulaire qui vous permet de demander des films ou des séries.

https://css-tricks.com/1-element-css-rainbow-gradient-infinity/

https://github.com/martenbjork/github-xp/blob/master/README.md

A tool for lossy PNG image file optimization. It combines selective bit depth, color type, and color palette reduction with zopfli DEFLATE compression algorithm encoding using the pngquant and zopflipng PNG optimization tools. Crunch is licensed under the MIT license.

Un nouvel indice sur le développement de produits matériels par Spotify.

Après des années d’attente, Amazon Echo et Alexa arrivent enfin dans l’Hexagone.