Les actualités du Mardi 05 avril 2016 dans les métiers du web - Marmits.com - Reims
A responsive and professional WordPress theme designed and developed in Fruitful Code for bloggers or real estate business, it features a dynamic and elegant sliding image bar and incredibly responsive layouts.
The post Zoner Lite Real Estate WordPress Theme appeared first on ByPeople.
En s’inspirant des problèmes d’accès à l’informatique des personnes déficientes visuelles, Jean-Philippe et Corentin, les fondateurs d’Hypra (dont plusieurs membres sont aveugles ou mal voyants) ont conçu un modèle qui personnalise l’accompagnement de l’utilisateur. Leur « Système à Accès Universel » facilite … Lire la suite
Hewlett-Packard, that giant of computing, has just released its new logo. Um… again. Well, not really again. Sigh. If you haven’t heard, there’s two Hewlett-Packard’s now, okay? Now, I’d really like to tell you that this is because of alternate time-lines crashing into each other, or because HP is going through its very own Spider-Clone Saga. […]
A set of 12 nice and stylish Lightroom presets made in specific for photographers and artists, the presets are compatible with JPG and RAW formats and the latest versions of Adobe Lightroom. A discount coupon is featured on the site for users willing to purchase the premium version for the complete preset set.
The post Nicely Crafted Photografic Lightroom Presets appeared first on ByPeople.
Infinite scrolling is now a common feature and there are several cases where it is really useful. For instance there are some websites where we simply can't imagine a good pagination system, like Twitter or even Facebook. Another example of where infinite scrolling can be useful is for a search engine: you'll want to continue viewing new links while you don't find the one you want, and a pagination system can slow you down in your research.
[author_more]
If you need to use infinite scrolling for your project, here are six demos that you can use as inspiration to implement it.
Note that, except for the last one, all these demos are written with jQuery and some examples are using jQuery plugins. However, other examples can easily be adapted for vanilla JS without any problem.
1. Infinite Scrolling and Grids
This demo uses the jQuery Masonry plugin together with the Infinite Scroll plugin. The Masonry plugin is good for obtaining fluid grid layouts. The Infinite Scroll plugin by Paul Irish is good at loading pages that already exist (so it is good for your SEO). You can use it to load static pages such as page2.html, page3.html, etc., but this plugin also handle generated pages, such as page.php?p=2, page.php?p=3. However, to use it you need to have a page number to increment in your URLs so, if you have pages such as page.php?data=xxx, then this plugin is not for you.
Usage - HTML
[html]
<div class="grid">
<div class="grid-item grid-item-2">
<p>content</p>
</div>
…
</div>
<!-- The next page which content will be loaded when scrolled -->
<nav id="pagination">
<p><a href="page-2.html">Page 2</a></p>
</nav>
[/html]
Usage - jQuery
[js]
$(document).ready(function() {
var grid = $('.grid');
grid.masonry({
itemSelector: '.grid-item',
columnWidth: 200
});
grid.infinitescroll({
// Pagination element that will be hidden
navSelector: '#pagination',
// Next page link
nextSelector: '#pagination p a',
// Selector of items to retrieve
itemSelector: '.grid-item',
// Loading message
loadingText: 'Loading new items…'
},
// Function called once the elements are retrieved
function(new_elts) {
var elts = $(new_elts).css('opacity', 0);
elts.animate({opacity: 1});
grid.masonry('appended', elts);
});
});
[/js]
2. Infinite Scrolling through Blog Posts
This demo doesn't use any plugin or library to handle the infinite scrolling feature. Each time the end of the page is reached by the user, it loads a new post, generated by a PHP script that echoes the corresponding HTML code. The demo never reaches the end of content but you can achieve this by, for example, echoing an empty string when there is no more posts to show. We display a loading image at the end of the page, in the spirit of Twitter.
Note that, in the live demo below, the new posts are generated by a JavaScript function, as we can't use a PHP script in CodePen.
See the Pen Infinite Scrolling through Blog Posts by SitePoint (@SitePoint) on CodePen.
Usage - HTML
[html]
<ul id="posts">
<li>
<article>content</article>
</li>
…
</ul>
<p id="loading">
<img src="images/loading.gif" alt="Loading…" />
</p>
[/html]
Usage - jQuery
[js]
$(document).ready(function() {
var win = $(window);
// Each time the user scrolls
win.scroll(function() {
// End of the document reached?
if ($(document).height() - win.height() == win.scrollTop()) {
$('#loading').show();
$.ajax({
url: 'get-post.php',
dataType: 'html',
success: function(html) {
$('#posts').append(html);
$('#loading').hide();
}
});
}
});
});
[/js]
3. Infinite Scrolling through Images
This demo loads in images on infinite scroll and never reaches the end. It uses the jQuery Endless Scroll plugin which can be customized to trigger loading x number of pixels from the bottom of the screen. The demo clones the same images and inserts them at the end of the list and so on, but the script can be customized to load the images from different sources quite easily.
See the Pen Infinite Scrolling through Images by SitePoint (@SitePoint) on CodePen.
Usage - HTML
[html]
<ul id="images">
<li>
<a href="https://www.pexels.com/photo/mist-misty-fog-foggy-7919/">
<img src="https://pexels.imgix.net/photos/7919/pexels-photo.jpg?fit=crop&w=640&h=480" alt="" />
</a>
</li>
…
</ul>
[/html]
Usage - jQuery
[js]
$(document).ready(function() {
$(window).endlessScroll({
inflowPixels: 300,
callback: function() {
var last = $('#images li:last');
last.after(last.prev().prev().prev().prev().clone());
}
});
});
[/js]
Continue reading %6 jQuery Infinite Scrolling Demos%
Les bots ne sont pas une nouveauté et existent depuis des dizaines d’années pourtant avec l’avènement de l’intelligence artificielle de nombreux géants du web retrouvent un certain intérêt pour ces derniers. Microsoft envisage son avenir en présence de bots.
Sigfox vient de se trouver un partenaire de taille, Microsoft vient en effet de signer une collaboration avec la désormais célèbre start-up Toulousaine spécialisée dans l’internet des objets (IoT).
Le PDG d'Accorhotels détaille sa stratégie dans les services de partage d'hébergements, qui le conduit à racheter l'Airbnb britannique du luxe, OneFineStay.
Ecommerce Showcase is a website that contains a curated gallery showing some of the best e-commerce site designs. Stunning and clean styles are featured on the gallery including topics such as fashion, cooking and fitness.
The post Ecommerce Showcase: Best E-Commerce Design Sites Gallery appeared first on ByPeople.
Samsung serait-il sur le point de lancer réellement un écran pliable ? De nombreuses rumeurs évoquent cette possibilité depuis de nombreux mois, le journal coréen ETNews vient d’en remettre une couche.
Dès qu’une entreprise se développe et se dote d’applications supplémentaires, comme un CRM ou ERP par exemple, il devient nécessaire d’opter pour des solutions de stockage plus performantes et plus évolutives.
Les informations de la communautés Frenchweb qu'il ne fallait pas manquer.
How difficult is it to find an absolutely perfect WordPress theme for your website if you are not a professional web designer? In fact, not that difficult. Many theme developers nowadays provide their products with simple to use customization tools, which require no coding skills and can be used by everyone. But still, the number […]
The post 50 Free and Premium WordPress Themes to Use in 2016 appeared first on Line25.
L'éditeur français Yooda a pu mesurer, sur Google.fr, l'évolution de la visibilité des sites sur plus de 100 millions de mots clés début 2016. Voici ceux qui ont le plus progressé.
HP vient de présenter un nouvel ultra portable à New York : le Spectre. Il est encore plus fin que le MacBook.
Reconnaissance faciale, vidéo, religion du selfie... la portrait n'a pas fini de se réinventer et voici comment.
A CSS grid framework using Flexbox, it contains easy to use Flexbox features, provides just 2 base classes Grid, Cell and some other modifiers. It is included in a lightweight file.
The post Grd: Flexbox CSS grid framework appeared first on ByPeople.
A recent study shows that the number one concern for IBM i customers is application modernization: how to maintain the high performance, resiliency, and security of the IBM i environment while delivering business data and logic to the web and mobile devices that users demand. Worldwide, one of the most popular development languages for web […]
The post Two approaches, one great result: Modernizing with PHP appeared first on The Zend Blog.
Si vous n’appréciez pas la présence de publicités dans votre boite de réception, seriez-vous prêt à payer 4 dollars par mois ?
Nous vous proposions il y a quelques semaines une infographie vous présentant des statistiques sur les solutions type AdBlock à l’échelle mondiale. Aujourd’hui, DareBoost propose une illustration se proposant de […]
L'article AdBlock : Le temps d’affichage des médias français sans publicité est la propriété de Baptiste sur WebLife - Actualités internet, high-tech & startups.
La filiale du groupe bancaire et le site d'equity-crowfunding vont développer une solution automatisée de l'investissement.
Ça peut toujours être utile si la télévision est utilisée par quelqu’un d’autre.
Les actualités et les lieux à connaître dans Lille et sa région.
Les 11,5 millions de documents rassemblés par 109 rédactions dans 76 pays, qui ont révélé un énorme scandale financier, sont majoritairement des e-mails.
source: http://www.ecommerceshowcase.com
The post The Best Ecommerce Site Designs – EcommerceShowcase.com appeared first on ByPeople.
A fantastic set of 50 carefully crafted vector icons featuring tools, grains, and all the stuff needed to experience the best atmosphere around coffee, dedicated to all baristas and coffee lovers.
The post Barista & Coffee Lovers Icon Set appeared first on ByPeople.
Les passagers qui embarquent tardivement dans un aéroport représentent un coût très important à cause des contrôles de sécurité, de la manutention des bagages et des opérations au sol qu'ils engendrent.
Les speakers du Frenchweb Day Média.
Si vous avez la chance de posséder des ampoules connectées Philips Hue qui vous permettent de modifier l’ambiance de votre logement au gré de vos envies via 3 ampoules connectées […]
L'article Philips Hue Tap : Test de l’interrupteur connecté est la propriété de Anne sur WebLife - Actualités internet, high-tech & startups.
Big Data, simulation et Cloud figurent parmi les technologies les plus souvent évoquées par les professionnels comme vecteurs de transformation digitale de la Supply Chain.
Whether you are a designer, a developer, or both, chances are high that you have several versions or instances of the same project on your computer at any one time. The problem is, it can be hard to keep up with these items if you don’t have some sort of system in place. Any system […]
Frenchweb a rendu son verdict sur sa première édition 2016 du Frenchweb 500. Que pensent les entrepreneurs?
Ça fait quelque temps, que je suis de loin l'initiative citoyenne LaPrimaire.org et comme ça se lance aujourd'hui officiellement, je me suis dit que j'allais vous en parler. L'idée c'est d'organiser une primaire ouverte avant 2017 pour que les vraies gens (vous, moi, nous) puissions choisir nous même nos candidats pour l'élection présidentielle de 2017. > Lire la suite
Cet article merveilleux et sans aucun égal intitulé : On vaut mieux que ça, alors reprenons les choses en main ; a été publié sur Korben, le seul site qui t'aime plus fort que tes parents.
Le transporteur maintient ses efforts face aux petits prix du covoiturage et multiplie les outils le positionnant sur le voyage de bout en bout.
Koolicar se différencie d'autres acteurs de l'autopartage en permettant de louer en libre-service des véhicules.
Apple a mis à jour son iOS vers la version 9.3.1, corrigeant ainsi quelques bugs. Mais c'était sans compter sur des petits malins qui viennent de trouver une nouvelle faille permettant à n'importe qui d'accéder aux photos présentes sur l'appareil sans avoir à déverrouiller l'appareil. Voici comment faire : En gros si vous ne comprenez > Lire la suite
Cet article merveilleux et sans aucun égal intitulé : Une faille dans l’iPhone permet d’accéder aux photos sans déverrouiller le téléphone ; a été publié sur Korben, le seul site qui t'aime plus fort que tes parents.
Les Amap, La Ruche qui dit Oui, QuiToque et consorts font de plus en plus d'adeptes. Que cherchent-ils ? A quelles concessions sont-ils prêts ? Réponses en chiffres.
La société parisienne veut étendre sa technologie de recommandation sur le marché européen.
François Le Tanneur (app's miles) explique par quels moyens les marques peuvent améliorer leur relation client.
Aujourd'hui il y a lieu de se poser la question : les sites marchands seraient-ils devenus des sites de médias comme les autres, convertis à la publicité, pour accélérer leur développement?
La 17ème version majeure du serveur SIP open source Kamailio amène un ensemble de nouvelles fonctionnalités et des améliorations aux composants existants.
J’ai déjà présenté des billets pour présenter des sites Web qui référencent les numéros non surtaxés qui correspondent aux numéros surtaxés des entreprises ou des services non commerciaux que l’on souhaite joindre par téléphone : par exemple, Trouver les numéros de téléphone non surtaxés des grandes entreprises et Trouver les numéros non surtaxés des entreprises […]
Après 2 années de dur labeur, l'équipe de Subgraph, basée à Montréal, a enfin sorti une version alpha de son OS. Subgraph est un système d'exploitation conçu pour communiquer et travailler en toute sécurité, dans l'anonymat, sans craindre d'être surveillé ou parasité par des sociétés privées ou des gouvernements. Subgraph implémente notamment sa propre version d'OpenPGP > Lire la suite
Cet article merveilleux et sans aucun égal intitulé : Subgraph – L’OS sécurisé qu’on devrait tous utiliser ; a été publié sur Korben, le seul site qui t'aime plus fort que tes parents.
React Slingshot is a React and Redux starter kit with Babel, testing, linting, and hot reloading built in. It also come with an example working app.
La solution complète de routage, filtrage, VPN et partage de connexion open source a réécrit son interface avec Bootstrap.
« Vraiment ? »Force.js is the easy way to scroll and animate your page. It uses CSS-Transitions to animate by default (and falls back to JavaScript if they’re not supported) and offers a […]
The post Force.js: Scroll and Animate your page appeared first on jQuery Rain.
Lemon Lock Site – Advertisement is a plugin that allows to lock content on your website. It Prevent users download image, Copy content, download source code….Beside It when users try […]
The post Lemon Lock Site – Advertisement : jQuery Plugin appeared first on jQuery Rain.
Facebook c'est bien, mais c'est payant pour les marques qui souhaitent toucher des clients ou consommateurs potentiels. L'agence spécialisée So-Buzz propose une autre manière d'animer ou d'engager sa communauté.
AccorHotels investira 64 millions d’euros supplémentaires afin de financer les ambitions du site.
jQuery plugin for adding interactive charts and graphs to your website.Full functionality of FusionCharts can be accessed through it – charts, events, methods etc. You will have access to all […]
The post FusionCharts : jQuery Charts Plugin appeared first on jQuery Rain.
Rencontre avec Hélène Fromen pour découvrir We//cut, l'outil qui vous permettra de publier des extraits vidéos (entre 1 et 30 secondes) sur internet.
Si vous souffrez de vos mauvaises habitudes, voici une infographie qui vous donnera quelques astuces pour vous en défaire. Les mauvaises habitudes, ça va vite à prendre et on met des années à s'en débarrasser, mais je suis sûr que vous pouvez le faire !!! Source
Cet article merveilleux et sans aucun égal intitulé : En finir avec vos mauvaises habitudes ; a été publié sur Korben, le seul site qui t'aime plus fort que tes parents.
Principal dirigeant et actionnaire d'Iliad, la société mère du fournisseur d'accès Internet Free, Xavier Niel est devenu l'icône des entrepreneurs français du Web.
Doctolib est spécialisée dans la recherche et la prise de rendez-vous médicaux en ligne. Fondée en 2013,...
Et il va la mettre au profit des personnes aveugles.
Après les derniers rebondissements entre Apple et le FBI pour cracker l'iPhone du terroriste de San Bernardino, le journal anglais Daily Mail a enquêté et a découvert un appareil capable de cracker un iPhone en à peine 6h. Et le pire c'est que ce machin baptisé IP Box s'achète librement sur le net pour la > Lire la suite
Cet article merveilleux et sans aucun égal intitulé : IP Box – L’appareil à 150 € qui déverrouille les iPhones ; a été publié sur Korben, le seul site qui t'aime plus fort que tes parents.
Hugo is a static HTML and CSS website generator written in Go. It is optimized for speed, easy use and configurability. Hugo takes a directory with content and templates and renders them into a full HTML website. Hugo relies on Markdown files with front matter for meta data. And you can run Hugo from any […]
The post Hugo – Static HTML and CSS Website Generator Written in Go appeared first on WebAppers.
Sponsors
Alors que nous vous annoncions il y a quelques jours le déploiement des textes alternatifs pour les images sur Twitter il semblerait que Facebook ait également décidé d’améliorer l’accessibilité de son […]
L'article Facebook déploie la reconnaissance d’images pour les aveugles est la propriété de Anne sur WebLife - Actualités internet, high-tech & startups.
Quels sont les secrets de la croissance de HiPay, le prestataire français du paiement, qui se hisse dans les 20 premières entreprises du Frenchweb 500?
J’ai effectué un mini sondage auprès d’autres référenceurs pour savoir quelles étaient les 5 principales qualités d’un référenceur. Une seule qualité revient de manière quasi-unanime. Éloge de la curiosité La curiosité est la qualité, qui est revenue la plus souvent dans mon mini-sondage. Si j’y pense, c’est aussi une qualité récurrente chez mes confrères dont […]
Nibbler is an online tool for testing your website. Obtain a score of it and get a report for several key areas, SEO and Social Media among them, limited to one per week in the free version.
The post Nibbler: Website Performance Testing appeared first on ByPeople.