<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>DEV Community: Marian Villa</title>
    <description>The latest articles on DEV Community by Marian Villa (@marianvilla).</description>
    <link>https://dev.to/marianvilla</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F211308%2Fac24439c-1190-42b4-a4a3-e617cb937359.jpg</url>
      <title>DEV Community: Marian Villa</title>
      <link>https://dev.to/marianvilla</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/marianvilla"/>
    <language>en</language>
    <item>
      <title>Biotracking - ¿Qué Medir?</title>
      <dc:creator>Marian Villa</dc:creator>
      <pubDate>Fri, 10 Jul 2020 14:10:25 +0000</pubDate>
      <link>https://dev.to/marianvilla/biotracking-que-medir-4h7c</link>
      <guid>https://dev.to/marianvilla/biotracking-que-medir-4h7c</guid>
      <description>&lt;p&gt;En el curso de Productividad que estoy por lanzar en @Platzi, me he obsesionado por entender qué es lo que medimos, qué es lo que debemos de medir, especialmente en la categoría salud. ¿Qué apps utilizan para recopilar su data?  &lt;/p&gt;

&lt;p&gt;&lt;em&gt;Sistemas de Medición de indicadores biológicos&lt;/em&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Frecuencia cardíaca (FC)&lt;/li&gt;
&lt;li&gt;Temperatura corporal&lt;/li&gt;
&lt;li&gt;Nivel de estrés&lt;/li&gt;
&lt;li&gt;Presión arterial (PA) y dinámica cardiovascular&lt;/li&gt;
&lt;li&gt;Consumo máximo de oxígeno&lt;/li&gt;
&lt;li&gt;La frecuencia respiratoria&lt;/li&gt;
&lt;li&gt;Número de pasos&lt;/li&gt;
&lt;li&gt;Distancia recorrida&lt;/li&gt;
&lt;li&gt;Actividad Física: Corriendo, Alpinismo, Nadando&lt;/li&gt;
&lt;li&gt;Calorías quemadas&lt;/li&gt;
&lt;li&gt;Ingesta de alimentos y líquidos&lt;/li&gt;
&lt;li&gt;Etapas del sueño (REM, ligero y profundo)&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Yo la mayoría de los indicadores los mido por medio de mis dispositivos Apple, pero quiero entender qué apps les han resultado más útiles para entender sus patrones. &lt;/p&gt;




&lt;p&gt;&lt;em&gt;Apps para control de datos biométricos:&lt;/em&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;23andMe - Perfil Genético: &lt;a href="https://www.23andme.com/en-int/"&gt;https://www.23andme.com/en-int/&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;My Fitness Pal — Hábito de comidas: &lt;a href="https://www.myfitnesspal.com/es"&gt;https://www.myfitnesspal.com/es&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;Sleep Cycle — Hábitos de Sueño: &lt;a href="https://www.sleepcycle.com/"&gt;https://www.sleepcycle.com/&lt;/a&gt;
&lt;/li&gt;
&lt;/ul&gt;




&lt;p&gt;&lt;em&gt;Apps para autodiagnóstico de personalidad:&lt;/em&gt;&lt;br&gt;
&lt;a href="https://wingfinder.com"&gt;https://wingfinder.com&lt;/a&gt;&lt;br&gt;
&lt;a href="https://www.truity.com/"&gt;https://www.truity.com/&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  &lt;a href="https://www.traitify.com/"&gt;https://www.traitify.com/&lt;/a&gt;
&lt;/h2&gt;

&lt;p&gt;&lt;em&gt;Sugerencias de Amigxs&lt;/em&gt; &lt;br&gt;
Super Di @cotufa82 - &lt;a href="https://twitter.com/NightscoutProj"&gt;https://twitter.com/NightscoutProj&lt;/a&gt;&lt;/p&gt;

</description>
    </item>
    <item>
      <title>Neomorfismo | UI</title>
      <dc:creator>Marian Villa</dc:creator>
      <pubDate>Sun, 10 May 2020 08:24:53 +0000</pubDate>
      <link>https://dev.to/marianvilla/neomorfismo-ui-mig</link>
      <guid>https://dev.to/marianvilla/neomorfismo-ui-mig</guid>
      <description>&lt;p&gt;En este artículo, quiero compartir mi investigación sobre la tendencia de UI que se está volviendo muy popular en 2020 conocida como neomorfismo. &lt;/p&gt;

