Diseño Web

Enrique Cuenca / Diseño Web
Crear mapas SVG

Cómo Crear Mapas SVG Correctamente: Guía Completa y Solución de Problemas

Trabajar con gráficos vectoriales escalables (SVG) es una excelente manera de agregar imágenes de alta calidad y escalables a tu sitio web. Uno de los usos más comunes de los SVG es la creación de mapas interactivos y conjuntos de iconos reutilizables. Sin embargo, crear mapas SVG correctamente puede ser un desafío si no estás familiarizado con los posibles problemas que podrían surgir.

En esta guía, te mostraré paso a paso cómo crear mapas SVG en tu sitio web, y te ayudaré a resolver algunos de los problemas más comunes, como el temido error de "status (blocked)". También te mostraré cómo utilizar un fichero SVG con iconos para optimizar tus recursos. ¡Vamos a empezar!

¿Qué es un Mapa SVG y Por Qué Usarlo?

Antes de adentrarnos en cómo crear mapas SVG correctamente, es importante entender qué es un mapa SVG y por qué es útil.

Un mapa SVG es un gráfico vectorial que representa datos geográficos o visuales que pueden escalarse infinitamente sin perder calidad. Además de los mapas, los SVG son útiles para crear conjuntos de iconos que se pueden reutilizar en múltiples partes de tu sitio web.

Crear Mapas SVG para optimizar iconos

Ventajas de Usar Mapas SVG

  1. Interactividad mejorada: Los mapas SVG pueden ser manipulados con JavaScript y CSS, lo que te permite crear mapas interactivos con animaciones, efectos al pasar el ratón, y más.
  2. Escalabilidad infinita: No importa cuánto amplíes o reduzcas un mapa SVG, siempre se verá nítido y claro.
  3. Compatibilidad con navegadores: La mayoría de los navegadores modernos soportan SVG, lo que significa que no tienes que preocuparte demasiado por la compatibilidad.
  4. Tamaño de archivo reducido: Comparados con los mapas de imagen rasterizada, los mapas SVG generalmente tienen un tamaño de archivo menor, lo que mejora la velocidad de carga de tu sitio.

Cómo Crear Mapas SVG Correctamente

Cargar un mapa SVG o un conjunto de iconos SVG en tu sitio web puede parecer complicado al principio, pero en realidad es bastante sencillo una vez que conoces los pasos correctos. Aquí te muestro cómo hacerlo:

1. Insertar SVG Directamente en el HTML

Una de las formas más sencillas de crear mapas SVG es insertarlo directamente en tu HTML. Esto es ideal si deseas manipular el mapa con CSS o JavaScript.

<svg width="600" height="400" viewBox="0 0 600 400">
  <!-- Aquí irían los elementos de tu mapa, como rectángulos, círculos, caminos, etc. -->
  <rect x="50" y="50" width="100" height="100" fill="blue"></rect>
</svg>

2. Usar el Elemento <img> para Crear Mapas SVG

Otra forma de cargar mapa SVG es utilizando el elemento <img>. Esta opción es menos flexible en términos de manipulación directa del SVG con CSS o JavaScript, pero es perfecta si simplemente necesitas mostrar un mapa estático.

htmlCopiar código<img src="mapa.svg" alt="Mapa interactivo">

3. Crear Mapa SVG usando <object> o <iframe>

Si necesitas más control sobre el SVG o deseas manipularlo directamente desde el archivo SVG externo, puedes usar <object> o <iframe>.

<object type="image/svg+xml" data="mapa.svg" width="600" height="400">
  Tu navegador no soporta SVG
</object>

4. Uso de Ficheros SVG con Iconos y <use> para Reutilización

Una técnica avanzada y eficiente para crear mapas SVG y otros gráficos, como iconos, es definir estos gráficos dentro de un archivo SVG separado y luego reutilizarlos en tu HTML. Este método es perfecto para optimizar el rendimiento de tu sitio web y mantener tus gráficos organizados.

Ejemplo Práctico: Crear un Fichero SVG con Iconos

Supongamos que tienes varios iconos SVG que quieres reutilizar en tu sitio web. Puedes definirlos dentro de un archivo SVG como sprite.svg utilizando el elemento <symbol>, y luego utilizarlos en tu HTML con el elemento <use>. Aquí tienes un ejemplo:

