Bonnes Pratiques Web & Cloud
59.4K views | +0 today
Follow
Bonnes Pratiques Web & Cloud
Administration cloud et développement web
Curated by Mickael Ruau
Your new post is loading...
Your new post is loading...

Popular Tags

Current selected tag: 'bootstrap'. Clear
Scooped by Mickael Ruau
October 30, 2017 4:11 AM
Scoop.it!

Bootstrap 4: Everything You Need to Know – freeCodeCamp

Bootstrap 4: Everything You Need to Know – freeCodeCamp | Bonnes Pratiques Web & Cloud | Scoop.it
This article will cover the practical fundamentals you need to start building responsive websites with the latest version of Bootstrap, version 4. You may be wondering — why did Ohans write this 17…
No comment yet.
Scooped by Mickael Ruau
May 16, 2017 8:24 AM
Scoop.it!

Find your starter kit!

Find your starter kit! | Bonnes Pratiques Web & Cloud | Scoop.it

A curated directory of boilerplates to help you start your projects!

Mickael Ruau's insight:

BOILRPLATE

A curated directory of boilerplates to help you start your projects!
Contact me
React
Android
Python
iOS
NodeJS
AngularJS
jQuery
Csharp
Go
WordPress
Html
Bootstrap
Electron
Backbone
Django
Meteor
Rails
Css
C++
Php
@2017 - Made with byJulien Coulaud|Follow me on
531
Shares
266176327
No comment yet.
Scooped by Mickael Ruau
September 20, 2016 7:21 AM
Scoop.it!

Ressources pour Bootstrap Cheat Sheet

Ressources pour Bootstrap Cheat Sheet | Bonnes Pratiques Web & Cloud | Scoop.it
PDF (6 pages)
No comment yet.
Scooped by Mickael Ruau
December 6, 2015 8:19 AM
Scoop.it!

Créer un site Portfolio avec Bootstrap - Partie III

Créer un site Portfolio avec Bootstrap - Partie III | Bonnes Pratiques Web & Cloud | Scoop.it

