�ݺ�ߣshows by User: ckrina

�ݺ�ߣshows by User: ckrina / http://www.slideshare.net/images/logo.gif �ݺ�ߣshows by User: ckrina / Sat, 31 Oct 2020 19:47:45 GMT �ݺ�ߣShare feed for �ݺ�ߣshows by User: ckrina Presente y futuro de la Drupal Admin UI - Drupal Camp Costa Rica 2020 https://es.slideshare.net/slideshow/presente-y-futuro-de-la-drupal-admin-ui-drupal-camp-costa-rica-2020/239036432 drupalcampcostarica-201031194745
Cristina nos hablará del tema administrativo Claro y el futuro de la Admin UI de Drupal, una gran iniciativa dentro del core de Drupal.]]>
Cristina nos hablará del tema administrativo Claro y el futuro de la Admin UI de Drupal, una gran iniciativa dentro del core de Drupal.]]> Sat, 31 Oct 2020 19:47:45 GMT https://es.slideshare.net/slideshow/presente-y-futuro-de-la-drupal-admin-ui-drupal-camp-costa-rica-2020/239036432 ckrina@slideshare.net(ckrina) Presente y futuro de la Drupal Admin UI - Drupal Camp Costa Rica 2020 ckrina Cristina nos hablará del tema administrativo Claro y el futuro de la Admin UI de Drupal, una gran iniciativa dentro del core de Drupal. <img style="border:1px solid #C3E6D8;float:right;" alt="" src="https://cdn.slidesharecdn.com/ss_thumbnails/drupalcampcostarica-201031194745-thumbnail.jpg?width=120&height=120&fit=bounds" /> Cristina nos hablará del tema administrativo Claro y el futuro de la Admin UI de Drupal, una gran iniciativa dentro del core de Drupal.

from Cristina Chumillas

]]> 111 0 https://cdn.slidesharecdn.com/ss_thumbnails/drupalcampcostarica-201031194745-thumbnail.jpg?width=120&height=120&fit=bounds presentation Black http://activitystrea.ms/schema/1.0/post

http://activitystrea.ms/schema/1.0/posted

0 DrupalCamp Oslo Admin UI /ckrina/drupalcamp-oslo-admin-ui dcosloadminui-201031095855
Cristina Chumillas is a co-organizer of the Admin UI & JavaScript Modernisation Initiative. In this session she will talk about how they are working on the new Drupal Design System for the Admin UI for Drupal and the new administration theme Claro. We will get an intro of the tools used and the workflow they are following, a showcase of the Design System itself, how they are working on Claro and what changes are planned.]]>
Cristina Chumillas is a co-organizer of the Admin UI & JavaScript Modernisation Initiative. In this session she will talk about how they are working on the new Drupal Design System for the Admin UI for Drupal and the new administration theme Claro. We will get an intro of the tools used and the workflow they are following, a showcase of the Design System itself, how they are working on Claro and what changes are planned.]]> Sat, 31 Oct 2020 09:58:55 GMT /ckrina/drupalcamp-oslo-admin-ui ckrina@slideshare.net(ckrina) DrupalCamp Oslo Admin UI ckrina Cristina Chumillas is a co-organizer of the Admin UI & JavaScript Modernisation Initiative. In this session she will talk about how they are working on the new Drupal Design System for the Admin UI for Drupal and the new administration theme Claro. We will get an intro of the tools used and the workflow they are following, a showcase of the Design System itself, how they are working on Claro and what changes are planned. <img style="border:1px solid #C3E6D8;float:right;" alt="" src="https://cdn.slidesharecdn.com/ss_thumbnails/dcosloadminui-201031095855-thumbnail.jpg?width=120&height=120&fit=bounds" /> Cristina Chumillas is a co-organizer of the Admin UI & JavaScript Modernisation Initiative. In this session she will talk about how they are working on the new Drupal Design System for the Admin UI for Drupal and the new administration theme Claro. We will get an intro of the tools used and the workflow they are following, a showcase of the Design System itself, how they are working on Claro and what changes are planned.