<svg width="0" height="0" class="hidden">
  <symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512" id="file-lines">
    <path d="M256 0v128h128L256 0zM224 128L224 0H48C21.49 0 0 21.49 0 48v416C0 490.5 21.49 512 48 512h288c26.51 0 48-21.49 48-48V160h-127.1C238.3 160 224 145.7 224 128zM272 416h-160C103.2 416 96 408.8 96 400C96 391.2 103.2 384 112 384h160c8.836 0 16 7.162 16 16C288 408.8 280.8 416 272 416zM272 352h-160C103.2 352 96 344.8 96 336C96 327.2 103.2 320 112 320h160c8.836 0 16 7.162 16 16C288 344.8 280.8 352 272 352zM288 272C288 280.8 280.8 288 272 288h-160C103.2 288 96 280.8 96 272C96 263.2 103.2 256 112 256h160C280.8 256 288 263.2 288 272z"></path>
  </symbol>
  <symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" id="filter">
    <path d="M504.6 84.19L320 306.8v149.2c0 19.52-21.97 30.7-37.75 19.66l-80-55.98C195.8 415.2 192 407.8 192 400V306.8L7.375 84.19C-9.965 63.28 5.213 32 32.7 32h446.6C506.8 32 521.1 63.28 504.6 84.19z"></path>
  </symbol>
</svg>

Cargar Iconos SVG en HTML

Luego, en tu archivo HTML, puedes cargar estos iconos usando el elemento <use>:

<div class="ico-search">
  <label>
    <svg>
      <use href="sprite.svg#filter"></use>
    </svg>
  </label>
</div>

Beneficios de Usar Símbolos SVG y <use>

  • Optimización de Rendimiento: Al definir todos los iconos en un solo archivo SVG, reduces el número de solicitudes HTTP, lo que mejora el rendimiento de tu sitio web.
  • Facilidad de Mantenimiento: Si necesitas cambiar un icono, solo tienes que modificar el archivo SVG y no en cada instancia de tu HTML.
  • Estilos Consistentes: Puedes aplicar estilos CSS de manera uniforme a todos los iconos reutilizados en tu sitio web.

Problemas Comunes al Crear Mapas SVG y Cómo Solucionarlos

Aunque crear mapas SVG es generalmente sencillo, hay algunos problemas comunes que pueden surgir. Aquí hay algunos de los problemas más comunes y cómo solucionarlos:

Problema 1: Error "status (blocked)"

Este error aparece cuando intentas cargar un archivo SVG desde un dominio diferente al de tu página HTML, y el servidor que aloja el archivo SVG no permite el acceso desde tu dominio actual debido a restricciones de Cross-Origin Resource Sharing (CORS).

Solución:

  • Usa un servidor local: Si estás desarrollando localmente, utiliza un servidor local como Apache en WAMP o Node.js. Esto asegura que todos los archivos se sirvan desde el mismo dominio (localhost), evitando problemas de CORS.
  • Configura CORS en tu servidor: Si necesitas cargar un mapa SVG desde un dominio diferente en producción, asegúrate de que tu servidor esté configurado para permitir las solicitudes CORS adecuadas.

Problema 2: El SVG No se Muestra Correctamente

Este problema puede deberse a que el archivo SVG no está en la misma carpeta que tu archivo HTML, o que la ruta al archivo SVG está mal definida.

Solución:

  • Verifica las rutas: Asegúrate de que la ruta al archivo SVG sea correcta y que el archivo esté en la ubicación esperada.
  • Revisa permisos del servidor: Si estás en un servidor web, verifica que el servidor tiene permiso para acceder al archivo SVG.

Problema 3: SVG No Estilizado Correctamente

A veces, tu mapa SVG puede no aplicarse los estilos CSS correctamente. Esto puede suceder si los estilos en línea dentro del archivo SVG tienen más prioridad que los estilos CSS externos.

Solución:

  • Usa estilos CSS específicos: Asegúrate de que tus estilos CSS externos sean lo suficientemente específicos para anular los estilos en línea del SVG.
  • Editar el archivo SVG: Si tienes acceso al archivo SVG, elimina o ajusta los estilos en línea para permitir una mejor manipulación desde tu archivo CSS externo.

Conclusión

Crear mapas SVG y conjuntos de iconos en tu sitio web puede parecer complicado al principio, pero siguiendo estos pasos y soluciones, puedes evitar los problemas más comunes y asegurarte de que tus gráficos se muestren correctamente. Recuerda siempre probar tus mapas e iconos en diferentes navegadores y dispositivos para asegurar la mejor experiencia de usuario. Y lo más importante, ¡no tengas miedo de experimentar y aprender mientras creas tus mapas e iconos SVG!