&lt;p&gt;SLIDES KEYNOTE GDG Sucre - Bolivia 9 de Mayo 2020 by &lt;a class="comment-mentioned-user" href="https://dev.to/marianvilla"&gt;@marianvilla&lt;/a&gt;
: &lt;br&gt;
"Hablemos de Neomorfismos: Minimalismo + hiperrealismo"&lt;br&gt;
&lt;a href="https://slides.com/marianvilla/neomorfismo/fullscreen"&gt;https://slides.com/marianvilla/neomorfismo/fullscreen&lt;/a&gt;&lt;br&gt;
Youtube channel GDG Sucre - Bolivia 9 de Mayo 2020: &lt;a href="https://bit.ly/2YOBGr2"&gt;https://bit.ly/2YOBGr2&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  ¿Qué es?
&lt;/h3&gt;

&lt;p&gt;Neumorphism, también conocido como Soft UI, es un enfoque de diseño que utiliza luces y sombras para hacer que las formas parezcan estar flotando un poco por encima de un fondo.&lt;/p&gt;

&lt;h3&gt;
  
  
  ¿Cuándo comenzó?
&lt;/h3&gt;

&lt;p&gt;Uno de los primeros ejemplos de neumorfismo fue un diseño creado por Alexander Plyuto. En su cuenta de Dribble. El diseño recibió muchos aplausos y trascendió en Internet. Muchos lo atribuyen a ayudar a popularizar el neumorfismo.&lt;/p&gt;

&lt;h3&gt;
  
  
  El Nombre/término
&lt;/h3&gt;

&lt;p&gt;Pero el término se le atribuye a Michal Malewicz de HYPE 4 sugirió un nuevo giro en las reacciones a Flat que inicialmente llamó Nuevo-Skeuomorphism. En los comentarios del artículo, Jason Kelley sugirió juguetonamente llamarlo Neuomorfismo. Malewicz dejó caer la o, y voilà: neumorfismo.&lt;/p&gt;

&lt;h3&gt;
  
  
  El Resumen
&lt;/h3&gt;

&lt;p&gt;La idea detrás del Nuevo Skeuomorphism era que "va un paso más allá de lo moderno y trae de vuelta algunas imitaciones 3D, aunque no tan texturizadas y reales como antes".&lt;/p&gt;

&lt;p&gt;El neomorfismo está tratando de encontrar un equilibrio entre las dos últimas oscilaciones del péndulo de diseño. Es un intento de aprovechar el poder del Skeuomorphism, que inició Apple al imitar el mundo físico.&lt;/p&gt;