DrupalCamp Oslo Admin UI from Cristina Chumillas

]]> 104 0 https://cdn.slidesharecdn.com/ss_thumbnails/dcosloadminui-201031095855-thumbnail.jpg?width=120&height=120&fit=bounds presentation Black http://activitystrea.ms/schema/1.0/post

http://activitystrea.ms/schema/1.0/posted

0 Improving Responsive Web Design Process 2016 /slideshow/improving-responsive-web-design-process-2016/67244633 rwd-dublin-161016152122
Session presented in the european DrupalCon Dublin 2016. Video can be found here: https://www.youtube.com/watch?v=152J_74KGl0 It's been 6 years since the term Responsive Web Design (RWD) was coined and today is difficult to see new projects without implementing it. But this time has allowed us to see the implementation can be even more important than the technique and the theory. The RWD covers from the performance to the implementation of patterns and "standard" behaviors to improve usability. In this session I reviewed tools, techniques and concepts to improve our projects: ⁃ Modern Design processes ⁃ Performance ⁃ CSS structuring and optimization (CSS Methodologies and Living Styleguides) ⁃ Fixed-pixel vs relative units (and Viewport Sized Units) ⁃ Responsive Typography and FOUT, FOIT ⁃ Images, Responsive images and SVGs ⁃ Asynchronous loading ⁃ Proxy-based browsers ⁃ Beyond the Mouse ⁃ RWD patterns and Progressively Disclosure I showed simulations for a better understanding. This session was aimed to anyone who wanted to improve his RWD knowledge, although a minimal RWD knowledge was expected.]]>
Session presented in the european DrupalCon Dublin 2016. Video can be found here: https://www.youtube.com/watch?v=152J_74KGl0 It's been 6 years since the term Responsive Web Design (RWD) was coined and today is difficult to see new projects without implementing it. But this time has allowed us to see the implementation can be even more important than the technique and the theory. The RWD covers from the performance to the implementation of patterns and "standard" behaviors to improve usability. In this session I reviewed tools, techniques and concepts to improve our projects: ⁃ Modern Design processes ⁃ Performance ⁃ CSS structuring and optimization (CSS Methodologies and Living Styleguides) ⁃ Fixed-pixel vs relative units (and Viewport Sized Units) ⁃ Responsive Typography and FOUT, FOIT ⁃ Images, Responsive images and SVGs ⁃ Asynchronous loading ⁃ Proxy-based browsers ⁃ Beyond the Mouse ⁃ RWD patterns and Progressively Disclosure I showed simulations for a better understanding. This session was aimed to anyone who wanted to improve his RWD knowledge, although a minimal RWD knowledge was expected.]]> Sun, 16 Oct 2016 15:21:22 GMT /slideshow/improving-responsive-web-design-process-2016/67244633 ckrina@slideshare.net(ckrina) Improving Responsive Web Design Process 2016 ckrina Session presented in the european DrupalCon Dublin 2016. Video can be found here: https://www.youtube.com/watch?v=152J_74KGl0 It's been 6 years since the term Responsive Web Design (RWD) was coined and today is difficult to see new projects without implementing it. But this time has allowed us to see the implementation can be even more important than the technique and the theory. The RWD covers from the performance to the implementation of patterns and "standard" behaviors to improve usability. In this session I reviewed tools, techniques and concepts to improve our projects: ⁃ Modern Design processes ⁃ Performance ⁃ CSS structuring and optimization (CSS Methodologies and Living Styleguides) ⁃ Fixed-pixel vs relative units (and Viewport Sized Units) ⁃ Responsive Typography and FOUT, FOIT ⁃ Images, Responsive images and SVGs ⁃ Asynchronous loading ⁃ Proxy-based browsers ⁃ Beyond the Mouse ⁃ RWD patterns and Progressively Disclosure I showed simulations for a better understanding. This session was aimed to anyone who wanted to improve his RWD knowledge, although a minimal RWD knowledge was expected. <img style="border:1px solid #C3E6D8;float:right;" alt="" src="https://cdn.slidesharecdn.com/ss_thumbnails/rwd-dublin-161016152122-thumbnail.jpg?width=120&height=120&fit=bounds" /> Session presented in the european DrupalCon Dublin 2016. Video can be found here: https://www.youtube.com/watch?v=152J_74KGl0 It's been 6 years since the term Responsive Web Design (RWD) was coined and today is difficult to see new projects without implementing it. But this time has allowed us to see the implementation can be even more important than the technique and the theory. The RWD covers from the performance to the implementation of patterns and "standard" behaviors to improve usability. In this session I reviewed tools, techniques and concepts to improve our projects: ⁃ Modern Design processes ⁃ Performance ⁃ CSS structuring and optimization (CSS Methodologies and Living Styleguides) ⁃ Fixed-pixel vs relative units (and Viewport Sized Units) ⁃ Responsive Typography and FOUT, FOIT ⁃ Images, Responsive images and SVGs ⁃ Asynchronous loading ⁃ Proxy-based browsers ⁃ Beyond the Mouse ⁃ RWD patterns and Progressively Disclosure I showed simulations for a better understanding. This session was aimed to anyone who wanted to improve his RWD knowledge, although a minimal RWD knowledge was expected.

