Suche senden
Hochladen
Seminaire web EAA 2017
•
0 gefällt mir
•
240 views
Manuel Schmalstieg
Folgen
Cours du 28 avril 2017, http://www.eaa-la-chaux-de-fonds.ch/
Weniger lesen
Mehr lesen
Design
Melden
Teilen
Melden
Teilen
1 von 94
Jetzt herunterladen
Downloaden Sie, um offline zu lesen
Empfohlen
Keynote at the HTML5DevConf 2014 in San Francisco, explaining how many of the outreach we do these days looks a lot like sales pitches in the mid-noughties. They will make more sense once the video is out.
Write less, achieve meh - HTML5DevConf 2014
Write less, achieve meh - HTML5DevConf 2014
Christian Heilmann
Un remix de la conférence "The Design of HTML5" par Jeremy Keith (2011) - https://speakerdeck.com/adactio/the-design-of-html5
Le design du HTML5 (Remix)
Le design du HTML5 (Remix)
Manuel Schmalstieg
Ce n’est un secret pour personne : le travail d’intégrateur web peut rapidement tourner au cauchemar. Entre le support des navigateurs obsolètes, les problématiques de performance, la génération de sprites CSS et la prise en charge des nouveaux périphériques mobiles, l’intégrateur doit jongler entre de multiples langages et connaître une liste interminable de hacks à appliquer pour satisfaire tout ce petit monde. Que diriez-vous de vous simplifier la vie avec CSS grâce à Sass/Compass ?
Intégrateur web aime sass pour ton bien, BLEND Web Mix 2013
Intégrateur web aime sass pour ton bien, BLEND Web Mix 2013
Mehdi Kabab
Il n’existe à ce jour plus une seule application Web qui n’utilise pas « CSS », ces fichiers qui permettent de styliser son application. Aujourd’hui, « CSS3 » nous permet d’écrire des applications du plus en plus attrayantes mais n’est pas encore idéal puisque nous constatons des manques comme par exemple la définition de constantes de couleurs, chose appréciable pour les sites en marque blanche. Notons également la difficulté pour factoriser et maintenir ce code. Une lueur d’espoir est apparue, grâce à « Less ». C’est un framework qui non seulement nous facilite l’écriture de nos fichiers CSS, mais nous aide également à les maintenir et à mieux les structurer, tout en ayant des outils que nous pouvons utiliser dans nos usines logiciels. Je suis un développeur Web, et je n’ai pas peur de dire que désormais, j’aime le CSS !
Devoxx France 2013: CSS, more or Less - http://www.devoxx.com/display/FR13/CS...
Devoxx France 2013: CSS, more or Less - http://www.devoxx.com/display/FR13/CS...
VISEO
Dans cette session, vous découvrirez les nouveaux standards supportés par Internet Explorer 10. Coté CSS3, on verra ainsi des choses comme grid layout, animations ou transitions. Coté nouvelles APIs, nous passerons un peu de temps sur la gestion du drag-n-drop, IndexedDB, la gestion de l’Application Cache ou bien encore la gestion du tactile. Pour découvrir tout cela, nous verrons à chaque fois de petits exemples d’illustration ainsi que des sites plus « complexes » les mettant en œuvre.
Les dernières avancées HTML5 & CSS3 en action !
Les dernières avancées HTML5 & CSS3 en action !
Microsoft Technet France
Dans cette session, vous découvrirez les nouveaux standards supportés par Internet Explorer 10. Coté CSS3, on verra ainsi des choses comme grid layout, animations ou transitions. Coté nouvelles APIs, nous passerons un peu de temps sur la gestion du drag-n-drop, IndexedDB, la gestion de l'Application Cache ou bien encore la gestion du tactile. Pour découvrir tout cela, nous verrons à chaque fois de petits exemples d'illustration ainsi que des sites plus « complexes » les mettant en oeuvre. Présentation jouée pendant les MS Techdays 2013: http://www.microsoft.com/france/mstechdays/programmes/2013/fiche-session.aspx?ID=4a174b26-32b7-4d4c-8523-ad3a3228ef53 Retrouvez tous les exemples de code sur mon blog ici: http://blogs.msdn.com/b/davrous/archive/2012/11/03/demos-links-amp-articles-associated-to-htm5-amp-css3-latest-features-in-action-build-3-114.aspx
Les dernières avancées html5 & css3 en action !
Les dernières avancées html5 & css3 en action !
davrous
La façon de concevoir des sites Web a beaucoup évolué au cours des deux dernières années. Concevez-vous encore vos sites comme en 2009? Trouvez-vous vos sites lents? Êtes-vous web-responsable? Imaginez si vous étiez capable de gagner du temps. Comment pouvez-vous être certain que votre pigiste, employé ou fournisseur fait un travail de qualité? Nous allons couvrir des techniques clé qui permettent d'optimiser le travail, comment être plus efficace avec votre équipe technique et savoir jauger le niveau d'expérience. L’objectif de la séance est de donner des outils pour évaluer le niveau de qualité d’un site; des pistes pour en améliorer la performance et s’assurer de pouvoir en entretenir le code après plusieurs révisions.
Comment évaluer la qualité d'un site web selon les techniques d'intégration w...
Comment évaluer la qualité d'un site web selon les techniques d'intégration w...
Renoir Boulanger
Support de cours sur CSS (Cascading Style Sheets) ou Feuilles de style en cascade
Langage CSS
Langage CSS
El Habib NFAOUI
Empfohlen
Keynote at the HTML5DevConf 2014 in San Francisco, explaining how many of the outreach we do these days looks a lot like sales pitches in the mid-noughties. They will make more sense once the video is out.
Write less, achieve meh - HTML5DevConf 2014
Write less, achieve meh - HTML5DevConf 2014
Christian Heilmann
Un remix de la conférence "The Design of HTML5" par Jeremy Keith (2011) - https://speakerdeck.com/adactio/the-design-of-html5
Le design du HTML5 (Remix)
Le design du HTML5 (Remix)
Manuel Schmalstieg
Ce n’est un secret pour personne : le travail d’intégrateur web peut rapidement tourner au cauchemar. Entre le support des navigateurs obsolètes, les problématiques de performance, la génération de sprites CSS et la prise en charge des nouveaux périphériques mobiles, l’intégrateur doit jongler entre de multiples langages et connaître une liste interminable de hacks à appliquer pour satisfaire tout ce petit monde. Que diriez-vous de vous simplifier la vie avec CSS grâce à Sass/Compass ?
Intégrateur web aime sass pour ton bien, BLEND Web Mix 2013
Intégrateur web aime sass pour ton bien, BLEND Web Mix 2013
Mehdi Kabab
Il n’existe à ce jour plus une seule application Web qui n’utilise pas « CSS », ces fichiers qui permettent de styliser son application. Aujourd’hui, « CSS3 » nous permet d’écrire des applications du plus en plus attrayantes mais n’est pas encore idéal puisque nous constatons des manques comme par exemple la définition de constantes de couleurs, chose appréciable pour les sites en marque blanche. Notons également la difficulté pour factoriser et maintenir ce code. Une lueur d’espoir est apparue, grâce à « Less ». C’est un framework qui non seulement nous facilite l’écriture de nos fichiers CSS, mais nous aide également à les maintenir et à mieux les structurer, tout en ayant des outils que nous pouvons utiliser dans nos usines logiciels. Je suis un développeur Web, et je n’ai pas peur de dire que désormais, j’aime le CSS !
Devoxx France 2013: CSS, more or Less - http://www.devoxx.com/display/FR13/CS...
Devoxx France 2013: CSS, more or Less - http://www.devoxx.com/display/FR13/CS...
VISEO
Dans cette session, vous découvrirez les nouveaux standards supportés par Internet Explorer 10. Coté CSS3, on verra ainsi des choses comme grid layout, animations ou transitions. Coté nouvelles APIs, nous passerons un peu de temps sur la gestion du drag-n-drop, IndexedDB, la gestion de l’Application Cache ou bien encore la gestion du tactile. Pour découvrir tout cela, nous verrons à chaque fois de petits exemples d’illustration ainsi que des sites plus « complexes » les mettant en œuvre.
Les dernières avancées HTML5 & CSS3 en action !
Les dernières avancées HTML5 & CSS3 en action !
Microsoft Technet France
Dans cette session, vous découvrirez les nouveaux standards supportés par Internet Explorer 10. Coté CSS3, on verra ainsi des choses comme grid layout, animations ou transitions. Coté nouvelles APIs, nous passerons un peu de temps sur la gestion du drag-n-drop, IndexedDB, la gestion de l'Application Cache ou bien encore la gestion du tactile. Pour découvrir tout cela, nous verrons à chaque fois de petits exemples d'illustration ainsi que des sites plus « complexes » les mettant en oeuvre. Présentation jouée pendant les MS Techdays 2013: http://www.microsoft.com/france/mstechdays/programmes/2013/fiche-session.aspx?ID=4a174b26-32b7-4d4c-8523-ad3a3228ef53 Retrouvez tous les exemples de code sur mon blog ici: http://blogs.msdn.com/b/davrous/archive/2012/11/03/demos-links-amp-articles-associated-to-htm5-amp-css3-latest-features-in-action-build-3-114.aspx
Les dernières avancées html5 & css3 en action !
Les dernières avancées html5 & css3 en action !
davrous
La façon de concevoir des sites Web a beaucoup évolué au cours des deux dernières années. Concevez-vous encore vos sites comme en 2009? Trouvez-vous vos sites lents? Êtes-vous web-responsable? Imaginez si vous étiez capable de gagner du temps. Comment pouvez-vous être certain que votre pigiste, employé ou fournisseur fait un travail de qualité? Nous allons couvrir des techniques clé qui permettent d'optimiser le travail, comment être plus efficace avec votre équipe technique et savoir jauger le niveau d'expérience. L’objectif de la séance est de donner des outils pour évaluer le niveau de qualité d’un site; des pistes pour en améliorer la performance et s’assurer de pouvoir en entretenir le code après plusieurs révisions.
Comment évaluer la qualité d'un site web selon les techniques d'intégration w...
Comment évaluer la qualité d'un site web selon les techniques d'intégration w...
Renoir Boulanger
Support de cours sur CSS (Cascading Style Sheets) ou Feuilles de style en cascade
Langage CSS
Langage CSS
El Habib NFAOUI
Possibilités créatives avec CSS3
CSS3 - Possibilite creatives
CSS3 - Possibilite creatives
Rémy Savard
A brief description of my vision of the Front-End Developer Job through the evolution of the Web
Front end Hero Presentation
Front end Hero Presentation
George Edward Mbella Mbella
Ce powerpoint présente les étapes à prendre en compte lors de la gestion de projet (mise à jour du powerpoint du mois de décembre)
Introduction à la gestion de projet
Introduction à la gestion de projet
laureno
Ce n'est un secret pour personne : le travail d'intégrateur peut rapidement tourner au cauchemar. Entre le support des navigateurs obsolètes, la prise en charge des nouveaux devices numériques et la disparité des niveaux technologiques disponible sur le marché, l'intégrateur (ou développeur front-end) doit jongler entre de multiples langages et connaître une liste interminable de hacks a appliquer pour satisfaire tout ce petit monde. Que diriez-vous de vous simplifier la vie avec CSS grâce à Sass/Compass ? Dans cette conférence SudWeb de 20 minutes, j'explique comment l'usage du préprocesseur CSS et de son framework CSS3 ont su embellir mon quotidien et m'ont incités à penser objet, documenter mes projets. Tout n'étant jamais rose, j'aborde quelques pièges en mesure de nuire à l'avancement d'un projet.
Sass et Compass ont embelli mon quotidien, Sud Web 2013
Sass et Compass ont embelli mon quotidien, Sud Web 2013
Mehdi Kabab
Développer un site Web de qualité. Plateformes, standards et ergonomie
Développement Web
Développement Web
mastertic
Parce que CSS3 c'est super, mais qu'on vit encore un peu dans le présent et que des pans entiers de CSS 2.1 ont été occultés en raison du dinosaure IE6. En attendant que tout le monde ait Internet Explorer 9 ou Firefox 4, voyons ce qu'on peut faire avec IE7 et IE8 en utilisant un langage CSS2 mal connu.
Soyez revolutionnaire, utilisez CSS2 !
Soyez revolutionnaire, utilisez CSS2 !
Raphaël Goetter
Pensez vos CSS. Ne laissez pas vos collègues et stagiaires trouver ce que vous avez fait, implémenté. Faites-le bien, faites-le proprement, de façon claire et concise, parce que "yes we can". Après tout, c'est une question de structuration et de documentation, n'est-ce pas ? De OOCSS à BEM en passant par SMACSS... de nombreuses méthodes existent pour vous y aider !
Architecturez vos CSS
Architecturez vos CSS
Ninnir
Il n’existe à ce jour plus une seule application Web qui n’utilise pas « CSS », ces fichiers qui permettent de styliser son application. Aujourd’hui, « CSS3 » nous permet d’écrire des applications du plus en plus attrayantes mais n’est pas encore idéal puisque nous constatons des manques comme par exemple la définition de constantes de couleurs, chose appréciable pour les sites en marque blanche. Notons également la difficulté pour factoriser et maintenir ce code. Une lueur d’espoir est apparue, grâce à « Less ». C’est un framework qui non seulement nous facilite l’écriture de nos fichiers CSS, mais nous aide également à les maintenir et à mieux les structurer, tout en ayant des outils que nous pouvons utiliser dans nos usines logiciels.
Css.more.or.less
Css.more.or.less
VISEO
Nouveautés CSS3. Formation présenté lors de l'événement ConFoo 2012
CSS3 - nouveautes
CSS3 - nouveautes
Rémy Savard
Cours de technologie web 2ème: Après la présentation d'internet et du wweb, l'apprentissage des technologies coté client - html - css - javascript
technologie web - part2
technologie web - part2
Benoît Simard
Nous disposons enfin d’un support de la règle CSS @font-face sur la plupart des navigateurs du marché. On fera un tour d’horizon de leurs implémentations, des avantages et des contraintes que cela apporte, ainsi que quelques bonnes pratiques pour son utilisation.
CSS @font-face : Des polices personnalisées
CSS @font-face : Des polices personnalisées
Yves Van Goethem
INITITIATION AU DEVELOPPEMENT WEB ET PRESENTATION DES DIFFERENTES SOLUTIONS POSSIBLES POUR LA MISE EN PLACE D'UN SITE WEB
INITITIATION_AU_DEVELOPPEMENT_WEB_ET_PRESENTATION_DES_DIFFERENTES_SOLUTIONS_P...
INITITIATION_AU_DEVELOPPEMENT_WEB_ET_PRESENTATION_DES_DIFFERENTES_SOLUTIONS_P...
ssuser1a62e1
SASS (Syntactically Awesome Stylesheets) est un langage de génération dynamique de feuilles de style. Mohand AIT-HATRIT, développeur frontend au Crédit Agricole de Franche-Comté, vous propose de découvrir les avantages de cette technique de développement.
Accélérez vos développements CSS avec SASS / Digital apéro [06/2014]
Accélérez vos développements CSS avec SASS / Digital apéro [06/2014]
Silicon Comté
La meilleure application est une page blanche. Nous couvrons tout ce dont vous avez besoin pour créer votre premier site Web. De la création de votre première page jusqu'au téléchargement de votre site sur Internet.
initiation-dvptWEB-ericacademy.pdf
initiation-dvptWEB-ericacademy.pdf
EricKeita
comprendre le language des balises -
Balises : du HTML au XML
Balises : du HTML au XML
Christophe Poupet
Support de cours d'andré Blavier pour le module "Développement Web" du cours de veille technologique en TIC en 2ème master IG HEC-ULg 2008/2009
Développement Web
Développement Web
mastertic
Un aperçu des nouvelles normes HTML 5 et CSS 3
Rmll2010 Html5 Css3
Rmll2010 Html5 Css3
Fnot
cbcvbcfvbccb
html-css-casuhal.pdf
html-css-casuhal.pdf
RihabBENLAMINE
Front end, une île qui mérite d'être visitée
Front end, une île qui mérite d'être visitée
Ouadie LAHDIOUI
Après avoir présenté la situation actuelle, j'essaie d'expliquer comment on peut utiliser les technologies récentes du web tout en supportant tous les navigateurs, qu'ils soient anciens ou minoritaires.
Responsible Design ou Le web moderne à destination de tous
Responsible Design ou Le web moderne à destination de tous
jwajsberg
Présentation sur les logiciels libres dans le domaine du graphisme et de l'audiovisuel. Eracom, 2019. Remerciement à Régis Wieland, organisateur de l'atelier.
Free & Libre Graphics – Eracom – 2019
Free & Libre Graphics – Eracom – 2019
Manuel Schmalstieg
Slides de la présentation du 9 mars 2019, journée Meetup Genève: https://www.meetup.com/geneva-wordpress/events/256964267/
Typographie et WordPress
Typographie et WordPress
Manuel Schmalstieg
Weitere ähnliche Inhalte
Ähnlich wie Seminaire web EAA 2017
Possibilités créatives avec CSS3
CSS3 - Possibilite creatives
CSS3 - Possibilite creatives
Rémy Savard
A brief description of my vision of the Front-End Developer Job through the evolution of the Web
Front end Hero Presentation
Front end Hero Presentation
George Edward Mbella Mbella
Ce powerpoint présente les étapes à prendre en compte lors de la gestion de projet (mise à jour du powerpoint du mois de décembre)
Introduction à la gestion de projet
Introduction à la gestion de projet
laureno
Ce n'est un secret pour personne : le travail d'intégrateur peut rapidement tourner au cauchemar. Entre le support des navigateurs obsolètes, la prise en charge des nouveaux devices numériques et la disparité des niveaux technologiques disponible sur le marché, l'intégrateur (ou développeur front-end) doit jongler entre de multiples langages et connaître une liste interminable de hacks a appliquer pour satisfaire tout ce petit monde. Que diriez-vous de vous simplifier la vie avec CSS grâce à Sass/Compass ? Dans cette conférence SudWeb de 20 minutes, j'explique comment l'usage du préprocesseur CSS et de son framework CSS3 ont su embellir mon quotidien et m'ont incités à penser objet, documenter mes projets. Tout n'étant jamais rose, j'aborde quelques pièges en mesure de nuire à l'avancement d'un projet.
Sass et Compass ont embelli mon quotidien, Sud Web 2013
Sass et Compass ont embelli mon quotidien, Sud Web 2013
Mehdi Kabab
Développer un site Web de qualité. Plateformes, standards et ergonomie
Développement Web
Développement Web
mastertic
Parce que CSS3 c'est super, mais qu'on vit encore un peu dans le présent et que des pans entiers de CSS 2.1 ont été occultés en raison du dinosaure IE6. En attendant que tout le monde ait Internet Explorer 9 ou Firefox 4, voyons ce qu'on peut faire avec IE7 et IE8 en utilisant un langage CSS2 mal connu.
Soyez revolutionnaire, utilisez CSS2 !
Soyez revolutionnaire, utilisez CSS2 !
Raphaël Goetter
Pensez vos CSS. Ne laissez pas vos collègues et stagiaires trouver ce que vous avez fait, implémenté. Faites-le bien, faites-le proprement, de façon claire et concise, parce que "yes we can". Après tout, c'est une question de structuration et de documentation, n'est-ce pas ? De OOCSS à BEM en passant par SMACSS... de nombreuses méthodes existent pour vous y aider !
Architecturez vos CSS
Architecturez vos CSS
Ninnir
Il n’existe à ce jour plus une seule application Web qui n’utilise pas « CSS », ces fichiers qui permettent de styliser son application. Aujourd’hui, « CSS3 » nous permet d’écrire des applications du plus en plus attrayantes mais n’est pas encore idéal puisque nous constatons des manques comme par exemple la définition de constantes de couleurs, chose appréciable pour les sites en marque blanche. Notons également la difficulté pour factoriser et maintenir ce code. Une lueur d’espoir est apparue, grâce à « Less ». C’est un framework qui non seulement nous facilite l’écriture de nos fichiers CSS, mais nous aide également à les maintenir et à mieux les structurer, tout en ayant des outils que nous pouvons utiliser dans nos usines logiciels.
Css.more.or.less
Css.more.or.less
VISEO
Nouveautés CSS3. Formation présenté lors de l'événement ConFoo 2012
CSS3 - nouveautes
CSS3 - nouveautes
Rémy Savard
Cours de technologie web 2ème: Après la présentation d'internet et du wweb, l'apprentissage des technologies coté client - html - css - javascript
technologie web - part2
technologie web - part2
Benoît Simard
Nous disposons enfin d’un support de la règle CSS @font-face sur la plupart des navigateurs du marché. On fera un tour d’horizon de leurs implémentations, des avantages et des contraintes que cela apporte, ainsi que quelques bonnes pratiques pour son utilisation.
CSS @font-face : Des polices personnalisées
CSS @font-face : Des polices personnalisées
Yves Van Goethem
INITITIATION AU DEVELOPPEMENT WEB ET PRESENTATION DES DIFFERENTES SOLUTIONS POSSIBLES POUR LA MISE EN PLACE D'UN SITE WEB
INITITIATION_AU_DEVELOPPEMENT_WEB_ET_PRESENTATION_DES_DIFFERENTES_SOLUTIONS_P...
INITITIATION_AU_DEVELOPPEMENT_WEB_ET_PRESENTATION_DES_DIFFERENTES_SOLUTIONS_P...
ssuser1a62e1
SASS (Syntactically Awesome Stylesheets) est un langage de génération dynamique de feuilles de style. Mohand AIT-HATRIT, développeur frontend au Crédit Agricole de Franche-Comté, vous propose de découvrir les avantages de cette technique de développement.
Accélérez vos développements CSS avec SASS / Digital apéro [06/2014]
Accélérez vos développements CSS avec SASS / Digital apéro [06/2014]
Silicon Comté
La meilleure application est une page blanche. Nous couvrons tout ce dont vous avez besoin pour créer votre premier site Web. De la création de votre première page jusqu'au téléchargement de votre site sur Internet.
initiation-dvptWEB-ericacademy.pdf
initiation-dvptWEB-ericacademy.pdf
EricKeita
comprendre le language des balises -
Balises : du HTML au XML
Balises : du HTML au XML
Christophe Poupet
Support de cours d'andré Blavier pour le module "Développement Web" du cours de veille technologique en TIC en 2ème master IG HEC-ULg 2008/2009
Développement Web
Développement Web
mastertic
Un aperçu des nouvelles normes HTML 5 et CSS 3
Rmll2010 Html5 Css3
Rmll2010 Html5 Css3
Fnot
cbcvbcfvbccb
html-css-casuhal.pdf
html-css-casuhal.pdf
RihabBENLAMINE
Front end, une île qui mérite d'être visitée
Front end, une île qui mérite d'être visitée
Ouadie LAHDIOUI
Après avoir présenté la situation actuelle, j'essaie d'expliquer comment on peut utiliser les technologies récentes du web tout en supportant tous les navigateurs, qu'ils soient anciens ou minoritaires.
Responsible Design ou Le web moderne à destination de tous
Responsible Design ou Le web moderne à destination de tous
jwajsberg
Ähnlich wie Seminaire web EAA 2017
(20)
CSS3 - Possibilite creatives
CSS3 - Possibilite creatives
Front end Hero Presentation
Front end Hero Presentation
Introduction à la gestion de projet
Introduction à la gestion de projet
Sass et Compass ont embelli mon quotidien, Sud Web 2013
Sass et Compass ont embelli mon quotidien, Sud Web 2013
Développement Web
Développement Web
Soyez revolutionnaire, utilisez CSS2 !
Soyez revolutionnaire, utilisez CSS2 !
Architecturez vos CSS
Architecturez vos CSS
Css.more.or.less
Css.more.or.less
CSS3 - nouveautes
CSS3 - nouveautes
technologie web - part2
technologie web - part2
CSS @font-face : Des polices personnalisées
CSS @font-face : Des polices personnalisées
INITITIATION_AU_DEVELOPPEMENT_WEB_ET_PRESENTATION_DES_DIFFERENTES_SOLUTIONS_P...
INITITIATION_AU_DEVELOPPEMENT_WEB_ET_PRESENTATION_DES_DIFFERENTES_SOLUTIONS_P...
Accélérez vos développements CSS avec SASS / Digital apéro [06/2014]
Accélérez vos développements CSS avec SASS / Digital apéro [06/2014]
initiation-dvptWEB-ericacademy.pdf
initiation-dvptWEB-ericacademy.pdf
Balises : du HTML au XML
Balises : du HTML au XML
Développement Web
Développement Web
Rmll2010 Html5 Css3
Rmll2010 Html5 Css3
html-css-casuhal.pdf
html-css-casuhal.pdf
Front end, une île qui mérite d'être visitée
Front end, une île qui mérite d'être visitée
Responsible Design ou Le web moderne à destination de tous
Responsible Design ou Le web moderne à destination de tous
Mehr von Manuel Schmalstieg
Présentation sur les logiciels libres dans le domaine du graphisme et de l'audiovisuel. Eracom, 2019. Remerciement à Régis Wieland, organisateur de l'atelier.
Free & Libre Graphics – Eracom – 2019
Free & Libre Graphics – Eracom – 2019
Manuel Schmalstieg
Slides de la présentation du 9 mars 2019, journée Meetup Genève: https://www.meetup.com/geneva-wordpress/events/256964267/
Typographie et WordPress
Typographie et WordPress
Manuel Schmalstieg
Cours rapide sur les fontes et la typographique dans les interfaces numériques.
Typographie - notions de design graphique, HE-Arc, 2018
Typographie - notions de design graphique, HE-Arc, 2018
Manuel Schmalstieg
Cours rapide sur l'utilisation de la couleur dans les interfaces graphiques. Palettes de couleur, accessibilité.
Couleur - notions de design graphique, HE-Arc, 2018
Couleur - notions de design graphique, HE-Arc, 2018
Manuel Schmalstieg
Présentation donnée au Center for Future Publishing, HEAD Genève, décembre 2018. Je parle de mon travail de publication hybride, de mon implication dans différentes communautés du logiciel libre, de l'archivage numérique... https://ms-studio.net/talks/open-talk-center-for-future-publishing/
Open Talk #6
Open Talk #6
Manuel Schmalstieg
Workshop design graphique, pour les étudiants de la HE-Arc Ingénierie, Neuchâtel
Workshop design graphique (HE-Arc, novembre 2017)
Workshop design graphique (HE-Arc, novembre 2017)
Manuel Schmalstieg
On October 24, 2013, I gave a talk at the 4th Books in Browsers conference, San Francisco, about the mysterious phenomena of spam-as-books that has been infiltrating distribution platforms and university libraries worldwide.
A Book Isn’t A Book Isn’t A Book
A Book Isn’t A Book Isn’t A Book
Manuel Schmalstieg
“Quelques outils, quelques projets” - présentation donnée lors du séminaire ELIF n°1 (résistance électronique, stratégie éditoriale et cyberféminisme), organisé par Ensba Lyon et l'ESADSE.
ELIF - Lyon - 29-03-2016
ELIF - Lyon - 29-03-2016
Manuel Schmalstieg
A talk delivered at the Off the Press: Electronic Publishing in the Arts conference, Rotterdam. Also available as a video: https://vimeo.com/97508658
Black Holes in the Gutenberg Galaxy
Black Holes in the Gutenberg Galaxy
Manuel Schmalstieg
A short talk given at WordCamp Switzerland 2014, about the importance of time and date in website architecture, and in WordPress. Presentation of my custom plugin Minimalistic Event Manager: http://wordpress.org/plugins/minimalistic-event-manager/
Date managment for minimalists
Date managment for minimalists
Manuel Schmalstieg
2x10 = des rencontres mensuelles entre professionnels des secteurs créatifs et technologiques : graphistes, artistes visuels, concepteurs multimédia, makers, développeurs... Présentation donnée le 13 septembre 2013 au premier meeting 2x10.
2x10 - le concept
2x10 - le concept
Manuel Schmalstieg
A lightning talk, given at Libre Graphics Meeting 2013 in Madrid. My favorite feature request for Desktop Publishing (DTP) software makers: bring your style definitions on par with CSS, and let us edit the style rules **in the code**, if we want to. Nowadays, we designers know CSS. We want that flexibility for our text style definitions!
What text styles could learn from CSS
What text styles could learn from CSS
Manuel Schmalstieg
How eleven students (of HEAD Geneva) created a type specimen book in 5 days, featuring 200+ libre and open source fonts. View on Vimeo: https://vimeo.com/68202369
Designing a Libre Font Specimen Book
Designing a Libre Font Specimen Book
Manuel Schmalstieg
Updated May 2012. Workshops, conferences, web design, media projects, graphic design.
Portfolio 2012
Portfolio 2012
Manuel Schmalstieg
Support de la présentation donnée au Meetup WordPress Genève, le 5 décembre 2012. Comprend: (1) Introduction à WordPress, (2) Comment contribuer à WordPress, (3) Les nouveautés de WordPress 3.5. Slides from the talk given at the WordPress Geneva Meetup, December 5th 2012, for the pre-release of WordPress 3.5.
WordPress 3.5 Release Celebration (Geneva Meetup)
WordPress 3.5 Release Celebration (Geneva Meetup)
Manuel Schmalstieg
Greyscale Press produit des simulacres de livres, de 70 à 700 pages, reposant sur des textes d'origine électronique, généralement trouvés, idéalement libres de droits, abandonnés par leurs auteurs, anonymes ou non identifiables. Contenus récurrents: narration approximative ("Report from the desert"), wikipédisme ("VJing"), procès-verbaux ("IT-95-5/18-I"), interviews ("In conversation with Julian Assange"), mailing-listes ("ZKP1"), random ("La décimation"), données brutes ("Data Hammer").
Greyscale Press - stratégies d'auto-archivage
Greyscale Press - stratégies d'auto-archivage
Manuel Schmalstieg
Workshop / presentation given May 5th at Lift Conference, Geneva. By Manuel Schmalstieg and Ilan Katin.
VJing - From software to public space
VJing - From software to public space
Manuel Schmalstieg
This slideshow accompanied the public presentation given on May 13th 2010 at Mapping Festival Geneva, as the outcome of the Wiki-Sprint Workshop. For further information, see http://wiki-sprint.ch
Wiki-Sprint Geneva (Mapping Festival 2010)
Wiki-Sprint Geneva (Mapping Festival 2010)
Manuel Schmalstieg
Overview of projects 2003-2009 by media artist Manuel Schmalstieg.
Manuel Schmalstieg - Projets 2003-2009
Manuel Schmalstieg - Projets 2003-2009
Manuel Schmalstieg
Presentation given in collaboration with Laurent Schmid (electric-haze.org) at the Espace Jules Verne of the Maison D\'ailleurs, Yverdon, Switzerland.
Fear, Uncertainty and Doubt
Fear, Uncertainty and Doubt
Manuel Schmalstieg
Mehr von Manuel Schmalstieg
(20)
Free & Libre Graphics – Eracom – 2019
Free & Libre Graphics – Eracom – 2019
Typographie et WordPress
Typographie et WordPress
Typographie - notions de design graphique, HE-Arc, 2018
Typographie - notions de design graphique, HE-Arc, 2018
Couleur - notions de design graphique, HE-Arc, 2018
Couleur - notions de design graphique, HE-Arc, 2018
Open Talk #6
Open Talk #6
Workshop design graphique (HE-Arc, novembre 2017)
Workshop design graphique (HE-Arc, novembre 2017)
A Book Isn’t A Book Isn’t A Book
A Book Isn’t A Book Isn’t A Book
ELIF - Lyon - 29-03-2016
ELIF - Lyon - 29-03-2016
Black Holes in the Gutenberg Galaxy
Black Holes in the Gutenberg Galaxy
Date managment for minimalists
Date managment for minimalists
2x10 - le concept
2x10 - le concept
What text styles could learn from CSS
What text styles could learn from CSS
Designing a Libre Font Specimen Book
Designing a Libre Font Specimen Book
Portfolio 2012
Portfolio 2012
WordPress 3.5 Release Celebration (Geneva Meetup)
WordPress 3.5 Release Celebration (Geneva Meetup)
Greyscale Press - stratégies d'auto-archivage
Greyscale Press - stratégies d'auto-archivage
VJing - From software to public space
VJing - From software to public space
Wiki-Sprint Geneva (Mapping Festival 2010)
Wiki-Sprint Geneva (Mapping Festival 2010)
Manuel Schmalstieg - Projets 2003-2009
Manuel Schmalstieg - Projets 2003-2009
Fear, Uncertainty and Doubt
Fear, Uncertainty and Doubt
Seminaire web EAA 2017
1.
Séminaire Web eaa – 28.04.2017
session 1 / 5 Manuel Schmalstieg
2.
Manuel Schmalstieg HEAD ERACOM
3.
4.
5.
6.
7.
8.
9.
cours-web.ch
10.
CSS Un rapide état
des lieux
11.
12.
1996
13.
contenu ≠ présentation
14.
CSS1 = essentiellement les propriétés
de rendu typographique du texte
15.
1998
16.
CSS 2 = ~
70 propriétés supplémentaires
17.
18.
19.
CSS3
20.
CSS 3 = modules indépendants
21.
p.ex. WebFonts, Media Queries, Flexbox, Backgrounds & Borders
22.
2010Révolution CSS3
23.
CSS Bling
24.
CSS Bling • Les
dégradés de couleurs • Les ombres portées (box-shadow) • L’opacité (opacity) • Les bords arrondis (border-radius) • Les fontes web (@fontface)
25.
Do websites need
to look exactly the same in every browser?
26.
http://dowebsites needtolookexactly thesameinevery browser.com/
27.
28.
Do websites need
to be experienced exactly the same in every browser?
29.
http://dowebsites needtobeexperienced exactlythesamein everybrowser.com/
30.
31.
Webfonts
32.
33.
34.
35.
36.
37.
38.
Rencontres de Lure (2012)
39.
40.
41.
a b c
d e f g h i j k l m n o p q r s t u v w x y z 1 2 3 4 5 6 7 8 9 0 ( ; : ? ! $ ¢ £ ¥ & * ) { ö ü å ø ç }
42.
43.
a b c
d e f g h i j k l m n o p q r s t u v w x y z 1 2 3 4 5 6 7 8 9 0 ( ; : ? ! $ ¢ £ ¥ & * ) { ö ü å ø ç }
44.
45.
46.
47.
Metaflop, Metapolator, Prototypo
48.
49.
50.
OSP.kitchen
51.
52.
53.
54.
55.
Mise en page
& CSS
56.
57.
2000 - 2004
: table float
58.
59.
60.
Responsive Web Design Concepts et
implications
61.
62.
63.
64.
65.
66.
67.
68.
69.
70.
71.
72.
73.
CSS Grid Systems
74.
75.
Flexbox
76.
“Working Draft” (depuis 2009)
“Candidate Recommendation” Flexbox
77.
bien supporté par les navigateurs
en 2016! Flexbox
78.
79.
80.
GSS Grid Style Sheets
81.
GSS Grid Style Sheets
82.
GSS is a
CSS preprocessor & JS runtime that harnesses Cassowary.js
83.
Technologie liée à la
startup The Grid
84.
Slogan: “The Grid Is The
Website Of The Future: It Builds Itself”
85.
86.
CSS Grid Layout
87.
CSS Grid Layout proposé
en 2011 par Microsoft
88.
CSS Grid Layout implémenté à
fins de test dans IE 10 et 11
89.
CSS Grid Layout repris
par le W3C, en cours de développement
90.
CSS Grid Layout
91.
92.
93.
94.
cours-web.ch
Jetzt herunterladen