{"id":3316,"date":"2017-01-23T17:06:45","date_gmt":"2017-01-23T22:06:45","guid":{"rendered":"http:\/\/itsoftware.com.co\/content\/?p=3316"},"modified":"2022-12-05T11:48:43","modified_gmt":"2022-12-05T16:48:43","slug":"materialize-css-se-usa","status":"publish","type":"post","link":"https:\/\/itsoftware.com.co\/content\/materialize-css-se-usa\/","title":{"rendered":"Dise\u00f1o web Materialize CSS: \u00bfQu\u00e9 es y para qu\u00e9 se usa?"},"content":{"rendered":"<figure id=\"attachment_3323\" aria-describedby=\"caption-attachment-3323\" style=\"width: 300px\" class=\"wp-caption alignleft\"><a href=\"https:\/\/itsoftware.com.co\/content\/wp-content\/uploads\/2017\/01\/materialize-css.jpg\"><img decoding=\"async\" class=\"size-medium wp-image-3323\" src=\"https:\/\/itsoftware.com.co\/content\/wp-content\/uploads\/2017\/01\/materialize-css-300x142.jpg\" alt=\"Materialize CSS\" width=\"300\" height=\"142\" \/><\/a><figcaption id=\"caption-attachment-3323\" class=\"wp-caption-text\">Materialize CSS<\/figcaption><\/figure>\n<p><strong>Materialize CSS <\/strong>es un framework\u00a0 que hace m\u00e1s f\u00e1cil el proceso de creaci\u00f3n de dise\u00f1o web. Es un framework moderno y responsivo que se basa en Material Design. Tiene muchos componentes y clases predefinidas, para hacer uso de ellas mucho f\u00e1cilmente.<strong>Aumenta el ritmo de desarrollo<\/strong><\/p>\n<p>Materialize cuenta con componenetes personalizados con unos estilos por defecto, que se pueden manejar f\u00e1cilmente para generar animaciones y ciertas transiciones, de tal manera que para el desarrollador web es mucho m\u00e1s f\u00e1cil hacer su tarea de dise\u00f1o web.<!--more--><\/p>\n<ul>\n<li class=\"promo-caption\"><strong>El foco es es el usuario <\/strong><\/li>\n<\/ul>\n<p class=\"light center\">El framework de Materialize permite entregar mayor informaci\u00f3n al usuario al usar los principios y componentes de Material Design con sus componentes, transiciones y animaciones ya incorporados.<\/p>\n<ul>\n<li><strong>De f\u00e1cil manejo<\/strong><\/li>\n<\/ul>\n<p>Materialize CSS proporciona documentaci\u00f3n profunda, y muchos ejemplos de c\u00f3digo que le ayudar\u00e1n a los usuarios nuevos poder empezar con este framework. Una ventaja que provee Materialize es el soporte a los desarrolladores, recibiendo comentarios y preguntas de los usuarios.<\/p>\n<p>En este caso, no podemos pasar por alto, la ardua tarea que desempe\u00f1an quienes est\u00e1n detr\u00e1s de este proyecto, pues son los que gracias a su ingenio e inteligencia, pueden desarrollar estas nuevas alternativas, que contribuyen a que estas tareas se puedan hacer en forma m\u00e1s \u00e1gil y eficiente, dando resultados que al final van a facilitar a\u00fan m\u00e1s la comunicaci\u00f3n, creando herramientas que proveen soluciones pre-codificadas para requerimientos habituales de diversos programas y aplicaciones.<\/p>\n<p>Algunas de sus principales caracter\u00edsticas son las siguientes:<\/p>\n<ul>\n<li>Permite crear interfaces que se adapten a distintas resoluciones y navegadores.<\/li>\n<li>Crea animaciones con filosof\u00eda Material Design como: botones, tarjetas, colecciones, barras, \u00edconos, etiquetas, barras de navegaci\u00f3n, modales etc.<\/li>\n<li>Crea un men\u00fa lateral abierto.<\/li>\n<li>Tambi\u00e9n integra Parallax, Pushpin y scrollspy, con el \u00fanico objetivo de que el dise\u00f1o sea m\u00e1s atractivo.<\/li>\n<\/ul>\n<p>Materialize CSS es una excelente herramienta para el dise\u00f1o web, facilitando la creaci\u00f3n de diferentes componentes y el dise\u00f1o web de escritorio y para dispositivos m\u00f3viles de diferentes tama\u00f1os.<\/p>\n<p>Este art\u00edculo hace parte del sistema de divulgaci\u00f3n de conocimientos de <a href=\"http:\/\/itsoftware.com.co\">ITSoftware SAS<\/a>.<\/p>\n<hr \/>\n<blockquote><p><img fetchpriority=\"high\" decoding=\"async\" class=\"aligncenter size-full wp-image-7852\" src=\"https:\/\/itsoftware.com.co\/content\/wp-content\/uploads\/2017\/01\/Cartel-ITS.png\" alt=\"\" width=\"1343\" height=\"307\" srcset=\"https:\/\/itsoftware.com.co\/content\/wp-content\/uploads\/2017\/01\/Cartel-ITS.png 1343w, https:\/\/itsoftware.com.co\/content\/wp-content\/uploads\/2017\/01\/Cartel-ITS-300x69.png 300w, https:\/\/itsoftware.com.co\/content\/wp-content\/uploads\/2017\/01\/Cartel-ITS-768x176.png 768w, https:\/\/itsoftware.com.co\/content\/wp-content\/uploads\/2017\/01\/Cartel-ITS-1024x234.png 1024w\" sizes=\"(max-width: 1343px) 100vw, 1343px\" \/><span style=\"color: #3366ff;\"><em><strong><a style=\"color: #3366ff;\" href=\"http:\/\/www.itsoftware.com.co\">ITSoftware SAS<\/a><\/strong><\/em> es una empresa dedicada a innovar en el desarrollo de aplicaciones web y m\u00f3viles, destinadas a mejorar el desempe\u00f1o de los procesos de las empresas.<\/span><\/p>\n<p><span style=\"color: #3366ff;\">Te apoyamos para construir las soluciones que necesitas para tu negocio actual o tu emprendimiento. Ven y cons\u00faltanos en <strong><em><a style=\"color: #3366ff;\" href=\"http:\/\/www.itsoftware.com.co\">www.itsoftware.com.co<\/a><\/em>.<\/strong><\/span><\/p>\n<hr \/>\n<\/blockquote>\n<h3>Si te gust\u00f3, por favor no te olvides de compartirlo en las redes sociales. \ud83d\ude09<\/h3>\n","protected":false},"excerpt":{"rendered":"<p>Materialize CSS es un framework\u00a0 que hace m\u00e1s f\u00e1cil el proceso de creaci\u00f3n de dise\u00f1o web. Es un framework moderno y responsivo que se basa en Material Design. Tiene muchos[&#8230;]<\/p>\n","protected":false},"author":8,"featured_media":8643,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[92,280],"tags":[1090,1088,117,530,1084,1086,1089,1087,1083,1091,1092,1085,1093,1094,190],"class_list":["post-3316","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-desarrollo-web","category-diseno-web-2","tag-animaciones","tag-aplicaciones-de-escritorio","tag-diseno-web","tag-dispositivos-moviles","tag-framework","tag-herramientas","tag-interfaces","tag-librerias","tag-materializze-css","tag-menu-lateral-abierto","tag-parallax","tag-plataforma-de-codigo-administrativo-de-microsoft","tag-pushpin","tag-scrollspy","tag-windows"],"aioseo_notices":[],"jetpack_featured_media_url":"https:\/\/itsoftware.com.co\/content\/wp-content\/uploads\/2017\/01\/materialize-css-1.jpg","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/itsoftware.com.co\/content\/wp-json\/wp\/v2\/posts\/3316","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/itsoftware.com.co\/content\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/itsoftware.com.co\/content\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/itsoftware.com.co\/content\/wp-json\/wp\/v2\/users\/8"}],"replies":[{"embeddable":true,"href":"https:\/\/itsoftware.com.co\/content\/wp-json\/wp\/v2\/comments?post=3316"}],"version-history":[{"count":0,"href":"https:\/\/itsoftware.com.co\/content\/wp-json\/wp\/v2\/posts\/3316\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/itsoftware.com.co\/content\/wp-json\/wp\/v2\/media\/8643"}],"wp:attachment":[{"href":"https:\/\/itsoftware.com.co\/content\/wp-json\/wp\/v2\/media?parent=3316"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/itsoftware.com.co\/content\/wp-json\/wp\/v2\/categories?post=3316"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/itsoftware.com.co\/content\/wp-json\/wp\/v2\/tags?post=3316"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}