Improving Responsive Web Design Process 2016 from Cristina Chumillas

]]> 519 3 https://cdn.slidesharecdn.com/ss_thumbnails/rwd-dublin-161016152122-thumbnail.jpg?width=120&height=120&fit=bounds presentation 000000 http://activitystrea.ms/schema/1.0/post

http://activitystrea.ms/schema/1.0/posted

0 Improving the Responsive Web Design Process in 2016 /slideshow/improving-the-responsive-web-design-process-in-2016/61369668 rwd-dcspain-160426125848
It's been 6 years since the term Responsive Web Design (RWD) was coined and today is difficult to see new projects without implementing it. But this time has allowed us to see the implementation can be even more important than the technique and the theory. The RWD covers from the performance to the implementation of patterns and "standard" behaviors to improve usability. In this session reviewed tools, techniques and concepts to improve our projects: - Performance and best practices - CSS structuring and optization (BEM, SMACSS, etc.) - Fixed-Pixel vs rem, em and % - Responsive images. Drupal non-Drupal solutions and SVGs - Asynchronous Javascript loading - Typography in a responsive environment and FOUT, FOIT effects - How proxy-based browsers like Opera Mini can affect, and how accessibility and Progressive Enhancement can help. - Beyond the Mouse: Touch and keyboard events - Using RWD patterns]]>
It's been 6 years since the term Responsive Web Design (RWD) was coined and today is difficult to see new projects without implementing it. But this time has allowed us to see the implementation can be even more important than the technique and the theory. The RWD covers from the performance to the implementation of patterns and "standard" behaviors to improve usability. In this session reviewed tools, techniques and concepts to improve our projects: - Performance and best practices - CSS structuring and optization (BEM, SMACSS, etc.) - Fixed-Pixel vs rem, em and % - Responsive images. Drupal non-Drupal solutions and SVGs - Asynchronous Javascript loading - Typography in a responsive environment and FOUT, FOIT effects - How proxy-based browsers like Opera Mini can affect, and how accessibility and Progressive Enhancement can help. - Beyond the Mouse: Touch and keyboard events - Using RWD patterns]]> Tue, 26 Apr 2016 12:58:48 GMT /slideshow/improving-the-responsive-web-design-process-in-2016/61369668 ckrina@slideshare.net(ckrina) Improving the Responsive Web Design Process in 2016 ckrina It's been 6 years since the term Responsive Web Design (RWD) was coined and today is difficult to see new projects without implementing it. But this time has allowed us to see the implementation can be even more important than the technique and the theory. The RWD covers from the performance to the implementation of patterns and "standard" behaviors to improve usability. In this session reviewed tools, techniques and concepts to improve our projects: - Performance and best practices - CSS structuring and optization (BEM, SMACSS, etc.) - Fixed-Pixel vs rem, em and % - Responsive images. Drupal non-Drupal solutions and SVGs - Asynchronous Javascript loading - Typography in a responsive environment and FOUT, FOIT effects - How proxy-based browsers like Opera Mini can affect, and how accessibility and Progressive Enhancement can help. - Beyond the Mouse: Touch and keyboard events - Using RWD patterns <img style="border:1px solid #C3E6D8;float:right;" alt="" src="https://cdn.slidesharecdn.com/ss_thumbnails/rwd-dcspain-160426125848-thumbnail.jpg?width=120&height=120&fit=bounds" /> It's been 6 years since the term Responsive Web Design (RWD) was coined and today is difficult to see new projects without implementing it. But this time has allowed us to see the implementation can be even more important than the technique and the theory. The RWD covers from the performance to the implementation of patterns and "standard" behaviors to improve usability. In this session reviewed tools, techniques and concepts to improve our projects: - Performance and best practices - CSS structuring and optization (BEM, SMACSS, etc.) - Fixed-Pixel vs rem, em and % - Responsive images. Drupal non-Drupal solutions and SVGs - Asynchronous Javascript loading - Typography in a responsive environment and FOUT, FOIT effects - How proxy-based browsers like Opera Mini can affect, and how accessibility and Progressive Enhancement can help. - Beyond the Mouse: Touch and keyboard events - Using RWD patterns