Dans cette 3e partie, nous verrons la création de la page Portfolio.html, cette dernière mettra en avant les travaux réalisés via un affichage responsive et adapté à tous les supports (smartwatch s'abstenir), voici ce que nous verrons au sein de ce billet : 

  • créer la mise en page Portfolio ;
  • créer une fenêtre modale ;
  • aller plus loin en CSS ;
  • s'intéresser au préprocesseur CSS ;
  • préparer sa mise en ligne.
No comment yet.
Scooped by Mickael Ruau
November 13, 2015 11:31 AM
Scoop.it!

Useful Tools and Platforms for Creating Websites

Useful Tools and Platforms for Creating Websites | Bonnes Pratiques Web & Cloud | Scoop.it
If you find yourself thinking that your web design business is going too slow, then ask yourself how to manage your time better and sign more clients. Are you taking too long to build websites? That depends on what it...
No comment yet.
Scooped by Mickael Ruau
September 24, 2015 8:38 AM
Scoop.it!

Le prototypage rapide enfin viabilisé grâce aux frameworks CSS - SimpleWeb.fr

Le prototypage rapide enfin viabilisé grâce aux frameworks CSS - SimpleWeb.fr | Bonnes Pratiques Web & Cloud | Scoop.it
J’ai eu une discussion très intéressante ce matin avec Joël Berne, qui enseigne le web design, au sujet de la tendance générale à l’uniformisation graphique des interfaces web. Nous sommes tombés d’accord sur le fait qu’avec... Lire la suite
No comment yet.
Scooped by Mickael Ruau
February 23, 2015 9:01 AM
Scoop.it!

Bootstrap Toolbox - Tools, Utilities, Generators and Templates

Bootstrap Toolbox - Tools, Utilities, Generators and Templates | Bonnes Pratiques Web & Cloud | Scoop.it

We have put together some of the best Bootstrap resources. Nay! We have created the ultimate Bootstrap toolbox page.

No comment yet.
Scooped by Mickael Ruau
February 23, 2015 8:44 AM
Scoop.it!

X-editable :: In-place editing with Twitter Bootstrap, jQuery UI or pure jQuery

X-editable :: In-place editing with Twitter Bootstrap, jQuery UI or pure jQuery | Bonnes Pratiques Web & Cloud | Scoop.it
This library allows you to create editable elements on your page. It can be used with any engine (bootstrap, jquery-ui, jquery only) and includes both popup and inline modes. Please try out demo to see how it works.
No comment yet.
Scooped by Mickael Ruau
February 23, 2015 8:37 AM
Scoop.it!

Bootstrap Magic : Generate your own bootstrap theme quickly and easily

Easily create your own Twitter Bootstrap theme. Like it ? Save it !
No comment yet.
Scooped by Mickael Ruau
February 23, 2015 8:28 AM
Scoop.it!

HTML Snippets for Twitter Boostrap framework : Bootsnipp.com

HTML Snippets for Twitter Boostrap framework : Bootsnipp.com | Bonnes Pratiques Web & Cloud | Scoop.it
Bootsnipp is an element gallery for web designers and web developers, anybody who is using Bootstrap will find this website essential in their craft.
No comment yet.
Scooped by Mickael Ruau
February 23, 2015 8:06 AM
Scoop.it!

LayoutIt! - Interface Builder for Bootstrap

LayoutIt! - Interface Builder for Bootstrap | Bonnes Pratiques Web & Cloud | Scoop.it
LayoutIt! is NOT a site builder. It's the kick-off for every frontend project you need to develop.
LayoutIt! takes every element and component of Bootstrap to make your frontend coding easier without needing to be
an expert in javascript, html5 or css3. You just build what you need to start, and then code it however you most like!
No comment yet.
Scooped by Mickael Ruau
February 23, 2015 7:36 AM
Scoop.it!

Free Template: Responsive Shopping Cart | Tutorialzine

Free Template: Responsive Shopping Cart | Tutorialzine | Bonnes Pratiques Web & Cloud | Scoop.it
Mobile devices don’t exist only for checking your social network accounts. All kinds of websites, from shops to forums, can be made quick and fun to use on a phone or tablet, if you implement the right UI modifications. We present you with a free template – a fully responsive and pretty shopping cart.
No comment yet.
Scooped by Mickael Ruau
October 10, 2017 3:42 AM
Scoop.it!

The JHipster Mini-Book 4.0

The JHipster Mini-Book 4.0 | Bonnes Pratiques Web & Cloud | Scoop.it
The JHipster Mini-Book is a guide to getting started with hip technologies today: Angular, Bootstrap and Spring Boot. All of these frameworks are wrapped up in an easy-to-use project called JHipster. This book shows you how to build an app with JHipster, and guides you through the plethora of tools, techniques and options you can use.
No comment yet.
Scooped by Mickael Ruau
December 2, 2016 8:05 AM
Scoop.it!

The best jQuery validation plugin to validate form fields, support Bootstrap, Foundation, Pure, SemanticUI, UIKit frameworks - FormValidation

The best jQuery validation plugin to validate form fields, support Bootstrap, Foundation, Pure, SemanticUI, UIKit frameworks - FormValidation | Bonnes Pratiques Web & Cloud | Scoop.it
FormValidation - The best jQuery validation plugin to validate form fields, support Bootstrap, Zurb Foundation, Pure, Semantic, UIKit frameworks
No comment yet.
Scooped by Mickael Ruau
September 1, 2016 3:48 PM
Scoop.it!

Accessibilité et mobilité : les limites

Accessibilité et mobilité : les limites | Bonnes Pratiques Web & Cloud | Scoop.it
Avec le développement des supports mobiles et l’engouement général pour le Responsive Web Design, de plus en plus de Frameworks ont vu le jour pour ré
Mickael Ruau's insight:

Les composants de Bootstrap ne sont pas tous accessibles, tels quels. Il existe cependant une solution développée par la PayPal Accessibility Team : le Bootstrap Accessibility Plugin, v1.0. Ce plugin permet de rendre accessible les éléments courants de Bootstrap.

No comment yet.
Scooped by Mickael Ruau
November 13, 2015 11:32 AM
Scoop.it!

Building Powerful Websites Without Coding With the Simbla Website Editor

Building Powerful Websites Without Coding With the Simbla Website Editor | Bonnes Pratiques Web & Cloud | Scoop.it
Since every other business nowadays wishes to be online, there has been a surge in terms of tools and products that can help you build websites within minutes. Not just business sites, but you can also build portfolio sites, blogs,...
No comment yet.
Scooped by Mickael Ruau
November 12, 2015 8:26 AM
Scoop.it!

Créer un site Portfolio avec Bootstrap - Partie II

Créer un site Portfolio avec Bootstrap - Partie II | Bonnes Pratiques Web & Cloud | Scoop.it

Créer un site Portfolio avec Bootstrap - Partie II

Mickael Ruau's insight:

Bonjour à tous, 

Bienvenue dans la partie II du tutoriel « Créer un site Portfolio avec BootStrap », avant d'aller plus loin, je vous encourage à lire et relire le billet précédent, une piqûre de rappel ne fait pas de mal ;).

Vous êtes prêts ? Allons-y !

Dans cette seconde partie, nous nous intéresserons à la page À Propos, si le déroulé de ce tutoriel vous semble confus, il ne l'est point, nous commençons par les points importants d'un portfolio pour finir sur les pages « secondaires ».

Au cours de ce billet, nous verrons : 

  • Comment créer un CV interactif
  • Comment mettre en avant ses compétences
  • Partager ses idées
  • Créer un design responsive sobre
  • Conserver notre ligne directrice

Vous l'aurez compris, la somme de travail est importante, lançons-nous dès maintenant.

No comment yet.
Scooped by Mickael Ruau
February 23, 2015 9:05 AM
Scoop.it!

40 Useful Bootstrap Tools & Generators For Web Developers | SmashingApps.com

40 Useful Bootstrap Tools & Generators For Web Developers | SmashingApps.com | Bonnes Pratiques Web & Cloud | Scoop.it

In this assortment, we are going to showcase 40 outstanding and useful Bootstrap Tools for the web developers. So take advantage of this wonderful assortment and start downloading these Bootstrap tools.

No comment yet.
Scooped by Mickael Ruau
February 23, 2015 9:00 AM
Scoop.it!

35 Must Have Bootstrap Tools and Generators

35 Must Have Bootstrap Tools and Generators | Bonnes Pratiques Web & Cloud | Scoop.it
Bootstrap tools and generators have a lot of benefits and they can surely help any developer a lot. Here are 35 Must Have Bootstrap Tools and Generators.
No comment yet.
Scooped by Mickael Ruau
February 23, 2015 8:42 AM
Scoop.it!

Bootstrap Live Editor - Live Preview - WrapBootstrap

tsLive preview for Bootstrap Live Editor at WrapBootstrap

Mickael Ruau's insight:

A WYSIWYG Editor built for Bootstrap. It offers a nice and elegant way to edit and beautify html with Bootstrap ready content/snippets.

The Editor is based on InnovaStudio's Editor (www.innovastudio.com), and specially customized for Bootstrap framework.

No comment yet.
Scooped by Mickael Ruau
February 23, 2015 8:31 AM
Scoop.it!

18 Essential Bootstrap UI Editors

18 Essential Bootstrap UI Editors | Bonnes Pratiques Web & Cloud | Scoop.it

We gathered 18 of the best free and paid Bootstrap editors, available online or as desktop tools, to help boost your web development productivity.

Are there any Bootstrap editors that you use and would recommend? If so, please share with our readers in the comments below.

No comment yet.
Scooped by Mickael Ruau
February 23, 2015 8:06 AM
Scoop.it!

Pingendo - web authoring with comfort

Pingendo - web authoring with comfort | Bonnes Pratiques Web & Cloud | Scoop.it

The simplest app to prototype with Bootstrap 3. For free.

Mickael Ruau's insight:

Pingendo is a visual desktop application that helps you to prototype responsive web pages based on the popular Bootstrap framework. 

EASY FROM THE START 

Start your pages from a colletions of ready to use layout, and add content from a rich collections of ready to use elements. 

POWERFUL LAYOUT 

Creating your own design from a blank canvas has never been so easy. 
Drag elements in position, resize and customize, insert your contents. 

USEFUL FOR EVERYONE 

Designers create mockups and prototypes visually producing standard HTML files 
Developers become more productive, avoiding the tedious part of writing markup. 
Non-coders can design responsive webpages from day one


No comment yet.
Scooped by Mickael Ruau
February 23, 2015 7:41 AM
Scoop.it!

Free Template: Creative Company Layout | Tutorialzine

Free Template: Creative Company Layout | Tutorialzine | Bonnes Pratiques Web & Cloud | Scoop.it
The template uses Twitter’s Bootstrap framework and works nicely on all kinds of devices. We’ve used vector images where possible, so that it looks crisp on high resolution screens. It is also easy to customize and extend. For the header image, we used this macbook air mockup.
No comment yet.