Non classé

Le pire site ….HTML

Le pire site ….HTML

Tout ce qu’il ne faut pas faire en HTML CSS et JS

Vous avez toujours voulu faire un beau site? 
Une fois le mockup fait et validé, que votre ébauche de page est affichée à l’écran vous vous dites surement:
-Je sais, je vais rajouter une image!
Ah! et aussi des gifs, les liens amis et ceci et cela…

Et très vite on a une page…chargée… voir sur-chargée!

Il existe un guide des bonnes pratiques, mais aussi une page qui nous montre les pires choses à faire sur un site HTML.
Cette page est badhtml.com  (aperçu en entête de page)

Vous y trouverez par exemple les erreurs à ne pas faire lors de la création d’icônes, les mauvais positionnements d’éléments, la surcharge inutile, la mauvaise répartition du contenu, les éléments interactifs partout,…

Malgré son aspect il regorge d’articles divers et de tutos pour améliorer vos sites,  comprendre certains principes et faciliter le codage de vos futurs sites.

En bref, si votre page ressemble à celle-ci… posez vous des questions et repensez le tout afin de donner plus de clarté et de légèreté à votre page.

Bonne visite et pensez à garder un œil critique et du recul sur votre travail.

https://badhtml.com/

Publié par Christophe LACROIX dans Non classé, 0 commentaire
Créer votre QR Code Perso

Créer votre QR Code Perso

Pour ce tutoriel nous allons utilisez le service d’unitag www.unitag.io qui est un service en ligne gratuit pour la création de QR Code à votre image. Aujourd’hui plus besoin d’installer d’applications lourdes et souvent avec des capacités limité hors abonnement ou paiement de licence. Découvrer ici la réalisation de ce dernier, pas à pas !

Pour commencer on va choisir la destination du QR Code, dans notre cas, un site internet. Il existe beaucoup d'autres applications au QR Code, comme les cartes de visite numérique, une géo-localisation ou bien un réseau wifi...
Et Voilà ! Votre premier QR Code…
Ensuite vous pouvez personnaliser très facilement votre QR code, ou bien choisir un template tout prêt.
Template prédéfini
Sélectionnez d'abord la couleur, ou une image, mais attention, un QR trop complexe visuellement pourra être difficile à lire, n'oubliez pas de le tester pendant la création !

Vous avez la possibilité de régler la luminosité et le contraste pour rendre votre QR Code plus lisible.

Le résultat
Vous pouvez-aussi appliquer un dégradé avec de nombreuses options.
Ensuite vous pouvez modifier l'allure générale des modules et des yeux.
Le résultat
Vous pouvez aussi incruster un logo au centre.
Enfin vous pouvez modifier la couleur interne et externe des yeux.

Les options permettent d’améliorer le rendu et la lisibilité du tag, par exemple en appliquant une ombre pour bien détacher les contours des modules… Et la redondance va augmenter ou réduire les modules, le choix moyen ou qualité est recommandé pour une bonne lisibilité.

Une fois que vous avez terminé, cliquez sur le bouton "terminer l’édition" puis télécharger.
Et voilà le résultat !
Il ne vous reste plus qu'à insérer le lien sur votre site web ou bien le télécharger pour l'insérer sur vos support de communication. Enjoy !
Publié par Laurent J dans Non classé, 0 commentaire
Ajouter la fonction « server » sur VSC (Visual Studio Code)

Ajouter la fonction « server » sur VSC (Visual Studio Code)

Voilà un petit tuto sur l’installation d’un add-on plutôt sympa qui permet la mise à jour automatique (refresh) de la page HTML sur laquelle on travaille.

Plutôt que de faire des aller-retour entre la fenêtre de son navigateur et faire F5 et celle de VSC, il existe un moyen très simple de voir en ‘live’ les modifications en cours, tant HTML, CSS, JS, …

Par où  commencer ?

1/ Dans VSC, aller dans extensions :

2/ Dans la barre de recherche :

