Les actualités du Mercredi 09 septembre 2015 dans les métiers du web - Marmits.com - Reims
Plus grand événement de l'année pour Apple, la keynote de rentrée du géant américain vient de se terminer du côté de San Francisco. Comme nous l'évoquions un peu plus tôt, on s'attendait à une keynote XXL et on n'a pas été déçu, on commence ce résumé avec les nouveaux iPhone !
A huge pack of over 360 colorful buttons that come fully editable in both PSD and AI formats in 31 different styles such as aero, clean, corporate, minimal, ribbon and more to combine with more than 200 colors. All the elements of this pack were fully crafted in vector format so they're adjustable to any screen resolution.
The post Colorful AI & PSD Buttons Pack appeared first on ByPeople.
Timber is a front-end framework for Shopify themes quick and easy. It can be used by theme creators of any skill level for themes of any scope. It features basic markup, Sass, collection sorting, twitter cards, and more.
The post Timber: Shopify Theme Framework appeared first on ByPeople.
A few months ago, I wrote an article that covered Bootstrap’s Affix and ScrollSpy components. This time though, I’ll be focused on a different Bootstrap component: I’ll go through the process of building two simple extensions for the the Bootstrap carousel.
First, I’ll create a full-screen slideshow and then I’ll show you how to randomize the first slide on page load.
But before digging into those extensions, let’s start by creating a carousel based on the default styles.
Building the Carousel
To create the carousel, we’ll take advantage of the basic code for the carousel component that Bootstrap provides:
[code language="html"]
<div id="mycarousel" class="carousel slide" data-ride="carousel">
<!-- Indicators -->
<ol class="carousel-indicators">
<li data-target="#mycarousel" data-slide-to="0" class="active"></li>
<li data-target="#mycarousel" data-slide-to="1"></li>
<li data-target="#mycarousel" data-slide-to="2"></li>
<li data-target="#mycarousel" data-slide-to="3"></li>
<li data-target="#mycarousel" data-slide-to="4"></li>
</ol>
<!-- Wrapper for slides -->
<div class="carousel-inner" role="listbox">
<div class="item active">
<img src="1.jpg" data-color="lightblue" alt="First Image">
<div class="carousel-caption">
<h3>First Image</h3>
</div>
</div>
<div class="item">
<img src="2.jpg" data-color="firebrick" alt="Second Image">
<div class="carousel-caption">
<h3>Second Image</h3>
</div>
</div>
<!-- more slides here -->
</div>
<!-- Controls -->
<a class="left carousel-control" href="#mycarousel" role="button" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="right carousel-control" href="#mycarousel" role="button" data-slide="next">
<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
[/code]
Notice that each of our images contains the custom data-color attribute. Later we’ll use its value as a fallback in case the corresponding image fails to load.
The next step is to initialize the carousel via JavaScript and modify the predefined values of the interval and pause configuration properties. Take note that we choose to set the value of the pause property to false because we always want the cycling to be active:
[code language="javascript"]
$('.carousel').carousel({
interval: 6000,
pause: "false"
});
[/code]
Having followed those simple steps (and of course imported the required files), we should now be able to build the first version of the carousel. Here’s how it looks so far:
See the Pen A Basic Bootstrap Carousel by SitePoint (@SitePoint) on CodePen.
Creating Full-screen Slides
At this point we’ll go one step further, converting the existing carousel into a full-screen slideshow. To implement this updated version we have to add some custom jQuery:
Continue reading %A Full Screen Bootstrap Carousel with Random Initial Image%
Les OFF de Frenchweb.
The post [OFF] Une levée de fonds et la DGCCRF en bonus… Stardust teste… Ingrid Kuhn change de poste… appeared first on FrenchWeb.fr.
Un chercheur israélien a découvert une vulnérabilité importante sur l'interface de WhatsApp Web qui aurait pu faire des dégâts importants, fort heureusement pour tout le monde, il a averti à temps l’entreprise.
Did you like our Website Creation 101: Infographics Roundup and Interface Design 101: Tutorial Roundup posts? If you found those useful, then you’ll like this website creation tutorial roundup too. These website creation tutorials will help you learn how to build awesome features for your websites. From creating multilingual sites, to APIs, JavaScripts and more! […]
The post Website Creation 101: Tutorial Roundup appeared first on Line25.
Argent is a multi-page WordPress theme for agency portfolio showcasing and blogging that features a very clean layout, and several section pages such as home, blog, portfolio, parent, first and second child.
The post Argent: Clean Portfolio WordPress Theme appeared first on ByPeople.
Amazon veut lancer une tablette à moins de 50 dollars (environ 44 euros), afin de repartir à la conquête du marché des tablettes. Le géant compte sur les fêtes de fin d'année pour optimiser ses ventes.
Quand les casques de réalité virtuelle deviennent des jouets pour les boites de céréales.
Companies like Microsoft and Apple are becoming a bit more stern when it comes to government requests for data from consumers devices. However, a new report is showing that Apple may have a flaw in the way their entire iMessage encryption system is set up, which could allow for easy wiretapping. “This centralized approach to key management isn’t necessarily a…
Hackers are so good at what they do that they can sometimes go undetected for years before anyone notices them tampering with or stealing information. It’s now 2015 but according to a new report, a Russian Spy Group called Turla has managed to secretly hack satellite IP addresses since 2007. “If you’re A state-sponsored hacker siphoning data from targeted computers, the…
La rumeur était fausse. Mais le contraire n’aurait pas été si étonnant.
Un succès marketing fulgurant, et une chaîne de fabrication maîtrisée de bout en bout.
The post Le Growth Hacking, la méthode «express» qui peut rapporter gros appeared first on FrenchWeb.fr.
C’est un des événements high-tech de cette rentrée 2015, la keynote d’Apple qui se tiendra au Bill Graham Civic Auditorium de San Francisco devrait permettre à la marque californienne d’annoncer ses nouveaux iPhone mais pas seulement.
Durant la dernière présentation d'Apple, ce ne sont pas les nouveaux iPhone 6S et 6S Plus qui ont surtout retenu l’attention, mais bien l’iPad Pro qui marque une cassure entre Apple et son histoire.
Plus d’un an après la fermeture de l’original de Popcorn Time, l’un de ses créateurs revient sur les véritables raisons de celle-ci.
Après son utilisation en production, Twitter offre à la communauté open source l’outil Diffy pour aider les développeurs à repérer automatiquement des bugs potentiels après leurs mises à jour.
A huge collection of 500 flat illustrations that come available in 8 different shapes each, with according compositions. They're all completely editable and scalable in independent files. Some of the categories you'll find books, architecture, actions, social networks, archeology, geometry, and many more.
The post Huge Flat AI Illustrations Pack appeared first on ByPeople.
La troisième bêta de l’outil de suivi des bogues open source MantisBT est disponible.
Après l’annonce d’une consultation de plus d’un an de la base de données de l’outil de suivi de bugs, ayant permis à un pirate de s’emparer d’informations critiques, la fondation Mozilla prend des mesures.
You probably know by now that mobile has taken off, and there’s no stopping it anytime soon. What you probably didn’t know is just how popular mobile really is. In fact, did you know that the number of mobile users has already overtaken the number of traditional, desktop users? It’s true! According to comScore, an […]
Dans cette session de 20 minutes, vous découvrirez comment répliquer une base HFSQL mobile sous Android ou iOS avec une base centrale HFSQL Client/Serveur.
Il y a quelques semaines, j’ai travaillé sur un court projet web : le site internet de la société WP Media. C’est une simple page avec quelques sections typiques et animations subtiles. J’étais prêt à le coder à la sauce Mobile First, et finalement j’ai pensé à une méthode plus naturelle, je l’ai appelée (Natural) […]
Comment développer ses offres sur un marché largement capté par le catalogue du géant américain? Comment améliorer...
The post Comment marquer son territoire face à… Amazon appeared first on FrenchWeb.fr.
Les bidouilleurs vont pouvoir s'en donner à coeur joie.
Les syndicats dénoncent la gouvernance du PDG et craignent de prochains licenciements qui pourraient concernés 2 500 personnes.
The post Les syndicats de STMicroelectronics dénoncent une gestion catastrophique de l’activité numérique appeared first on FrenchWeb.fr.
Si vous voulez créer des vidéos sphériques pour YouTube, c’est probablement la caméra qu’il vous faut.
Simple SVG flow chart library based on jQuery and jQueryUI. This is a small JavaScript library with single purpose – draw some nodes and connect them with lines. You can […]
The post SimpleFlowchart : SVG flow chart library with jQuery appeared first on jQuery Rain.
A new generation jQuery Tooltip plugin. Features: 49 position Live refresh of tooltip options. Gravity: find a better position if it won’t fit to the screen. Placements: outside, inside, border, […]
The post Protip : jQuery Tooltip plugin appeared first on jQuery Rain.
Le logiciel Adblock Plus édité par la société allemande Eyeo a officialisé la sortie de sa version...
The post Adblock Plus Browser, Apple… l’ad blocking sur mobile va-t-il signer le coup de grâce? appeared first on FrenchWeb.fr.
Le logiciel Adblock Plus édité par la société allemande Eyeo a officialisé la sortie de sa version...
The post Adblock Plus s’attaque à la publicité mobile appeared first on FrenchWeb.fr.
IsoBlocks is an experimental library to create eye-candy isometric texts. It is written in coffeescript, uses CSS3 transforms for creating the cubes and CSS3 transitions for the animation.
The post IsoBlocks : Eye-candy Isometric Texts with jQuery & CSS3 appeared first on jQuery Rain.
Oxito.com : « être une entreprise connectée devient de plus en plus simple ! » Hébergement + Création d’un site vitrine moderne et responsive : voilà une solution qui va ravir de nombreux entrepreneurs à la rentrée ! Les dirigeants d’Oxito.com proposent, depuis peu, une solution packagée afin de simplifier la digitalisation de votre entreprise. [...]
PrestaShop is open source e-commerce software used to power over 250,000 stores with international access. The developers of PrestaShop and others are committed to helping small businesses expand into the e-commerce trade at no cost. The updated version of the software primarily sports a new facelift in the back office, but they have added a […]
The post Prestashop Announces Their Updated Software Version: What’s In “Store” Now? appeared first on WebAppers.
Grâce à ces mises à jour, une page Facebook sera plus qu’une page Facebook.
Learn how to code in Java: Whenever, wherever. With Javvy and its 150+ bite-sized, interactive tutorials, getting started with programming has never been so easy and so much fun. Javvy is the easiest and most entertaining way to make your first steps in programming. Javvy picks you up at the very beginning and allows you […]
The post Javvy – 150+ Bite-sized, Interactive Java Tutorials appeared first on WebAppers.
Jusqu’ici, l’expérience utilisateur proposée par l’application Twitter était sensiblement différente entre l’iPhone et l’iPad mais c’est désormais du passé. Twitter a décidé de remanier son application pour la rendre plus […]
L'article Twitter : Nouvelle application multi-devices sous iOS est la propriété de Anne sur WebLife - Actualités internet, high-tech & startups.
Le site de ventes événementielles compte ouvrir 30% à 40% de son capital et vise une valorisation supérieure à 625 millions d'euros.
L'entreprise espère franchir les 15 millions d'euros de chiffre d'affaires d'ici à trois ans.
The post Comment ITinSell veut simplifier la logistique des e-commerçants appeared first on FrenchWeb.fr.
Accédez à l'article original : WP Tech 2015 : la seconde édition est en marche.
Voici le début du contenu :
C’est reparti pour un tour. Avec l’aide de Willy Bahuaud, nous organisons la seconde édition du WP Tech : la seule journée de conférences française dédiée aux aspects techniques de WordPress. Retenez la date : le WP Tech 2015 aura lieu le 5 décembre prochain à Nantes !
C’est quoi le WP Tech ?
Le WP Tech est né d’une simple idée : lors des autres conférences dédiées à WordPress (qui sont très bien aussi), on parle d’utilisation de l’outil, d’économie, de marketing, de gestion quotidienne ou encore de cas d’écoles. Le [...]
A Gmail API for JavaScript that features plenty of API methods to work with Gmail. Most of them don't take arguments, they work on what is currently visible on the screen. Main methods allow you to observe certain events. This is not an official Gmail API, and isn't affiliated with Google and it requires jQuery to work.
The post Gmail JavaScript API appeared first on ByPeople.
A free set of indoor elements crafted in an isometric 3D perspective. All the elements are sorted in 11 categories such as chairs, tables, furniture, appliances, food, dashboards, decor, among others.
The post 3D Isometric PSD & Vector Elements appeared first on ByPeople.