Displaying items by tag: exemple

20 superbes animations d'interface utilisateur pour mobile

olivier.ruffin@noemiconcept.com (Olivier Ruffin) — Fri, 28 Mar 2014 06:48:26 +0000

Les storyboards et les captures d'écran statiques ne montrent pas de dynamisme et sont visuellement simplistes et ennuyeux.

Présenter des concepts d'applications mobiles en utilisant une animation au format gif permet d'avoir une meilleure idée et de donner l'impression que l'application existe déjà.

Donc voici un exemple de ce qu'il est possible de faire très simplement mais qui peut faire la différence auprès du client final :

superbes
animations
interface
utilisateur
pour
mobile
webDesign
exemple
nouvelle
présentation

Un exemple JavaScript pour extraire les informations du nouvel affichage de youtube

olivier.ruffin@noemiconcept.com (Olivier Ruffin) — Thu, 31 Aug 2017 05:44:16 +0000

Hier, Youtube a modifié sa mise en page ce qui a provoqué le bloquage de tous les modules et scripts exploitant l'ancien affichage.

Et si cette "mauvaise" nouvelle pour beaucoup de développeurs pouvait révéler autre chose.

Après quelques recherches, il apparait qu'avec la nouvelle interface, toutes les informations se trouvent dans un seul objet "Window.ytInitialData".

Même si cela va demander un peu de travail pour les développeurs de modules, la manipulation des données extraites va être beaucoup plus simple et plus facile.

Voici un exemple de code qui vous permet de créer une liste en moins d'une seconde :

[code]

document.body.innerHTML = [].concat.apply([], window.ytInitialData.contents.twoColumnBrowseResultsRenderer.tabs[0].tabRenderer.content.sectionListRenderer.contents
      .map(content => content.itemSectionRenderer.contents[0].shelfRenderer.content.gridRenderer.items
          .map(e => e.gridVideoRenderer)
          .filter(e => typeof e.isWatched === 'undefined' &&
              (e.thumbnailOverlays.filter(overlays => typeof overlays.thumbnailOverlayResumePlaybackRenderer !== 'undefined' &&
                  overlays.thumbnailOverlayResumePlaybackRenderer.percentDurationWatched > considerVideosWatchedAfter).length == 0)))
).map(v => ({
      'thumbnail': v.thumbnail.thumbnails[v.thumbnail.thumbnails.length - 1].url,
      'url': `https://www.youtube.com/watch?v=${v.videoId}`,
      'viewcount': v.shortViewCountText.simpleText,
      'runtime': typeof v.thumbnailOverlays[0].thumbnailOverlayTimeStatusRenderer !== 'undefined' ? v.thumbnailOverlays[0].thumbnailOverlayTimeStatusRenderer.text.simpleText : typeof v.thumbnailOverlays[1].thumbnailOverlayTimeStatusRenderer !== 'undefined' ? v.thumbnailOverlays[1].thumbnailOverlayTimeStatusRenderer.text.simpleText : '',
      'published': v.publishedTimeText.simpleText,
      'uploader': v.shortBylineText.runs[0].text

})).map(v =>
`

${v.uploader.substring(0,7)} : ${v.runtime}

`).join('');

[/code]

webDesign
exemple
javascript
pour
Extraire
information
nouvel
affichage
youtube
open
source
site
web
application

WebBuzz du 02/10/2017: Exemple dans la vie réelle si la neutralité du net est perdue-The natural evolution if we lose net neutrality

olivier.ruffin@noemiconcept.com (Olivier Ruffin) — Mon, 02 Oct 2017 05:55:05 +0000

En ce moment, il y a un grand combat pour préserver la neutralité du net. Qu'est ce que la neutralité du net ? C'est un principe qui exclut toute discrimination à l'égard de la source, de la destination ou du contenu de l'information transmise par internet. Beaucoup de FAI (fournisseurs d'accès internet) voudrait supprimer ce droit et vous faire payer selon votre utilisation d'internet. Si tout cela vous semble abstrait, voila un exemple dans la vie réelle !!!

At the moment, there is a great fight to preserve the neutrality of the net. What is net neutrality? It is a principle that excludes all discrimination against the source, destination or content of information transmitted over the Internet. Many ISPs (internet service providers) would want to remove this right and make you pay according to your internet usage. If all this offers you an abstract, here is an example in real life !!!

{flv}Exemple_dans_la_vie_reelle_si_la_neutralite_du_net_est_perdue-The_natural_evolution_if_we_lose_net_neutrality|640|360|1{/flv}

webbuzz
exemple
dans
vie
réelle
neutralité du net
perdue
natural
Evolution
lose
net neutrality
internet
bataille
combat
liberté