Improving the Responsive Web Design Process in 2016 from Cristina Chumillas

]]> 664 5 https://cdn.slidesharecdn.com/ss_thumbnails/rwd-dcspain-160426125848-thumbnail.jpg?width=120&height=120&fit=bounds presentation Black http://activitystrea.ms/schema/1.0/post

http://activitystrea.ms/schema/1.0/posted

0 Component Driven Design and Development /slideshow/component-based-design-and-development-53274465/53274465 drupalconbarcelona2015-componentbaseddesignanddevelopment-150928122543-lva1-app6891
Presented in DrupalCon Barcelona 2015, September 22nd. The video can be seen in: https://www.youtube.com/watch?v=RcQD0K_MexA The Web is in permanent evolution, specially the Front end world. Solutions like Responsive Web Design have transformed our day-to-day and forced us to rethink our workflow constantly. Working with components means to take a step back to integrate and improve this workflow. New tools and methodologies that can help us are appearing every day and it only takes small mindset shifts to take full advantage of them. Atomic design is an amazing example of these methodologies that are able to assist us with this change. It relies on interlocking components, from small bits like labels (atoms) to large systems like full page templates. This applies to all the pieces involved in the Front end layer: from the design to the prototype creation or the final code, or also live Styleguides like KSS or CSS methodologies like BEM or SMACSS. On top of all the above, it will allow us to test our Front end layer, avoiding regressions and preparing it for large-scale projects. In this session, we will cover: - What is a component - How CSS methodologies like BEM or SMACSS can help to create or use components - Why Design Systems are necessary - When can we introduce this changes in our process - Why Stylesguides can make the difference - What can we do to have a more component-based Drupal project ]]>
Presented in DrupalCon Barcelona 2015, September 22nd. The video can be seen in: https://www.youtube.com/watch?v=RcQD0K_MexA The Web is in permanent evolution, specially the Front end world. Solutions like Responsive Web Design have transformed our day-to-day and forced us to rethink our workflow constantly. Working with components means to take a step back to integrate and improve this workflow. New tools and methodologies that can help us are appearing every day and it only takes small mindset shifts to take full advantage of them. Atomic design is an amazing example of these methodologies that are able to assist us with this change. It relies on interlocking components, from small bits like labels (atoms) to large systems like full page templates. This applies to all the pieces involved in the Front end layer: from the design to the prototype creation or the final code, or also live Styleguides like KSS or CSS methodologies like BEM or SMACSS. On top of all the above, it will allow us to test our Front end layer, avoiding regressions and preparing it for large-scale projects. In this session, we will cover: - What is a component - How CSS methodologies like BEM or SMACSS can help to create or use components - Why Design Systems are necessary - When can we introduce this changes in our process - Why Stylesguides can make the difference - What can we do to have a more component-based Drupal project ]]> Mon, 28 Sep 2015 12:25:43 GMT /slideshow/component-based-design-and-development-53274465/53274465 ckrina@slideshare.net(ckrina) Component Driven Design and Development ckrina Presented in DrupalCon Barcelona 2015, September 22nd. The video can be seen in: https://www.youtube.com/watch?v=RcQD0K_MexA The Web is in permanent evolution, specially the Front end world. Solutions like Responsive Web Design have transformed our day-to-day and forced us to rethink our workflow constantly. Working with components means to take a step back to integrate and improve this workflow. New tools and methodologies that can help us are appearing every day and it only takes small mindset shifts to take full advantage of them. Atomic design is an amazing example of these methodologies that are able to assist us with this change. It relies on interlocking components, from small bits like labels (atoms) to large systems like full page templates. This applies to all the pieces involved in the Front end layer: from the design to the prototype creation or the final code, or also live Styleguides like KSS or CSS methodologies like BEM or SMACSS. On top of all the above, it will allow us to test our Front end layer, avoiding regressions and preparing it for large-scale projects. In this session, we will cover: - What is a component - How CSS methodologies like BEM or SMACSS can help to create or use components - Why Design Systems are necessary - When can we introduce this changes in our process - Why Stylesguides can make the difference - What can we do to have a more component-based Drupal project <img style="border:1px solid #C3E6D8;float:right;" alt="" src="https://cdn.slidesharecdn.com/ss_thumbnails/drupalconbarcelona2015-componentbaseddesignanddevelopment-150928122543-lva1-app6891-thumbnail.jpg?width=120&height=120&fit=bounds" /> Presented in DrupalCon Barcelona 2015, September 22nd. The video can be seen in: https://www.youtube.com/watch?v=RcQD0K_MexA The Web is in permanent evolution, specially the Front end world. Solutions like Responsive Web Design have transformed our day-to-day and forced us to rethink our workflow constantly. Working with components means to take a step back to integrate and improve this workflow. New tools and methodologies that can help us are appearing every day and it only takes small mindset shifts to take full advantage of them. Atomic design is an amazing example of these methodologies that are able to assist us with this change. It relies on interlocking components, from small bits like labels (atoms) to large systems like full page templates. This applies to all the pieces involved in the Front end layer: from the design to the prototype creation or the final code, or also live Styleguides like KSS or CSS methodologies like BEM or SMACSS. On top of all the above, it will allow us to test our Front end layer, avoiding regressions and preparing it for large-scale projects. In this session, we will cover: - What is a component - How CSS methodologies like BEM or SMACSS can help to create or use components - Why Design Systems are necessary - When can we introduce this changes in our process - Why Stylesguides can make the difference - What can we do to have a more component-based Drupal project