Si sigues estas recomendaciones, estarás en el camino correcto para dominar el uso de mapas SVG y conjuntos de iconos en tu sitio web. ¡Buena suerte y feliz codificación!

Comparte este post:
Diseño Web - 09/12/2024
optimizar velocidad de la carga web

¿Por qué es importante optimizar la velocidad de carga web?

Optimizar la velocidad de carga web es crucial para mantener a tus visitantes felices y mejorar tu posición en los motores de búsqueda. A nadie le gusta esperar, y si tu página tarda más de 3 segundos en cargar, estás perdiendo visitas y posibles conversiones. Aquí te dejo unos trucos fáciles y rápidos para que tu web vuele.

1. Elimina lo innecesario para optimizar la velocidad de carga web

Menos es más. Si tu web está llena de elementos que no aportan valor, como plugins que no usas o scripts que no necesitas, deshazte de ellos. Esto reducirá el peso de tu página y, por ende, mejorará la velocidad de carga. ¿Necesitas ese carrusel de imágenes? Si no es vital, mejor quítalo para optimizar la velocidad de carga web.

2. Optimiza las imágenes

Uno de los factores que más ralentizan un sitio web son las imágenes pesadas. Comprime tus imágenes antes de subirlas y usa formatos adecuados como WebP o JPEG en lugar de PNG, a menos que sea necesario. Puedes usar herramientas como TinyPNG o ILoveIMG para hacer esto de manera automática y así ayudar a optimizar la velocidad de carga web.

3. Activa el almacenamiento en caché

El caché es como una memoria que guarda temporalmente partes de tu página web para que cuando un usuario regrese, no tenga que cargar todo de nuevo. Esto es un must para cualquier sitio web que quiera ser rápido. Puedes activar la caché fácilmente con plugins como W3 Total Cache o WP Super Cache si usas WordPress.

4. Minimiza CSS, JavaScript y HTML

Tu código también puede estar frenando la velocidad de tu web. Al minimizar tus archivos CSS, JavaScript y HTML, eliminas espacios, comentarios y otros elementos innecesarios que solo añaden peso. Herramientas como Autoptimize te ayudan a hacer esto sin necesidad de ser un experto en programación, lo que también contribuye a optimizar la carga.

5. Usa una CDN para optimizar la velocidad de carga web

Una CDN (Red de Distribución de Contenido) distribuye el contenido de tu sitio web en diferentes servidores alrededor del mundo, lo que permite que los usuarios accedan a tu web desde el servidor más cercano. Esto no solo mejora la velocidad, sino que también aumenta la seguridad de tu sitio. Cloudflare es una opción popular y gratuita para empezar.

6. Actualiza tu hosting

No subestimes el poder de un buen hosting. Si estás usando un plan básico y tu sitio web ha crecido, puede que sea hora de invertir en un mejor servicio de hosting. Un servidor lento significa una web lenta, así que considera opciones más potentes si necesitas más velocidad y deseas optimizar la velocidad de carga web.

7. Reduce las redirecciones para optimizar la velocidad de carga web

Las redirecciones son útiles, pero demasiadas pueden hacer que tu sitio sea más lento. Revisa tu web y elimina las redirecciones innecesarias, o trata de consolidar las que puedas. Menos redirecciones, más velocidad.

optimizar la velocidad de carga web

Conclusión

Optimizar la velocidad de carga web es esencial para mejorar la experiencia del usuario y tu posicionamiento en los motores de búsqueda. Recuerda: elimina lo innecesario, optimiza imágenes, usa caché, minimiza tu código, y considera una CDN y un buen hosting. Sigue estos consejos y tu web será más rápida que una bala. ¡A optimizar se ha dicho!

Comparte este post:
Diseño Web - 08/15/2024
illustration-hands-using-financial-app-with-transactions-bold (1) (1)

Tendencias de Diseño Web 2025

Las tendencias de diseño web para 2025 están marcando un cambio significativo hacia una experiencia de usuario más personalizada e inmersiva. En este artículo, exploramos las tendencias más destacadas de diseño web 2025 que definirán el futuro del entorno digital.

Tendencias de Diseño Web 2025: Integración de IA

