Atelier Back to Basics CSS #2 : CSS Responsive (@EEMI)

Silex Labsis a non profit organization dedicated to the creation, support and communication of open source projects.

Silex Labs

<H1 CLASS="tribe-events-single-event-title">Atelier Back to Basics CSS #2 : Reponsive</H1>
<DIV CLASS="tribe-events-schedule tribe-clearfix">
<H2><SPAN CLASS="tribe-event-date-start">13 avril @ 19:00</SPAN> - <SPAN CLASS="tribe-event-time">21:00</SPAN></H2>
</DIV>
<DIV CLASS="tribe-events-event-image"><IMG CLASS="attachment-full size-full wp-post-image" ALT="css-resp-avr16-eemi-bandeau.svg" SRC="https://www.silexlabs.org/wp-content/uploads/2016/03/css-resp-avr16-eemi-bandeau.svg_.png" HEIGHT="155" WIDTH="620"></DIV>
<DIV CLASS="tribe-events-single-event-description tribe-events-content">
<H2><B>Les ateliers Back to Basics</B></H2>
<P>L’association<A HREF="https://www.silexlabs.org/" DATA-MSYS-CLICKTRACK="0" REL="nofollow noopener noreferrer"> Silex Labs</A>  vous propose une série d’ateliers pour travailler ensemble avec des outils devenus incontournables, et partager des retours d’expériences sur les bonnes pratiques d’organisation et de travail collaboratif.</P>
<P>Au cours de ces ateliers, nous allons découvrir les technologies (du web) utilisées pour la création de sites internet (HTML5, CSS3, Javascript, Node.js).</P>
<P>Cet atelier fait suite aux 2 ateliers HTML5 organisés les 16 février et 14 mars et à l’atelier CSS#1 du 23 mars, vous pouvez accéder <A HREF="https://d157rqmxrxj6ey.cloudfront.net/zuruk/33409/" DATA-MSYS-CLICKTRACK="0" REL="nofollow noopener noreferrer">aux fichiers html et css réalisés lors de ces ateliers.</A></P>
<H2><B>À propos de CSS<BR> </B></H2>
<P>CSS3 (Cascading Style Sheets, ou feuilles de styles en cascade) permet de modifier la présentation des éléments HTML : couleur, taille, police de caractères, mais aussi la position sur la page, largeur, hauteur, empilement, bref tout ce qui touche à la mise en page d’un document HTML. Ainsi, un même document HTML pourra changer d’apparence sans changer de structure, grâce uniquement à la modification des règles CSS qui lui sont appliquées. Le HTML gère le fond et le CSS la mise en forme.</P>
<H2> <IMG CLASS="alignnone  wp-image-206053" ALT="logo-ccs3" SRC="https://www.silexlabs.org/wp-content/uploads/2016/03/logo-ccs3.png" HEIGHT="211" WIDTH="149"></H2>
<H2><B>Au programme</B></H2>
<P>Suite à l’atelier du 23 mars qui nous a permis de découvrir les bases du CSS on vous propose d’approfondir vos connaissances en apprenant à faire du CSS Responsive.</P>
<UL>
<LI><SPAN STYLE="font-family: arial,helvetica,sans-serif; font-size: small;">Maquette fonctionnelle ou approche pour le responsive (tablette)</SPAN></LI>
<LI><SPAN STYLE="font-family: arial,helvetica,sans-serif; font-size: small;">Viewport</SPAN></LI>
<LI><SPAN STYLE="font-family: arial,helvetica,sans-serif; font-size: small;">Position (absolute, relative)</SPAN></LI>
<LI><SPAN STYLE="font-family: arial,helvetica,sans-serif; font-size: small;">canevas fixe proportionnel</SPAN></LI>
<LI><SPAN STYLE="font-family: arial,helvetica,sans-serif; font-size: small;">unités relatives px em rem</SPAN></LI>
<LI><SPAN STYLE="font-family: arial,helvetica,sans-serif; font-size: small;">sprite + icons</SPAN></LI>
<LI><SPAN STYLE="font-family: arial,helvetica,sans-serif; font-size: small;">breakpoints</SPAN></LI>
<LI><SPAN STYLE="font-family: arial,helvetica,sans-serif; font-size: small;">text align, margin</SPAN></LI>
<LI><SPAN STYLE="font-family: arial,helvetica,sans-serif; font-size: small;">full height (problématique du css, html – body : height 100%, solution en js)</SPAN></LI>
</UL>
<P> </P>
<H2><B>Intervenant</B></H2>
<P>Cet atelier sera animé par Sourouche Bagherzadeh, Web designer et développeur front freelance spécialisé dans la création de sites internet tous domaines.</P>
<P><IMG CLASS="alignnone size-full wp-image-203954" ALT="tof-sourouche" SRC="https://www.silexlabs.org/wp-content/uploads/2014/10/tof-sourouche.jpg" HEIGHT="140" WIDTH="140"></P>
<P><A HREF="http://www.sb-developpeur.com/" DATA-MSYS-CLICKTRACK="0" REL="nofollow noopener noreferrer">Site internet</A></P>
<P><A HREF="https://www.linkedin.com/company/sourouche-bagherzadeh" DATA-MSYS-CLICKTRACK="0" REL="nofollow noopener noreferrer">Linked in  </A></P>
<P><A HREF="" DATA-MSYS-CLICKTRACK="0" REL="nofollow noopener noreferrer">Twitter</A></P>
<P><BR></P>
<H2><B>Date et lieu</B></H2>
<P>Réservez votre mercredi 13 avril de 19H à 21H et venez à l’<A HREF="http://www.eemi.com/fr" DATA-MSYS-CLICKTRACK="0" REL="nofollow noopener noreferrer">EEMI</A>, 12 galerie de montmartre (passage des panoramas) 75002 Paris.</P>
<P>Inscrivez-vous vite !</P>
<H2><B>Le tour du Web en 50 ateliers</B></H2>
<P>Cet atelier entre dans le cadre du projet<A HREF="https://www.silexlabs.org/le-tour-du-web-en-50-ateliers-2/" DATA-MSYS-CLICKTRACK="0" REL="nofollow noopener noreferrer"> “Le tour du Web en 50 ateliers”</A> qui propose des ateliers d’initiation aux métiers du numérique par la pratique pour permettre aux personnes défavorisées face à l’accès au numérique, de comprendre ce secteur et de s’initier à ses métiers.</P>
<P><IMG CLASS="size-full wp-image-206052 aligncenter" ALT="css-resp-avr16-eemi-carre.svg" SRC="https://www.silexlabs.org/wp-content/uploads/2016/03/css-resp-avr16-eemi-carre.svg_.png" HEIGHT="512" WIDTH="512"></P>
<STYLE type="text/css"></STYLE>
<P><SPAN STYLE="font-size: 13px; font-family: arial,sans,sans-serif; text-decoration: underline; color: #1155cc;" DATA-SHEETS-VALUE="[null,2," HTTP="http"><A CLASS="in-cell-link" HREF="http://www.silexlabs.org/event/atelier-back-to-basics-css-2-reponsive" TARGET="_blank" DATA-MSYS-CLICKTRACK="0" REL="nofollow noopener noreferrer">http://www.silexlabs.org/event/atelier-back-to-basics-css-2-reponsive</A></SPAN></P>
</DIV>

EEMI 

Nos {communityGuidelinesLink} décrivent le type de contenu que nous interdisons sur Eventbrite. Si vous suspectez qu'un événement puisse enfreindre nos règles, vous pouvez le signaler pour que nous puissions enquêter.

Pour signaler d'autres catégories de contenus interdits ou illégaux, soumettez {link}

Atelier Back to Basics CSS #2 : CSS Responsive (@EEMI)

Plus d'événements de Silex Labs

Découvrez d'autres événements de Silex Labs, des Sciences et technologies à d'autres expériences que vous pourriez aimer.

Vous cherchez toujours le bon événement ?

Atelier Back to Basics CSS #2 : CSS Responsive (@EEMI)

Plus d'événements de Silex Labs

Découvrez d'autres événements de Silex Labs, des Sciences et technologies à d'autres expériences que vous pourriez aimer.

Plus d'événements Sciences et technologies

Parcourez d'autres événements Sciences et technologies avec différentes dates, prix et formats pour trouver votre prochaine expérience.

Vous cherchez toujours le bon événement ?