3/ On va entrer en recherche : preview on web server
et choisir le premier de la liste

4/On vérifie bien que c’est la version de Yuichi Nukiyama
et on l’installe.

5/Une fois l’installation effectuée et le le reload fait. Il ne reste plus qu’à l’utiliser sur son projet.

J’ai ouvert mon dossier de projet et affiché ma page index.html, je vais la sélectionner et cliquer sur le bouton droit pour afficher le menu déroulant suivant, sur lequel je viens choisir la ligne :
vscode -preview-server: Laucnh on browser  (surlignée en bleu sur le screenshot).

Va apparaître une nouvelle fenêtre dans le navigateur par défaut.
Et à chacune de mes sauvegardes liées à la page ouverte, le navigateur va automatiquement affranchir la page.

Si vous choisissez l’option :
Vscode-preview-server:Preview on side panel

Vous allez ouvrir la fenêtre dans une fenêtre de VSC, toujours plus pratique si l’on ne travaille que sur un seul écran.

A vos projets et bon code !

Publié par Christophe LACROIX dans Non classé, 0 commentaire

Faille de sécurité sur Facebook

Une faille de sécurité, découverte en septembre dans le premier réseau social au monde, a permis à des pirates informatiques de compromettre des données personnelles d’environ 29 millions d’usagers. C’est ce qu’a annoncé Facebook le Vendredi 12 Octobre.
A l’origine on pensait que 50 millions de comptes avaient été piratés.
Pour 15 millions de comptes, le piratage porte sur le nom et les contacts, pour les 14 millions restant cela porte sur des « détails supplémentaires » dixit Facebook
Les hackers, dont on ne connaît pas l’identité, ont pu accéder au nom de l’usager, son adresse email et son numéro de téléphone quand il était renseigné dans le profil.
Dans les cas les plus graves, ils ont pu avoir accès au sexe, à la situation amoureuse, aux renseignements sur les études, à la date de naissance, au lieu d’habitation, à l’emploi occupé ainsi qu’aux pages internet et personnes suivies par les usagers.
Facebook a indiqué qu’ils ne pouvaient pas communiquer plus de renseignements car il y a une enquête en cours par la police fédérale américaine. Facebook a indiqué que les informations plus personnelles se trouvant dans le système de messagerie Messenger n’avaient pas été touchées « à l’exception d’une configuration très particulière » (note de l’auteur : LOL humour à la Facebook) quand un membre d’un groupe Messenger est aussi administrateur d’une page Facebook, alors un message envoyé par cet utilisateur pouvait être accessible par les pirates.
Comment les pirates ont-ils fait ?
Facebook a indiqué que les pirates avaient profité de la conjonction de plusieurs bugs qui se trouvaient dans la fonctionnalité « Voir en tant que »qui permet de visualiser ce à quoi ressemble son propre profil quand il est vu par un autre utilisateur. Cette fonctionnalité générait des « access tokens » ou clés de connexion numérique qui permettent de ne pas remettre son mot de passe pour rester connecté. Les pirates ont réussi à trouver ainsi 400 000 clés d’accès.
Facebook a indiqué qu’il enverrait des messages personnalisés aux 30 millions de victimes dans les prochains jours pour leur indiquer ce qui a précisément été compromis et pour leur donner des conseils utiles pour mieux se protéger (note de l’auteur :sûrement genre changer votre mot de passe régulièrement).

Publié par Corinne M dans Non classé, 0 commentaire

LES ANIMAUX FANTASTIQUES 2

 Une saga toujours présente 

