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 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 de s'adapter à tous les terminaux et toutes les tailles d'écrans.

Les bases Propriétés. Openclassrooms -Cour pour programmer en Java. Bonjour à tous !

openclassrooms -Cour pour programmer en Java

:D Bienvenue dans mon cours de programmation en Java. C'est un langage très utilisé, notamment par un grand nombre de programmeurs professionnels, ce qui en fait un langage incontournable actuellement. Voici les caractéristiques de Java en quelques mots : Java est un langage de programmation moderne développé par Sun Microsystems (aujourd'hui racheté par Oracle). On peut faire de nombreuses sortes de programmes avec Java : des applications, sous forme de fenêtre ou de console ;des applets, qui sont des programmes Java incorporés à des pages web ; des applications pour appareils mobiles, avec J2ME ;et bien d'autres ! Comme vous le voyez, Java permet de réaliser une très grande quantité d'applications différentes !

Heureusement, ce cours est là pour tout vous apprendre de Java à partir de zéro :) . 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. 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. Menu déroulant 2 niveauxComme il y avait pas mal de demandes je me suis amusé à faire un :menu-deroulant-2-niveaux Pour le code il y a juste à afficher le code source.

FrogWeb - Tutoriel pour créer un menu déroulant

Menu déroulant horizontal Pour cacher/montrer un sous menu la technique du display: none (cacher) et display: block (montrer) est souvent utilisée. Pour des raisons d’accessibilité et de reférencement j’utilise une autre technique : left: -999em (cacher) et left: auto (montrer) Utilisation de left Tout d’abord une précision quant à l’utilisation de left, top, right et bottom : ça ne fonctionne que sur des éléments positionnés (absolute, fixed, relative). 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

Dans cet article, nous n'aborderons que le centrage horizontal, mais vous trouverez en fin de page un lien vers un article dédié au centrage vertical. 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 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. Background The Flexbox Layout (Flexible Box) module (a W3C Candidate Recommendation as of October 2017) 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”). 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.

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.

Buy Us A Beer If you like Swiper you can always buy us a bottle of a nice beerso we can continue developement of such amazing product and to keep it always free. ResponsiveSlides.js · Responsive Slider & Slideshow - Payant mais fonctionnel.