La inteligencia artificial (IA) está transformando el diseño web al permitir experiencias más personalizadas y eficientes. Los chatbots impulsados por IA están evolucionando para ofrecer soporte en tiempo real, mientras que los sistemas de recomendación utilizan el aprendizaje automático para adaptar el contenido a las preferencias del usuario. Esta integración mejora la interacción y retención del usuario, creando sitios más atractivos y funcionales.

Tendencias de Diseño Web 2025

Diseño Responsivo y Adaptativo en 2025

El diseño responsivo sigue siendo una tendencia clave, pero en 2025, se espera que evolucione hacia un enfoque más adaptativo. Los sitios web utilizarán datos en tiempo real para ajustar automáticamente el contenido y el diseño según el dispositivo y el contexto del usuario. Esto significa una experiencia más fluida y coherente en cualquier plataforma, desde teléfonos móviles hasta dispositivos de realidad aumentada.

Tendencias de Microinteracciones Dinámicas 2025

Las microinteracciones, esos pequeños detalles que mejoran la experiencia del usuario, se vuelven aún más sofisticadas en 2025. Se espera que sean más intuitivas y predictivas, ofreciendo retroalimentación visual y auditiva que guíe al usuario de manera natural. Estas interacciones mejoran la usabilidad y hacen que la navegación sea más intuitiva y satisfactoria.

Predicciones Futuras del Diseño Web en 2025

A medida que la tecnología avanza, el diseño web también deberá adaptarse. La realidad aumentada y virtual empezarán a jugar un papel crucial en la creación de experiencias inmersivas. Asimismo, la accesibilidad se convertirá en una prioridad, con herramientas que aseguran que los sitios sean inclusivos para todos los usuarios.

En conclusión, las tendencias de diseño web 2025 se centrarán en la personalización, la adaptabilidad y la interacción intuitiva, aprovechando la tecnología para crear experiencias de usuario excepcionales.

Comparte este post:
Diseño Web - 08/08/2024
server-room-3d-illustration-with-node-base-programming-data-design-element (1)

Bases de Datos en WordPress con PHP

Últimamente, todas las webs empiezan y necesitan trabajar con Bases de Datos. A día de hoy, poder crearse un portal te relaciona en concreto con WordPress. Además, php es un lenguaje singular y muy útil a la hora de programar en la parte de FrontEnd. Combinando las tres cosas, se puede sacar algo bastante útil y necesario a la hora de trabajar con los datos en tu propio sitio web. Así que en esta publicación, voy a explicaros como usar Bases de Datos en WordPress con PHP.

Pasos a realizar para añadir bases de datos en WordPress con PHP

Lo primero, es hacer una llamada a los ficheros wp-config.php y wp-load.php. Esta llamada sería conveniente usarla entre las etiquetas <head> y </head>.

<?php

require_once($_SERVER['DOCUMENT_ROOT'] . $folder . '/wp-config.php'); require_once($_SERVER['DOCUMENT_ROOT'] . $folder . '/wp-load.php'); ?>

Luego, cuando llegamos a la parte donde queremos empezar a trabajar con una tabla de esa base de datos, añadimos la llamada a la SQL y la incluimos dentro de una variable PHP.

<?php

global $wpdb; $query_datos_top = 'SELECT * FROM tabla WHERE campo > 0 ORDER BY campo ASC;'; $results = $wpdb->get_results($query_datos_top); ?>

Aprovechamos también de que si en alguna página, pasamos una variable por la url, podemos recogerla y añadirla a la consulta.

<?php

$id = $_GET['id']; global $wpdb; $query_datos_top = 'SELECT * FROM tabla WHERE id IN ('.$id.') ORDER BY campo ASC;'; $results = $wpdb->get_results($query_datos_top); ?>

Por último, pasamos a la carga de la base de datos en WordPress con PHP. Los comandos que necesitaremos para poder recoger todos los datos de esta serán los siguientes:

<?php

$results = $wpdb->get_results($query_datos_top); if (!$results) { echo "Aqui no hay nada"; } else { foreach ( $results as $fila ) : $id= $fila->id; $nombre= $fila->nombre; echo 'La fila número '.$id.' tiene el valor '.$nombre; endforeach; } ?>