Déjà 7 ans que s’est achevé l’immense saga Harry Potter, une suite de 8 films, tournée et diffusée sur une décennie. Bien sûr la saga a su rester dans l’actualité grâce à la sortie de la pièce de théâtre « Harry Potter and the cursed child » (Harry Potter et l’enfant maudit) puis ensuite du livre qui reprend le script de la pièce de théâtre. C’est ensuite en 2016 que la saga « Harry Potter » refit parlait d’elle, avec la sortie du film « Les animaux fantastique » si toutefois la pièce de théâtre se présentait 19 ans après les événements du dernier film de la saga, celui-ci se déroule pas moins de 65 ans avant le premier film. Si l’épisode 1 de cette nouvelle saga avait conquis bien des fans, la suite s’annonce d’excellente facture.

     Un changement de décor pour la suite ? 

     En effet comme peut le laisser supposer la bande-annonce et les nombreuses spéculations sur le film, « Les crimes de grindelwald » nous promettent un changement de tonalité comparé au premier film.
Certes le premier film avait un travail de présentation des nouveaux personnages qui laissait assez peu de place aux intrigues et ne nous permettait pas de voir d’anciens personnages, dans la suite certain des personnages principaux font leurs retours et leurs entrées, notamment l’antagoniste principal joué par le talentueux Johnny Depp. Il est probablement sûr que Johnny Depp apportera une plus valus à cette nouvelle saga. À la réalisation on retrouvera David Yates réalisateur du premier épisode de cette nouvelle saga ainsi que des épisodes 5, 6 et les deux parties du 7, autrement dit il maîtrise le sujet comme il a déjà pu le prouver en réalisant certains des plus grands films de la saga. Il ne reste plus qu’à attendre le 14 novembre et être émerveillé ou désillusionné, tel est la voix du cinéma.

Bande Annonce Les animaux fantastique : Les crimes de grindelwald

Publié par Maxime A dans Non classé, 0 commentaire

Le streaming vidéo

Qu’est-ce que le streaming vidéo?

Le streaming est, par définition, une technologie de transmission de contenus audiovisuels sur Internet sous la forme d’un flux continu diffusé en direct ou avec un léger différé.

Dans le cadre du streaming vidéo, ce sont donc des vidéos retransmises en flux continu via des sites internet. Ces données sont disponibles sur des serveurs et ne sont pas enregistrées sur le système de stockage de l’ordinateur ou du téléphone portable par exemple.

Quels sites nous proposent du streaming vidéo?

De plus en plus de sites ont vu le jour ces dernières années en matière de streaming vidéo. Le plus renommé et un de ceux offrant la plus large gamme de films, séries télévisées et documentaires est Netflix. Fondée en 1997, la plateforme diffusait alors ses programmes en Amérique. Quelques années plus tard, en 2009, elle compte 100 000 titres et plus de 11 millions d’abonnés. La décision est prise d’ouvrir le site à l’international. En 2013, le site compte 40 millions d’abonnés dans 40 pays.

Mais Netflix n’est pas le seul sur le marché. En effet Hulu (principalement implanté en Amérique) et Amazon Prime Video plus récemment, se sont lancés dans le streaming vidéo tentant de déstabiliser les géants Netflix et YouTube.  Selon de récentes statistiques, Netflix représente 26,58% du traffic mondial de streaming video, YouTube en représentant 21,30% contre 5,73% et 0,43% pour leurs concurrents Amazon Prime Video et Hulu.

Trafic descendant par catégorie au premier semestre 2018 (streaming vidéo, jeu vidéo, réseaux sociaux, messagerie). © Sandvine

DHERRET Quentin –

Sources:

Publié par Quentin D dans Non classé, 0 commentaire

Installation de SASS

Bonjour à tous.

Nous allons voir comment installer SASS sur votre ordinateur sous windows.

Pour commencer, il faut installer ruby :

  • Allez sur https://rubyinstaller.org/downloads/
  • Choisissez la dernière version de ruby without devkit en x64 et télécharger l’installeur de ruby.
  • Exécutez le fichier télécharger.
  • Suivez les instructions pour installer ruby.

Une fois l’installation terminée, dans votre menu démarrer > onglet Récemment ajoutées, vous allez trouver une invite de commande intitulée :

Start commande prompt with ruby

