Les actualités du Mercredi 28 janvier 2015 dans les métiers du web - Marmits.com - Reims
The latest Zend Server 8 on Amazon Web Services Marketplace (8.0.1) introduces some exciting new features tailored for Amazon Web Services users. We received a lot of feedback from users over the past few months, and many of the new features are a direct result of this feedback. Please keep sending us anything you’ve got via […]
The post Zend Server 8 on Amazon Web Services – What’s New appeared first on The Zend Blog.
60 millions de sites fonctionnent aujourd'hui sous WordPress. Plusieurs solutions sont désormais disponibles pour disposer du CMS en mode cloud.
Hello les copains, je change cet édito, car l'autre prenait la poussière. Sachez que je n'oublie pas pour la FAQ mais comme j'ai la crève, que je parle méga du nez et que je tousse comme un vieux diesel, j'attends des jours meilleurs pour faire vibrer mes cordes vocales face caméra. Autrement, je pars à […]
Cet article merveilleux et sans aucun égal intitulé : Edito du 28/01/2015 ; a été publié sur Korben, le seul site qui t'aime plus fort que tes parents.
Beaucoup plus drôle que ma radicalisation des cons en gros cons, Bacrima lecteur de Korben.info a publié dans les commentaires la même sur la radicalisation du geek. Je me permets donc de la mettre en avant ici, toujours pour célébrer la puissance du LOL. Merci Bacrima
Cet article merveilleux et sans aucun égal intitulé : La radicalisation du geek ; a été publié sur Korben, le seul site qui t'aime plus fort que tes parents.
Le patron de Hi-Media détaille la stratégie de sa filiale HiPay sur ses deux leviers de croissance : le traitement des transactions pour les e-marchands et pour les marketplaces.
A compelling code snippet with a 3D CSS3 effect that can be applied to any text. It uses pure CSS to achieve the glow, and it is also animated, making it perfect for grabbing the attention of the user. It was created by CSSDeck user mutukrish and it is free.
The post CSS3 Glowing Text Snippet appeared first on ByPeople.
Envie de vous faire plaisir sans vous ruiner ? Cette semaine, on a de jolies promotions sur le LG G Pro 2, le LG G3 et l'iPhone 5c.
Afrimarket a développé une solution fonctionnant sur un modèle « cash-to-goods ».
J’ai remarqué une hausse importante du nombre de formations disponibles sur la thématique référencement. Quasiment toutes les agences proposent quelque chose et même SEO Camp a réfléchi au sujet lors de la dernière réunion du CA. Sauf que pour moi, il y a 3 formations SEO absolument indispensables à suivre cette année, afin d’évoluer positivement dans […]
Google a toujours œuvré pour un web plus sécurisé avec notamment son souhait de basculer l’ensemble de la session de surf sur le protocole HTTPS. Il semblerait que les équipes derrière le […]
L'article Chrome : HTTP considéré comme non sécurisé est la propriété de Romain sur WebLife - Actualités internet, high-tech & startups.
La sécurité des logiciels est mise à mal depuis quelques semaines. Après les divulgations de failles par le Google « project zero » dans les systèmes d’exploitation Os X et Windows, c’est autour de Linux de prendre sa part. La société Qualys a révélé une faille de sécurité dans la bibliothèque glibc, installée sur de nombreuses distributions Linux.
Bonjour à tous, un petit billet pour vous tenir un peu informé. Reparlons quelques instants du VLC2014. Tout d’abord concernant les enregistrements vidéos des conférences. La seule qui rencontre un problème c’est celle de Kévin. Suite à l’insistance de certains j’ai mis les vidéos en téléchargements et j’ai donc du les convertir. Et visiblement celle [...]
L'article [Teasing] Cadeau et conférence suprise Content Marketing / SEO appartient au site Visibilité Référencement.
Vous l’avez sûrement remarqué, OpenClassrooms a lancé une nouvelle offre Premium, intitulée Premium Plus. Voici quelques explications plus précises sur le contenu de cette offre. Surtout n’hésitez pas à utiliser les commentaires pour continuer à me poser des questions concernant le contenu de cette offre, je ferais de mon mieux pour y répondre. 1) Quoi
Lire la suite
Effectuer un benchmark du marché adressé, définir les spécifications du produit...
Big Data, Cloud Computing, Geofencing, Social CRM, et objets connectés, autant de concepts qui ont en commun une conséquence : la quantité de données collectées et stockées par les organisations augmente.
Le gouvernement vient de mettre un site baptisé Stop Djihadisme qui va permettre à n'importe qui de débusquer du terroriste dans sa famille. C'est troooop cool ! Du coup, je leur ai piqué leur super infographie et je l'ai légèrement modifiée pour vous aider aussi à débusquer les gros cons qui s'y cacheraient ;-) Autant […]
Cet article merveilleux et sans aucun égal intitulé : Stop radicalisation ! ; a été publié sur Korben, le seul site qui t'aime plus fort que tes parents.
Dans Chrome, un site HTTP sera sans doute bientôt marqué non sécurisé Comme vous le savez, Google pousse tout le monde à passer son site en HTTPS. La dernière trouvaille est que Chrome affiche un avertissement pour les sites en HTTP, indiquant qu'ils ne sont pas sécurisés...Dans Chrome, un site HTTP sera marqué non sécuriséCet […]
Cet article écrit par Olivier Duffez a été publié sur Dans Chrome, un site HTTP sera marqué non sécurisé
Le projet a déjà récolté 235 808 dollars en quelques heures, l'objectif fixé était de 50 000 dollars.
L’image est souvent ancrée dans les stéréotypes de l’entreprise : le RSSI est celui qui dit «non», l’empêcheur de tourner en rond, déconnecté des enjeux business de l’entreprise.
La dernière édition du Consumer Electronics Show vient de fermer ses portes. Ce salon qui rassemble les entreprises les plus innovantes de l’électronique grand public mondial constitue pour tous les exposants un événement majeur.
Cette technologie peut engendrer des économies réelles, des gains d’efficacité, et améliorer l’expérience client. Et nous n’en sommes qu’au début.
Qui sont les petits e-marchands français ? Sont-ils présents sur les places de marché ? Achètent-ils des Adwords ? Combien créent-ils d'emplois ? Réponses en chiffres.
Le Français installé à New York veut lancer un nouveau device, destiné « à améliorer la façon dont les familles communiquent ».
Sous beaucoup d'OS, tous les ports d'un nombre inférieur à 1024 ne peuvent pas être utilisés par des serveurs sans avoir les privilèges administrateurs. Néanmoins, on a pas vraiment envie que son app bricolée un lendemain de cuite soit lancée en root, pour que la moindre faille de sécurité donne l'accès total à son système.
C’est une belle victoire pour la technologie HTML5. En effet, les équipes de YouTube considèrent que la norme HTML5 est assez aboutie et supportée par les différents navigateurs web au […]
L'article YouTube : Au revoir Flash, le visionnage en HTML5 par défaut est la propriété de Romain sur WebLife - Actualités internet, high-tech & startups.
Syntec Numérique et BVA se sont intéressés à la place prise par les outils numériques pour consommer de la musique, des livres ou pour regarder un film. Si les Français s’y mettent de plus en plus, les vieilles habitudes ont la vie dure…
CRM est mis à jour pour les versions CE 1.6.0 et Enterprise Edition 1.8.0. Ces versions pérennisent notamment une fonctionnalité puissance et flexible d’analyse : RFM. L’analyse RFM pour le eCommerce permet l’identification dynamique des clients les plus performants.
Le passage à un monde hyper-connecté, 100 % numérique et à l'arrivée de nouvelles générations nées avec de nouveaux objets connectés entre les mains, renforcent notre besoin de cybersécurité.
La sécurité est un travail d’équipe et il faut que les prestataires de Cloud et leurs clients travaillent main dans la main pour proposer une sécurité optimum au client final.
Si l'importance des avis clients pour le secteur e-commerce est indéniable - 77% des consommateurs consultent les avis en ligne avant d'acheter - nous allons vous dévoiler dans cet article 5 astuces pratiques autour des avis clients, dans le but de vous aider à augmenter votre taux de conversion sur votre boutique en ligne.
Metalsmith as a static site generator made with Node.js. It is simple to install, it’s pluggable and you can complement it with plugins to achieve further results. It has an MIT License and it was created by Segment.
The post Metalsmith: Node.js Static Site Generator appeared first on ByPeople.
Jusqu'il y a quelques temps, si vous vouliez utiliser des images en CSS ou des vidéos en iframe qui gardaient leur joli ratio 16:9 et prennaient toute la taille du navigateur quand on redimensionne, il fallait passer par le bon vieux hack du "ajoute un wrapper autour et colles lui un padding-bottom de 56.25%".
Rien de plus simple et logique, n'est-ce pas ? Tellement simple et logique que certains en ont fait un plugin de redimension automatique de vidéo ou un site pour hacker automatiquement les inclusions d'iframes. Bref, vous l'aurez compris, jusque là c'est de la bidouille à base de gros coups de hack, de wrapper et autres joyeusetés.
Avec l'arrivée des unités de viewport, compatibles depuis IE9, nous allons pouvoir faire la même chose, sans avoir besoin d'un wrapper supplémentaire ni de code inutile.
Garder le ratio 16:9 d'images fullscreen en CSS
Le but est ici de faire en sorte que l'image de fond que l'on aura placée en CSS conserve son ratio de 16/9 et prenne toute la taille du navigateur, quelque soit la taille de ce dernier (aka fullscreen). Pratique quand on fait du responsive.
Voici le code utilisé :
.ratio {
background: url("monimage.jpg") no-repeat;
background-size: cover;
width: 100vw;
height: 56.25vw;
}
Concrètement ce que l'on fait :
-
on donne à l'image la largeur du navigateur grâce à l'unite
vw(viewport-width) - on lui donne la hauteur à laquelle on a appliqué un ratio 16:9 calculé en faisant 100 * 9 / 16 de la largeur du navigateur
Garder le ratio 16:9 des vidéos en CSS
Le second cas d'utilisation est celui des vidéos.
Un iframe est plutôt flexible au final, donc on pourrait se dire que pour le redimensioner sur mobile, il suffirait d'y appliquer le même bon vieux hack que pour le débordement d'images, le désormais célèbre max-width:100%.
En théorie oui, en pratique, on perd le ratio de notre vidéo et ça nous donne un résultat pas super sympa comme ceci :
C'est là où encore une fois, mes unités de viewport et mon ratio viennent à la rescousse.
Voici le code utilisé :
@video-width: 780px;
iframe {
width: 100vw;
max-width: @video-width;
height: 56.25vw;
}
@media (min-width:@video-width) {
iframe {
height: calc(@video-width * 0.5628205128205128);
}
}
Là, c'est un poil plus compliqué, parce que j'ai ajouté un peu de préprocesseur LESS pour rendre le tout plus flexible. Voici l'explication en français dans le texte :
- on définit une variable qui va contenir la taille que je souhaite donner à la vidéo (encore une fois, pas obligatoire, c'est juste pour aller plus vite)
- on donne à mon iframe une largeur maximale de la taille de ma vidéo (ici 780px)
- on applique le même code pour la hauteur que pour les images avec mon ratio 16:9
- l'astuce ici, si la taille du navigateur est plus grande ou égale à la taille de ma vidéo, on donne à la vidéo une hauteur fixe calculée à partie de sa propre largeur affichée à laquelle on a encore une fois appliqué le ratio (donc 780 * 9 / 16). Ceci en employant la fonction calc().
Et si mon ratio n'est pas de 16/9 ?
Ah ben oui mais si vous ne faites pas comme tout le monde on n'y peut rien ! Plus sérieusement, il suffit tout simplement d'adapter la valeur de height selon la valeur de votre ratio.
Concrètement cela donne ceci :
| ratio d'image | valeur de height |
|---|---|
| 16/9 |
56.25vw |
| 16/10 |
62.5vw |
| 4/3 |
75vw |
Pour finir, je vous renvoie au support de viewport units, mais en résumé, ça marche plutôt pas mal depuis IE9.
Vous pouvez également jeter un oeil à un précédent article Une vidéo en arrière plan sur toute la page.
La start-up propose un service de « chasseurs immobiliers » en ligne.
Les malvoyants filment ce qu'ils ont devant eux avec un smartphone et des bénévoles peuvent ainsi le guider.
Pourquoi et comment les entreprises doivent-elles se prémunir de la perte de données confidentielles
Avec l'adoption des nouvelles technologies naissent de nouveaux usages, de nouvelles opportunités mais aussi de nouvelles menaces pour les entreprises qui doivent trouver des moyens efficaces pour protéger leurs données.
Fondé et organisé par Laure de Carayon, China Connect est le plus grand rassemblement d’experts sur les...
Allo Matelas lance le premier matelas connecté, pour améliorer la qualité et la maîtrise de votre sommeil.Ronflements, rythme cardiaque, phases de sommeil : Avec le matelas ebed Connect, le moindre mouvement est capté, enregistré et analysé sur votre smartphone. Objectif : Qualité de sommeil Un Français consacre entre 25 et 30% de sa vie à dormir. Or [...]
Eventray is a ready-to-use UI kit includes multiple layouts and UI elements designed for Web and Mobile use. Free PSD by DtailStudio.
The post Eventray UI kit appeared first on Freebiesbug.
Les 4 et 5 Février prochain, le Forum Netexplo va primer les innovations les plus prometteuses. Passage en revue de 10 services/produits aussi innovants que surprenants.
Si vous ne savez plus comment tuer le temps dans WOW, alors soyez heureux car le S.E.L.F.I.E Camera devrait vous donner du fil à retordre.
Au niveau français, le marché de la dématérialisation de documents est estimé à plus de 2,5 milliards d'euros.
La plateforme de crowdfunding Ulule vient de publier son bilan 2014 : une importante progression et des projets financés pour sauver le patrimoine et des entreprises historiques.
Le langage CSS (Cascading Style Sheets, en Français Feuilles de style en cascade) est un langage pour ajouter des mises en forme et des mises en page aux documents HTML qui en principe ne contiennent que les contenus d’un site Web. Cette dissociation sépare le fond de la forme tout en facilitant la mise à […]
POM Monitoring édite des logiciels de suivi des systèmes d'information et de leur opérabilité.
Au travers d’un post Google+, le géant de la recherche annonce un changement de taille concernant les snippets de résultats mobiles. A l’instar du comportement adopté pour la version traditionnelle […]
L'article Google : Meta desc censurée en cas de blocage de ressources est la propriété de Baptiste sur WebLife - Actualités internet, high-tech & startups.
Facebook Messenger possède une arme secrète pour se monétiser : régler le problème de la communication entre entreprises et consommateurs.
Google Analytics vient tout juste d’annoncer l’arrivée d’une nouvelle fonctionnalité : la corbeille. Fortement demandée par les utilisateurs, l’objectif est de limiter la perte d’informations sur les comptes en permettant […]
L'article Google Analytics : La corbeille pour restaurer les éléments supprimés est la propriété de Baptiste sur WebLife - Actualités internet, high-tech & startups.
Le lecteur vidéo de Youtube passe à HTML5 avec la balise <video> Youtube supporte la balise <video> du langage HTML5 depuis juin 2010 et l'utilise depuis janvier 2015 en lecteur vidéo par défaut sur Chrome, IE 11, Safari 8 et Firefox version beta.Le lecteur vidéo de Youtube passe à HTML5 Cet article écrit par Olivier […]
Cet article écrit par Olivier Duffez a été publié sur Le lecteur vidéo de Youtube passe à HTML5
Si la RATP avait annoncé l’arrivée de la 4G/3G d’ici 2016, il semblerait que les travaux aient pris du retard. En effet, les dirigeants des transports publics parisiens ont annoncé […]
L'article RATP: Déploiement de la 4G et 3G à horizon 2017 est la propriété de Romain sur WebLife - Actualités internet, high-tech & startups.
jQuery story box is a plugin for CSS 3 Animations Triggered while scrolling.
The post Story Box : jQuery CSS3 Scrolling Animations appeared first on jQuery Rain.
When you’re looking for a WordPress theme, one of the most important features is that it shouldn’t look like a WordPress theme. With a startling array of customization options, Theme.co’s X theme, is probably one of the least theme-like themes available. Right from the outset X pushes the boundaries of what is traditionally thought of as […]
Lunar – Photography Portfolio, a very clean and simple jQuery Plugin that helps you build beautiful photo albums. Some of the plugin’s strong points are: fully responsive grid, high performance, […]
The post Lunar : jQuery Photography Portfolio appeared first on jQuery Rain.
A Back to top button is an important element of a webpage. Nowadays, modern design websites are using it to provide the best user experience. It is one another factor which enhances the […]
The post Back to Top Button using CSS and jQuery appeared first on jQuery Rain.
Parsedown is a Markdown parser built with PHP to include in your apps. It’s fast and consistent, uses GitHub-flavored Markdown, and offers a Markdown Extra extension.
Le lancement de la tant attendue montre connectée Apple Watch serait prévu pour le mois d’avril 2015. C’est en tout cas l’information que Tim Cook, PDG d’Apple, aurait donnée à […]
L'article Apple Watch : Lancement prévu en avril 2015 est la propriété de Anne sur WebLife - Actualités internet, high-tech & startups.
5 ans après le début du projet de Google Fibre à Kansas City, le déploiement de l'accès Internet vraiment-très-haut-débit se poursuit aux USA avec des projets sur 18 villes en tout.Internet : l'accès fibre optique de Google s'étend aux USACet article écrit par Olivier Duffez a été publié sur Internet : l'accès fibre optique de Google […]
Cet article écrit par Olivier Duffez a été publié sur Internet : l'accès fibre optique de Google s'étend aux USA
Répondant aux critiques de la police de Los Angeles, Waze justifie l’usage de son application.
SpaceBase is a Sass-based responsive CSS framework. Many CSS frameworks are meant to be included and left alone. But spaceBase is a boilerplate layer that can be built upon and tailored for your needs. It combines best practices for today’s responsive web with the core components we use on every project. Consider it the launch [...]
The post SpaceBase – Sass-based Responsive CSS Framework appeared first on WebAppers.
Sponsors
Il n’aura fallu guère de temps aux actionnaires de Yahoo! notamment le fond Starboard Value, pour mettre...
Après le LG G Wine, voici le LG Ice Cream Smart, le nouveau téléphone à clapet de LG.
La version 9.0 de Snapchat est disponible au téléchargement sur iOS et Android. Cette version intègre une toute nouvelle fonctionnalité : Discover. En effet, Snapchat s’est associé à 11 médias (CNN, Vice, […]
L'article Snapchat : Discover et les snaptags arrivent est la propriété de Timothé sur WebLife - Actualités internet, high-tech & startups.
Facebook n’a pas fait l’objet d’une attaque informatique. En revanche, les comptes Twitter et Instagram de Taylor Swift ont bel et bien été piratés.
Et le montant total de levées de fonds a baissé de 23% sur un an.
On ne s’en est pas forcément rendu compte, mais Twitter ne permettait pas jusqu’à maintenant de partager des vidéos sans passer par un autre service.
Targeted.io is an online tool that helps you test emails with 30+ email clients before you set your emails to the public. You can test emails in web-based, desktop and mobile clients, working seamlessly across them. The tool is free for a limited amount of emails tested, but you can opt to upgrade.
The post Targeted.io: Online Email Testing Tool appeared first on ByPeople.
Apple a présenté les résultats de son premier trimestre fiscal 2015 et peut avoir le sourire ! La firme de Cupertino vient de réaliser le meilleur trimestre de son histoire.