Component Driven Design and Development from Cristina Chumillas

]]> 1023 7 https://cdn.slidesharecdn.com/ss_thumbnails/drupalconbarcelona2015-componentbaseddesignanddevelopment-150928122543-lva1-app6891-thumbnail.jpg?width=120&height=120&fit=bounds presentation Black http://activitystrea.ms/schema/1.0/post

http://activitystrea.ms/schema/1.0/posted

0 Responsive Web Design en Drupal https://es.slideshare.net/slideshow/rw-27647926/27647926 rwddrupalcristinapako-131028083224-phpapp02
A día de hoy el Responsive Web Design ya ha dejado claro que no es una moda o una opción, sino una necesidad. De hecho, se prevé que en 2014 el tráfico de Internet móvil ya suponga al 50% del total. Esta es la presentación que hicimos junto a Pako García para la DrupalCampSpain 2013. Entramos en los conceptos básicos del Responsive para contextualizar, pero sesión estuvo enfocada a mostrar qué procesos, «themes» y módulos usamos actualmente en nuestro día a día. Los temas principales fueron: Mobile first Breakpoints Responsive Images/Picture «Themes» responsive Menús Y todo ello con un ojo puesto en D8 para saber qué va a tener continuidad y ver qué vamos a encontrarnos.]]>
A día de hoy el Responsive Web Design ya ha dejado claro que no es una moda o una opción, sino una necesidad. De hecho, se prevé que en 2014 el tráfico de Internet móvil ya suponga al 50% del total. Esta es la presentación que hicimos junto a Pako García para la DrupalCampSpain 2013. Entramos en los conceptos básicos del Responsive para contextualizar, pero sesión estuvo enfocada a mostrar qué procesos, «themes» y módulos usamos actualmente en nuestro día a día. Los temas principales fueron: Mobile first Breakpoints Responsive Images/Picture «Themes» responsive Menús Y todo ello con un ojo puesto en D8 para saber qué va a tener continuidad y ver qué vamos a encontrarnos.]]> Mon, 28 Oct 2013 08:32:23 GMT https://es.slideshare.net/slideshow/rw-27647926/27647926 ckrina@slideshare.net(ckrina) Responsive Web Design en Drupal ckrina A día de hoy el Responsive Web Design ya ha dejado claro que no es una moda o una opción, sino una necesidad. De hecho, se prevé que en 2014 el tráfico de Internet móvil ya suponga al 50% del total. Esta es la presentación que hicimos junto a Pako García para la DrupalCampSpain 2013. Entramos en los conceptos básicos del Responsive para contextualizar, pero sesión estuvo enfocada a mostrar qué procesos, «themes» y módulos usamos actualmente en nuestro día a día. Los temas principales fueron: Mobile first Breakpoints Responsive Images/Picture «Themes» responsive Menús Y todo ello con un ojo puesto en D8 para saber qué va a tener continuidad y ver qué vamos a encontrarnos. <img style="border:1px solid #C3E6D8;float:right;" alt="" src="https://cdn.slidesharecdn.com/ss_thumbnails/rwddrupalcristinapako-131028083224-phpapp02-thumbnail.jpg?width=120&height=120&fit=bounds" /> A día de hoy el Responsive Web Design ya ha dejado claro que no es una moda o una opción, sino una necesidad. De hecho, se prevé que en 2014 el tráfico de Internet móvil ya suponga al 50% del total. Esta es la presentación que hicimos junto a Pako García para la DrupalCampSpain 2013. Entramos en los conceptos básicos del Responsive para contextualizar, pero sesión estuvo enfocada a mostrar qué procesos, «themes» y módulos usamos actualmente en nuestro día a día. Los temas principales fueron: Mobile first Breakpoints Responsive Images/Picture «Themes» responsive Menús Y todo ello con un ojo puesto en D8 para saber qué va a tener continuidad y ver qué vamos a encontrarnos.

