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>

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, de 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, de Sciences et technologies à d'autres expériences que vous pourriez aimer.

Vous pourriez aussi aimer...

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

Vous cherchez toujours le bon événement ?