Alsacreations.com - Actualités - Archives (juin 2017)

Les dernières actualités d'Alsacreations.com

Le: 19 06 2017 à 11:36 Auteur: Raphael

Dans quelques mois, les 26 et 27 Octobre 2017 précisément, aura lieu la conférence BlendWebMix au Centre de Congrès de Lyon. 

Nous vous avions promis une place à remporter pour cet événement exceptionnel, où toute l'équipe des kiwis d'Alsacréations sera d'ailleurs présente puisque nous y retrouverons une partie de l'esprit de la KiwiParty.

Eh bien ce jour est arrivé, vous allez à présent pouvoir gagner ce pass gratuit pour toute la durée de l'événement.

Pour remporter cette place, vous devez commenter cette actualité ci-dessous en répondant à la question suivante : 
"Combien de conférences ont été dispensées sur l'ensemble des KiwiParty depuis la première édition ?".

Vous avez exactement jusqu'au mardi 27 juin à 12h00 heure de France métropolitaine pour laisser votre commentaire, suite à quoi le·la gagnant·e sera désigné·e au sort via l'outil random.org parmi les bonnes réponses.

Bonne chance !

Publié par Alsacreations.com

Le: 01 06 2017 à 14:37 Auteur: Raphael

Cela ne vous aura sans doute pas échappé : ces derniers temps tout le monde parle de Grid Layout, le récent module de positionnement CSS par grilles, aujourd'hui adopté par la plupart des navigateurs. 

Et pour cause, combiné à Flexbox le positionnement Grid Layout nous promet de soigner tous les maux et bidouilles de nos intégrations de pages web. 

Cette révolution arrive à un rythme inOui et pour ne pas rater le train en marche (huhu), voici quelques ressources incontournables pour bien comprendre les subtilités de ce nouveau positionnement.

En français

Commençons par quelques liens rédigés dans la langue de Molière, où les ressources sont malheureusement assez rares. 

CSS Grid Layout, guide complet

CSS grid layout, guide complet

CSS3 Grid Layout

CSS3 grid layout

Tutoriels et guides

Cette partie regroupe les articles d'apprentissage généraux, les pense-bête et le site de référence (gridbyexample) qui propose tutoriels, vidéos et démos.

Learn CSS Grid

learn CSS grid

CSS Reference (cheat sheet)

Grid CSS reference

Grid By Example

grid by example

Articles divers

Quelques articles transversaux concernant Grid Layout dans son rapport avec Flexbox ou Bootstrap, ainsi que des cas d'étude concrets.

CSS Grid: One Layout, Multiple Ways

grid multiple ways

Does CSS Grid Replace Flexbox?

does css grid replace flexbox

Replace Bootstrap Layouts with CSS Grid

replace bootstrap with css grid

Case Study: My First Practical CSS Grid Layout

case study grid layout

Jeux et démos

Ici c'est la partie ludique où l'on trouve les très nombreux exemples de Codepen ainsi que le jeu CSS Grid Garden (du même auteur que le célèbre Flexbox Froggy).

Démos Grid Layout sur CodePen

codepen grid layout

CSS Grid Garden

css grid garden

Dans la vraie vie

Sachez qu'il existe une page web qui recense les (quelques) sites web réalisés avec Grid Layout.

CSS Grid in production

css grid in production

Polyfill

Pour finir, voici le lien vers le (seul ?) polyfill permettant d'émuler Grid Layout sur les navigateurs anciens tels que IE9.

Grid Layout Polyfill

grid layout polyfill


Publié par Alsacreations.com