Les actualités du Mercredi 10 décembre 2014 dans les métiers du web - Marmits.com - Reims
This is Retro Sans, a typeface with an old style, perfect for vintage design. The font comes in two versions, including characters for both English and Greek languages. The font includes only uppercase characters, numbers and additional glyphs. It is free for personal and commercial uses, created by Vasilis Skandalos.
The post Retro Sans: Old Style Typeface appeared first on ByPeople.
Enlightenment is a beautiful WordPress theme made with businesses in mind. It has a flat design, using additional photography and smooth typography to deliver a great user experience. The areas of the theme are the regular top bar and full-width slider, this time complemented with a title, description and download button; products area, widgets, icons […]
The post Enlightenment: Free Startup WordPress Theme appeared first on ByPeople.
If you've used jQuery much at all, then you're probably already familiar with event binding. It's fairly basic stuff, but dig a little deeper and you'll find opportunities to make your event-driven code less brittle and more manageable.
A Better Selector Strategy
Let's start with a basic example. Here's the HTML for a nav menu that can be toggled on or off:
[html] [/html]And here's some JavaScript to toggle the nav menu when the button is clicked:
[js] $('.nav-menu-toggle').on('click', function() { $('nav').toggle(); }); [/js]This is probably the most common approach. It works, but it's brittle. The JavaScript depends on the button element having the nav-menu-toggle class. It would be very easy for another developer, or even a forgetful you in the future, to not realize this and remove or rename the class while refactoring.
The heart of the problem is that we're using CSS classes for both presentation and interaction. This violates the separation of concerns principle, making maintenance more error-prone.
Let's try a different approach:
[html] [/html]This time we're using a data attribute (data-hook) to identify elements. Any changes involving CSS classes will no longer affect the JavaScript, giving us better separation of concerns and sturdier code.
We just need to update the jQuery selectors to use data-hook instead:
Notice I opted to use data-hook for the nav element as well. You don't have to, but I like the insight it provides: anytime you see data-hook, you know that element is referenced in JavaScript.
Some Syntactic Sugar
I'll admit that the data-hook selectors aren't the prettiest. Let's fix that by extending jQuery with a custom function:
With that in place, we can rewrite the JavaScript:
[js] $.hook('nav-menu-toggle').on('click', function() { $.hook('nav-menu').toggle(); }); [/js]Continue reading %Effective Event Binding with jQuery%
Kévin Blanchard présentera son projet jeudi devant le ministre de l'Economie dans cadre d'une conférence sur financement participatif.
Si vous aimez les magazines Canard PC Hardware et Canard Jeux vidéo, j'ai une bonne et une mauvaise nouvelle à vous annoncer. La mauvaise, c'est qu'ils arrêtent leurs applications mobiles et tablettes et basculent chez ePresse, un marchand de journaux en ligne. Et la bonne nouvelle, c'est quoi alors ? Et bien là où d'autres […]
Cet article merveilleux et sans aucun égal intitulé : 1 an de Canard PC et Jeux Vidéo à télécharger gratuitement ; a été publié sur Korben, le seul site qui t'aime plus fort que tes parents.
La fonction textos et messages multimédia sur iPhone a considérablement évolué au fil des mises à jour d'iOS. Êtes-vous sûrs d'en connaitre tous les secrets ?
E-learning, application collaborative, social marketing... Voici huit start-up présentes dans les allées de la conférence LeWeb pour pitcher leur projet. Sélections
Il semblerait qu’Instagram et Twitter se valent maintenant en termes d’utilisation.
Mémoire, apprentissage d'une langue, capacités mathématiques... Halo Neuroscience prépare un objet connecté destiné à stimuler le cerveau. Entretien avec son CEO, en visite à Paris pour LeWeb. Interview
Lancé il y a dix ans, SoftTech VC s'intéresse de plus en plus à l'e-santé.
Investisseurs, business angels ou blogueurs : ces influenceurs sont des références dans l'écosystème start-up de la Silicon Valley. Articles
BuildDirect vient de lever 44 millions de dollars auprès de Mohr Davidow Ventures, OMERS Ventures et BMO Asset Management. La valorisation...
Un contrat de partenariat serait en cours avec la SNCF. De nouveaux advisors, dont Loic Le Meur, rejoignent l'aventure.
Google Penguin serait mis à jour en continu D'après ce que Google a indiqué à Search Engine Land, l'algorithme Google Penguin fonctionnerait désormais en continu. C'est d'ailleurs ce qu'on observe depuis la sortie de Penguin 3.0 le 17 octobre 2014.Google Penguin serait mis à jour en continuCet article écrit par Olivier Duffez a été publié […]
Cet article écrit par Olivier Duffez a été publié sur Google Penguin serait mis à jour en continu
CSS de A à Z est un site qui propose des tutoriels vidéo en anglais sur 26 propriétés ou valeurs plus ou moins usuelles en CSS. Chaque vidéo est accompagnée d’un résumé et de son transcript contenant les exemples de code prêts à être copiés-collés dans votre éditeur de code préféré. Une chaîne Youtube est également disponible pour ceux qui — comme moi — apprécient de regarder les vidéos sur l’écran TV, le smartphone servant de télécommande. Cerise sur le gâteau, l’auteur nous offre les coulisses de la réalisation de ses vidéos où l’on apprend qu’il ne faut pas moins de […]
Si vous utilisez la plateforme d’E-commerce Magento, comme des centaines de milliers d’utilisateurs, l’installation basique ne suffit pas à vos besoins. Pour y répondre il y a bien sûr les extensions, mais elles sont nombreuses et de qualités inégales. Voici une petite sélection des extensions parmi les plus populaires.
Les enfants, même très jeunes, font preuve d’une redoutable dextérité avec les tablettes tactiles, navigant et interagissant avec une effroyable efficacité. Cela ne vous aura certainement pas échappé. Et même […]
L'article Marbotic : De beaux jouets en bois connectés est la propriété de Baptiste sur WebLife - Actualités internet, high-tech & startups.
Pour ce dernier passage en revu de liste des cadeaux de noël du guide annuel publiée par Opensource.com : quelques jouets et gadgets pour les grands enfants !
Il ne fait pas bon d'arrondir ses fins de mois avec Uberpop. Une quinzaine de chauffeurs ont été arrêtés à Lyon depuis mai. Actualités
Le prochain smartphone de la gamme « Galaxy A » de Samsung devrait avoir des caractéristiques très intéressantes.
Les 44 start-ups françaises avaient chacune 5 minutes pour convaincre dans ce bel événement porté par 50 Partners, Le Camping et Microsoft Ventures.
L'utilisateur renseigne le nom, l'adresse... d'un lieu qu'il apprécie pour le retrouver ultérieurement.
FrenchWeb organise un café de la presse sur 2 jours avec des confrères de la presse française et internationale.
La société américaine édite une solution pour mieux gérer les inventaires retournés.
Beetle is a free responsive HTML5 template for designers with parallax features designed by Frank Rapacciuolo and coded by Pasquale Vitiello
The post Beetle – HTML5 template for designers appeared first on Freebiesbug.
Il n’y a pas de semaines où des affaires de corruption ou autres turpitudes mettant en cause des élus locaux, des hommes politiques de premier plan, voire des ministres ou un ancien Président de la République, ne fassent pas la une de l’actualité. Quand ces affaires n’aboutissent pas le plus souvent à des non-lieux, les condamnations sont très très […]
En ce moment le débat porte sur le contrat unique de travail. Certains y voient une solution pour faire baisser le chomage. Guy Mathiolon est chef d’entreprise et ancien Président de la CCI de Lyon. Le groupe SERFIM qu’il dirige, spécialisé dans les travaux publics, les NTIC et l’environnement compte plus de 1600 salariés. Dans [...]
Motorless is a three styles free font inspired by good ol' clunkers, wrecking yards, oil and dirt. Designed by Fabien Laborie.
The post Motorless free font appeared first on Freebiesbug.
Le site américain de recherche d'emploi Glassdoor a publié son palmarès annuel des entreprises les mieux notées par leurs salariés.
Kino 40 is a free font inspired to vintage movies handwritten typography. Designed and released by les83machines.
The post Kino 40 free font appeared first on Freebiesbug.
Netflix explique sa vision pour ces cinq prochaines années.
Suite au piratage du PlayStation Network ce weekend, il semblerait que les pirates aient mis la main sur un point de sécurité de Sony plutôt sensible : les certificats. En […]
L'article Sony : Les certificats SSL dans la nature est la propriété de Romain sur WebLife - Actualités internet, high-tech & startups.
La plate-forme de pétitions en ligne revendique 80 millions d'utilisateurs dans 196 pays.
La plate-forme de pétitions en ligne revendique 80 millions d'utilisateurs dans 196 pays.
Brevet Google : identification automatique des chaines d'entreprises (franchises, groupes, etc.) Google a obtenu un brevet qui détaille un système permettant d'identifier automatiquement des noms d'entreprises faisant partie d'une même "chaîne" ou groupe.Brevet Google : identification des chaines d'entreprisesCet article écrit par Olivier Duffez a été publié sur Brevet Google : identification des chaines d'entreprises
Cet article écrit par Olivier Duffez a été publié sur Brevet Google : identification des chaines d'entreprises
La start-up toulousaine commercialise sa solution en B2B auprès de fabricants et de distributeurs.
C’est devenu la tradition tous les ans, les grands sites internet nous proposent un petit retour en arrière avec une rétrospective de ce qui s’est passé durant l’année. On ouvre […]
L'article YouTube Rewind 2014 : Tout ce qu’il ne fallait pas rater est la propriété de Romain sur WebLife - Actualités internet, high-tech & startups.
Massivement lancée en 2013, puis très largement suivie en 2014, la tendance des « redesign non sollicité » nous a offert quelques beaux concept cette année. Pour garder uniquement le meilleur, jetez un oeil à la sélection… C’est quoi un redesign non … Continuer la lecture
MetricsGraphics.js is a JavaScript library built on D3 for laying out time-series data, currently supporting line charts, scatterplots, and histograms, plus features like rug plots and basic linear regression. All you have to do is plug in a few default parameters, as well as one or more optional parameters to get started.
I like static sites. To be more accurate, I like building them. There’s something pure about sitting there in front of your screen; it’s just you and your text editor, writing in plain old HTML and CSS. Don’t get me wrong, dynamic sites are fun too. God knows I’m a fan of WordPress and the […]
Si vous recherchez des musiques à mettre dans une vidéo YouTube, ce mini-guide vous aidera peut-être.
Faire du playback peut faire rire vos amis, mais le partager via internet peut-être encore plus drôle. Rappelons-le, c’est par ce biais là que Keenan Cahill s’est fait connaître sur la […]
L'article Dubsmash : L’application de playback par selfie qui fait un carton est la propriété de Anne sur WebLife - Actualités internet, high-tech & startups.
A jQuery/Zepto plugin to detect faces on images, videos and canvases to get theirs coordinates.
The post jQuery Face Detection Plugin appeared first on jQuery Rain.
If you are into designing for multiple resolutions, SVG is the best option to turn to as far as the use of graphics is concerned. These small vector files can be scaled up and down as you like it without sacrificing quality. SVG Loaders is a collection of simple SVG loaders and spinners created and [...]
The post A Collection of Simple SVG Loaders and Spinners appeared first on WebAppers.
Sponsors
This application allows your members to create their own Faces (or avatars). The script generates a result image which can be used wherever you want (your website or any other […]
The post HTML5 Face Builder appeared first on jQuery Rain.
L'agence marketing a développé des solutions de monétisation dédiées à l'univers des jeux (gestion des tournois, apports d'annonceurs...).
Shifty is a tweening engine for JavaScript. It is a lightweight library meant to be encapsulated by higher level tools. At its core, Shifty provides: Interpolation of Numbers over time […]
The post Shifty : A teeny tiny tweening engine in JavaScript appeared first on jQuery Rain.
Le point de départ d'une bonne communication interne est souvent une bonne collaboration avec la direction de l'entreprise. Comment faire en sorte que la direction générale d'une organisation et la communication interne travaillent ensemble de manière efficace ? Quels sont les ingrédients nécessaires à cette réussite ?
11% pour les publicités display seraient visionnées par des robots.
Facebook dévoile ses Top 10, dont celui des sujets les plus commentés en 2014.
La start-up berlinoise pourrait lever 150 millions de dollars.
Si vous utilisez Origin pour vos jeux et que vous êtes sous PC, j'ai une bonne nouvelle pour vous. SimCity 2000 Special Edition vendu normalement 5,99 $ est offert pendant une durée limitée... Oui, 0 $ pour ce chef d'oeuvre grâce auquel j'ai appris, en toute modestie, à gérer une ville mieux que n'importe quel […]
Cet article merveilleux et sans aucun égal intitulé : SimCity 2000 en téléchargement gratuit ; a été publié sur Korben, le seul site qui t'aime plus fort que tes parents.