Les actualités du Mardi 03 février 2015 dans les métiers du web - Marmits.com - Reims
On the Masonry website, we read that Masonry is
… a JavaScript grid layout library. It works by placing elements in optimal position based on available vertical space, sort of like a mason fitting stones in a wall.
Bootstrap is one of the most widely adopted open source front-end frameworks. Include Bootstrap in your project, and you’ll be able to whip up responsive web pages in no time.
If you tried using Masonry together with the Tabs widget, one of the many JavaScript components Bootstrap has to offer, chances are you’ve stumbled on some kind of annoying behavior.
I did, and this article highlights what the issue is and what you can do to solve it.
Bootstrap Tabs Explained
Bootstrap’s Tabs component includes two key, related pieces: a tabbed navigation element and a number of content panels. On page load, the first panel has the class .active applied to it. This enables the panel to be visible by default. This class is used via JavaScript to toggle the panel’s visibility via the events triggered by the tabbed navigation links: if .active is present the panel is visible, otherwise the panel is hidden.
If you have some web content that’s best presented in individual chunks, rather than crammed all in one spot, this kind of tabs component might come in handy.
Why Masonry?
In some cases, the content inside each panel is suited to being displayed in a responsive grid layout. For instance, a range of products, services, and portfolio items are types of content that can be displayed in grid format.
However, if grid cells are not of the same height, something like what you see below can happen.
A wide gap separates the two rows of content and the layout appears broken.
That’s when Masonry saves the day. Add some Masonry magic to the mix and your grid dynamically adapts to the screen real estate, eliminating all ghastly gaps.
Continue reading %Getting Bootstrap Tabs to Play Nice with Masonry%
Si vous lorgnez sur la Chromecast, mais que vous n'êtes pas encore équipé, je vous invite à jeter un oeil à ce bon plan PriceMinister qui propose la clé HDMI de Google à 24,99 €. Notez que si vous achetez 5 films via la plateforme Wuaki.tv de PriceMinister, la Chromecast vous sera offerte. M'enfin ça […]
Cet article merveilleux et sans aucun égal intitulé : Bon plan sur la Chromecast (et Moto 360, Disque 2 To, Console RetroN 5) ; a été publié sur Korben, le seul site qui t'aime plus fort que tes parents.
Créer des supports digitaux permet d'être plus performant ou d'améliorer sa relation client. Le digital évolue vite. Développer des supports digitaux plus rapidement, simplement et sans programmation devient un atout considérable.
Emergence du "super casual gaming", vague des applications de messagerie instantanée et succès du modèle freemium... App Annie revient sur les grandes tendances de l'année.
A compelling grid made with very few lines of JavaScript that arranges the images intuitively. Each image has a pair of buttons at the top left for reducing or enlarging the image, making it a great tool for creating galleries for websites or mobile apps. It was created by Jiwoong Lee.
The post Mosaigrid: Adjustable JavaScript Mosaic Image Grid appeared first on ByPeople.
Confronté à des choix technologiques, les DSI se basent sur les critères de flexibilité, d’agilité, d’évolutivité, de simplicité d’administration et de coût. Actuellement, le datacenter est en pleine transformation.
Le JDN a demandé au cabinet de recrutement Michael Page quelles formations il recommande dans l'informatique. Zoom sur les établissements cités.
Et aussi: Microsoft, Amazon, Google... paient pour être ignorés par Adblock.
Entre décembre 2013 et décembre 2014, Adobe a analysé massivement des publications Facebook. Conclusion : le "reach" continue à s'effondrer, mais il y a quelques solutions...
Si vous aimez faire votre petite tambouille sur votre propre serveur, voici un soft qui va vous permettre de paramétrer des agents (robots) capables de réaliser pour vous des tâches sur le web. Mélange de IFTTT et Yahoo! Pipes, Huggin est capable de lire des pages web, d'y rechercher des déclencheurs et d'effectuer des actions. […]
Cet article merveilleux et sans aucun égal intitulé : Huggin – Un équivalent de IFTTT / Yahoo Pipes sur votre serveur ; a été publié sur Korben, le seul site qui t'aime plus fort que tes parents.
A set of Apple Watches in its Sport version to customize your designs or to use it alone as a mockup. It is available in 5 colors and it includes vector shapes for easy edition, as well as a smart object to allow you the addition of your own design. The image resolution is 1200x1200px […]
The post Apple Watch Sport PSD Mockup appeared first on ByPeople.
Alors que la plupart des utilisateurs perso profiterons d’une mise à jour vers Windows 10 complètement gratuite, Microsoft vient d’annoncer avoir conclu un partenariat avec la fondation Raspberry pour proposer […]
L'article Windows 10 : Disponible gratuitement sur Raspberry PI 2 est la propriété de Romain sur WebLife - Actualités internet, high-tech & startups.
Vous connaissez sans doute le concept de la fête du slip ? Et bien Nadim Kobeissi qui est l'auteur de softs très connus comme Cryptocat (messagerie instantanée chiffrée) et Minilock (Patage de fichiers chiffrés) vient de se lancer dans un nouveau projet baptisé Peerio. Et Peerio si vous préférez, c'est un peu la fête du […]
Cet article merveilleux et sans aucun égal intitulé : Peerio – Messagerie et partage de fichiers chiffrés de bout en bout ; a été publié sur Korben, le seul site qui t'aime plus fort que tes parents.
Résultats 2014, internationalisation, premiers bilan de l'application Smart Promo, lancement d'un site multi-devises, expérimentations sur le Bitcoin... Thierry Petit, CEO de Showroomprivé, revient sur l'année 2014 et ses chantiers pour 2015.
Et aussi: 63% des marketers prévoient de dépenser davantage en « native advertising ».
La coque-imprimante inventée par des Français a été financée en 31 minutes sur Kickstarter. A 28 jours de la fin de campagne, le compteur affiche 582 000 dollars.
Je n'ai jamais pensé que ce genre de chose existerait un jour... Ni même que ce serait utile, mais Kaspersky l'a fait ! Si vous êtes du genre à scanner tous les QR Codes que vous croisez, il se peut qu'un jour, vous tombiez sur LE QR Code avec lien pointant vers un malware ou […]
Cet article merveilleux et sans aucun égal intitulé : La capote du QRCode ; a été publié sur Korben, le seul site qui t'aime plus fort que tes parents.
A library made with CSS and JavaScript, perfect for creating HTML presentations and slideshows. The presentations can be manipulated with the keyboard arrows, making it simple to navigate through them. It comes under the MIT license and it was created by Caleb Troughton.
The post deck.js: Presentation JavaScript Plugin appeared first on ByPeople.
Entretien avec Jack Habra, PDG-fondateur de cette start-up.
La Fnac, La Poste Mobile, Covéa... L'édition 2015 de Big Data Paris sera l'occasion de découvrir les projets de plusieurs groupes français. Le salon se tiendra au CNIT de Paris.
Si vous lisez la Newsletter que je vous concocte régulièrement, vous avez entendu parlé des cours-œufs, ces cours qui attentent l’adoption d’un auteur. Rémi a franchi le pas et un cours sur AngularJS a éclos à la grande joie de la communauté qui attendait ce sujet depuis quelque temps ! (ndlr : Les cours-oeufs sont
Lire la suite
We've released a new section on Codrops: the CSS Reference. Discover more about it and what features we've added to make learning CSS more easy and practical.
Introducing the Codrops CSS Reference was written by Sara Soueidan and published on Codrops.
Oldways is a retro free font that combines old western typography with the modern design style. It is suitable for poster, branding, logo.
The post Oldways – Retro free font appeared first on Freebiesbug.
Selon des données publiées le 27 janvier, presque 50% des personnes l'utilisent l'application pour réserver un taxi.
Je sais mon titre d’article est un peu spécial mais je peux vous garantir que bosser sur de gros sites ou pour de grands comptes n’est pas toujours funky. L’un des problème principal que j’ai pu rencontrer c’est l’inertie qui existe dans ce genre de structure. Pour la moindres petite modification il faut que ce [...]
L'article Le SEO chez les gros c’est pas toujours rigolo appartient au site Visibilité Référencement.
Vous venez peut-être bien de trouver votre prochain media center. Le Raspberry Pi 2 a effectivement tout pour séduire.
Google has always been the recipient of criticism that it wants to know more about its users than is acceptable or in good taste. Now, expect that criticism to get a bit worse as the company rolls out the newest capability for Google Now, its intelligent personal assistant. You can access Google Now from both iOS […]
Le classement est dominé par un trio composé de Katy Perry, Justin Bieber et Barack Obama.
Alibaba souhaite aider les entreprises américaines qui auraient besoin d'un crédit pour acheter sur sa marketplace.
Lancement de FrenchConnect, un club privé qui réunit investisseurs et entrepreneurs influents.
A mockup of Futurama’s head jars made editable in Adobe Illustrator (.AI). It includes 4 materials for the base as copper, silver, gold and wood. This design can be downloaded for free and used in any kind of project. It was created by Ondřej David.
The post Futurama Headjar AI Illustrations appeared first on ByPeople.
Si vous cherchez encore une excuse pour acheter une Apple Watch, alors c’est l’article qu’il vous faut.
A travers l'exemple de son entreprise, HP, Meg Whitman liste les nouveautés technologiques susceptibles de révolutionner la diffusion, le mode d'administration, le coût et la qualité des services santé dans le monde.
Pho.to est une suite d’outils en Français à utiliser en ligne gratuitement et sans inscription pour réaliser des retouches photo et pour faire de l’édition d’images. La suite existe aussi pour les smartphones Android et Apple. Après avoir cliqué sur le bouton Commencer, on accède aux différents modules de l’application qui sont constitués d’un éditeur […]
La start-up de location à destination des chauffeurs de VTC espère étendre son parc à 1 000 véhicules d'ici la fin de l'année.
Ce nouveau projet de Google fonctionnerait en relation avec « Google Car ».
Dans un billet de blog, Microsoft annonce que la future version Windows 10 Entreprise sera plus sécurisée notamment grâce aux fréquentes mises à jour et aux tests et approbation de […]
L'article La migration vers Windows 10 Entreprise sera payante est la propriété de Anne sur WebLife - Actualités internet, high-tech & startups.
ClassyPaypal is a jQuery plugin that allows you to quickly add stylish PayPal payment buttons to your website for instant and secure payments.
The post jQuery ClassyPaypal : Stylish PayPal payment buttons appeared first on jQuery Rain.
Aurelia is a next generation JavaScript client framework that leverages simple conventions to empower your creativity. With its strong focus on developer experience, Aurelia can enable you to not only create amazing applications, but also enjoy the process. They’ve designed it with simple conventions in mind so you don’t need to waste time with tons [...]
The post Aurelia – Modular, Simple and Testable JS Framework appeared first on WebAppers.
Sponsors
Ensemble, luttons contre l'obsolescence programmée !
KCFinder is free open-source replacement of CKFinder web file manager. It can be integrated into FCKeditor, CKEditor, and TinyMCE WYSIWYG web editors (or your custom web applications) to upload and […]
The post KCFinder : Web file manager with PHP & HTML5 appeared first on jQuery Rain.
Create your own instagram gallery on your website with this plugin.
The post jQuery My Instagram Gallery appeared first on jQuery Rain.
Netflix souhaite notamment utiliser les fonds pour effectuer des acquisitions de contenus.
Pour faire face aux dispositifs légaux mis en place par les multinationales, notamment les GAFA, pour optimiser...
Le seul ennui c’est que le produit ne sera disponible qu’en 2016.
Lucky Cart propose aux e-commerçants, comme PriceMiniter-Rakuten ou Cdiscount, d'organiser des jeux permettant aux clients de se faire rembourser leurs commandes.
Samsung a déjà commencé à distribuer des invitations à la presse, probablement pour la présentation du Galaxy S6. Au passage, il a laissé un petit indice.
Impatient de mettre la main sur la smartwatch d’Apple ? Cette courte vidéo va vous régaler.
Pausrr is a beautiful Sketch UI kit for mobile apps. It has editable vectors and includes design elements for headings, sliders, user profiling and more. You can use it commercially and personally. Download for free.
The post Pausrr: Sketch User Interface Kit appeared first on ByPeople.