Ouvrez-la pour avoir une fenêtre de commande ruby :

  • Allez dans le dossier contenant votre projet a l’aide de la commande cd 

  • Rentrez la commande suivante : sass –watch input.scss output.css (Mettez le nom de votre fichier scss pour le dossier input et le nom de votre fichier css pour le dossier output. Vérifiez bien le chemin d’accès à ses fichiers)

  • une fois validée, vous avez la confirmation par cette phrase : Sass is watching for changes. Press Ctrl-C to stop

A partir de ce moment, vous pouvez coder dans votre fichier .scss.

A chaque enregistrement de ce fichier, votre fichier .css sera mis a jour.

Bon codage avec SASS !

Source : Sass-langRuby

Publié par Fabien O dans Non classé, 0 commentaire

Les montres connectées

Il existe beaucoup de montres connectées différentes de nos jour.

On distingue 3 familles :

– Les montres connectées dépendantes d’un smartphone :

C’est le type de montre le plus répandu, car nous avons toujours notre smartphone avec nous.

Elle est connectée en Bluetooth avec notre smartphone. Les spécifications sont très variables selon les modèles.

Pour les plus simple, elle vous permet d’afficher les notifications de vos applications, tel que :

– SMS

– Appel

– Réseaux sociaux

Pour certains modèles, vous pouvez répondre avec votre montre au sms, mail,…

D’autres encore possèdent un GPS et souvent associé une panoplie d’application dédié au sport.

Les prix varient bien sur selon les modèles, allant de quelques dizaines d’euros (pour les plus basique) à plusieurs centaines d’euros (pour les haut de gamme).

– Les montres connectées autonomes :

     

Pour celle-ci, une carte sim peut être insérer pour utiliser la montre seule.

Il faut donc un nouvel abonnement pour pouvoir profiter pleinement de la montre.

Principalement de fabrication chinoise, peu chère et bas de gamme, ce type de montre est très peu répandu.

– Les bracelets connectés:

Principalement utilisé pour le sport, c’est un tracker d’activité qui envoi a votre smartphone votre activité journalière.

Ils peuvent pour la plupart suivre votre sommeil.  
C’est un très bon choix pour suivre votre santé.

Leur prix varient eux aussi selon les modèles, mais vous restent très inférieur aux prix des montres.

Publié par Fabien O dans Non classé, 0 commentaire

Boostez votre job !

Vendredi 5 octobre 2018, de midi à 19h, la CCI du Cher et le réseau Dynamique RH organisaient Boostez votre job !, un événement dédié à l’emploi, permettant aux salariés désirant changer de poste, aux chercheurs d’emploi et aux jeunes diplômés de la région de rencontrer les DRH d’entreprises qui recrutent.

Une feuille d’inscription avec des créneaux de 15 min est mise à disposition près du stand de chaque entreprise afin que chacun puisse réserver un entretien, évitant ainsi les longues files d’attentes pouvant rendre la circulation difficile, et permettant de faire tranquillement le tour des autres stands en attendant son tour.


Avec 53 entreprises présentes, plus de 300 offres d’emploi, des ateliers de 30 min pour boostez son look ou sa candidature, un espace accompagnement recrutement permettant de bénéficier de conseils en évolution professionnelle et un espace partenaires pour découvrir le territoire et ses réseaux, tout a été mis en œuvre pour aider les personnes qui cherchent du boulot à repartir avec un job.

« Si les gens cherchent du boulot, ils doivent repartir avec un job », Nicolas Dumas, membre du bureau de la CCI du Cher.
Source : Le Berry


Pour notre groupe qui commence tout juste une formation pour obtenir le TP de développeur web et web mobile, cet évènement ne permet pas de combler notre préoccupation du moment : trouver une entreprise pour notre stage de 7 semaines l’année prochaine. Premier constat, parmi toutes les offres, une seule des entreprises présentes propose des postes de développeur web : Lacour Concept. Certains d’entre nous s’inscrivent pour un entretien, mais il en ressort qu’ils ne sont pas en mesure pour l’instant de prendre quelqu’un en stage, que notre formation n’est pas vraiment adapté à leur demande actuelle car ils utilisent, entres autres, c sharp au lieu de PHP, et qu’ils recherchent plutôt des développeurs Windev. Ils ne nous ferment pas pour autant la porte et nous proposent de poster CV et lettre de motivation en ligne en fin d’année.