Esto recogerá la consulta. Si no recoge nada, imprimirá una frase que ponga "Aquí no hay nada". Sin embargo, al obtener un valor, creará un for each y recogerá todas las filas que obtenga, e irá una por una recogiendo los valores que pasamos en las variables. Por lo tanto, imprimirá en nuestra pantalla tantas frases como valores recogidos, con distinto id y distinto nombre, el correspondiente de cada fila. También, podréis incorporar código HTML dentro de los echo si queréis maquetar los resultados.

De esta forma, es como incorporamos Bases de Datos en WordPress con PHP. Espero que os haya sido útil, cualquier duda podéis añadirla en los comentarios.

Comparte este post:
Diseño Web - 01/25/2022
word-https-written-with-white-solid-letters (1)

HTTPS: Seguridad para tu web y como utilizarlo

La seguridad es algo que día a día va siendo necesaria a la hora de navegar por la red. No te puedes fiar de cualquier portal porque puede tener algún tipo de contenido malicioso y fastidiarte el dispositivo con el que navegues. Esto ha conseguido que a la hora de posicionar un portal web, esto le quite puntos a la hora de las búsquedas. Así pues, a la hora de comprar productos, tampoco puedes fiarte de una tienda que no encripte tus datos de compra y que alguien pueda obtenerlos y utilizarlos para su propio beneficio. Por eso, hoy en día, los portales webs van implementando poco a poco el protocolo https para añadir seguridad al envío de datos.

A continuación os voy a dejar información sobre este protocolo y cosas que te pueden suceder.

¿Qué es el protocolo https?

Https es el protocolo de transferencia de hipertexto segura que permite encriptar toda la información entre cliente y servidor. Funciona con el puerto 443 y usa un cifrado tipo SSL/TLS.

¿Como puedo implementar el protocolo en mi web?

De normal, deberías de preguntar a tu servidor los certificados de seguridad que ofrece. De normal, la mayoría suele ser de pago, aunque con suerte, algunos ofrecen el certificado gratuito de "Let's Encrypt". Si ves que tienes alguna dificultad de obtenerlo, puedes revisar la documentación en su web oficial (documentación en inglés). Con esto, ya podrás arrancar tu web con el protocolo de seguridad en tu dominio.

Tengo el certificado pero no me carga el https en el dominio, ¿Que hago?

A veces, puede dar este tipo de error, pero no hay que arrancarse los pelos. Puedes probar en coger tu .htaccess y añadir el siguiente código:

RewriteEngine On
RewriteCond %{SERVER_PORT} 80
RewriteRule ^(.*)$ https://www.dominio.com/$1 [R,L]

Esto te permitirá redirigir todos los dominios de tu web que esten en http a https.

¿Porque teniendo el certificado activado, me sigue diciendo que mi web en un sitio no seguro?

La gran mayoria de veces (por no asegurarte de que todas), este error suele provenir de que en alguna parte de tu web, ya sea alguna importación javascript, hoja de estilos, imagen, enlaces, etc… esta trayendo un enlace con http. Revisa todo tu contenido y cambia todos los enlaces que metas al protocolo seguro.

Si utilizas algún cms como WordPress o PrestaShop, no olvides revisar las bases de datos. En WordPress, deberías de añadir el https en siteurl y el home de la tabla wp_options.

También, si ves con todo esto sigues obteniendo el mismo problema, te recomendamos usar Really Simple SSL. Este plugin detectará todos los ajustes del tu portal y cambiará los http por https de forma automática.

Espero que os haya sido de utilidad. Cualquier pregunta sobre el protocolo, no dudéis en dejármela en los comentarios.

Comparte este post:
Diseño Web - 01/25/2022
bigdump-pc (1)

BigDump: Importa tus bases de datos pesadas

A la hora de importar grandes archivos SQL con muchas tablas e inserciones de registro, suele dar algo de conflicto a la hora de incorporarlos, teniendo que modificar parametros de php.ini como upload_max_filesize, memory_limit o el post_max_size. También puedes probar en utilizar programas que puedan cargar la base de datos como HeidiSQL o Workbench. Sin embargo, descubri BigDump como opción viable para trabajar con bases de datos grandes, e interesante para hablaros de él.

¿Que es BigDump?

BigDump es un fichero que funciona como importador de base de datos que lee todo tipo de inserciones, tanto generar tablas como insertar, actualizar y borrar registros. Este documento necesita que modifiques varias lineas para que cargue bien.

¿Que parámetros hay que cambiar?

