{"id":4286,"date":"2020-11-13T10:24:27","date_gmt":"2020-11-13T10:24:27","guid":{"rendered":"https:\/\/www.startechup.com\/?p=4286"},"modified":"2023-04-14T10:53:08","modified_gmt":"2023-04-14T10:53:08","slug":"how-to-be-creative-in-your-web-front-end-projects","status":"publish","type":"post","link":"https:\/\/www.startechup.com\/es\/blog\/how-to-be-creative-in-your-web-front-end-projects\/","title":{"rendered":"C\u00f3mo Ser Creativo en Tus Proyectos de Frontend Web"},"content":{"rendered":"<p><a href=\"https:\/\/www.startechup.com\/es\/services\/web-frontend-development\/\">Desarrollo web front-end<\/a> es uno de los campos de la inform\u00e1tica que combina conocimientos t\u00e9cnico-anal\u00edticos con habilidades creativas. Adem\u00e1s de programar con CSS o JavaScript, a los desarrolladores frontales tambi\u00e9n se les suele pedir que exploren sus capacidades en artes visuales, que es de lo que trata el dise\u00f1o digital. Por lo tanto, si est\u00e1s pensando en convertirte en desarrollador front-end, deber\u00edas a\u00f1adir algo de chispa creativa a tu base de conocimientos integrando habilidades b\u00e1sicas de dise\u00f1o (digital).<\/p>\n\n\n\n<p>En realidad, el desarrollo web front-end se considera una multidisciplina. La mayor\u00eda de las empresas prefieren contratar a desarrolladores de front-end que sean expertos no s\u00f3lo en codificaci\u00f3n, sino tambi\u00e9n en psicolog\u00eda digital y dise\u00f1o. Es importante entender la teor\u00eda del color y los patrones visuales, as\u00ed como su efecto en el usuario.<\/p>\n\n\n\n<p>Tambi\u00e9n es esencial tener conocimientos de tipograf\u00eda. <em>\u00bfPor qu\u00e9 este tipo es mejor que la que us\u00e9 antes ? \u00bfCu\u00e1les son los tipos a los que m\u00e1s positivamente reaccionan  los visitantes?<\/em> \u00c9stas son s\u00f3lo algunas de las cuestiones relacionadas con el dise\u00f1o a las que suele enfrentarse un desarrollador web front-end.<\/p>\n\n\n\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_47_1 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\">Tabla de contenidos<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"ez-toc-toggle-icon-1\"><label for=\"item-69da848b5046b\" aria-label=\"Tabla de contenidos\"><span style=\"display: flex;align-items: center;width: 35px;height: 30px;justify-content: center;direction:ltr;\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewbox=\"0 0 24 24\" version=\"1.2\" baseprofile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/label><input  type=\"checkbox\" id=\"item-69da848b5046b\"><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/www.startechup.com\/es\/blog\/how-to-be-creative-in-your-web-front-end-projects\/#Why_Knowledge_and_Understanding_of_Design_Matters\" title=\"Por Qu\u00e9 son Importantes el Conocimiento y la Comprensi\u00f3n del Dise\u00f1o\">Por Qu\u00e9 son Importantes el Conocimiento y la Comprensi\u00f3n del Dise\u00f1o<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/www.startechup.com\/es\/blog\/how-to-be-creative-in-your-web-front-end-projects\/#How_to_Add_Creativity_to_Web_Front_End_Projects\" title=\"C\u00f3mo A\u00f1adir Creatividad a los Proyectos de Front End de la Web\">C\u00f3mo A\u00f1adir Creatividad a los Proyectos de Front End de la Web<\/a><ul class='ez-toc-list-level-3'><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/www.startechup.com\/es\/blog\/how-to-be-creative-in-your-web-front-end-projects\/#1_Practice_first_then_practice_more\" title=\"1. Practica primero y despu\u00e9s sigue practicando.\">1. Practica primero y despu\u00e9s sigue practicando.<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/www.startechup.com\/es\/blog\/how-to-be-creative-in-your-web-front-end-projects\/#2_Pay_attention_to_typography_and_color_theory\" title=\"2. Presta atenci\u00f3n a la tipograf\u00eda y a la teor\u00eda del color.\">2. Presta atenci\u00f3n a la tipograf\u00eda y a la teor\u00eda del color.<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/www.startechup.com\/es\/blog\/how-to-be-creative-in-your-web-front-end-projects\/#3_Create_enough_negative_space\" title=\"3. Crea suficiente espacio negativo.\">3. Crea suficiente espacio negativo.<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/www.startechup.com\/es\/blog\/how-to-be-creative-in-your-web-front-end-projects\/#4_Add_the_right_icons_and_images\" title=\"4. A\u00f1ade los iconos e im\u00e1genes adecuados.\">4. A\u00f1ade los iconos e im\u00e1genes adecuados.<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/www.startechup.com\/es\/blog\/how-to-be-creative-in-your-web-front-end-projects\/#5_Animate_%E2%80%93_but_not_too_much\" title=\"5. Animaciones - pero no demasiadas.\">5. Animaciones - pero no demasiadas.<\/a><\/li><\/ul><\/li><\/ul><\/nav><\/div>\n<h2 class=\"wp-block-heading\" id=\"h-why-knowledge-and-understanding-of-design-matters\"><span class=\"ez-toc-section\" id=\"Why_Knowledge_and_Understanding_of_Design_Matters\"><\/span>Por Qu\u00e9 son Importantes el Conocimiento y la Comprensi\u00f3n del Dise\u00f1o<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>El principal trabajo de un desarrollador web es codificar y garantizar que la interfaz de un sitio web -es decir, lo que los visitantes ven y ante lo que reaccionan- sea atractiva y capaz de generar inter\u00e9s y conversiones. Entonces, \u00bfpor qu\u00e9 deber\u00eda un desarrollador de front-end poseer y cultivar habilidades de dise\u00f1o? La respuesta es sencilla: un desarrollador que entiende y sabe aplicar incluso los factores de dise\u00f1o b\u00e1sicos crea un front-end que impacta positivamente en los usuarios y sus decisiones.<\/p>\n\n\n\n<p>Adem\u00e1s, la combinaci\u00f3n de conocimientos t\u00e9cnicos y anal\u00edticos con habilidades creativas catapulta la cartera de un desarrollador front-end por delante de otros. <a href=\"https:\/\/www.startechup.com\/es\/blog\/how-to-become-a-mobile-developer\/\" target=\"_blank\" rel=\"noreferrer noopener\">desarrolladores<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-how-to-add-creativity-to-web-front-end-projects\"><span class=\"ez-toc-section\" id=\"How_to_Add_Creativity_to_Web_Front_End_Projects\"><\/span>C\u00f3mo A\u00f1adir Creatividad a los Proyectos de Front End de la Web<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>\u00bfC\u00f3mo puede un desarrollador del <a href=\"https:\/\/www.startechup.com\/es\/services\/web-development\/\">front end web<\/a> a\u00f1adir creatividad a los proyectos? Ahora te damos algunos sencillos consejos y sugerencias.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-1-practice-first-then-practice-more\"><span class=\"ez-toc-section\" id=\"1_Practice_first_then_practice_more\"><\/span><strong>1. Practica primero y despu\u00e9s sigue practicando.<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Antes de nada, encuentra tiempo para practicar. Hay varias formas de hacerlo.<\/p>\n\n\n\n<ul>\n<li>Utiliza sitios web de tutoriales gratuitos en l\u00ednea como <a href=\"https:\/\/www.freecodecamp.org\/\" target=\"_blank\" rel=\"noreferrer noopener\">freeCodeCamp.org<\/a>. Puedes hacer preguntas y ver tutoriales sobre diversos temas relacionados con el desarrollo del front-end.<\/li>\n<\/ul>\n\n\n\n<ul>\n<li>Clona un sitio web que te gusta. Crear un clon de un sitio web es una buena manera de practicar no s\u00f3lo tus habilidades t\u00e9cnicas sino tambi\u00e9n tu creatividad. Dedica tiempo a explorar el sitio web elegido. F\u00edjate en elementos esenciales como la tipograf\u00eda, los colores, los medios, el contenido y la estructura. Si es la primera vez que codificas, elige un sitio que tenga una configuraci\u00f3n sencilla de CSS y HTML. Elige s\u00f3lo un sitio web con JavaScript si ya tienes una experiencia significativa en codificaci\u00f3n.<\/li>\n<\/ul>\n\n\n\n<ul>\n<li>\u00danete a Startechup Academy. Es una comunidad de desarrolladores web front-end y back-end. Puedes pedir consejos, asesoramiento y sugerencias a los expertos. Tambi\u00e9n puede unirse a su livestream programado en YouTube, Facebook Live y Twitch. Todo ello de forma GRATUITA.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-2-pay-attention-to-typography-and-color-theory\"><span class=\"ez-toc-section\" id=\"2_Pay_attention_to_typography_and_color_theory\"><\/span><strong>2. Presta atenci\u00f3n a la tipograf\u00eda y a la teor\u00eda del color.<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Los tipos de letra y los colores que se utilizan en un sitio web tienen un gran impacto en sus visitantes. Existen directrices espec\u00edficas para el uso de las fuentes, y es muy recomendable aplicar la teor\u00eda del color. Estos son algunos ejemplos que debes tener en cuenta:<\/p>\n\n\n\n<p><strong>Para las fuentes:<\/strong><\/p>\n\n\n\n<ul>\n<li>Si quieres un aspecto y un efecto profesional, utiliza fuentes sencillas.<\/li>\n\n\n\n<li>Para un aspecto cl\u00e1sico o intemporal, utiliza fuentes de display o tradicionales.<\/li>\n\n\n\n<li>Para sitios web ligeros y divertidos, elige fuentes l\u00fadicas.<\/li>\n<\/ul>\n\n\n\n<p>Puedes tener dos tipos de letra en una misma p\u00e1gina, ya que esto ayuda a crear un bonito contraste. Sin embargo, ten en cuenta el emparejamiento adecuado de las fuentes. Por ejemplo, no emparejes una fuente antigua o tradicional con otra fuente tradicional. Consulta varios recursos en l\u00ednea para conocer las mejores combinaciones de fuentes.<\/p>\n\n\n\n<p><strong>Para los colores:<\/strong><\/p>\n\n\n\n<ul>\n<li>Para los sitios web profesionales o corporativos, lim\u00edtate a utilizar colores tenues o claros.<\/li>\n\n\n\n<li>Si quieres ser coherente con tu branding, utiliza los colores oficiales de la misma.<\/li>\n\n\n\n<li>Para crear una sensaci\u00f3n de dramatismo, opta por colores oscuros que contrasten.<\/li>\n\n\n\n<li>Para conseguir un efecto positivo y energ\u00e9tico, elige colores vivos y alegres.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-3-create-enough-negative-space\"><span class=\"ez-toc-section\" id=\"3_Create_enough_negative_space\"><\/span><strong>3. Crea suficiente espacio negativo.<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>La palabra \"suficiente\" se especifica porque demasiado espacio negativo o blanco no es bueno para ning\u00fan sitio web. Se llama espacio negativo a esa zona vac\u00eda entre los elementos de la p\u00e1gina (como las fotos). Si tienes la cantidad adecuada de espacio en blanco, el sitio web conseguir\u00e1 lo siguiente:<\/p>\n\n\n\n<ul>\n<li>El aspecto es menos recargado y los elementos destacan f\u00e1cilmente gracias al espacio negativo entre ellos.<\/li>\n\n\n\n<li>M\u00e1s equilibrado porque los elementos est\u00e1n espaciados uniformemente. La zona central tiene un contenido m\u00e1s relevante y los bordes est\u00e1n libres de desorden.<\/li>\n\n\n\n<li>El margen es m\u00e1s prominente, lo que hace que las p\u00e1ginas parezcan limpias y organizadas.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-4-add-the-right-icons-and-images\"><span class=\"ez-toc-section\" id=\"4_Add_the_right_icons_and_images\"><\/span><strong>4. A\u00f1ade los iconos e im\u00e1genes adecuados.<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Los proyectos de front-end web creativos necesitan iconos e im\u00e1genes visualmente estimulantes y atractivos. Por lo tanto, deber\u00edas a\u00f1adir algunos al sitio web que est\u00e1s creando. Puedes empezar por a\u00f1adir un icono de men\u00fa.<\/p>\n\n\n\n<p>Si no tienes suficientes im\u00e1genes de alta calidad, puedes descargar algunas fotos libres de derechos en <a href=\"https:\/\/www.pixabay.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">Pixabay<\/a>. No olvides tener en cuenta el tema general del sitio web, as\u00ed como la combinaci\u00f3n de colores. Las im\u00e1genes que elijas deben coincidir con ellos o complementarlos.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-5-animate-but-not-too-much\"><span class=\"ez-toc-section\" id=\"5_Animate_%E2%80%93_but_not_too_much\"><\/span><strong>5. Animaciones - pero no demasiadas.<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Independientemente del tipo de sitio web que est\u00e9 dise\u00f1ando, los visitantes se sentir\u00e1n atra\u00eddos por cualquier cosa visual. La animaci\u00f3n es visualmente entretenida, por lo que deber\u00edas considerar la posibilidad de a\u00f1adirla al sitio. Sin embargo, es importante tener en cuenta que un exceso de animaci\u00f3n puede distraer o irritar, as\u00ed que aseg\u00farate de a\u00f1adir el tipo y la cantidad adecuados.<\/p>\n\n\n\n<p>Desaf\u00eda tu creatividad creando una imagen interactiva que se anime cuando los usuarios pasen por encima. Tambi\u00e9n puedes a\u00f1adir animaciones sencillas a los botones cuando los espectadores hagan clic en ellos. S\u00f3lo tienes que explorar tu creatividad para a\u00f1adir algunos elementos visuales a tus proyectos de front-end web.<\/p>\n\n\n\n<p>Estas son s\u00f3lo algunas de las mejores -y factibles- maneras en que un desarrollador puede convertir proyectos <a href=\"https:\/\/www.startechup.com\/es\/blog\/the-top-web-developer-skills-needed-in-front-end-programming\/\">front end web<\/a> en obras maestras de la creatividad. En realidad, el truco es seguir practicando y creando. La \u00fanica manera de que un desarrollador de front-end pueda mejorar tanto sus habilidades de codificaci\u00f3n como de dise\u00f1o es seguir practicando. La codificaci\u00f3n es, en s\u00ed misma, creativa, pero de forma t\u00e9cnica. Por lo tanto, tus habilidades de programaci\u00f3n ya est\u00e1n dentro de ti; s\u00f3lo tienes que sacarlas y cultivarlas.<\/p>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/www.startechup.com\/es\/meet-baptiste\/\">Ofrecemos una consulta GRATUITA para tus necesidades de front-end web. Programa tu cita aqu\u00ed.<\/a><\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Web front end development is one of the fields in IT that combines technical-analytic knowledge with creative skills. Aside from coding with CSS or JavaScript, front end developers are also often tasked to explore their visual arts capabilities, which is what digital design is all about. So, if you\u2019re planning to become a front end [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":4287,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"content-type":""},"categories":[56],"tags":[],"acf":[],"featured_image_urls_v2":{"full":["https:\/\/www.startechup.com\/wp-content\/uploads\/November-13-How-to-Be-Creative-in-Your-Web-Front-End-Projects.jpg",1280,832,false],"thumbnail":["https:\/\/www.startechup.com\/wp-content\/uploads\/November-13-How-to-Be-Creative-in-Your-Web-Front-End-Projects-150x150.jpg",150,150,true],"medium":["https:\/\/www.startechup.com\/wp-content\/uploads\/November-13-How-to-Be-Creative-in-Your-Web-Front-End-Projects-300x195.jpg",300,195,true],"medium_large":["https:\/\/www.startechup.com\/wp-content\/uploads\/November-13-How-to-Be-Creative-in-Your-Web-Front-End-Projects-768x499.jpg",580,377,true],"large":["https:\/\/www.startechup.com\/wp-content\/uploads\/November-13-How-to-Be-Creative-in-Your-Web-Front-End-Projects-1024x666.jpg",580,377,true],"1536x1536":["https:\/\/www.startechup.com\/wp-content\/uploads\/November-13-How-to-Be-Creative-in-Your-Web-Front-End-Projects.jpg",1280,832,false],"2048x2048":["https:\/\/www.startechup.com\/wp-content\/uploads\/November-13-How-to-Be-Creative-in-Your-Web-Front-End-Projects.jpg",1280,832,false],"trp-custom-language-flag":["https:\/\/www.startechup.com\/wp-content\/uploads\/November-13-How-to-Be-Creative-in-Your-Web-Front-End-Projects-16x10.jpg",16,10,true],"post-thumbnail":["https:\/\/www.startechup.com\/wp-content\/uploads\/November-13-How-to-Be-Creative-in-Your-Web-Front-End-Projects-1200x780.jpg",1200,780,true],"twentytwenty-fullscreen":["https:\/\/www.startechup.com\/wp-content\/uploads\/November-13-How-to-Be-Creative-in-Your-Web-Front-End-Projects.jpg",1280,832,false]},"post_excerpt_stackable_v2":"<p>Web front end development is one of the fields in IT that combines technical-analytic knowledge with creative skills. Aside from coding with CSS or JavaScript, front end developers are also often tasked to explore their visual arts capabilities, which is what digital design is all about. So, if you\u2019re planning to become a front end developer, you should add some creative sparkle to your knowledge base by integrating basic (digital) design skills. Actually, web front end development is considered a multi-discipline. Most companies prefer to hire front end developers who are adept not only in coding but also in digital&hellip;<\/p>\n","category_list_v2":"<a href=\"https:\/\/www.startechup.com\/es\/blog\/category\/web-development\/\" rel=\"category tag\">Web Development<\/a>","author_info_v2":{"name":"Baptiste Leroux","url":"https:\/\/www.startechup.com\/es\/blog\/author\/bleroux\/"},"comments_num_v2":"0 comentarios","yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v20.5 (Yoast SEO v21.8.1) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>How to Be Creative in Your Web Front End Projects<\/title>\n<meta name=\"description\" content=\"How can web front end developers add creativity to their projects? Here are some tips and tricks they can follow.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.startechup.com\/es\/blog\/how-to-be-creative-in-your-web-front-end-projects\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Be Creative in Your Web Front End Projects\" \/>\n<meta property=\"og:description\" content=\"How can web front end developers add creativity to their projects? Here are some tips and tricks they can follow.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.startechup.com\/es\/blog\/how-to-be-creative-in-your-web-front-end-projects\/\" \/>\n<meta property=\"og:site_name\" content=\"Startechup Inc\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/startechup\/\" \/>\n<meta property=\"article:published_time\" content=\"2020-11-13T10:24:27+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-04-14T10:53:08+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.startechup.com\/wp-content\/uploads\/November-13-How-to-Be-Creative-in-Your-Web-Front-End-Projects.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1280\" \/>\n\t<meta property=\"og:image:height\" content=\"832\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Baptiste Leroux\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@startechup\" \/>\n<meta name=\"twitter:site\" content=\"@startechup\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Baptiste Leroux\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.startechup.com\/blog\/how-to-be-creative-in-your-web-front-end-projects\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.startechup.com\/blog\/how-to-be-creative-in-your-web-front-end-projects\/\"},\"author\":{\"name\":\"Baptiste Leroux\",\"@id\":\"https:\/\/www.startechup.com\/#\/schema\/person\/b222705da4508971805f0adf58aea109\"},\"headline\":\"How to Be Creative in Your Web Front End Projects\",\"datePublished\":\"2020-11-13T10:24:27+00:00\",\"dateModified\":\"2023-04-14T10:53:08+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.startechup.com\/blog\/how-to-be-creative-in-your-web-front-end-projects\/\"},\"wordCount\":1020,\"publisher\":{\"@id\":\"https:\/\/www.startechup.com\/#organization\"},\"articleSection\":[\"Web Development\"],\"inLanguage\":\"es\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.startechup.com\/blog\/how-to-be-creative-in-your-web-front-end-projects\/\",\"url\":\"https:\/\/www.startechup.com\/blog\/how-to-be-creative-in-your-web-front-end-projects\/\",\"name\":\"How to Be Creative in Your Web Front End Projects\",\"isPartOf\":{\"@id\":\"https:\/\/www.startechup.com\/#website\"},\"datePublished\":\"2020-11-13T10:24:27+00:00\",\"dateModified\":\"2023-04-14T10:53:08+00:00\",\"description\":\"How can web front end developers add creativity to their projects? Here are some tips and tricks they can follow.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.startechup.com\/blog\/how-to-be-creative-in-your-web-front-end-projects\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.startechup.com\/blog\/how-to-be-creative-in-your-web-front-end-projects\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.startechup.com\/blog\/how-to-be-creative-in-your-web-front-end-projects\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.startechup.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to Be Creative in Your Web Front End Projects\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.startechup.com\/#website\",\"url\":\"https:\/\/www.startechup.com\/\",\"name\":\"Startechup Inc\",\"description\":\"Startechup Inc.\",\"publisher\":{\"@id\":\"https:\/\/www.startechup.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.startechup.com\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.startechup.com\/#organization\",\"name\":\"Startechup\",\"url\":\"https:\/\/www.startechup.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/www.startechup.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.startechup.com\/wp-content\/uploads\/startechup-logo-blue-red-transparent.svg\",\"contentUrl\":\"https:\/\/www.startechup.com\/wp-content\/uploads\/startechup-logo-blue-red-transparent.svg\",\"width\":181,\"height\":28,\"caption\":\"Startechup\"},\"image\":{\"@id\":\"https:\/\/www.startechup.com\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/startechup\/\",\"https:\/\/twitter.com\/startechup\",\"https:\/\/www.linkedin.com\/company\/startechup\",\"https:\/\/www.youtube.com\/channel\/UC_4XR4imvk28kEPt9gyhZ4g\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.startechup.com\/#\/schema\/person\/b222705da4508971805f0adf58aea109\",\"name\":\"Baptiste Leroux\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/www.startechup.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/77aa2b82447309159eae4d9ee3fe0989?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/77aa2b82447309159eae4d9ee3fe0989?s=96&d=mm&r=g\",\"caption\":\"Baptiste Leroux\"},\"description\":\"After several years in the corporate world, I create my first Web startup as a social enterprise. Working with talented people, excellent software development skills, good communication, and a competitive pricing, we shifted our focus to web &amp; mobile outsourcing projects.\",\"sameAs\":[\"https:\/\/www.linkedin.com\/pub\/baptiste-leroux\/a\/662\/550\"]}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"C\u00f3mo Ser Creativo en Tus Proyectos de Frontend Web","description":"\u00bfC\u00f3mo pueden los desarrolladores de front-end web a\u00f1adir creatividad a sus proyectos? He aqu\u00ed algunos consejos y trucos que pueden seguir.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.startechup.com\/es\/blog\/how-to-be-creative-in-your-web-front-end-projects\/","og_locale":"es_ES","og_type":"article","og_title":"How to Be Creative in Your Web Front End Projects","og_description":"How can web front end developers add creativity to their projects? Here are some tips and tricks they can follow.","og_url":"https:\/\/www.startechup.com\/es\/blog\/how-to-be-creative-in-your-web-front-end-projects\/","og_site_name":"Startechup Inc","article_publisher":"https:\/\/www.facebook.com\/startechup\/","article_published_time":"2020-11-13T10:24:27+00:00","article_modified_time":"2023-04-14T10:53:08+00:00","og_image":[{"width":1280,"height":832,"url":"https:\/\/www.startechup.com\/wp-content\/uploads\/November-13-How-to-Be-Creative-in-Your-Web-Front-End-Projects.jpg","type":"image\/jpeg"}],"author":"Baptiste Leroux","twitter_card":"summary_large_image","twitter_creator":"@startechup","twitter_site":"@startechup","twitter_misc":{"Escrito por":"Baptiste Leroux","Tiempo de lectura":"5 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.startechup.com\/blog\/how-to-be-creative-in-your-web-front-end-projects\/#article","isPartOf":{"@id":"https:\/\/www.startechup.com\/blog\/how-to-be-creative-in-your-web-front-end-projects\/"},"author":{"name":"Baptiste Leroux","@id":"https:\/\/www.startechup.com\/#\/schema\/person\/b222705da4508971805f0adf58aea109"},"headline":"How to Be Creative in Your Web Front End Projects","datePublished":"2020-11-13T10:24:27+00:00","dateModified":"2023-04-14T10:53:08+00:00","mainEntityOfPage":{"@id":"https:\/\/www.startechup.com\/blog\/how-to-be-creative-in-your-web-front-end-projects\/"},"wordCount":1020,"publisher":{"@id":"https:\/\/www.startechup.com\/#organization"},"articleSection":["Web Development"],"inLanguage":"es"},{"@type":"WebPage","@id":"https:\/\/www.startechup.com\/blog\/how-to-be-creative-in-your-web-front-end-projects\/","url":"https:\/\/www.startechup.com\/blog\/how-to-be-creative-in-your-web-front-end-projects\/","name":"C\u00f3mo Ser Creativo en Tus Proyectos de Frontend Web","isPartOf":{"@id":"https:\/\/www.startechup.com\/#website"},"datePublished":"2020-11-13T10:24:27+00:00","dateModified":"2023-04-14T10:53:08+00:00","description":"\u00bfC\u00f3mo pueden los desarrolladores de front-end web a\u00f1adir creatividad a sus proyectos? He aqu\u00ed algunos consejos y trucos que pueden seguir.","breadcrumb":{"@id":"https:\/\/www.startechup.com\/blog\/how-to-be-creative-in-your-web-front-end-projects\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.startechup.com\/blog\/how-to-be-creative-in-your-web-front-end-projects\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.startechup.com\/blog\/how-to-be-creative-in-your-web-front-end-projects\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.startechup.com\/"},{"@type":"ListItem","position":2,"name":"How to Be Creative in Your Web Front End Projects"}]},{"@type":"WebSite","@id":"https:\/\/www.startechup.com\/#website","url":"https:\/\/www.startechup.com\/","name":"Startechup Inc.","description":"Startechup Inc.","publisher":{"@id":"https:\/\/www.startechup.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.startechup.com\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/www.startechup.com\/#organization","name":"Startechup","url":"https:\/\/www.startechup.com\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.startechup.com\/#\/schema\/logo\/image\/","url":"https:\/\/www.startechup.com\/wp-content\/uploads\/startechup-logo-blue-red-transparent.svg","contentUrl":"https:\/\/www.startechup.com\/wp-content\/uploads\/startechup-logo-blue-red-transparent.svg","width":181,"height":28,"caption":"Startechup"},"image":{"@id":"https:\/\/www.startechup.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/startechup\/","https:\/\/twitter.com\/startechup","https:\/\/www.linkedin.com\/company\/startechup","https:\/\/www.youtube.com\/channel\/UC_4XR4imvk28kEPt9gyhZ4g"]},{"@type":"Person","@id":"https:\/\/www.startechup.com\/#\/schema\/person\/b222705da4508971805f0adf58aea109","name":"Baptiste Leroux","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.startechup.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/77aa2b82447309159eae4d9ee3fe0989?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/77aa2b82447309159eae4d9ee3fe0989?s=96&d=mm&r=g","caption":"Baptiste Leroux"},"description":"Tras varios a\u00f1os en el mundo corporativo, cre\u00e9 mi primera startup Web como empresa social. Trabajando con gente talentosa, con excelentes habilidades de desarrollo de software, buena comunicaci\u00f3n y un precio competitivo, cambiamos nuestro enfoque a proyectos de outsourcing web y m\u00f3vil.","sameAs":["https:\/\/www.linkedin.com\/pub\/baptiste-leroux\/a\/662\/550"]}]}},"_links":{"self":[{"href":"https:\/\/www.startechup.com\/es\/wp-json\/wp\/v2\/posts\/4286"}],"collection":[{"href":"https:\/\/www.startechup.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.startechup.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.startechup.com\/es\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.startechup.com\/es\/wp-json\/wp\/v2\/comments?post=4286"}],"version-history":[{"count":5,"href":"https:\/\/www.startechup.com\/es\/wp-json\/wp\/v2\/posts\/4286\/revisions"}],"predecessor-version":[{"id":15204,"href":"https:\/\/www.startechup.com\/es\/wp-json\/wp\/v2\/posts\/4286\/revisions\/15204"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.startechup.com\/es\/wp-json\/wp\/v2\/media\/4287"}],"wp:attachment":[{"href":"https:\/\/www.startechup.com\/es\/wp-json\/wp\/v2\/media?parent=4286"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.startechup.com\/es\/wp-json\/wp\/v2\/categories?post=4286"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.startechup.com\/es\/wp-json\/wp\/v2\/tags?post=4286"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}