Si nous avons tous ressenti que cet événement n’était pas vraiment adapté a notre situation actuelle, nous avons pu nous entraîner à discuter avec des recruteurs et/ou bénéficier de conseils pour notre recherche de stage et pour notre recherche d’emploi à la fin de notre formation avec le site sesame-emploi.fr et/ou fichentreprise.com pour trouver le nom des entreprises de la région Centre-Val de Loire en fonction de leur activité.

Publié par Sylvie G dans Non classé, 0 commentaire
Starlink, internet via une constellation de satellites ? Top départ pour 2019 !

Starlink, internet via une constellation de satellites ? Top départ pour 2019 !

Ce 22 février, le très célèbre PDG de Space X (et de bien d’autres sociétés dont Tesla ou Paypal) a mis en orbite 2 satellites (Tintin A et Tintin B) de son nouveau projet.


Mais avant d’entrer dans le vif du sujet, quelques petits rappels semblent indispensables.

Internet par satellite, à première vu rien de nouveau ni de très excitant… Et pourtant…
Si l’on prends la technologie actuelle, dite en orbite géostationnaire, le ping moyen est de 500ms. Les joueurs et les streamers savent très bien qu’avec un tel délai, il vaut mieux fuir et s’orienter vers un débit plus bas avec une bien meilleure latence.
La stratégie d’Elon Musk vise à mettre en place des satellites de type LEO (Low Earth Orbit). 


Plus la distance est proche de la terre, plus la latence est faible, pour être plus précis, on estime la latence entre 25 et 35 ms (soit l’équivalent du câble).

Et au final ?
D’ici mi-2021, sa société SpaceX a dans l’objectif et le devoir de déployer 4223 satellites formant une « constellation » et dont l’objectif final est d’en placer 11 943.
Le débit qui sera alors proposé est de 1 Gigabit/s !
Mais pourquoi ? et pour qui ?
We Are Social recensait en avril 2017 que 3.81 Milliards possédaient une connexion à internet, démontrant en parallèle que 3,66 Milliards en sont encore privés.
Pour qu’un état puisse se développer aujourd’hui, internet est devenu indispensable. Cette technologie permet d’éviter certaines installations coûteuses et/ou trop difficiles à installer.
Pour condenser et mieux imaginer le projet, les 11 943 satellites seront composés de 7500 sur une orbite de 340 km et les 4500 autres entre 1100 et 1325 km.

Son coût de lancement ? Estimé à 5 Milliards de dollars.
Vous trouvez cela cher ? 
Mais combien va-t’il rapporter ? 
Selon un document interne dévoilé par le Wall Street Journal de 2017…. pas moins de 30 milliards de dollars.
Vers la fin des zones blanches ? Pourra-t’on surfer de partout?
Et si on parlait des forfaits?

les forfaits

L’avenir nous dira si l’idée est bonne et si elle révolutionnera le monde et internet.
Les opérateurs « historiques » doivent-ils avoir peur?
Les prochaines années nous le diront!

sources: 
paperjam: http://paperjam.lu/news/starlink-et-oneweb-linternet-haut-debit-en-orbite
challenge.fr: https://www.challenges.fr/entreprise/aeronautique/4-400-satellites-internet-en-orbite-starlink-le-nouveau-projet-fou-d-elon-musk_569643
scoop.it: https://www.scoop.it/t/aerospace-pointofview/p/4094696505/2018/02/26/4-400-satellites-internet-en-orbite-starlink-le-nouveau-projet-fou-d-elon-musk



Publié par Christophe LACROIX dans Non classé, 0 commentaire