Les actualités du Lundi 08 décembre 2014 dans les métiers du web - Marmits.com - Reims
TrouveUnRéparateur est un site de petites annonces géolocalisées pour particuliers réparateurs. Il découle de l’idée que depuis quelques temps, de plus en plus de personnes agissent pour lutter contre l’obsolescence programmée et la surconsommation et font réparer leurs objets au lieu de racheter du neuf à chaque panne. D’autant plus que certains objets comme les [...]
0bin était down, on a supprimé la page en cause, et on l'a remis up. On en sait pas trop comment lutter contre ça. Même TPB a du avoir 40 noms de domaine pour s'en sortir, et franchement on a pas envie de se taper autant de boulot pour un projet qui ne nous rapporte rien. Que faire donc ?
0bin était down, on a supprimé la page en cause, et on l'a remis up. On en sait pas trop comment lutter contre ça. Même TPB a du avoir 40 noms de domaine pour s'en sortir, et franchement on a pas envie de se taper autant de boulot pour un projet qui ne nous rapporte rien. Que faire donc ?
When developing a website we often need to show some tabular data. We might need to show the next flights from Rome to London, the hotels available in a selected date range, or the last books published by a publisher like SitePoint. HTML provides an element for tabular data that, not surprisingly, is called table. The problem with it is that this element doesn't have an API that allows you to sort its rows based on a certain criteria, such as the price from low to high.
As a consequence of this lack of API, several JavaScript libraries have been developed and published to address this issue. In this article I'll introduce you to Tablesorter (actually a fork of it), a jQuery plugin for client-side table sorting.
What is Tablesorter?
Tablesorter by Rob Garrison is a fork of the original Tablesorter library developed by Christian Bach. Tablesorter is a simple jQuery plugin that provides dynamic row sorting based on the values of one or more given columns, and also offers the possibility to paginate tables created using the HTMLtable element. As I mentioned in the introduction, this plugin helps in filling the gap for these often needed features that aren't native in HTML. Being a client-side library, one of its main advantages is that our users don't need to reload the page they're visiting in order to sort the data. Besides, client-side sorting is often very fast unless there is a very large amount of data to sort.
What you'll love about this library is its simplicity. In its most basic case you have to include the library and then call a method, called tablesorter(), to provide the possibility to sort the data of a table. Finally, this plugin has extensive documentation that will help you in handling most of the situations you may encounter in your projects.
Now that you know what this plugin is all about, let's see how you can use it in your website.
Getting Started with Tablesorter
To use Tablesorter you have to download it and include it in the pages where you intend to use it. You can obtain Tablesorter in a few different ways. The first is by visiting its GitHub repository, while the second is through the following Bower command.bower install jquery.tablesortertablesorter to all the tables you want to use with the plugin. This is needed for styling purposes only but it's something you really want to do, otherwise the theme won't be applied. Although the plugin still works, your users won't have any clue about the added features.
Adding the tablesorter Class
There are two ways in which you can add the class to the tables of interest. The first, and simpler, is to manually add the class name in the HTML source. But what if you can't access or modify the HTML source? In this case you can employ JavaScript to dynamically add it. Let's say that you want to allow your users to sort the data of every table in the page. To do so, you can write code like the following and place it at the bottom of the page:
[js]
var tables = document.getElementsByTagName('table');
for (var i = 0; i < tables.length; i++) {
tables[i].className += ' tablesorter';
}
[/js]
This gives you the widest browser compatibility possible. However, if you only need to support modern browsers, you can take advantage of the classList API and other methods to retrieve DOM elements like queryselectorall().
Using jQuery, the previous code can be shortened to:
[js]
$('table').addClass('tablesorter');
[/js]
At this point we can call the method tablesorter() to expose the sorting functionality. A minimal example use of the plugin is shown below:
[js]
$('table').tablesorter();
[/js]Continue reading %Sorting Tables with Tablesorter%
Quelques mises à jour de nos solutions sont disponibles cette semaine : deux mises à jour de sécurité notamment pour MantisDB et Spree, une mise à jour pour Chef Client et la disponibilité en release candidate 2 de Rails 4.2.0.
Comme chaque à année sa liste des cadeaux de noël du guide annuel est publiée par Opensource.com. Dans la hotte : des gadgets open source et cadeaux que les enfants, adultes, passionnés ou débutants apprécierons.
Julien Codorniou anime le panel des "super start-up européennes" de la conférence LeWeb 2014. Le directeur des "Platform partnerships" à Facebook revient sur ce qu'il décrit comme "l'émergence d'une nouvelle génération de start-up". Interview
Frédéric Mazzella, CEO de Blablacar, et Jean-Marc Patouillaud, Partner chez Partech Ventures, analysent les conditions d'émergence de champions français à l'international. Articles
La convention entre l'Etat et la Caisse des dépôts sur le programme d'investissement French Tech vient de paraître au Journal Officiel. Actualités
Promouvant et commercialisant 300 marques françaises, le site prévoit de porter son chiffre d'affaires de 600000 euros cette année à plus de 2 millions en 2015. Actualités
Voici quelques-unes des futures pépites européennes qui cherchent à s'exporter dans le monde entier, pour devenir les prochains Spotify, Soundcloud ou Criteo. Sélections
Isatis Capital réinvestit dans la société spécialisée dans les logiciels d'édition de maquettes numériques en 3D.
La France serait un des pays où la création d'entreprise est la plus facile si l'on en croit le cabinet d'étude Ernst & Young. C'est peut-être pour cette raison que nous sommes de plus en plus nombreux à nous lancer.
Certains groupes Facebook sont parfois plus utiles que d'autres, c'est par exemple le cas de Courir A Lyon qui propose une vraie expérience en utilisant toutes les fonctions du réseau social.
Vous en avez marre de voir des navets ? Des commentaires de critiques à côté de la plaque ? Des sites de recommandations classiques qui vous recommandent la dernière comédie française parce que vous avez apprécié Intouchables ? Top250.fr est le premier site avec un algorithme de recommandations qui ne se trompe pas ! Une [...]
A small collection of dialog effects using CSS animations for your inspiration. Some effects use SVG animations of morphing paths with the help of Snap.svg.
Inspiration for Dialog Effects was written by Mary Lou and published on Codrops.
Environ 6 millions de personnes auraient téléchargé Wunderlist, dont 4 millions aux Etats-Unis.
FrenchWeb, le magazine de l’innovation et des professionnels du digital, lance ce lundi le Paris Tech Guide,...
Un Shine « low cost » pour vous aider à mesurer vos efforts, et à surveiller votre sommeil.
Des salariés demandent à être payés selon la grille des salaires relative à la distribution et non plus à la logistique.
Pour les citadins que beaucoup d’entre nous sont devenus, il est parfois très difficile d’identifier un oiseau rien que le regardant ou plus difficile encore en le reconnaissant seulement grâce à son chant mélodieux. Mes lecteurs enclins à des activités ornithologiques auront sans aucun doute remarqué mon intérêt pour la cause des oiseaux puisqu’il y a […]
Christmas Experiments * No CAPTCHA reCAPTHA * The Web Speech API * UXMas * Everybody Scrolls * Tweene * Foundation for Apps * Performance Calendar
Collective #145 was written by Mary Lou and published on Codrops.
Le Huawei Honor est LA bonne surprise Android de cette fin d'année. Voici mes impressions après quelques semaines d’utilisation au quotidien.
L'enseigne de cosmétiques haut de gamme espère ainsi contrer la vente illégale de ses produits en Chine.
bonjour,
il m'arrive un truc curieux et je bloque sur une gestion DNS de domaine.
le contexte :
- nom de domaine jonckheere.ovh hébergé sur un strat10m
- un VPS cloud vps103519.ovh.net (ip 5.196.15.60) installé avec plesk admin
- le domaine est configuré sur ce vps par plesk
j'ai configuré le champ A vers l'ip du vps
j'ai configuré dans la gestion dns le principal est le secondaire vers sdns2 et vps103519
un ping jonckheere.ovh me donne bien 5.196.15.60
un dig me donne www.jonckheere.ovh. in A
www.jonckheere.ovh. in CNAME jonckheere.ovh
jonckheere.ovh in A 5.196.15.60
si je saisi l'url www.jonckheere.ovh je tombe sur un site de mon dédié, alors qu'il n'y a rien concernant ce domaine sur ce dédié
si je saisi par exemple jonckheere.ovh/drupal/ je tombe bien sur le site drupal
ce vps cloud est purement expérimental, aucune production dessus il est sous php 5.5.9
je "bidouille" dessus ça fait des vacances à Dan, et ça évite de plomber les dédiés en prod.
le domaine aussi n'est que pour du test
a+
JP
PS: entre temps j'ai tout effacé et tout réinstallé à zéro, je poursuis mes tests
Nous avions relayé avec plaisir les éditions précédentes, et c'est reparti cette année : toujours à l'initiative de Rémi Parmentier (plus connu sous le pseudonyme « @HTeuMeuLeu » sur Twitter), « 24 jours de Web » vous propose « Le calendrier de l'Avent des gens qui font le web d'après », autrement dit chaque jour de Décembre jusqu'à Noël, un article sur la conception Web, par des auteurs francophones et le tout en langue de Molière.
Les premiers articles parlent de sujets divers et variés comme les guides de (...)
SmartUnderline is a JavaScript library that makes it easier to create cross-browser descender-aware underlines. It searches your page for links and with CSS underline applied, and replaces them with more beautifully styled underlines.
L'interface repose sur le WYSIWYG (What You See Is What You Get).
Since the creation of the Internet, average file sizes have been steadily growing. What started out as kilobytes has progressed to megabytes (yes, plural), and our files are only growing still. While this phenomenon isn’t disconcerting at first glance, the impact it has on performance and maintainability is awful. Add in aging devices, bandwidth restrictions, […]
Le journal The Intercept, qui reprend des documents révélés par l’ancien agent Edward Snowden affirme que la NSA surveillerait 70% des réseaux mobiles à travers le monde. Cette vaste opération […]
L'article NSA : 70% des réseaux mobiles mondiaux surveillés est la propriété de Anne sur WebLife - Actualités internet, high-tech & startups.
Two modern technologies of CSS/JS animation and HTML5 video allow designers to add awesome motion effects to their web designs, common examples being large background videos or web elements that move into place. These effects don’t always have to be so obvious though, which today’s featured websites prove. Subtle motion and animation can really enhance […]
The post 20 Great Examples of Subtle Motion in Web Design appeared first on Line25.
Les captchas vous agaçant ? Ce sera peut-être encore plus le cas après avoir lu cet article !
L'Auvergne continue de faire la cour aux start-up. La région organise un concours pour accueillir et rémunérer 10 créateurs de start-up dans le numérique. Actualités
Deux projets seraient déjà dans les cartons, notamment « dans l’univers du digital ».
Hoodie is a free and Open Source Software for building applications for the web and iOS. It is a complete backend for your apps, ready for you to get creative. It works immediately out-of-the-box: develop your frontend code, plug it into Hoodie’s frontend-friendly API and your app is ready. When you develop it, your app [...]
The post Make Web App Development Fast, Easy and Accessible appeared first on WebAppers.
Sponsors
« Un petit nombre d'éditeurs sont à l'origine de la majorité des impressions non visibles » affirme cependant Doubleclick, filiale de Google.
La plate-forme met en relation des clients souhaitant être livrés avec d'autres particuliers disposés à effectuer les achats à leur place.
Retrouvez les offres d’emploi de la semaine… Développeur PHP/MYSQL, Community Performance Manager, Consultant Microsoft BI… Développeur PHP/MYSQL (H/F) Net...
Microsoft is one of the few software companies yet to release a series of official iOS applications. Since mobile app design is so popular it seems like a fantastic idea.
In a recent tutorial I covered the process of designing small buttons for an older iOS6 app interface. This was based off the Microsoft Word UI created by Victor Erixon. It's a great concept but also somewhat dated in the current realm of flat iOS7-iOS8 interfaces.
Des exemples de demandes en mariage très geek et très originaux.
Un bouton Twitter qui permet de recevoir un rappel lors de la sortie d’une série sur Netflix.
Le projet Loon de Google, qui devrait permettre de connecter les régions isolées avec des ballons dirigeables, continue d’avancer.