from Cristina Chumillas

]]> 2884 21 https://cdn.slidesharecdn.com/ss_thumbnails/rwddrupalcristinapako-131028083224-phpapp02-thumbnail.jpg?width=120&height=120&fit=bounds presentation Black http://activitystrea.ms/schema/1.0/post

http://activitystrea.ms/schema/1.0/posted

0 https://cdn.slidesharecdn.com/profile-photo-ckrina-48x48.jpg?cb=1678646051 Currently working as Designer and Drupal Frontend developer. I also have Graphic Design and Online Marketing background. http://www.vermell.cat https://cdn.slidesharecdn.com/ss_thumbnails/drupalcampcostarica-201031194745-thumbnail.jpg?width=320&height=320&fit=bounds slideshow/presente-y-futuro-de-la-drupal-admin-ui-drupal-camp-costa-rica-2020/239036432 Presente y futuro de l... https://cdn.slidesharecdn.com/ss_thumbnails/dcosloadminui-201031095855-thumbnail.jpg?width=320&height=320&fit=bounds ckrina/drupalcamp-oslo-admin-ui DrupalCamp Oslo Admin UI https://cdn.slidesharecdn.com/ss_thumbnails/rwd-dublin-161016152122-thumbnail.jpg?width=320&height=320&fit=bounds slideshow/improving-responsive-web-design-process-2016/67244633 Improving Responsive W...