{"id":480,"date":"2020-06-01T17:05:27","date_gmt":"2020-06-01T17:05:27","guid":{"rendered":"https:\/\/alexcgdesign.com\/blog\/?p=480"},"modified":"2020-06-01T17:11:43","modified_gmt":"2020-06-01T17:11:43","slug":"recursos-para-diseno-web-herramientas-para-el-diseno-web-html-y-css","status":"publish","type":"post","link":"https:\/\/alexcgdesign.com\/blog\/recursos-para-diseno-web-herramientas-para-el-diseno-web-html-y-css\/","title":{"rendered":"\ud83d\udcdd RECURSOS para DISE\u00d1O WEB [Herramientas para el DISE\u00d1O WEB HTML y CSS]"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"480\" class=\"elementor elementor-480\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-4ad10ec elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"4ad10ec\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-2402db7\" data-id=\"2402db7\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-165b46f elementor-widget elementor-widget-text-editor\" data-id=\"165b46f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Bienvenido a este articulo, donde te resumir\u00e9 cuales son mis herramientas o recursos para el dise\u00f1o web, estos son los que yo m\u00e1s utilizo y con los que les doy un toque genial y diferente a mis dise\u00f1o, \u00bfQuieres conocerlo?, Qu\u00e9date aqu\u00ed&#8230;\u00a0 \ud83d\udc47\ud83c\udffd\ud83d\udc47\ud83c\udffd\ud83d\udc47\ud83c\udffd<\/p><p>\u26a0\ufe0f Pero antes de empezar, \u00bfYa viste el v\u00eddeo donde ense\u00f1o como usar estas herramientas? Aqu\u00ed te lo dejo\u00a0<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-387df36 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"387df36\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-6c41614\" data-id=\"6c41614\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-4346b82 elementor-widget elementor-widget-video\" data-id=\"4346b82\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;youtube_url&quot;:&quot;https:\\\/\\\/youtu.be\\\/NyczmcHG3KU&quot;,&quot;autoplay&quot;:&quot;yes&quot;,&quot;play_on_mobile&quot;:&quot;yes&quot;,&quot;video_type&quot;:&quot;youtube&quot;,&quot;controls&quot;:&quot;yes&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-wrapper elementor-open-inline\">\n\t\t\t<div class=\"elementor-video\"><\/div>\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-a7cce6c elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"a7cce6c\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-ec3778d\" data-id=\"ec3778d\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-be8951e elementor-widget elementor-widget-text-editor\" data-id=\"be8951e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p style=\"text-align: center;\">\u00bfDeseas verlo en Youtube?<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b1636f4 elementor-button-danger elementor-align-center elementor-widget elementor-widget-button\" data-id=\"b1636f4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-lg\" href=\"https:\/\/youtu.be\/NyczmcHG3KU\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"fab fa-youtube\"><\/i>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Entra aqu\u00ed<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-542f6b8 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"542f6b8\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-65187e6\" data-id=\"65187e6\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-23656b2 elementor-widget elementor-widget-spacer\" data-id=\"23656b2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b88b4d1 elementor-widget elementor-widget-heading\" data-id=\"b88b4d1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Herramienta #1 Many Pixels<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9a3740e elementor-widget elementor-widget-image\" data-id=\"9a3740e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"494\" src=\"https:\/\/alexcgdesign.com\/blog\/wp-content\/uploads\/2020\/06\/many-pixels-ilustraciones-1024x494.png\" class=\"attachment-large size-large wp-image-483\" alt=\"obten ilustraciones svg en many pixels\" srcset=\"https:\/\/alexcgdesign.com\/blog\/wp-content\/uploads\/2020\/06\/many-pixels-ilustraciones-1024x494.png 1024w, https:\/\/alexcgdesign.com\/blog\/wp-content\/uploads\/2020\/06\/many-pixels-ilustraciones-300x145.png 300w, https:\/\/alexcgdesign.com\/blog\/wp-content\/uploads\/2020\/06\/many-pixels-ilustraciones-720x348.png 720w, https:\/\/alexcgdesign.com\/blog\/wp-content\/uploads\/2020\/06\/many-pixels-ilustraciones-768x371.png 768w, https:\/\/alexcgdesign.com\/blog\/wp-content\/uploads\/2020\/06\/many-pixels-ilustraciones.png 1361w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-923c7e3 elementor-widget elementor-widget-text-editor\" data-id=\"923c7e3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Many pixels es un recurso para crear dise\u00f1os web incre\u00edbles debido a que Many pixels, nos ofrece bastantes ilustraciones svg para usar en nuestros proyectos de manera gratuita, adem\u00e1s que tiene distintos tipos de ilustraciones, Monochromatic, Isometric, Two Color y Flatline, realmente una excelente alternativa.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cc6fc83 elementor-button-warning elementor-widget elementor-widget-button\" data-id=\"cc6fc83\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-lg\" href=\"https:\/\/www.manypixels.co\/gallery\/?page=1&#038;style=isometric\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Ir al recurso<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-7ccca78 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"7ccca78\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-0a9ca80\" data-id=\"0a9ca80\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-796cb01 elementor-widget elementor-widget-spacer\" data-id=\"796cb01\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-421c2a6 elementor-widget elementor-widget-heading\" data-id=\"421c2a6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Herramienta #2 Undraw<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4c19b8e elementor-widget elementor-widget-image\" data-id=\"4c19b8e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"1024\" height=\"499\" src=\"https:\/\/alexcgdesign.com\/blog\/wp-content\/uploads\/2020\/02\/Captura-de-pantalla-4-e1580704699566-1024x499.png\" class=\"attachment-large size-large wp-image-269\" alt=\"ilustraciones SVG gratis para web\" srcset=\"https:\/\/alexcgdesign.com\/blog\/wp-content\/uploads\/2020\/02\/Captura-de-pantalla-4-e1580704699566-1024x499.png 1024w, https:\/\/alexcgdesign.com\/blog\/wp-content\/uploads\/2020\/02\/Captura-de-pantalla-4-e1580704699566-300x146.png 300w, https:\/\/alexcgdesign.com\/blog\/wp-content\/uploads\/2020\/02\/Captura-de-pantalla-4-e1580704699566-720x351.png 720w, https:\/\/alexcgdesign.com\/blog\/wp-content\/uploads\/2020\/02\/Captura-de-pantalla-4-e1580704699566-768x374.png 768w, https:\/\/alexcgdesign.com\/blog\/wp-content\/uploads\/2020\/02\/Captura-de-pantalla-4-e1580704699566.png 1366w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8041b11 elementor-widget elementor-widget-text-editor\" data-id=\"8041b11\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Undraw.co es uno de los recursos m\u00e1s famosos, debido a todas las ilustraciones que este tiene, pero sobre todo se actualiza cada semana y sus ilustraciones son totalmente gratis sin derechos de autor, algo bastante genial.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-30e63df elementor-button-warning elementor-widget elementor-widget-button\" data-id=\"30e63df\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-lg\" href=\"https:\/\/www.manypixels.co\/gallery\/?page=1&#038;style=isometric\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Ir al recurso<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-1d2cba7 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"1d2cba7\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-cdc67ab\" data-id=\"cdc67ab\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-45d2712 elementor-widget elementor-widget-spacer\" data-id=\"45d2712\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e3f280d elementor-widget elementor-widget-heading\" data-id=\"e3f280d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Herramienta #3 Color codes<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1863517 elementor-widget elementor-widget-image\" data-id=\"1863517\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"1024\" height=\"496\" src=\"https:\/\/alexcgdesign.com\/blog\/wp-content\/uploads\/2020\/06\/html-colors-code-1024x496.png\" class=\"attachment-large size-large wp-image-484\" alt=\"Generador de colores\" srcset=\"https:\/\/alexcgdesign.com\/blog\/wp-content\/uploads\/2020\/06\/html-colors-code-1024x496.png 1024w, https:\/\/alexcgdesign.com\/blog\/wp-content\/uploads\/2020\/06\/html-colors-code-300x145.png 300w, https:\/\/alexcgdesign.com\/blog\/wp-content\/uploads\/2020\/06\/html-colors-code-720x349.png 720w, https:\/\/alexcgdesign.com\/blog\/wp-content\/uploads\/2020\/06\/html-colors-code-768x372.png 768w, https:\/\/alexcgdesign.com\/blog\/wp-content\/uploads\/2020\/06\/html-colors-code.png 1365w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1761a3d elementor-widget elementor-widget-text-editor\" data-id=\"1761a3d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>HTML\u00a0 Color Codes, es un asombroso recurso para el dise\u00f1o web, \u00bfPor qu\u00e9? Tenemos bastantes generadores de colores, pero en este generador tu seleccionas el color de tu preferencia, despu\u00e9s puedes elegir entre diversas t\u00e9cnicas de dise\u00f1o para crear tu paleta de colores perfecta y en armon\u00eda.\u00a0<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9027353 elementor-button-warning elementor-widget elementor-widget-button\" data-id=\"9027353\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-lg\" href=\"https:\/\/htmlcolorcodes.com\/es\/selector-de-color\/\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Ir al recurso<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-c889a54 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"c889a54\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-0a0b86e\" data-id=\"0a0b86e\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-9fd8c55 elementor-widget elementor-widget-spacer\" data-id=\"9fd8c55\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-09676b9 elementor-widget elementor-widget-heading\" data-id=\"09676b9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Un momento, antes de seguir d\u00e9jame hacerte una pregunta \u00bfTe gustar\u00eda aprender dise\u00f1o web [HTML5 y CSS3] desde cero?<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-adcf5d5 elementor-button-success elementor-align-center elementor-widget elementor-widget-button\" data-id=\"adcf5d5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-md\" href=\"https:\/\/youtu.be\/vAl5xJ4pQl8\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"far fa-check-circle\"><\/i>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Entra aqu\u00ed<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fca413c elementor-widget elementor-widget-spacer\" data-id=\"fca413c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-8e18157 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"8e18157\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-7ecc796\" data-id=\"7ecc796\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-2f3ad7b elementor-widget elementor-widget-spacer\" data-id=\"2f3ad7b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0cd11ab elementor-widget elementor-widget-heading\" data-id=\"0cd11ab\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Herramienta #4 Google fonts<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3c159c3 elementor-widget elementor-widget-image\" data-id=\"3c159c3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"494\" src=\"https:\/\/alexcgdesign.com\/blog\/wp-content\/uploads\/2020\/06\/google-fonts-fuentes-para-tu-sitio-web-libre-1024x494.png\" class=\"attachment-large size-large wp-image-485\" alt=\"obten fuentes gratuitas para tu sitio web\" srcset=\"https:\/\/alexcgdesign.com\/blog\/wp-content\/uploads\/2020\/06\/google-fonts-fuentes-para-tu-sitio-web-libre-1024x494.png 1024w, https:\/\/alexcgdesign.com\/blog\/wp-content\/uploads\/2020\/06\/google-fonts-fuentes-para-tu-sitio-web-libre-300x145.png 300w, https:\/\/alexcgdesign.com\/blog\/wp-content\/uploads\/2020\/06\/google-fonts-fuentes-para-tu-sitio-web-libre-720x348.png 720w, https:\/\/alexcgdesign.com\/blog\/wp-content\/uploads\/2020\/06\/google-fonts-fuentes-para-tu-sitio-web-libre-768x371.png 768w, https:\/\/alexcgdesign.com\/blog\/wp-content\/uploads\/2020\/06\/google-fonts-fuentes-para-tu-sitio-web-libre.png 1365w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b0e90b0 elementor-widget elementor-widget-text-editor\" data-id=\"b0e90b0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Google fonts, es la librer\u00eda de fuentes m\u00e1s famosa, sin duda es la mejor herramienta de dise\u00f1o web en cuesti\u00f3n de fuentes, porque nos proporciona cientos de fuentes que podemos usar\u00a0 libremente en nuestro proyecto web, de seguro hay una fuente adecuada para tu proyecto.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a6a37e5 elementor-button-warning elementor-widget elementor-widget-button\" data-id=\"a6a37e5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-lg\" href=\"https:\/\/fonts.google.com\/\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Ir al recurso<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-27db3f9 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"27db3f9\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-026d31e\" data-id=\"026d31e\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-81040d4 elementor-widget elementor-widget-spacer\" data-id=\"81040d4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9cdf1e3 elementor-widget elementor-widget-heading\" data-id=\"9cdf1e3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Herramienta #5 Get Waves<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c721a3b elementor-widget elementor-widget-image\" data-id=\"c721a3b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"523\" src=\"https:\/\/alexcgdesign.com\/blog\/wp-content\/uploads\/2020\/06\/getwaves-generador-de-waves-html-1024x523.png\" class=\"attachment-large size-large wp-image-486\" alt=\"generador de waves svg\" srcset=\"https:\/\/alexcgdesign.com\/blog\/wp-content\/uploads\/2020\/06\/getwaves-generador-de-waves-html-1024x523.png 1024w, https:\/\/alexcgdesign.com\/blog\/wp-content\/uploads\/2020\/06\/getwaves-generador-de-waves-html-300x153.png 300w, https:\/\/alexcgdesign.com\/blog\/wp-content\/uploads\/2020\/06\/getwaves-generador-de-waves-html-720x368.png 720w, https:\/\/alexcgdesign.com\/blog\/wp-content\/uploads\/2020\/06\/getwaves-generador-de-waves-html-768x392.png 768w, https:\/\/alexcgdesign.com\/blog\/wp-content\/uploads\/2020\/06\/getwaves-generador-de-waves-html.png 1364w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-43a7a83 elementor-widget elementor-widget-text-editor\" data-id=\"43a7a83\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Getwaves es una herramientas muy genial que nos permitir\u00e1 generar waves svg y despu\u00e9s integrarlas a nuestro proyecto web para tener lo que se denomina un efecto wave, una t\u00e9cnica muy moderna y que nos ayudar\u00e1 bastante.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-037e4f0 elementor-button-warning elementor-widget elementor-widget-button\" data-id=\"037e4f0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-lg\" href=\"https:\/\/getwaves.io\/\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Ir al recurso<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-73fd0df elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"73fd0df\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-9c9846e\" data-id=\"9c9846e\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-e29b043 elementor-widget elementor-widget-spacer\" data-id=\"e29b043\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3053b92 elementor-widget elementor-widget-heading\" data-id=\"3053b92\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Herramienta #6 SVG Generator<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5e243d1 elementor-widget elementor-widget-image\" data-id=\"5e243d1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"493\" src=\"https:\/\/alexcgdesign.com\/blog\/wp-content\/uploads\/2020\/06\/svg-generator-wavy-1024x493.png\" class=\"attachment-large size-large wp-image-488\" alt=\"generador de waves svg\" srcset=\"https:\/\/alexcgdesign.com\/blog\/wp-content\/uploads\/2020\/06\/svg-generator-wavy-1024x493.png 1024w, https:\/\/alexcgdesign.com\/blog\/wp-content\/uploads\/2020\/06\/svg-generator-wavy-300x145.png 300w, https:\/\/alexcgdesign.com\/blog\/wp-content\/uploads\/2020\/06\/svg-generator-wavy-720x347.png 720w, https:\/\/alexcgdesign.com\/blog\/wp-content\/uploads\/2020\/06\/svg-generator-wavy-768x370.png 768w, https:\/\/alexcgdesign.com\/blog\/wp-content\/uploads\/2020\/06\/svg-generator-wavy.png 1364w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4844dc4 elementor-widget elementor-widget-text-editor\" data-id=\"4844dc4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>SVG Generator Wavy, de igual manera que Get waves, nos permite generar waves en formato svg, es una herramienta igual de genial que get waves.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-095aaa3 elementor-button-warning elementor-widget elementor-widget-button\" data-id=\"095aaa3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-lg\" href=\"https:\/\/smooth.ie\/blogs\/news\/svg-wavey-transitions-between-sections\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Ir al recurso<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-bb21228 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"bb21228\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-25697d8\" data-id=\"25697d8\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-32ac175 elementor-widget elementor-widget-spacer\" data-id=\"32ac175\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4a0682b elementor-widget elementor-widget-heading\" data-id=\"4a0682b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Herramienta #7 Web gradients<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4a4bb46 elementor-widget elementor-widget-image\" data-id=\"4a4bb46\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"491\" src=\"https:\/\/alexcgdesign.com\/blog\/wp-content\/uploads\/2020\/06\/web-gradients-1024x491.png\" class=\"attachment-large size-large wp-image-492\" alt=\"web gradientes, biblioteca de gradientes\" srcset=\"https:\/\/alexcgdesign.com\/blog\/wp-content\/uploads\/2020\/06\/web-gradients-1024x491.png 1024w, https:\/\/alexcgdesign.com\/blog\/wp-content\/uploads\/2020\/06\/web-gradients-300x144.png 300w, https:\/\/alexcgdesign.com\/blog\/wp-content\/uploads\/2020\/06\/web-gradients-720x345.png 720w, https:\/\/alexcgdesign.com\/blog\/wp-content\/uploads\/2020\/06\/web-gradients-768x368.png 768w, https:\/\/alexcgdesign.com\/blog\/wp-content\/uploads\/2020\/06\/web-gradients.png 1366w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5b8b04b elementor-widget elementor-widget-text-editor\" data-id=\"5b8b04b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Web gradients es una genial herramienta para el dise\u00f1o web, el cual es una biblioteca de gradientes ya establecidos, pero que son verdaderamente geniales, tu puedes seleccionar el que m\u00e1s te guste y te dar\u00e1 el c\u00f3digo css o podr\u00e1s tambi\u00e9n descargarlo como png.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-181dfe1 elementor-button-warning elementor-widget elementor-widget-button\" data-id=\"181dfe1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-lg\" href=\"https:\/\/webgradients.com\/\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Ir al recurso<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-9d48c9b elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"9d48c9b\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-1f26c0e\" data-id=\"1f26c0e\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-7b23fbf elementor-widget elementor-widget-spacer\" data-id=\"7b23fbf\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-741e6a2 elementor-widget elementor-widget-heading\" data-id=\"741e6a2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Herramienta #8 Ui Gradients<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f725dff elementor-widget elementor-widget-image\" data-id=\"f725dff\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"507\" src=\"https:\/\/alexcgdesign.com\/blog\/wp-content\/uploads\/2020\/02\/gradientes-1024x507.png\" class=\"attachment-large size-large wp-image-327\" alt=\"genera gradientes con ui gradients\" srcset=\"https:\/\/alexcgdesign.com\/blog\/wp-content\/uploads\/2020\/02\/gradientes-1024x507.png 1024w, https:\/\/alexcgdesign.com\/blog\/wp-content\/uploads\/2020\/02\/gradientes-300x149.png 300w, https:\/\/alexcgdesign.com\/blog\/wp-content\/uploads\/2020\/02\/gradientes-720x357.png 720w, https:\/\/alexcgdesign.com\/blog\/wp-content\/uploads\/2020\/02\/gradientes-768x380.png 768w, https:\/\/alexcgdesign.com\/blog\/wp-content\/uploads\/2020\/02\/gradientes.png 1363w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0248390 elementor-widget elementor-widget-text-editor\" data-id=\"0248390\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Ui Gradients, al igual que web gradients, es una enorme biblioteca en la cual nos da gradientes, con un filtro para encontrar los gradientes o degradados respectivos al color que hemos seleccionado, al igual que en webgradients, te dar\u00e1 el codigo css del gradiente pero este te lo dar\u00e1 con prefijos.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-bfa34e9 elementor-button-warning elementor-widget elementor-widget-button\" data-id=\"bfa34e9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-lg\" href=\"https:\/\/uigradients.com\/#Shore\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Ir al recurso<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-3900a95 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"3900a95\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-671bf94\" data-id=\"671bf94\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-87b2a5b elementor-widget elementor-widget-spacer\" data-id=\"87b2a5b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a315f28 elementor-widget elementor-widget-heading\" data-id=\"a315f28\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Herramienta #9 Unsplash<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1de5ac7 elementor-widget elementor-widget-image\" data-id=\"1de5ac7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"493\" src=\"https:\/\/alexcgdesign.com\/blog\/wp-content\/uploads\/2020\/06\/unsplash-1024x493.png\" class=\"attachment-large size-large wp-image-493\" alt=\"obten imagenes libre de derechos de autor con unsplash\" srcset=\"https:\/\/alexcgdesign.com\/blog\/wp-content\/uploads\/2020\/06\/unsplash-1024x493.png 1024w, https:\/\/alexcgdesign.com\/blog\/wp-content\/uploads\/2020\/06\/unsplash-300x144.png 300w, https:\/\/alexcgdesign.com\/blog\/wp-content\/uploads\/2020\/06\/unsplash-720x346.png 720w, https:\/\/alexcgdesign.com\/blog\/wp-content\/uploads\/2020\/06\/unsplash-768x369.png 768w, https:\/\/alexcgdesign.com\/blog\/wp-content\/uploads\/2020\/06\/unsplash.png 1366w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-75b0a19 elementor-widget elementor-widget-text-editor\" data-id=\"75b0a19\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Unsplash es una biblioteca de imagenes gratuita, que nos permitir\u00e1 descargar imagenes de distintos temas, todas estas imagenes libres de derechos de autor, por lo que podr\u00e1s usarlas en tus proyectos web sin ning\u00fan problema.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-76ab103 elementor-button-warning elementor-widget elementor-widget-button\" data-id=\"76ab103\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-lg\" href=\"https:\/\/unsplash.com\/\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Ir al recurso<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-66ad33c elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"66ad33c\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-5db0a14\" data-id=\"5db0a14\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-baa6f70 elementor-widget elementor-widget-spacer\" data-id=\"baa6f70\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7151ff2 elementor-widget elementor-widget-heading\" data-id=\"7151ff2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Herramienta #10 Pexels<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b0ce82f elementor-widget elementor-widget-image\" data-id=\"b0ce82f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"490\" src=\"https:\/\/alexcgdesign.com\/blog\/wp-content\/uploads\/2020\/06\/pexels-banco-de-imagenes-1024x490.png\" class=\"attachment-large size-large wp-image-495\" alt=\"un banco de imagenes libre de derechos de autor pexels\" srcset=\"https:\/\/alexcgdesign.com\/blog\/wp-content\/uploads\/2020\/06\/pexels-banco-de-imagenes-1024x490.png 1024w, https:\/\/alexcgdesign.com\/blog\/wp-content\/uploads\/2020\/06\/pexels-banco-de-imagenes-300x144.png 300w, https:\/\/alexcgdesign.com\/blog\/wp-content\/uploads\/2020\/06\/pexels-banco-de-imagenes-720x345.png 720w, https:\/\/alexcgdesign.com\/blog\/wp-content\/uploads\/2020\/06\/pexels-banco-de-imagenes-768x368.png 768w, https:\/\/alexcgdesign.com\/blog\/wp-content\/uploads\/2020\/06\/pexels-banco-de-imagenes.png 1364w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a05936c elementor-widget elementor-widget-text-editor\" data-id=\"a05936c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Pexels, al igual que unsplash es un banco de im\u00e1genes en el cual igual podr\u00e1s descargar im\u00e1genes libres de derechos de autor y utilizarlas en tus proyectos, hay im\u00e1genes de distintos ramos y tem\u00e1ticas.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f31bcbc elementor-button-warning elementor-widget elementor-widget-button\" data-id=\"f31bcbc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-lg\" href=\"https:\/\/www.pexels.com\/discover\/\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Ir al recurso<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-06333d7 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"06333d7\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-dfe9655\" data-id=\"dfe9655\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-e53ede7 elementor-widget elementor-widget-spacer\" data-id=\"e53ede7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-049ab07 elementor-widget elementor-widget-heading\" data-id=\"049ab07\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Herramienta #11 Box Icons<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-02b081c elementor-widget elementor-widget-image\" data-id=\"02b081c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"517\" src=\"https:\/\/alexcgdesign.com\/blog\/wp-content\/uploads\/2020\/06\/boxicons-iconos-svg-1024x517.png\" class=\"attachment-large size-large wp-image-496\" alt=\"descarga iconos svg en boxicons\" srcset=\"https:\/\/alexcgdesign.com\/blog\/wp-content\/uploads\/2020\/06\/boxicons-iconos-svg-1024x517.png 1024w, https:\/\/alexcgdesign.com\/blog\/wp-content\/uploads\/2020\/06\/boxicons-iconos-svg-300x151.png 300w, https:\/\/alexcgdesign.com\/blog\/wp-content\/uploads\/2020\/06\/boxicons-iconos-svg-720x363.png 720w, https:\/\/alexcgdesign.com\/blog\/wp-content\/uploads\/2020\/06\/boxicons-iconos-svg-768x387.png 768w, https:\/\/alexcgdesign.com\/blog\/wp-content\/uploads\/2020\/06\/boxicons-iconos-svg.png 1362w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-25a3804 elementor-widget elementor-widget-text-editor\" data-id=\"25a3804\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Box icons es un banco de iconos el cual nos proporciona cientos de iconos, estos iconos los podemos descargar como svg o png, tambi\u00e9n podemos usarlos como web components y como fuente, verdaderamente genial para incluir iconos en tus proyectos.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e4db8f8 elementor-button-warning elementor-widget elementor-widget-button\" data-id=\"e4db8f8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-lg\" href=\"https:\/\/boxicons.com\/\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Ir al recurso<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-ae006bd elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"ae006bd\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-3b972d6\" data-id=\"3b972d6\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-18f7691 elementor-widget elementor-widget-spacer\" data-id=\"18f7691\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6b0e6c9 elementor-widget elementor-widget-heading\" data-id=\"6b0e6c9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Herramienta #12 Figma<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1b28f6d elementor-widget elementor-widget-image\" data-id=\"1b28f6d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"497\" src=\"https:\/\/alexcgdesign.com\/blog\/wp-content\/uploads\/2020\/06\/figma-dise\u00f1o-de-interfaces-1024x497.png\" class=\"attachment-large size-large wp-image-497\" alt=\"un gran recurso para el dise\u00f1o de interfaces figma\" srcset=\"https:\/\/alexcgdesign.com\/blog\/wp-content\/uploads\/2020\/06\/figma-dise\u00f1o-de-interfaces-1024x497.png 1024w, https:\/\/alexcgdesign.com\/blog\/wp-content\/uploads\/2020\/06\/figma-dise\u00f1o-de-interfaces-300x146.png 300w, https:\/\/alexcgdesign.com\/blog\/wp-content\/uploads\/2020\/06\/figma-dise\u00f1o-de-interfaces-720x349.png 720w, https:\/\/alexcgdesign.com\/blog\/wp-content\/uploads\/2020\/06\/figma-dise\u00f1o-de-interfaces-768x373.png 768w, https:\/\/alexcgdesign.com\/blog\/wp-content\/uploads\/2020\/06\/figma-dise\u00f1o-de-interfaces.png 1362w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5b401a5 elementor-widget elementor-widget-text-editor\" data-id=\"5b401a5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Figma es una gran herramienta para el dise\u00f1o web, adem\u00e1s de estar creada para dise\u00f1ar interfaces, tambi\u00e9n nos va a permitir modificar elementos svg como ilustraciones e iconos, de esta manera podemos personalizarlos al m\u00e1ximo, adem\u00e1s figma es totalmente gratuito para individuos y se ejecuta en el navegador por lo que no tendr\u00e1s que preocuparte por la compatibilidad.\u00a0<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-531bd42 elementor-button-warning elementor-widget elementor-widget-button\" data-id=\"531bd42\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-lg\" href=\"https:\/\/www.figma.com\/\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Ir al recurso<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-c9d5dd0 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"c9d5dd0\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-0643fdd\" data-id=\"0643fdd\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-d6bee43 elementor-widget elementor-widget-spacer\" data-id=\"d6bee43\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6cf18b7 elementor-widget elementor-widget-heading\" data-id=\"6cf18b7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Un momento, antes de seguir d\u00e9jame hacerte una pregunta \u00bfTe gustar\u00eda aprender dise\u00f1o web [HTML5 y CSS3] desde cero?<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1649875 elementor-button-success elementor-align-center elementor-widget elementor-widget-button\" data-id=\"1649875\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-md\" href=\"https:\/\/youtu.be\/vAl5xJ4pQl8\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"far fa-check-circle\"><\/i>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Entra aqu\u00ed<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-78fbd00 elementor-widget elementor-widget-spacer\" data-id=\"78fbd00\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-4321272 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"4321272\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-d16e8b3\" data-id=\"d16e8b3\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-621b779 elementor-widget elementor-widget-spacer\" data-id=\"621b779\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c2a030a elementor-widget elementor-widget-text-editor\" data-id=\"c2a030a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Bien, estas son todos los recursos, espero te haya gustado, si te gusto suscribete a mi canal y a la newsletter, nos vemos en el pr\u00f3ximo articulo, te ha escrito tu amigo Jordan Alexander de AlexCG Design, nos vemos.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-19ec574 elementor-button-danger elementor-widget elementor-widget-button\" data-id=\"19ec574\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-md\" href=\"http:\/\/bit.ly\/subsAlex\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"fab fa-youtube\"><\/i>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Suscribete<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Bienvenido a este articulo, donde te resumir\u00e9 cuales son mis herramientas o recursos para el dise\u00f1o web, estos son los que yo m\u00e1s utilizo y con los que les doy un toque genial y diferente a mis dise\u00f1o, \u00bfQuieres conocerlo?, Qu\u00e9date aqu\u00ed&#8230;\u00a0 \ud83d\udc47\ud83c\udffd\ud83d\udc47\ud83c\udffd\ud83d\udc47\ud83c\udffd \u26a0\ufe0f Pero antes de empezar, \u00bfYa viste el v\u00eddeo donde ense\u00f1o como [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":482,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2],"tags":[],"class_list":["post-480","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-diseno-web"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/alexcgdesign.com\/blog\/wp-json\/wp\/v2\/posts\/480","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/alexcgdesign.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/alexcgdesign.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/alexcgdesign.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/alexcgdesign.com\/blog\/wp-json\/wp\/v2\/comments?post=480"}],"version-history":[{"count":4,"href":"https:\/\/alexcgdesign.com\/blog\/wp-json\/wp\/v2\/posts\/480\/revisions"}],"predecessor-version":[{"id":500,"href":"https:\/\/alexcgdesign.com\/blog\/wp-json\/wp\/v2\/posts\/480\/revisions\/500"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/alexcgdesign.com\/blog\/wp-json\/wp\/v2\/media\/482"}],"wp:attachment":[{"href":"https:\/\/alexcgdesign.com\/blog\/wp-json\/wp\/v2\/media?parent=480"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/alexcgdesign.com\/blog\/wp-json\/wp\/v2\/categories?post=480"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/alexcgdesign.com\/blog\/wp-json\/wp\/v2\/tags?post=480"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}