background preloader

Nicolaslemeur

Facebook Twitter

Nicolas.L

TOUTES LES BALISES HTML : Liste complète avec syntaxe. Aide mémoire symfony2.

Site web developpés - les images ne sont pas représentatives

Flexbox - guide complet. Le module Flexbox Layout fournit une façon plus efficace de disposer, aligner et distribuer l'espace entre les éléments de votre page. 4 riches articles de Chris Coyier sont réunis ici.

Flexbox - guide complet

Par Chris Coyier NdT : Ce tutoriel est la réunion de quatre articles de Chris Coyier formant une introduction à Flexbox. Vous pouvez ensuite consulter tous les articles sur Flexbox traduits dans la Cascade notamment les exemples concrets d'implémentation et les astuces techniques. Le module CSS3 Flexbox Layout fournit une façon plus efficace de disposer, aligner et distribuer l'espace entre les items d'un container, même lorsque leurs dimensions sont inconnues et/ou dynamiques - d'où le terme "flex". L'idée principale est de donner à un élément contenant (container) la possibilité de changer les largeur et hauteur des éléments contenus (items), afin de remplir au mieux l'espace disponible, et s'adapter à tous les devices et toutes les tailles d'écrans. Openclassrooms -Cour pour programmer en Java. Openclassrooms - cour pour programmer en C#

Installer Wampserver et documentation. w3c - Valider son site web W3C. FreeMind - organiser ses idées. FreeMind est un logiciel de Mind mapping entièrement libre, permettant de créer des cartes heuristiques permettant de représenter graphiquement un projet ou une idée.

FreeMind - organiser ses idées

Les cartes heuristiques sont des données organisées en branche, avec des couleurs et des visuels, afin de faciliter la compréhension et la mémorisation. Utilisé en prise de note, ce type d'outil peut également s'avérer très performant ! Fonctionnalités Les raccourcis clavier permettent de saisir rapidement n'importe quelle information. Vous pouvez également glisser des liens de votre navigateur directement sur la fenêtre de FreeMind, ou encore glisser des fichiers dessus pour créer automatiquement des liens (Les liens sont alors clickables dans FreeMind).

Spécifications techniques Du point de vue technique, les fichiers FreeMind sont en XML: Vous pouvez donc les manipuler avec d'autres logiciels. Quelques exemples d'application des mind-maps: Voici un exemple appliqué à la technologie XML: Autres systèmes Présentation en vidéo. Joomla - documentation du cms. PHP - Documentation. Edit Report a Bug Manuel PHP ¶ par: Mehdi Achour Friedhelm Betz Antony Dovgal Nuno Lopes Hannes Magnusson Georg Richter Damien Seguy Jakub Vrana Et bien d'autres.

PHP - Documentation

Openclassrooms - cour pour apprendre à concevoir un site web avec PHP et MySQL. GitHub - PHPMailer - libre - envoyer un e-mail d'un site web. Openclassroom - cour pour Prendre en main Bootstrap. FrogWeb - Tutoriel pour créer un menu déroulant. Alsacreations - Centrer les éléments ou un site web en CSS. Il existe plusieurs méthodes d'alignement et de centrage en CSS, qui dépendent de la structure des balises (bloc, en-ligne) et le type (vertical, horizontal).

Alsacreations - Centrer les éléments ou un site web en CSS

Le centrage horizontal des éléments de type en-ligne Vous voulez centrer horizontalement un élément de type "en-ligne" au sein d'un bloc. La propriété CSS text-align est prévue pour s'appliquer sur un élément bloc (conteneur) et contrôlera l'alignement (gauche, droite, centré, justifié) de tous les élements de type "en-ligne" contenus dans ce bloc conteneur. C'est exactement ce qu'il nous faut ! Il vous suffit donc par exemple de procéder ainsi pour centrer une image au sein d'un élément <div> : Le centrage horizontal des éléments de type bloc Pour centrer horizontalement un élément (bloc, balise ou un site web entier) en CSS, il suffit de donner une largeur (width) à l'élément et les valeurs "auto" aux marges latérales. Donnons à notre bloc l'id global : De cette manière, il équilibrera automatiquement les marges latérales.

TemplateMonster - Starbiss - template utilisé pour. Opendesigns - gratuit - Grey Construction - template utilisé pour.

W3schools.com

Css-tricks.com - Flexbox - créer un site responsive. The Flexbox Layout (Flexible Box) module (currently a W3C Last Call Working Draft) aims at providing a more efficient way to lay out, align and distribute space among items in a container, even when their size is unknown and/or dynamic (thus the word "flex").

css-tricks.com - Flexbox - créer un site responsive

The main idea behind the flex layout is to give the container the ability to alter its items' width/height (and order) to best fill the available space (mostly to accommodate to all kind of display devices and screen sizes). A flex container expands items to fill available free space, or shrinks them to prevent overflow. Most importantly, the flexbox layout is direction-agnostic as opposed to the regular layouts (block which is vertically-based and inline which is horizontally-based). While those work well for pages, they lack flexibility (no pun intended) to support large or complex applications (especially when it comes to orientation changing, resizing, stretching, shrinking, etc.). Responsiveslides.com - Swiper - libre -Slider très paramètrable.

Swiper - is the free and most modern mobile touch slider with hardware accelerated transitions and amazing native behavior.

responsiveslides.com - Swiper - libre -Slider très paramètrable

It is intended to be used in mobile websites, mobile web apps, and mobile native/hybrid apps. Designed mostly for iOS, but also works great on latest Android, Windows Phone 8 and modern Desktop browsers Swiper is not compatible with all platforms, it is a modern touch slider which is focused only on modern apps/platforms to bring the best experience and simplicity. Swiper, along with other great components, is a part of Framework7 - full featured framework for building iOS & Android apps.

Swiper is also a default slider component in Ionic Framework Powered With Top Notch Features Library AgnosticSwiper doesn't require any JavaScript libraries like jQuery, it makes Swiper much more smaller and faster. ResponsiveSlides.js · Responsive Slider & Slideshow - Payant mais fonctionnel.