Al principio, necesitarás añadir la configuración de la base de datos a la que quierás cargar los datos:

  • $db_server = "localhost"; (Nombre del Servidor)
  • $db_name = "database"; (Nombre de la Base de Datos)
  • $db_username = "user"; (Usuario)
  • $db_password = "password"; (Contraseña)

Luego, para indicar el fichero que quieres cargar debes de modificar:

  • $filename = "fichero.sql"; (Nombre del fichero)

Por último, puedes modificar el número de líneas que puedes importar. Si el fichero es grande y tiene 35.000 líneas, lo que debes de modificar es lo siguiente:

  • $linespersession = 35000; (Número de líneas)
  • $max_query_lines = 35000; (Máximo número de líneas)

Por último, este fichero lo colocáis dentro del servidor, aconsejablemente crear una carpeta donde añadir tanto este fichero como los archivos SQL que queraís importar (/db/("ficheros")).

Una vez hecho esto, puedes arrancar el fichero desde "Dirección web/db/bigdump.php" y este cargará el fichero de manera web.

Verás que tienes un enlace para arrancar el importador y una vez puesto en marcha, solo pueden pasar 2 cosas.

  1. Cargue la sql todo por completo y sin problemas.
  2. Salte algún tipo de error, lo que mostrará el motivo del error en la última línea.
    1. Si falla porque hay un campo desconocido, siempre puedes ir a la tabla origen y crear el nuevo campo o borrarlo de tu SQL.
    2. Si falla porque hay una clave primaría duplicada, quizás sea porque haya generado tu base de datos origen una clave primaria repetida, una de ellas pueda estar unida a otra columna conjuntamente.

Cualquier error que surja o aportación que puedas ofrecer, puedes comentármelo en los comentarios

Comparte este post:
Diseño Web - 01/25/2022
seo-optimization-modern-tech-php-syntax-highlighted-writing-programming-functions-on-laptop-big-data-and-internet-of-things-trend (1)

Como añadir codigo PHP en tus Posts

Con PHP podemos añadir varios códigos que puedan ofrecerle un diseño totalmente distinto a tus webs. WordPress, en general, gran parte de sus plantillas están creadas con PHP.

lo primero que habría que hacer es descargarse un plugin que nos de esa facilidad. El que probé yo es el de Insert PHP Code Snippet de XYZ Scripts. Una vez instalado, y activado, tenemos la opción de crear Snippets. Estos serán los que se encargue de llevar el código PHP en tus posts. Al crearlo te saldrán el campo para darle un nombre al Snippet y el campo para crear el código. El de nombre será el identificador de este Snippet. En el de código añadiremos todo el contenido que queramos incluir (añadiendo siempre las etiquetas de ). Un ejemplo, si tu quisieses incluir una página php al contenido de tu post, dentro del campo de código habría que añadir lo siguiente:

Una vez generado el código, te creará un Snippet Short Code que podrás utilizar para añadir dentro del post. Si lo copias y lo añades dentro de tu publicación, te reconocerá el código php generado. Otra opción es que al insertar este plugin, te genera una herramienta en la parte superior para añadir los Snippets. Tendrías que desplegarlo y seleccionar el Snippet que tu quieras utilizar en esa publicación. De esta forma, podrás añadir código PHP dentro de tus publicaciones. Espero que te haya sido útil, cualquier duda que quieras hacer, no dudes en preguntarla en los comentarios.

Comparte este post:
Diseño Web - 01/25/2022
instasave-screen-5-720x480

Repost: Comparte las publicaciones de tus amigos de Instagram en tu propia cuenta

En nuestras redes sociales, no siempre publicamos nuestro propio contenido, si no que también compartimos las publicaciones de otras cuentas, ya sean personales como profesionales. Sin embargo, con Instagram no tenemos la opción de compartir publicaciones de otros usuarios y en algunas ocasiones, llegamos a hacer una captura de pantalla de la publicación y subirla recortando solo lo que queremos mostrar.

Comparte este post:
Diseño Web - 03/24/2021
Close up of laptop with blank copy space screen for your text or information content. Cropped portrait of young female designer showing her project on laptop, pointing at the screen. Selective focus

BootStrap: Uso, Ventajas e Instalación

Si quieres dedicarte al tema del diseño web, creo que sería bastante recomendable que conocieras un poco el funcionamiento de BootStrap, ya que puede serte de mucha utilidad para la futura creación de proyectos webs.

Comparte este post:
Diseño Web - 01/24/2020

Copyright © 2024 All Rights Reserved