Les actualités du Mardi 16 décembre 2014 dans les métiers du web - Marmits.com - Reims
FileAPI is a jQuery plugin that allows you to manipulate image uploads within a website. With it, you can let users of your websites upload multiple files at one time, upload a single image, resizing it, cropping it and many more. To install it you just need a few lines of code. It was created […]
The post FileAPI: Image Upload jQuery Plugin appeared first on ByPeople.
Together with the parallax scrolling effect, rotating content is another example of an effect that you often see implemented in websites. You can see it used to rotate news, tweets, Facebook posts, and so on. When built using jQuery, often developers create the widget employing the hide() and the show() methods (or the similar methods such as fadeIn()/fadeOut() and slideUp()/slideDown()). The problem with them is that, after performing the animation (if any), these methods change the value of the display property of the selected element(s) to none and back to the original value respectively. This behavior leads to an accessibility issue.
In this article we'll describe what the issue is and how you can use different jQuery's methods to achieve the same effect but taking care of accessibility.
The Problem
Some people, usually but not limited to visually impaired people, use the TAB key to navigate a website. If you're not familiar with this concept, what happens is that every time a user hit the TAB key a focusable element of the page is focused. The order in which the elements are focused follows the the order they appear in the DOM (exceptions apply) starting from the very beginning of the page. Some examples of focusable elements (learn more inWhen Do Elements Take the Focus?) are links, input fields, buttons, and everything that has a value for the
tabindex attribute greater than or equal to 0 (learn when and how to use tabindex). The important point to understand is that an element hidden by setting its display property to none is not focusable.
With this in mind you can see that if a TAB user is focusing an element (for example a link) that has been hidden using the hide() method and then the user presses the TAB key, there is a problem. Being hidden in that way is like the element has been temporarily removed from the DOM, so there isn't a next element to focus. What browsers do in this case is to reset the position, usually focusing the URL of the page. This causes a lot of frustration to the users because they have to start from the beginning of the page every time they reach this death zone. Even more, some of your users can't even see your awesome rotating effect - all they want to do is access your content easily.
Show Me the Code
To give you a better handle on this situation, consider the following markup: [html]This is a text with a link 1 and another link 1
This is a text with a link 2 and another link 2
This is a text with a link 3 and another link 3
This is a text with a link 4 and another link 4
Continue reading %How to Accessibly Rotate Contents with jQuery%
WebSocket permet une communication bidirectionnelle full-duplex entre client et serveur. Voici comment l'implémenter. Des bonnes feuilles issues de l'ouvrage "HTML5 et PHP 5" chez Eni.
Pourquoi se soucier de l'infrastructure de votre application ? Des plateformes prêtes à l'emploi, puissantes et capables de monter en charge à l'infini existent dans le cloud, c'est le PaaS.
Ma vie est absolument géniale ! Et la vôtre pourrait l'être aussi si vous vous donniez la peine de travailler dans une ambiance agréable. Bah oui parce que dans l'open space où vous êtes, vous avez surement à votre droite Robert qui balance des "blagues" sexistes / racistes à longueur de journée, à votre gauche […]
Cet article merveilleux et sans aucun égal intitulé : Comment retrouver la paix intérieure au boulot ? ; a été publié sur Korben, le seul site qui t'aime plus fort que tes parents.
As a profession, the designers are provided with the task of imbibing a website with creative designs and patterns. They have to strictly adhere to the specification laid down by their client while instilling uniqueness and innovation wherever possible. So your task as a designer is to excel the expectations of your client while making […]
Les États-Unis, un petit pays qui a fait beaucoup parler de lui dernièrement, après avoir autorisé à nouveau la chasse aux personnes de couleur (noires essentiellement) sur son propre territoire, continue de surfer sur la vague du bon goût. En effet, le pays de l'Oncle Sam et plus particulièrement son Ministère de la Défense, vient […]
Cet article merveilleux et sans aucun égal intitulé : Comment un groupe de musique canadien parasite les Etats-Unis pour faire parler de lui ; a été publié sur Korben, le seul site qui t'aime plus fort que tes parents.
C'est la toute première vidéo de la version grand public de Windows 10. Elle a été réalisée par le site Winbeta sur la base d'une version non-officielle qui a fuité sur Internet.
Il existe aussi dans le secteur IT des femmes à la tête d'immenses fortunes. Découvrez lesquelles sont parvenues à se hisser au sommet de grandes entreprises technologiques.
Isaac Partouche, cofondateur, s'est installé outre-Atlantique pour développer la présence de la start-up.
Isaac Partouche, cofondateur, s'est installé outre-Atlantique pour développer la présence de la start-up.
Choix de la chambre, check-in en ligne, personnalisation du séjour... Le groupe hôtelier annonce l'arrivée dans ses établissement d'une série de services centrés sur le mobile.
Les 3 et 4 février 2015 au Palais Brongniart à Paris
On m'a contacté pour me demander si je n'étais pas chaud pour faire de l'évangélisme, rémunéré, autour de WAMP, Autobahn et Crossbar.
On m'a contacté pour me demander si je n'étais pas chaud pour faire de l'évangélisme, rémunéré, autour de WAMP, Autobahn et Crossbar.
On m'a contacté pour me demander si je n'étais pas chaud pour faire de l'évangélisme, rémunéré, autour de WAMP, Autobahn et Crossbar.
Dans les pays d'Europe de l'Ouest, ce chiffre devrait monter à 230 milliards d'euros.
Dans un contexte Intranet, il peut être intéressant de donner à la session WebDev les droits réseau de l'utilisateur final. Cela permet par exemple de connaître son login (RéseauUtilisateur), de lancer une application sur son poste (LanceAppliDistante), etc... Pour donner les droits réseau de l'utilisateur connecté, il faut indiquer à IIS que l'authentification ne sera pas anonyme mais qu'elle sera de type authentification Windows. 1 – Ajouter à IIS, la fonctionnalité "...
Bien que la licence GPL soit toujours la plus populaire à ce jour dans le monde de l’open-source, son utilisation est en déclin. Dans le même temps de nouvelles licences plus permissives trouvent de plus en plus d’adeptes, au point que certains développeurs rendent maintenant leur code disponible sans aucune licence.
Basée à Amsterdam, Adyen compte notamment Facebook parmi ses clients pour la gestion des transactions internationales liées aux jeux et à la publicité.
Rocket Internet, qui a pris en décembre une part majoritaire de Nestpick, lance à l'international le service de location immobilière ciblant les étudiants. Actualités
Avec Marion et Jérôme de Nowtech.tv (que vous connaissez bien maintenant), nous avons décidé de réaliser une petite émission spéciale Noël avec du lol et les objets tech et applications que nous avons particulièrement appréciés cette année. Et comme plus on est de fous, plus on rit, j'ai proposé à mon ami Pingoo de participer. […]
Cet article merveilleux et sans aucun égal intitulé : Emission spéciale Noël Nowtech x Korben ; a été publié sur Korben, le seul site qui t'aime plus fort que tes parents.
Bonjour à tous, une fois encore j’ai hésité à publier les informations qui vont suivre. Et sans une discussion avec Sandrine je n’aurai partagé ces dernières qu’en comité restreint. Mais Sandrine avait raison (pour une fois :p ) c’est trop important pour ne pas en parler publiquement. Après Google, la France veut tuer nos professions [...]
L'article SEO, CM, Blogueur: les nouveaux hors la loi de l’internet appartient au site Visibilité Référencement.
La société Sucuri, experte en sécurité informatique, a découvert ce weekend l’existence d’un malware visant les sites fonctionnant avec le CMS WordPress. Une campagne serait déjà en place et aurait […]
L'article SoakSoak : Un malware sur WordPress est la propriété de Romain sur WebLife - Actualités internet, high-tech & startups.
Après avoir proposé le roaming depuis de nombreux pays d’Europe et plus récemment l’accès aux réseaux 3G et 4G dans le métro parisien, Free Mobile annonce l’itinérance depuis le Royaume-Uni […]
L'article Free Mobile : Roaming depuis le Royaume-Uni & l’Espagne est la propriété de Baptiste sur WebLife - Actualités internet, high-tech & startups.
Créée en 2010 par quatre anciens de Google, Qubit compte plus de 150 clients conseillés à son actif...
Le design d'Openweb, c'était mieux avant. Petite rétrospective du pourquoi et du comment.
Périodiquement l'un ou l'autre de nos honorables correspondants nous dit que le design du site d'Openweb, quand même, c'était mieux avant.
Or le site d'Openweb a vécu dix ans avec son ancien design. C'est plus long que la plupart des designs de tous les projets auxquels vous pourrez penser. C'est un très joli crédit à porter au talent des designers d'origine, soit dit en passant (bravo Emmanuel !).
Il y a quelque (...)
Pendant leur rencontre, les participants ajoutent leurs clichés à l’application.
La somme levée provient du fonds Audacia et de Finorpa qui consent un prêt participatif de 500 000 euros.
Et aussi : Auféminin pourrait céder Smart AdServer...
Le vendredi 6 février 2015 au Parc de la Villette à Paris
Ce webinar vous sera présenté par François Ziserman, CEO de Target2Sell et expert reconnu du e-commerce, il...
Si vous êtes un amateur des jeux Pokemon sur Gameboy, j'ai une excellente nouvelle ! Wackyturtle, un développeur de talent est actuellement en train de réaliser un clone du jeu centré sur un tournoi épique et baptisé Legends of the Arena. Bon moi j'y connais rien en Pokemon... Je suis plus de la génération Zelda […]
Cet article merveilleux et sans aucun égal intitulé : Pokemon – Legends of the Arena (fan game) ; a été publié sur Korben, le seul site qui t'aime plus fort que tes parents.
A en croire les dernières rumeurs autour des embauches de la société, Bose serait actuellement en plein recrutement d’un expert « Algorithms & Cloud Experiences group » pour concevoir une plateforme de […]
L'article Bose : Vers un service de streaming musical ? est la propriété de Romain sur WebLife - Actualités internet, high-tech & startups.
Il est toujours intéressant lorsqu’on doit changer de domicile de prévoir de tester l’éligibilité de la nouvelle adresse afin de déterminer les offres Internet que proposent les différents FAI. Il est bien entendu possible de passer par les outils de test que tous les FAI ont intégré sur leur propre site Web, mais il est […]
Cette société américaine ambitionne de plus que doubler la surface qu'elle propose à la location.
Nous vous parlions il y a quelques mois déjà de la traduction des conversations à la volée avec Skype Translator. De nombreux progrès ont depuis été faits, et c’est une […]
L'article Skype Translator : Traduction anglais-espagnol à la volée est la propriété de Baptiste sur WebLife - Actualités internet, high-tech & startups.
La typographie est un élément important à prendre en compte quand il s’agit d’optimiser et d’améliorer la lisibilité des textes sur son blog ou sur son site Web. Le choix est toujours difficile et délicat à faire dans la mesure où il existe un nombre incalculable de polices (pas toujours conçues pour les pages Web) […]
Netflix vient d’annoncer le déploiement d’une nouvelle version de son application mobile aux Etats-Unis et au Canada.
Jaguar Land Rover continue à travailler sur ses projets innovants de réalité augmentée pour l'aide à la conduite. Nouvelle étape, la voiture-fantôme qui vous guide en ville.
C’est il y a quelques semaines seulement que Google rendait hommage à Henri de Toulouse Lautrec, après Rembrandt. C’est désormais au tour de Vassily Kandinsky d’être mis en avant au […]
L'article Google : Vassily Kandinsky et l’art abstrait en doodle est la propriété de Baptiste sur WebLife - Actualités internet, high-tech & startups.
Envie de changer de tablette ? Voilà le bon plan qu'il vous faut. En plus il y a en a pour tous les goûts, avec de l'iOS ou de l'Android au choix.
Squire is an HTML5 rich text editor that includes cross-browser normalization. It’s lightweight and flexible, and was written as a component for writing documents rather than web pages.
Il y a quelques mois, Parrot a organisé un festival de films autour du thème des minidrones. Et le jury a enfin rendu son verdict avec en première place, les Australiens, suivis des Français et des Anglais. Je ne résiste pas à l'envie de partager avec vous le court métrage des Australiens qui est vraiment […]
Cet article merveilleux et sans aucun égal intitulé : Terrarial ; a été publié sur Korben, le seul site qui t'aime plus fort que tes parents.
L'achat de billets d'avion se réalise automatiquement lorsque les critères fixés par l'utilisateur sont satisfaits.
Baidu vient d’annoncer avoir conclu un partenariat avec le célèbre constructeur finlandais Nokia pour travailler sur un service de cartographie (basé sur Nokia Here) en dehors de la Chine et ainsi proposer […]
L'article Baidu : Associé à Nokia pour un service de cartographie est la propriété de Romain sur WebLife - Actualités internet, high-tech & startups.
Sell ebooks, software, courses or music online? If you or any of your customers live in a European country then a piece of legislation designed to deal with companies the size of Amazon might be about to give you a taxation headache. When you sell digital products online, the world can seem a borderless place. […]
C’est en août dernier qu’était dévoilé le nouveau Foursquare, permettant aux utilisateurs d’être guidés par l’application mobile pour découvrir de nouveaux lieux en accord avec leurs centres d’intérêt. Et tel […]
L'article Foursquare : L’application iPad à télécharger est la propriété de Baptiste sur WebLife - Actualités internet, high-tech & startups.
Voici une innovation de plus qui pourrait mettre à mal les fabricants d’ordinateurs.
Balise meta description : conseils détaillés pour réussir votre référencement naturel Les balises meta description n'ont pas souvent la cote, car elles n'ont officiellement aucun impact en positionnement sur Google. Vous auriez pourtant tort de les négliger ! Voici un dossier vraiment très complet sur la meta description.Balise meta description et référencement GoogleCet article écrit par Olivier […]
Cet article écrit par Olivier Duffez a été publié sur Balise meta description et référencement Google
Codrops has shared some inspiration for adding elasticity to SVG elements. The idea is to integrate an SVG element into a component and then animate it from one path to another with an elastic animation. Using SVGs like this can make things like menus, buttons or other elements more interesting and make the interaction look [...]
The post Inspiration for Elastic Components with SVG Animations appeared first on WebAppers.
Sponsors
Il y aura fallu attendre quelques années pour que Free Mobile arrive enfin à signer un partenariat avec la RATP pour proposer prochainement (début 2015 si tout se passe bien) […]
L'article Free Mobile : 3G et 4G dans le métro parisien est la propriété de Romain sur WebLife - Actualités internet, high-tech & startups.
Une autre vidéo mettant en scène l’incroyable outil de traduction de Microsoft.
Une autre vidéo mettant en scène l’incroyable outil de traduction de Microsoft.
Fondée en 2012, la start-up compte cartographier 40 millions de logements dans 300 villes en Inde.
Après des jours de silence, un membre de l’équipe de Pirate Bay s’exprime enfin.
De nouvelles fuites concernant Sony pourraient arriver à Noël.
Booking s'est engagé « à supprimer la clause de parité tarifaire qui interdit aux hôteliers (...) de pratiquer des prix de nuitées plus bas sur les autres plateformes ».
De nouvelles fuites concernant Sony pourraient arriver à Noël.
Runtastic développe une application qui vous permettra de faire des exercices en portant un casque de réalité virtuelle.
Runtastic développe une application qui vous permettra de faire des exercices en portant un casque de réalité virtuelle.
Frenchweb propose de revenir sur les liens - parfois tendus - entre Google et la presse française, et a interviewé quatre éditeurs pure players et le directeur du « fonds Google ».
L’agence Ars Thanea vient de mettre en ligne une nouvelle mouture de son site web, l’occasion est idéale pour revenir sur les travaux du talentueux studio polonais. Ars Thanea reste pour moi une des références absolues en terme d’agence et … Continuer la lecture
Random User Generator is a free API for generating random user data. Like Lorem Ipsum, but for people. The application will provide you with a JSON, SQL, CSV, or YAML […]
The post Random User Generator API appeared first on jQuery Rain.
textAssist is the smart auto text assistant script with highly customizable options. This script uses the jQuery framework and you can use it on dynamic web pages. textAssist helps web […]
The post textAssist : jQuery Smart Auto Text Assistant Plugin appeared first on jQuery Rain.
In this tutorial I am going to show how to populate multiple textfields using single jQuery autocomplete select. For example I am going search country name on country name textfield […]
The post jQuery Autocomplete Mutiple Fields with PHP & Ajax appeared first on jQuery Rain.
In a previous blog post, I spoke about patience being a virtue when developing a road map to continuous delivery maturity. But continuous delivery maturity takes more than a map. Nurturing the continuous delivery process also requires a comprehensive set of scoring benchmarks so that you can monitor progress, and it means engaging with the […]
The post Benchmarks and Key Stakeholders on the Road to Continuous Delivery Maturity appeared first on The Zend Blog.
Un bon plan valable uniquement ce mardi. Il s'agit d'une grosse réduction sur le microphone Yeti, le même que j'utilise pour enregistrer tous mes podcasts et mes vidéos. Je vous le recommande, il est vraiment cool. Il est proposé à 89 € au lieu de 212 euros, soit 35% de réduction. Sinon pour ceux qui […]
Cet article merveilleux et sans aucun égal intitulé : Bon plan microphone Yeti ; a été publié sur Korben, le seul site qui t'aime plus fort que tes parents.