The document discusses the benefits of exercise for mental health. Regular physical activity can help reduce anxiety and depression and improve mood and cognitive function. Exercise causes chemical changes in the brain that may help protect against mental illness and improve symptoms for those who already suffer from conditions like anxiety and depression.
The document discusses the benefits of exercise for mental health. Regular physical activity can help reduce anxiety and depression and improve mood and cognitive function. Exercise causes chemical changes in the brain that may help protect against mental illness and improve symptoms for those who already suffer from conditions like anxiety and depression.
The document discusses Google's Material Design and its principles of graphical coherence inspired by ink and paper. It emphasizes uniform thickness for all elements, physical rules like not piercing an element, harmonious contrasts, an adapted font, meaningful icons and movements, and continuity in appearance and visuals through details that change everything. Material Design can be developed using the Android SDK, Polymer, Material Design Lite, or from scratch.
Care about how to leverage 'Material Design Done Right'. You will find this deck presented by the industry expert Robin Dhanwani, Founder, Parallel Labs during Webinar for Digital Vidya. Interested in attending similar Webinar Live? Register Now at http://www.digitalvidya.com/webinars/
This document discusses the principles and elements of Material Design. It provides an overview of Material Design, including its goals of creating intuitive user experiences and harnessing technology capabilities. The key elements covered include the Material theme, new widgets like RecyclerView and CardView, view shadows, and animation APIs for touch feedback, view changes and activity transitions. The document also outlines the principles of Material Design, such as using motion to provide meaning and focus, and ensuring animations are authentic, responsive, meaningful and delightful.
Talk sur la "Performance Web : Enjeux, techniques et méthodologie" pour @RennesJS
Rappel du programme :
"Après la découverte de quelques success stories sur la performance web - des éléments pour se convaincre et savoir convaincre de l'importance de la webperf - nous aborderons les techniques élémentaires pour mettre vos pages web au régime (compression, optimisation des images, politique de cache, etc).
Ce sera aussi l'occasion d'aborder HTTP/2 : les bonnes pratiques de performance ne sont peut être plus celles que vous croyez et vos habitudes vont devoir changer, nous verrons pourquoi !
Nous n'oublierons pas d'évoquer les différents indicateurs de performance (speedindex, start render, etc), et il est fort possible que je m'égare à l'occasion sur d'autres outils de qualité front-end, comme la Content Security Policy...
En conclusion, on parlera de budget. Pas celui de la soirée, mais du budget de performance, à appliquer sur vos projets, pour créer une véritable culture de la performance web dans votre équipe !"
Material Design: Google's New Design LanguageRaveesh Bhalla
The document provides a brief history of Android from 2008 to 2014, highlighting some key dates and events. It discusses the goals of having a unified experience across platforms using touch, voice, mouse and keyboard as input methods. It also summarizes some of the core principles of Material Design such as using color, contrast, alignment, repetition proximity and imagery to effectively communicate information to users.
The document discusses the benefits of exercise for mental health. Regular physical activity can help reduce anxiety and depression and improve mood and cognitive functioning. Exercise causes chemical changes in the brain that may help protect against mental illness and improve symptoms.
Pour tout savoir sur Google AMP : chiffres marché, mise en oeuvre, potentiel, d'audience, outils, monétisation, fonctionnalités; et bien sûr SEO Google AMP. Conférence au Black & White SEO le 7 octobre 2016 https://www.blackandwhiteseo.com/
Major hotel chains will focus less on amenities like TVs and phones in 2015, instead prioritizing free high-speed WiFi. Hotel occupancy is reaching new heights, causing room rates to rise, so hotels will emphasize savings opportunities. Travelers can expect to see more bundled packages that combine flights, rooms, and car rentals to provide affordable options. Emerging technologies like smartphone room keys and wearable devices will continue changing the travel experience.
Eco-nomics, The hidden costs of consumptionJosh Beatty
Joe, an average consumer, spends $25,000 annually on goods and consumes $100,000 worth of natural resources, but he only pays the direct retail costs and is unaware of the various hidden environmental, health, and security costs associated with production and transportation. These hidden costs—which include pollution cleanup, resource depletion, subsidies, and climate change impacts—add up to over $1 trillion annually for U.S. consumers. The document urges people to reduce their consumption, support sustainable businesses, and make more informed choices to limit these hidden costs that will otherwise be passed on to future generations.
Introduction aux concepts de Responsive Web Design, méthodos, outils et REX sur ces méthodes (Avantages, inconvénients, coûts...) pour le BreizhCamp 2013
Webdesign sites web et mobiles-methodes-realisation-outilsOlivier Dommange
Méthodes et stratégies de conception sites Web et mobiles. Processus de conception présentant la maquette de fil de fer (wireframe), mockups jusqu'au design. Présentation des objectifs et du rôle du Webdesigner à chacun des étapes. Rapports entre la dégradation élégante (gracefull degradation) et amélioration progressive (progressive enhancement - mobile first).
Responsive Web Design : best practices et retour d'expérience de Backelite et...Idean France
Retour d'expérience sur le Responsibe Web Design par l'agence Backelite: spécificités et enjeux du RWD, les best practices, étapes clés d'un projet, approche content first, framework, cas pratique et témoignages des Galeries Lafayette
Le responsive design est une approche de la conception web dans laquelle l'interface s'adapte à la disposition de l'appareil, ce qui facilite l'utilisation, la navigation et la recherche d'informations.
La réactivité est possible grâce aux media queries, qui permettent à la conception de s'adapter automatiquement à l'espace du navigateur pour garantir la cohérence du contenu sur tous les appareils, et aux éléments de conception dimensionnés en unités relatives (%).
The document discusses Google's Material Design and its principles of graphical coherence inspired by ink and paper. It emphasizes uniform thickness for all elements, physical rules like not piercing an element, harmonious contrasts, an adapted font, meaningful icons and movements, and continuity in appearance and visuals through details that change everything. Material Design can be developed using the Android SDK, Polymer, Material Design Lite, or from scratch.
Care about how to leverage 'Material Design Done Right'. You will find this deck presented by the industry expert Robin Dhanwani, Founder, Parallel Labs during Webinar for Digital Vidya. Interested in attending similar Webinar Live? Register Now at http://www.digitalvidya.com/webinars/
This document discusses the principles and elements of Material Design. It provides an overview of Material Design, including its goals of creating intuitive user experiences and harnessing technology capabilities. The key elements covered include the Material theme, new widgets like RecyclerView and CardView, view shadows, and animation APIs for touch feedback, view changes and activity transitions. The document also outlines the principles of Material Design, such as using motion to provide meaning and focus, and ensuring animations are authentic, responsive, meaningful and delightful.
Talk sur la "Performance Web : Enjeux, techniques et méthodologie" pour @RennesJS
Rappel du programme :
"Après la découverte de quelques success stories sur la performance web - des éléments pour se convaincre et savoir convaincre de l'importance de la webperf - nous aborderons les techniques élémentaires pour mettre vos pages web au régime (compression, optimisation des images, politique de cache, etc).
Ce sera aussi l'occasion d'aborder HTTP/2 : les bonnes pratiques de performance ne sont peut être plus celles que vous croyez et vos habitudes vont devoir changer, nous verrons pourquoi !
Nous n'oublierons pas d'évoquer les différents indicateurs de performance (speedindex, start render, etc), et il est fort possible que je m'égare à l'occasion sur d'autres outils de qualité front-end, comme la Content Security Policy...
En conclusion, on parlera de budget. Pas celui de la soirée, mais du budget de performance, à appliquer sur vos projets, pour créer une véritable culture de la performance web dans votre équipe !"
Material Design: Google's New Design LanguageRaveesh Bhalla
The document provides a brief history of Android from 2008 to 2014, highlighting some key dates and events. It discusses the goals of having a unified experience across platforms using touch, voice, mouse and keyboard as input methods. It also summarizes some of the core principles of Material Design such as using color, contrast, alignment, repetition proximity and imagery to effectively communicate information to users.
The document discusses the benefits of exercise for mental health. Regular physical activity can help reduce anxiety and depression and improve mood and cognitive functioning. Exercise causes chemical changes in the brain that may help protect against mental illness and improve symptoms.
Pour tout savoir sur Google AMP : chiffres marché, mise en oeuvre, potentiel, d'audience, outils, monétisation, fonctionnalités; et bien sûr SEO Google AMP. Conférence au Black & White SEO le 7 octobre 2016 https://www.blackandwhiteseo.com/
Major hotel chains will focus less on amenities like TVs and phones in 2015, instead prioritizing free high-speed WiFi. Hotel occupancy is reaching new heights, causing room rates to rise, so hotels will emphasize savings opportunities. Travelers can expect to see more bundled packages that combine flights, rooms, and car rentals to provide affordable options. Emerging technologies like smartphone room keys and wearable devices will continue changing the travel experience.
Eco-nomics, The hidden costs of consumptionJosh Beatty
Joe, an average consumer, spends $25,000 annually on goods and consumes $100,000 worth of natural resources, but he only pays the direct retail costs and is unaware of the various hidden environmental, health, and security costs associated with production and transportation. These hidden costs—which include pollution cleanup, resource depletion, subsidies, and climate change impacts—add up to over $1 trillion annually for U.S. consumers. The document urges people to reduce their consumption, support sustainable businesses, and make more informed choices to limit these hidden costs that will otherwise be passed on to future generations.
Introduction aux concepts de Responsive Web Design, méthodos, outils et REX sur ces méthodes (Avantages, inconvénients, coûts...) pour le BreizhCamp 2013
Webdesign sites web et mobiles-methodes-realisation-outilsOlivier Dommange
Méthodes et stratégies de conception sites Web et mobiles. Processus de conception présentant la maquette de fil de fer (wireframe), mockups jusqu'au design. Présentation des objectifs et du rôle du Webdesigner à chacun des étapes. Rapports entre la dégradation élégante (gracefull degradation) et amélioration progressive (progressive enhancement - mobile first).
Responsive Web Design : best practices et retour d'expérience de Backelite et...Idean France
Retour d'expérience sur le Responsibe Web Design par l'agence Backelite: spécificités et enjeux du RWD, les best practices, étapes clés d'un projet, approche content first, framework, cas pratique et témoignages des Galeries Lafayette
Le responsive design est une approche de la conception web dans laquelle l'interface s'adapte à la disposition de l'appareil, ce qui facilite l'utilisation, la navigation et la recherche d'informations.
La réactivité est possible grâce aux media queries, qui permettent à la conception de s'adapter automatiquement à l'espace du navigateur pour garantir la cohérence du contenu sur tous les appareils, et aux éléments de conception dimensionnés en unités relatives (%).
Cours de webdesign. Le but de ce cours n'est pas d'apprendre le métier de webdesigner dans sa globalité, mais d'être capable d'avoir un dialogue cohérent avec les acteurs du web. Cela leur permettra aussi de comprendre les codes et le langage du webdesign.
Cours de webdesign, UX et UCD. Le but de ce cours n'est pas d'apprendre le métier de webdesigner dans sa globalité, mais d'être capable d'avoir un dialogue cohérent avec les acteurs du web. Cela leur permettra aussi de comprendre les codes et le langage du webdesign.
Nous vous partageons cette présentation sur la recette graphique, réalisée par Aurélie Radom, Directrice Artistique / UI Designer chez Backelite. Au programme :
La collaboration entre Designers et Développeurs
- Qu'est-ce qu'une recette graphique ? - petite définition
- Une check-list non exhaustive (à destination des UI / UX / Dev) des éléments à vérifier lors d'une phase de recette, que vous pourrez étoffer / compléter
- Une liste d'outils (extensions web et apps) facilitant la recette du côté des designers et du côté des devs avec des fonctionnalités inspect, détection de typos, couleurs, superposition de maquettes en overlay, screenshots full page etc.
- Les bonnes pratiques avec le process idéal du côté des UI
Comment évaluer la qualité d'un site web selon les techniques d'intégration w...Renoir Boulanger
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.
2. Plan
Qu'est ce que le Material Design ?
Qu'est ce que Materialize CSS ?
Pourquoi utiliser Materialize CSS ?
Configuration & Structure
Demo
3. Qu'est ce que le material design ?
Material Design : Flat Design, amélioré
− Par Google
− Android 5.0 Lollipop
− Les services Google
Interaction avec l'utilisateur
− Site web/App = feuille de papier
− Les couleurs et les animations permettent de
hiérarchiser les éléments de l'interface utilisateur
− Une expérience utilisateur consistante, et ce peu
importe l'appareil utilisé
4.
5.
6.
7. Qu'est ce que Materialize CSS ?
Framework css/js/html
Responsive
Reprend les élements marquants du Material
Design, soit :
− Les codes de couleurs;
− Roboto (police)
− Navbar
− Cards
ainisi les couleurs et les agencements du
8. Responsive
Bootstrap : grid de 12 colonnes
− .col s (petit ecran) .col l (ecran large) .col m (tablette)
<div class=”container”>
<div class=”row”>
<div class=”col s12 m6 l3”>
<!---->
</div>
</div>
</div>
Astuce : pour un layout fluid, utilisez “.row”
9. 4 raisons pour utiliser Materialize CSS
1) Séparer langage structurant & langage de
programmation
2) Se concentrer sur le développement et les
algorithmes
3) Ideal pour ceux et celles qui ont des
connaissances limitées en CSS
4)Classes plus explicites (vs Material Design Lite)