&lt;h2&gt;
  
  
  FUNDAMENTACIÓN
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;&lt;a href="https://neumorphism.com/"&gt;https://neumorphism.com/&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://neumorphism.io/#55b9f3"&gt;https://neumorphism.io/#55b9f3&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Accesibilidad en neomorfismos: &lt;br&gt;
&lt;a href="https://dribbble.com/shots/11335888-NEUMORPHISM"&gt;https://dribbble.com/shots/11335888-NEUMORPHISM&lt;/a&gt;&lt;br&gt;
&lt;a href="https://uxdesign.cc/lets-talk-neumorphism-and-accessibility-44a48a6ace72"&gt;https://uxdesign.cc/lets-talk-neumorphism-and-accessibility-44a48a6ace72&lt;/a&gt;&lt;br&gt;
&lt;a href="https://builtin.com/design-ux/neumorphism-accessibility"&gt;https://builtin.com/design-ux/neumorphism-accessibility&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Code: &lt;br&gt;
&lt;a href="https://dev.to/atulcodex/neumorphism-soft-ui-4aij"&gt;https://dev.to/atulcodex/neumorphism-soft-ui-4aij&lt;/a&gt;&lt;br&gt;
&lt;a href="https://codepen.io/atulcodex/pen/NWPJPVM?editors=0100"&gt;https://codepen.io/atulcodex/pen/NWPJPVM?editors=0100&lt;/a&gt;&lt;br&gt;
&lt;a href="https://speckyboy.com/neumorphism-code-snippets/"&gt;https://speckyboy.com/neumorphism-code-snippets/&lt;/a&gt;&lt;br&gt;
&lt;a href="https://codepen.io/nxworld/pen/OJVJQme"&gt;https://codepen.io/nxworld/pen/OJVJQme&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Tools: &lt;br&gt;
&lt;a href="https://www.figmacrush.com/"&gt;https://www.figmacrush.com/&lt;/a&gt;&lt;br&gt;
&lt;a href="https://www.sketchappsources.com/"&gt;https://www.sketchappsources.com/&lt;/a&gt;&lt;br&gt;
&lt;a href="https://www.prototypr.io/"&gt;https://www.prototypr.io/&lt;/a&gt;&lt;br&gt;
&lt;a href="https://www.uplabs.com/"&gt;https://www.uplabs.com/&lt;/a&gt;&lt;br&gt;
&lt;a href="https://www.uistore.design/"&gt;https://www.uistore.design/&lt;/a&gt;&lt;br&gt;
&lt;a href="https://freeui.design/"&gt;https://freeui.design/&lt;/a&gt;&lt;br&gt;
&lt;a href="https://freebiesui.com/"&gt;https://freebiesui.com/&lt;/a&gt;&lt;br&gt;
&lt;a href="https://www.epicpxls.com/"&gt;https://www.epicpxls.com/&lt;/a&gt;&lt;br&gt;
&lt;a href="https://freefrontend.com/"&gt;https://freefrontend.com/&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;TAGS &amp;amp; search: &lt;br&gt;
&lt;a href="https://twitter.com/hashtag/neumorphism"&gt;https://twitter.com/hashtag/neumorphism&lt;/a&gt;&lt;br&gt;
&lt;a href="https://dribbble.com/tags/neumorphism"&gt;https://dribbble.com/tags/neumorphism&lt;/a&gt;&lt;br&gt;
&lt;a href="https://uimovement.com/tag/neumorphism/"&gt;https://uimovement.com/tag/neumorphism/&lt;/a&gt;&lt;br&gt;
&lt;a href="https://www.behance.net/search/projects?search=%23neumorphism"&gt;https://www.behance.net/search/projects?search=%23neumorphism&lt;/a&gt;&lt;br&gt;
&lt;a href="https://www.reddit.com/r/UI_Design/comments/fdwnt1/neumorphism/"&gt;https://www.reddit.com/r/UI_Design/comments/fdwnt1/neumorphism/&lt;/a&gt;&lt;br&gt;
&lt;a href="https://sarunw.com/tags/neumorphism/"&gt;https://sarunw.com/tags/neumorphism/&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;BLOG:&lt;br&gt;
&lt;a href="http://delightfuldesignstudio.com/neumorphism-the-soft-ui-trend"&gt;http://delightfuldesignstudio.com/neumorphism-the-soft-ui-trend&lt;/a&gt;&lt;br&gt;
&lt;a href="https://www.justinmind.com/blog/neumorphism-ui/"&gt;https://www.justinmind.com/blog/neumorphism-ui/&lt;/a&gt;&lt;br&gt;
&lt;a href="https://lytbox.co/what-is-neumorphism/"&gt;https://lytbox.co/what-is-neumorphism/&lt;/a&gt;&lt;br&gt;
&lt;a href="https://apps.apple.com/gb/app/neumorphism/id1497264656?l=es"&gt;https://apps.apple.com/gb/app/neumorphism/id1497264656?l=es&lt;/a&gt;&lt;br&gt;
&lt;a href="https://uxdesign.cc/neumorphism-in-user-interfaces-b47cef3bf3a6"&gt;https://uxdesign.cc/neumorphism-in-user-interfaces-b47cef3bf3a6&lt;/a&gt;&lt;br&gt;
&lt;a href="https://medium.com/@ceign/tendencias-ui-2020-neumorphism-77df47e61eb2"&gt;https://medium.com/@ceign/tendencias-ui-2020-neumorphism-77df47e61eb2&lt;/a&gt;&lt;br&gt;
&lt;a href="https://www.creativebloq.com/news/neumorphism"&gt;https://www.creativebloq.com/news/neumorphism&lt;/a&gt;&lt;br&gt;
&lt;a href="https://www.promptworks.com/blog/neumorphism"&gt;https://www.promptworks.com/blog/neumorphism&lt;/a&gt;&lt;br&gt;
&lt;a href="https://designshack.net/articles/trends/neumorphism/"&gt;https://designshack.net/articles/trends/neumorphism/&lt;/a&gt;&lt;br&gt;
&lt;a href="https://www.lionandmason.com/ux-blog/why-neumorphism-is-2020s-most-influential-design-trend/"&gt;https://www.lionandmason.com/ux-blog/why-neumorphism-is-2020s-most-influential-design-trend/&lt;/a&gt;&lt;br&gt;
&lt;a href="http://blog.vaexperience.com/neumorphism-skeuomorphism-and-flat-design-march-2020-newsletter/"&gt;http://blog.vaexperience.com/neumorphism-skeuomorphism-and-flat-design-march-2020-newsletter/&lt;/a&gt;&lt;br&gt;
&lt;a href="https://uxdesign.cc/neumorphism-will-not-be-a-huge-trend-in-2020-67a8c35e52cc"&gt;https://uxdesign.cc/neumorphism-will-not-be-a-huge-trend-in-2020-67a8c35e52cc&lt;/a&gt;&lt;br&gt;
&lt;a href="https://uxdesserts.com/neumorphism-2020s-hottest-ui-trend/"&gt;https://uxdesserts.com/neumorphism-2020s-hottest-ui-trend/&lt;/a&gt;&lt;br&gt;
&lt;a href="https://medium.muz.li/skeuomorphism-neumorphism-ui-trend-e7b78792bd21"&gt;https://medium.muz.li/skeuomorphism-neumorphism-ui-trend-e7b78792bd21&lt;/a&gt;&lt;br&gt;
&lt;a href="https://abduzeedo.com/introducing-neumorphism-ui-trends-we-wanted"&gt;https://abduzeedo.com/introducing-neumorphism-ui-trends-we-wanted&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Portafolio: &lt;br&gt;
&lt;a href="http://neumorphism.space/"&gt;http://neumorphism.space/&lt;/a&gt;&lt;br&gt;
&lt;a href="https://www.creatsy.be/"&gt;https://www.creatsy.be/&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Examples:&lt;br&gt;
&lt;a href="https://bashooka.com/inspiration/neumorphism-ui-design-examples/"&gt;https://bashooka.com/inspiration/neumorphism-ui-design-examples/&lt;/a&gt;&lt;br&gt;
&lt;a href="https://www.quora.com/What-is-neumorphism-in-user-interface-design-What-are-the-best-examples"&gt;https://www.quora.com/What-is-neumorphism-in-user-interface-design-What-are-the-best-examples&lt;/a&gt;&lt;br&gt;
&lt;a href="https://www.awwwards.com/inspiration/neumorphism-in-user-interfaces"&gt;https://www.awwwards.com/inspiration/neumorphism-in-user-interfaces&lt;/a&gt;&lt;br&gt;
&lt;a href="https://www.easeout.co/blog/2020-03-27-25-top-neumorphism-ui-design-examples/"&gt;https://www.easeout.co/blog/2020-03-27-25-top-neumorphism-ui-design-examples/&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Tutorial: &lt;br&gt;
&lt;a href="https://bit.ly/2WmJQW3"&gt;https://bit.ly/2WmJQW3&lt;/a&gt;&lt;br&gt;
&lt;a href="https://bit.ly/3dzPPMH"&gt;https://bit.ly/3dzPPMH&lt;/a&gt;&lt;br&gt;
&lt;a href="https://bit.ly/2SUxsui"&gt;https://bit.ly/2SUxsui&lt;/a&gt;&lt;br&gt;
&lt;a href="https://bit.ly/2WPlRxu"&gt;https://bit.ly/2WPlRxu&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;CSS:&lt;br&gt;
&lt;a href="https://css-tricks.com/neumorphism-and-css/"&gt;https://css-tricks.com/neumorphism-and-css/&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Bootstrap: &lt;br&gt;
&lt;a href="https://www.cssscript.com/neumorphic-bootstrap-theme-neumorphism/"&gt;https://www.cssscript.com/neumorphic-bootstrap-theme-neumorphism/&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;IoS:&lt;br&gt;
&lt;a href="https://www.cultofmac.com/685185/neumorphism-ios-14/"&gt;https://www.cultofmac.com/685185/neumorphism-ios-14/&lt;/a&gt;&lt;br&gt;
&lt;a href="https://www.idownloadblog.com/2020/04/05/neumorphism-iphone-wallpapers/"&gt;https://www.idownloadblog.com/2020/04/05/neumorphism-iphone-wallpapers/&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;SwiftUI: &lt;br&gt;
&lt;a href="https://blckbirds.com/post/neumorphism-design-in-swiftui/"&gt;https://blckbirds.com/post/neumorphism-design-in-swiftui/&lt;/a&gt;&lt;br&gt;
&lt;a href="https://www.raywenderlich.com/7589178-how-to-create-a-neumorphic-design-with-swiftui"&gt;https://www.raywenderlich.com/7589178-how-to-create-a-neumorphic-design-with-swiftui&lt;/a&gt;&lt;br&gt;
&lt;a href="https://www.hackingwithswift.com/articles/213/how-to-build-neumorphic-designs-with-swiftui"&gt;https://www.hackingwithswift.com/articles/213/how-to-build-neumorphic-designs-with-swiftui&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Xamarin:&lt;br&gt;
&lt;a href="https://www.thewissen.io/playing-around-with-neumorphism-in-xamarin-forms/"&gt;https://www.thewissen.io/playing-around-with-neumorphism-in-xamarin-forms/&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Flutter: &lt;br&gt;
&lt;a href="https://github.com/Idean/Flutter-Neumorphic"&gt;https://github.com/Idean/Flutter-Neumorphic&lt;/a&gt;&lt;br&gt;
&lt;a href="https://pub.dev/packages/neumorphic"&gt;https://pub.dev/packages/neumorphic&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;React: &lt;br&gt;
&lt;a href="https://snack.expo.io/@react-ui-kit/neumorphism"&gt;https://snack.expo.io/@react-ui-kit/neumorphism&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;FREE UI KITS: &lt;br&gt;
&lt;a href="https://www.danielmitev.com/neumorphism-design-kit"&gt;https://www.danielmitev.com/neumorphism-design-kit&lt;/a&gt;&lt;br&gt;
&lt;a href="https://provolonestudio.com/neumorphism-ui-kit/"&gt;https://provolonestudio.com/neumorphism-ui-kit/&lt;/a&gt;&lt;br&gt;
&lt;a href="https://talkelement.com/nice-free-neumorphism-ui-design-sample/17405/"&gt;https://talkelement.com/nice-free-neumorphism-ui-design-sample/17405/&lt;/a&gt;&lt;br&gt;
&lt;a href="https://freefrontend.com/css-neumorphism-examples"&gt;https://freefrontend.com/css-neumorphism-examples&lt;/a&gt;&lt;br&gt;
&lt;a href="https://www.behance.net/gallery/93347841/Free-Neomorphic-UI-Kit-for-Adobe-Xd"&gt;https://www.behance.net/gallery/93347841/Free-Neomorphic-UI-Kit-for-Adobe-Xd&lt;/a&gt;&lt;br&gt;
&lt;a href="https://365webresources.com/neumorphic-neumorphism-design-freebies/#uikit"&gt;https://365webresources.com/neumorphic-neumorphism-design-freebies/#uikit&lt;/a&gt;&lt;/p&gt;

</description>
      <category>html</category>
      <category>ux</category>
      <category>css</category>
      <category>ui</category>
    </item>
  </channel>
</rss>
