BLOG

Mi último contenido sobre actualidad de tecnología web, emprendimiento y más.

   
       

COMO VER LAS ANALITICAS DE NUESTRA WEB DE FORMA SOBERANA

                                   

Las analiticas web sin importantes ya que nos permiten visualizar las visitas que tiene nuestra página o aplicacion web, de donde proviene el tráfico etc

Cuando pensamos en ver las analiticas de nuestra web normalmente lo primero que pensamos es que nuestro CMS o constructor de webs ya nos da analiticas o en casa de que tengamos una web hecha a medida usemos o tengamos integrado Google Analytics

-En el caso de que usemos analíticas integradas hay que preguntarse si esas analiticas son fiables o provienen de una fuente que  podemos comprobar

-En el caso de que usemos Google Analytics pues bueno...No es una plataforma demasiado privacy friendly y además surgen problemas debido al uso abusivo de cookies etc

Entonces si queremos tener analíticas soberanas que podemos controlar y verificar necesitamos una herramienta de analítica de código abierto ya que esto permite que su funcionamiemto sea verificado por la comunidad de desarrolladores

Las mejores herramientas para usar en nuestra página web para medir analíticas son:

Plausible Analaytics: https://plausible.io

Fathom Analytics: https://usefathom.com/

Ventajas de usar estas herramientas

-Recolectan los datos de los usuarios de forma anónima por lo que no saltan molestos anuncios de cookies

-Sencillez de uso, tan solo tenemos que añadir una linea de código a nuestra web o integrarla en nuestro CMS vía plugin

-De acuerdo con las leyes y regulaciones

-Fiabilidad de los datos

-Mejora enorme de nuestra privacidad

-Generación de informes

-Manejo de multiples sitios web

-No afecta al rendimiento de la página

Aunque existen mas alternativas como Matomo o Open Web Analytics pongo estas dos de ejemplo porque estan realmente bien

Use fathom tiene algunas caracteristicas extra pero es algo mas caro. También es verdad que escala mejor si tienes enorme tráfico

Plausible es algo mas barato pero tiene una interfaz genial

Espero que este contenido te haya sido de valor y puedas usar estas analiticas para que tu web o ty negocio sea cada vez mas soberano

Vamos por mas        

                 

mie 24 ene 2024

   

POR QUÉ ES ALTAMENTE BENEFICIOSO LEER LIBROS DE DESARROLLO PERSONAL

Cuando te dedicas a una profesión o estás aprendiendo sobre un tema, tienes que volcarte en ello, sin embargo también es necesario aprender y saber de mas campos.

Independientemente de sea cual sea tu campo de estudio, en mi caso la informática, es de gran ayuda el desarrollo personal. Ya sea leer libros de desarrollo personal, asistir a seminarios, inscribirse en cursos o simplemente dedicarte tiempo a ti mismo y realizar actividades que te gustan y te hacen mejorar.

Estto es así ya que como se dice, tu nivel de éxito nunca podrá sobrepasar tu nivel de desarrollo personal, así que cuanto más te desarrolles personalmente, más éxito tendrás en las demás areas de tu vida, tanto profesional, relaciones etc. A mi es algo que me ha ayudado y me ayuda de forma incalculable, así que creo que es bueno hacer de ello una prioridad por encima de las demás áreas incluso la profesional ya que es la base del resto

Espero que este artículo te sea de valor!

LA IMPORTANCIA DE SABER BASES DE DATOS COMO DISEÑADOR WEB

Como diseñador web front-end como es mi caso, también es muy util conocer sobre backend y bases de datos

Esto es así porque hoy en dia casi todas las webs o aplicaciones web consumen o utilizan de alguna forma bases de datos ya sean relacionales o no relacionales

Las bases de datos normalmente se realizan y se consultan mediante el lenguaje SQL y la base de datos MySQL

Aprender este lenguaje de consulta y manejar los sistemas gestores de bases de datos lleva algo de tiempo pero merece la pena ya que una vez lo aprendes te servirá por mucho tiempo y mejorará tu habilidad a la hora de realizar proyectos. No es necesario ser un experto en backend si te dedicas al diseño y desarrollo frontend pero un buen profesional tiene que tener un conocimiento expecializado pero a la vez defenderse en todas las areas de su campo.

Espero que este artículo te sea de valor!

TENDENCIA DE DISEÑO: EL MODO OSCURO

El diseño marca una diferencia brutal hoy en dia en las webs, apps, tiendas online, productos digitales... Así que hoy explico por qué el modo oscuro o diseño en dark mode es cada vez mas importante.

Evidentmente en el diseño entran en juego los gustos de una persona, y aunque hay gente que prefiere tener todo en modo oscuro, hay gente que lo prefiere en modo claro. Sin embargo el modo oscuro o los diseños con paletas o temas oscuras es muy beneficioso para el usuario ya que hoy en dia pasamos mucho tiempo con pantallas y las paletas clara reflejan mas luz cansandonos mas la vista.

En cambio el modo oscuro nos permite pasar mas tiempo en un sitio web sin que se nos canse la vista tanto, y facilitandonos la lectura. Además queda más estiloso en mi opionion

En conclusión, creo que en general hay que priorizar el diseño en modo oscuro o al menos añadirlo como un opción para el usuario

Espero que este artículo te sea de valor!

LA CONSTANCIA COMO AUTODIDACTA

El estudio autodidacta es genial, sin embargo hoy quiero compartir un punto clave que es muy necesario para poder tener éxito como estudiante autodidacta ya sea de programación, diseño o cualquier disciplina

Este punto clave es la constancia, ya que sin ella no avanzaremos como deberíamos. Esto es así porque normalmente el sistema educativo, nos ha acostumbrado a aprender guiados por un profesro, un temario, un grupo de compañeros...Entonces esto de alguna forma nos volvía DEPENDIENTES a aprender siguiendo esos métodos. Entonces cuando nos vemos solos y sin esos métodos a veces no sentimos ese empuje para avanzar

Con esto no quiero decir que tener un profesor o una guia/método sea malo, en absoluto. De hecho aunque seamos autodidactas, casi siempre vamos a requerir de un mentor o alguna hoja de ruta de aprendizaje. La diferencia es que como autodidactas nosotros tomamos una guia o ayuda de un mentor pero luego es nuestra responsabilidad avanzar en el estudio y nadie nos va a estar recordando a que hora tenemos que ponernos a estudiar o que ritmo..

Por eso es muy importante, dentro de una flexibilidad, tener disciplina militar a la hora de programarnos un tiempo a diario para el estudio. En ese tiempo debemos evitar las distracciones en la medida de lo posible y centrarnos 100% en el estudio o la practica en este caso del desarrollo y diseño web. Da igual si coincide que es el dia de navidad, nuestro cumpleaños o lo que sea. La idea es construir ese hábito para que fomre parte de nosotros y seamos unas personas que no fallamos. Teniendo ese hábito alcanzamos un alto nivel de conocimiento y habilidad en un área antes de darnos cuenta

Al principio es dificil mantener la constancia, es algo que le cuesta al 99% de la población, pero en cuanto conseguimos tener constancia en algo, ya nada nos para y esa constancia fluye a otras áreas de nuesta vida, mejorandonos en todos nuestos aspectos

Entonces la conslusión es ser constante en el estudio y práctica casi diaria, no fallar a nuestra palabra, y contruir esos hábitos como una prioridad ya que sera el sustento de todo lo que hagamos. Si uno no cuida estos hábitos da igual cuanto sepa ya que no estará aprovechando su potencial

Espero que este artículo te sea de valor!

QUE DISTRIBUCIÓN DE LINUX USAR EN NUESTRO PC

En un artículo anterior hablé ya a cerca de las razones por las cuales es interesante usar Linux aunque no seas un usuario experto, simplemente como desarrollador, diseñador o usuario normal, el uso de Linux tiene muchas ventajas.

Pese a que mi sistema de uso cotidiano es MAC OS, al adentrarme algo mas en Linux he tenido que plantearme que distribución puede ser la más adecuada para mi, así que en este articulo hablaré de las distribuciones que me han parecido más interesantes así como sus casos de uso

Eso sí, antes que nada decir que lo primer al comenzar a seleccionar una distribución de Linux es hacer un estudio de las características de nuestro PC o máquina para saber con que características de software y hardware contamos para poder elegir la distribución que mejor se adapte. En este sentido es bastante importante tener en cuenta sobre todo 3 cosas MEMORIA RAM, ALMACENAMIENTO Y NUCLEOS DEL PROCESADOR/TIPO.

1. Debian: Debian es una distribución de Linux desarrollada por la comunidad y altamente estable por lo que es una opción ideal si uno quiere contar con toda la potencia de Linux. Además, a mi personalmente me parece muy importante la estetica y la interfaz y la de Debian me parece muy cuidada. Si la interfaz no es tan importante para ti puedes preferir quizas otra distribución como Arch Linux. La página oficial de Debian es la siguiente: https://www.debian.org/.

2. Linux Mint: Linux Mint es una distribución relativamente ligera basada en Debian y Ubuntu. Es ideal para gente que se está adentrando en Linux y viene del mundo de Windows ya que la interfaz es muy similar y sencilla de usar. La interfaz esta bien cuidada y es estable y "community driven" al igual que Debian. La web oficial de Linux Mint es la siguiente: https://linuxmint.com/

3. Ubuntu: Ubuntu es una distribución muy estable e ideal para principiantes. Cuenta con toda la potencia de Linux y una interfaz muy intuitiva. El punto negativo de Ubuntu y que a mi personalmente no me gusta es el hecho de que parece ser que tiene ciertas empresas muy involucradas en su desarrollo, lo que para mi le hace perder atractivo ya que lo interesante de Linux es precisamente el hecho de ser software libre y open-source. La página oficial de ubuntu es la siguiente: https://ubuntu.com/

4. Lubuntu: Esta distribución es extremadamente ligera, pensada para ordenadores antiguos o máquinas pequeñas con pocos recursos. Esto es genial, y muy interesante ya que nos abre un mundo de posibilidades. Como punto negativo de esta distribución es el hecho de tener una interfaz excesivamente sencilla y algo fea ya que tiene que ser muy ligera. Su página oficial es la siguiente: https://lubuntu.me/

Espero que este artículo te sea de valor!

POR QUÉ APRENDER A USAR LINUX

Bueno en este pequeño articulo me gustaría comentar por que es interesante Siendo desarrollador o incluso un usuario normal de ordenadores, usar el sistema operativo Linux, familiarizarse un poco con el

Pues aunque muchas personas lo desconocen, a parte de MacOS y Windows, existen otros sistemas operativos y uno de ellos es Linux

Lo interesante de Linux es que es un Sistema basado en software libre y en general es mantenido por una comunidad de desarrolladores. Esto significa que no hay una empresa o entidad centralizada que tome decisiones o que pueda tener intenciones comerciales

En este sentido el uso de Linux aunque tiene una curva de aprendizaje te puede dar grandes beneficios para un usuario en busca de:

-Soberanía

-Mas utilidades

-Privacidad

-Capacidad ilimitada de personalización

Para usar Linux, generalmente se puede hacer de dos formas

1. Virtualizando el sistema mediante una máquina virtual: Esto crea un sistema virtual a parte dentro de tu ordenador que esta totalmente aislado de tu máquina principal y usa una pequeña parte del espacio de tu disco para correr este sistema. Todo dependerá del espacio que le puedas dedicar y la potencia de tu máquina pero podrás usarlo para actividades que no requieran una excesiva potencia. Algunos de los principales software de virtualizacion son VirtualBox, Parallels o VMWare

2. Partición de disco. Este método consiste en realizar una partición en el disco duro de tu ordenador y poder así iniciar el ordenador con el sistema base y el sistema que se desee instalar. Obviamente esto hará que repartas la potencia del ordenador en ambos sistemas

En resumen Linux es una opción muy interesante hoy en día por todas las posibilidades que ofrece, si bien quizás para el uso del día a día no es tan apto para el usuario medio, se le puede sacar mucho partido

También es importante tener en cuenta que la potencia de tu máquina influirá mucho la capacidad que tu ordenador podrá dedicar el nuevo sistema que instales

Por otro lado decir que una de las principales ventajas de Linux es que tiene múltiples versiones o "distribuciones/distros" que ocupan muy poco espacio y son muy ligeras.

Espero que te animes a probar y te adentres más en el uso de Linux como yo estoy haciendo. Dejo aquí un enlace a una guía para usar Linux muy útil: linuxjourney.com

Espero que este artículo te sea de valor!

MI EXPERIENCIA USANDO BOOTSTRAP PARA DESARROLLO WEB

Además de usar CSS puro, o CMS como Shopify o Webflow para diseñar webs, existen diferentes frameworks para CSS con los que podemos ayudarnos para hacer nuestros diseños mas rápido o con más recursos. Algunos de estos frameworks son Bootsstrap o Tailwind por ejemplo.

En este artículo hablaré de mi opinion y experiencia usando Bootstrap en algunos proyectos web, a fecha de 2023.

La verdad es que antes de usar ninguna herramienta, lo mejor es que nos paremos un poco a pensar en porque la queremos usar y si es necesaria, ya que en la mayoría de los casos lo mejor es usar los basicos, en este caso CSS puro. Siempre y cuando lo hagamos por buenos motivos y no solo por tendencia, muchas veces es muy util y nos agiliza mucho el trabajo el uso de frameworks y herramientas.

Si que pienso que hay que ser consciente de cuando usarlo, ya que cada vez que usamos una herramienta que funciona por encima de la capa básica, en este caso CSS, estamos creando nuevos niveles de abstraccion y esto añade cierta complejidad a nuestro proyecto y código. Si bien no tiene porque ser algo malo, siempre hay que tratar de mantener las cosas lo mas simples posible.

Yo uso Bootstrap sobre todo cuando tengo que hacer un proyecto complejo y no quiero tardar demasiado tiempo, ya que los componentes y temas de bootstrap me agilizan mucho el proceso de desarrollo. Un ejemplo sería el diseño de una tienda e-commerce o una web corporativa. Para usar Bootstrap basta con añadir algunos archivos e añadir un par de lineas de código en nuestro HTML del proyecto. Toda la informacion sobre su uso está en la documentacion y su página oficial: https://getbootstrap.com/.

Aunque Bootstrap es genial, añade algo de peso al proyecto y cierta complejidad, además de que a dia de hoy está surgiendo competencia con Tailwind, que es un framework similar basado en utilidades, mas moderno, y que estaré probando proximamente

Espero que este artículo te sea de valor!

3 TIPOS DE ANIMACIÓN WEB que uso en 2023

Uno de lo factores que hacen dinamica y destacar a un sitio web actualmente son las animaciones. Las animaciones tienen multitud de beneficios usadas con moderación e intencón a nivel de interfaz de usuario, pero esto lo dejaré para otro artículo. Hoy me centraré mas tecnicamente en los tipos y formas de animacion CSS que yo más uso actualmente y puedes incluir en tus proyectos para que sean increibles.

1. AOS: Animation On Scroll es una librería disponible en Github que podemos incluir en el código de nuestra web para poder animar los Div de forma que realicen entradas laterales, frontales, etc. Adeás podemos gestionar la duración o suavidad de las mismas. Son animaciónes muy sencillas, pero normalmente los mas sencillo es lo que mejor funciona en cuanto al estilo así que creo de gran valor esta librería. Podemos acceder desde: https://michalsnik.github.io/aos/. Para usar la animación solo hay que seguir las indicaciones en la documentación.

2. LOTTIE ANIMATIONS: https://lottiefiles.com/ Estas animaciones Lottie son geniales ya que se comportan como un gif pero con una nitidez increible. Estan basadas en el formato Json y además pueden ser creadas en Figma e importadas a esta plataforma. Esta plataforma cuenta con una potente libreríade animaiones gratuita creada por los usuarios así como de pago. Podemos usar estas animaciones siguiendo los pasos de su documentación en: https://lottiefiles.com/blog/working-with-lottie/how-to-add-lottie-animation-in-web-page-html, pero realmente es tan simple como seleccionar nuestra animación y copiar el codigo html que nos proporciona su web.

3. ANIMACIONES CSS: Esta es poiblemente una de las formas más puras y que más customicación nos facilite. Consiste en crear las animaciones mediante puro códgo css con Keyframes. Realmente estas animaciones van a verse con gran dinamismo y nitidez aunque quizas su implementación no es la más sencilla. Salvo que estemos muy interesados en el tema de la animación, lo normal es que no las hagamos nosotros mimsos y las busquemos ya creadas en internet para mayor eficiencia. Sin embargo con tiempo, uno mismo puede crear sus propias animaciones en su web para que luzcan lo más customizadas posible.

Usando cualquiera de estas animaciones o una combinacion de las mismas, lograremos una interfaz de usuario moderna y dinámica. Aún así, siempre es importante recordar el principio KISS (Keep it simple) a la hora de hacer interfaces de usuario ya que como dicen "La simplicidad es la última sofisticación".

Espero que este artículo te sea de valor!

5 RECURSOS INCREIBLES que puedes usar para APRENDER DESARROLLO WEB

Aprender diseño y desarrollo web autodidacta puede parecer un desafio para algunos, pero en mi experiencia, es una tarea cada vez mas sencilla debido a la cantidad de recursos que tenemos disponibles hoy en dia

Si bien es verdad que un punto negativo es que al haber tanta informacion, uno puede llegarse a sentir abrumado con tantos recursos y herramientas. Por eso y como yo he tenido que hacer una busqueda para encontrar dichos recursos, en este articulo te ahorrare tiempo mostrándote los recursos que yo utilizo para aprender desarrollo y diseño web

1. YOUTUBE: Sin duda la mejor herramienta. Existen diversos canales sobre diseño y desarrollo web, te animo tambien a buscar contenido en ingles ya que en mi opinion hay mas variedad y mas calidad que el contenido en español aunque en español hay canales brillantes.

2. W3SCHOOLS: W3Schools es una pagina web donde tienes infotrmacion y recursos muy ordenados sobre todo lo que involucra programacion y desarrollo.

3.FREECODECAMP y MOZILLA DEVELOPER NETWORK: Muy similares al anterior, son webs con cursos y certificados sobre programacion en multitud de lenguajes

4. UDEMY: Otro de mis recursos favoritos, es un portal de venta de cursos online donde puedes comprar cursos de tus creadores favoritos o incluso vender los tuyos propios.

5. STACKOVERFLOW: Es un gran recurso cuando tienes un problema y no sabes de donde procede. Stackoverflow es un foro de programacion donde posiblemente encuentres ayuda o solucion a tus problemas que al final del dia todo diseñador o desarrollador se topa a lo largo de su dia o semana :). Al final y en el fondo, todo esto va de resolver problmas.

En conclusión, decir que estos recursos son MUY utiles y yo los estoy usando mucho mientras aprendo o hago proyectos. Pero al final donde mas aprendes es eso, haciendo cosas diseñando y creando,o estudiando el trabajo de otros diseñadores y desarrolladores. La teoria esta bien pero la practica hace el 80% de la magia.

Espero que este artículo te sea de valor!

Como alojar una web en internet | Tipos de Hosting

Una duda muy frecuente cuando queremos subir una web a internet o comenzamos a desarrollar/ diseñar nuestro propio proyecto o idea es: Como alojo mi web en internet?

Pues bien en internet, y por simplificarlo mucho, la web funciona con un modelo llamado cliente/servidor. Es decir por lo general todas las webs que visitamos están alojadas fisicamente en algún tipo de servidor. Nuestro navegador en el ordenador, solicita informacion sobre dicha web al servidor y este nos la muestra.

Entonces podemos alojar nuestra web en un servidor propio o en uno externo de una empresa. En este articulo voy a hablar de los diferentes servicios de hosting web que nos proporcionan empresas de terceros ya que es el metodo más común y el que yo más he usado hasta la fecha. Aunque existen otras formas muy recomendables dependiendo del tipo de proyecto y circunstancias

A fecha de 2023 mi selección de hostings para proyectos web front end es el siguiente:

GITHUB PAGES: Este hosting se enmarcaria dentro de los hostings gratuitos, ya que con algunos conocimientos tecnicos, podemos alojar nuestro proyecto web en Github y añadirle nuestro propio dominio opcionalmente. Es recomendable para proyectos personales no muy enfocados en la venta a gran escala o para prototipos y portafolios

NETLIFY: Este servicio de Hosting es muy profesional y rapido. Lo mejor es que cuenta con una parte gratuita, por lo que podremos alojar proyecto serios de forma gratuita y con dominio propio, aunque eso si, con algunas limitaciones de tráfico y caracteristicas. Si la plataforma nos gusta mucho podremos escalar nuestro proyecto pasando a un plan de pago.

HOSTINGUER: Es una plataforma que quiero probar pronto. Tengo muy buenas referencias sobre la plataforma en cuanto a soporte, seguridad, tipos de planes y formas de pago. En definitiva esta empresa es muy profesional y sera recomendable para proyectos serios o enfocados a la venta, donde queremos tener un buen servicio tecnico por parte de el hosting en caso de que algo no vaya bien.

Finalmente decir, que aunque estos servicios son los mas utilizados, hay formas como alojar nosotros mismos nuestros proyectos que nos otorgaran mayor soberania y control a expensas de mayor trabajo de mantenimiento. Al final todo depende del objetivo del proyecto y las circunstancias.

Espero que este artículo te sea de valor!

Lo que más me gusta del desarrollo y diseño web es esto

Una de las cosas que más me gusta del desarrollo y diseño web es la capacidad que tiene para ayudar y resolver problemas de personas y negocios, pero por otro lado, lo que más me gusta es que cualquiera puede aprenderlo sin importar su situación de estudios, geográfica, edad etc...

Me explico:

Una de los factores que mas me hizo volverme casi completamente autodidacta fue el bofetazo de realidad que tuve con la universidad. No solo no enseñan conocimientos actualizados sino que muchas vezes lo enseñan mal. Yo he llegado a ver temario de desarrollo web en una carrera de ingeniería donde pretendian que aprendieses a hacer webs modernas en 2meses dedicandole 3h a la semana y llevando una ruta de aprendizaje nefasta.

Ahí comencé a aprender por mi cuenta y descubrí que en desarrollo web programacion o diseño, tienes total libertad para aprender y recursos en internet buenisimos

No tienes por que limitarte a aprender solo lo que enseñan en la universidad o escuela. Es más, ni siquiera necesitas una escuela si no tienes acceso a ella. No importa demasiado tu pais de procedencia, edad, género. Solo necesitas un ordenador medianamente decente, una conexión estable a internet y muchas ganas de esforzarte y darlo todo.

Además vas viendo tu progreso y como vas creando cosas, y para las personas que nos gusta crear y diseñar, hay pocas cosas más gratificantes que eso.

Espero que te halla gustado mi reflexion y te animes a aprender por tu cuenta.

Todo lo que debe incluir un sitio web

A la hora de subir un sitio web, para que sea pro, hay que chekear que en el siempre incluimos lo siguiente:

-Archivos html, css, js, frameworks carpetas...

-Favicon. Ver si meter numero de whatsapp y RRSS

-Nombres correctos en español o ingles de los id de las secciones de La web puesto que es lo que se ve en el buscador

-Páginas legales, cookies, privacidad...

-Icono de copyright

-Enlaces a redes sociales, si necesario

-Formulario de contacto funcional y antispam, si necesario

-Logo o nombre

-Chekeo capa de ux/ui junto con su copy

-Chekeo de medidas seguridad de datos

-Pasarela de pagos o API si necesario

-Dominio y hosting

-Métricas de visitas y cookies si necesario

-Copia o backup con códigos y claves

-Pequeña optimización seo, si necesario

-Ver que las url están limpias activando pretty url en el Hosting y eliminando los .html de los href de todo el proyecto. O como 2a opción si lo anterior no funciona con un archivo .htaccess

Importancia del diseño y rendimiento de un sitio web

Aquí un resumen de la importancia del diseño y el rendimiento de un sitio o aplicacion web para un negocio online

Un diseño web interactivo puede incrementar la retención del usuario en hasta un 60%

Los aspectos relacionados al diseño contribuyen al 94% de la impresión inicial del cliente

Compañias con buenas prácticas de diseño crecen un x2 más rápido

Muy pocos sitios web webs cumplen con las espectativas del usuario y el 80% abandona un sitio si no se ve correcto en mobil

Dos de los mayores motivos por los que un usuario abandona una web son la carga el lenta 88,5% y un mal diseño 73% y 38,5%

Los errores de diseño web mas habituales cometidos por pequeños negocios. Un diseño confuso y desorganizado 85%, no incluir llamadas a la acción 39%, o mala navegación

Los elementos visuales que los clientes mas valoran en la web de un negocio

Importancia del formato video. El video-contenido tiene una tendencia al alza en internet

Un diseño interfaz agradable y que no sea agresivo para al usuario será cada vez mas importante

Un 48% de usuarios opina que un mal diseño es una muestra de que una empresa no cuida su negocio

link articulo con las estadisticas: Articulo: https://www.linearity.io/blog/web-design-statistics/

Textos legales en un sitio web

digital

Un sitio web ademas de su contenido, si se va a subir a internet debe tener según el pais unos textos legales incluidos en el, normalmente en el footer.

Lo mejor es estudiar cada caso y consultar sitios especializados en legalidad.

Normalmente suele ser necessario añadir: Politica de privacidad y cookies, terminos y condiciones, aviso legal. Es un rollo añadir esas cosas, pero la realidad es que hay que adaptarse a la legalidad de los diferentes paises y zonas, entonces es mejor evitar futuros problemas subiendo estas paginas ya que se tarda poco en hacerlo.

Cual es el papel de un sitio web en un negocio online

digital

En un negocio que funciona online hoy en dia, el sitio web o app es una parte fundamental.

En el digrama de la imagen esta el flujo que sigue un negocio online y el papel de la web.

Es importante una buena e intuitiva interfaz en la web y que esto ayuda a que los clientes o personas que quieren hacer uso del servcio o producto puedan navegar por el sitio facilmente y tengan una buena experiencia.

Por otro lado es importante que tenga una buena funcionalidad para que se puedan cumplir las funciones de la web

Aquí un punto importante es la pasarela de pago ya que en el caso de que se vendan productos o servicios, es muy conveniente usar una. Esto nos ayudara a gestionar todos los pagos poder visualizar clientes, calcular los ingresos...

Algunas de las mejores y más usadas pasarelas de pago son Stripe o Paypal. Si bien son las mas usadas, hoy en dia tambien esta ganando fuerza el uso de Bitcoin como forma de pago y se estan creando nuevas pasarelas mucho mas rapidas y sin comisiones apenas. Ya que las pasarelas de pago tradicionales cuentan con comisiones por usar sus servicios.

Con todo esto se ve lo importante que es la parte digital de nuestro trabajo o negocio a dia de hoy y porque hay que darle valor a un sitio web y todo lo que engloba como punto de intercambio de valor entre personas.

📈Como aumentar tu productividad y dejar de perder tiempo

digital

Desde que comencé a aprender sobre diseño web, programación y he trabajado en mis proyectos, he estado buscando formas de ser más productivo.

Aumentar tu productividad es necesario y más cuando estás emprendiendo un proyecto, trabajando, llendo al gimnasio... En definitiva, haciendo varias cosas a la vez en tu dia.

Después de leer varios libros y probar muchas cosas, lo que me funciona actualmente es lo siguiente:

1. Levantarte temprano: Esto ayuda a ganar muchas horas del dia además de que hay muchas menos distracciones por la mañana

2. Menos es más. Centrarse solo en las tareas importantes que te van a dar mas resultados y dejar el resto para mas adelante.

3. Eliminar todads las distracciones. Limitar el uso de las redes sociales y no estar chekeandolas a todas horas, evitar la multitarea. Se pueden tener ratos de ocio eso es muy sano, pero no estar distraido constantemente que es algo cada vez mas común.

4. Tener un calendario y una TO-DO list, o lista de cosas que hacer. Esto nos permite guiarnos y saber que tenemos que hacer cada dia. Es muy dificil orientarse sin un mapa. Nuestra lista es nuestro mapa.

Ser productivo es algo que toma tiempo de aprender y yo estoy en el proceso, mejorando cada vez mas en ello. Poco a poco haciendo pequeños cambios vas viendo como comienzas a hacer mucho mas de lo importante, menos de las cosas que no valen para una mierda y empiezas a avanzar MUCHO MAS y ganas claridad.

Espero que te haya servido este contenido!

Como subir un sitio web a internet con Github Pages

digital

Hay diferentes formas de subir un sitio o proyecto web a internet, y hace poco he descubierto una de las mejores y mas eficientes formas para hacer esto.

Este hosting se llama github pages y esta vinculado a github. Github es un sitio web de control de versiones de software. Por ello, una de las principales ventajas de usar github pages es el hecho de que podemos editar nuestro software del proyecto desde github y al estar el proyecto alojado en github pages, los cambios se veran reflejados directamente en nuestra web. Esto se llama despliegue continuo y nos facilita mucho la vida a la hora de estar actualizando webs o subiendo contenido

Además es gratuito, aunque con ciertas limitaciones. Siempre se podrá hacer un upgrade a una versión de pago si necesario.

Por supuesto se puede añadir un dominio personalizado y muchas funciones más. El sitio oficial es https://pages.github.com/

Espero que te haya servido este contenido!

Como crear un formulaio de contacto sin backend con Formspree

digital

Tener un formulario de contacto es muy importante en cualquier sitio web o aplicacion, así que siempre vamos a querer evitarnos futuros problemas y crear un formulario sencillo y que funcione cuanto antes

La forma tradicional de hacer esto es con un formulario que nos proporcion un creador de webs o si creamos la web a mano pues un formulario programado con su backend y todo

Pero una forma mas sencilla y funcional de hacerlo es usar un servicio third-party de formularios. Estos servicios nos permiten crear formularios solo haciendonos cargo de la parte front end y ellos se encargan del back end. Esto nos simplifica mucho las cosas en muchos casos cuando tenemos una web estatica o simplemente no queremos lidiar con la parte backend del proyecto

Una forma de hacerlo es usando el servicio de formularios de Formspree. Solo hay que seguir los pasos que indican en su web, registrarse y listo, se tardan 5min.

Una de las ventajas de usar este tipo de formularios es que ademas de ser faciles de usar, nos mandan una notificacion al correo siempre que alguien nos rellena un formulario y además, podremos migrar la web de hosting sin que esto afecte a la funcionalidad del formulario ya que depende de una third-party y no del servicio de hosting como pasa en netlify-forms

Espero que te haya servido este contenido!

Reseña Hosting Serverless de Netlify

digital

Netlify tiene un servicio de hosting sin servidores muy interesante para comenzar proyectos

Una de las ventajas de usar netlify es que al inicio su hosting es gratuito y muy rápido, además de servir para crear formularios funcionales con Netlify forms

En definitiva es una gran opcion para alojar proyectos web que comienzan o que requieren poco mantenimiento de forma rapida, sencilla y gratuita. Si quisieramos escalar los servicios que nos ofrece tendriamos que pensar en cambiar a un plan de pago o quizas optar por otro hosting gratuito algo mas complejo como github pages o uno de pago como Hostinguer

Como hacer animacion on scroll en web con la libreria AOS

digital

Hoy en dia un elemento que le da dinamismo a un sitio web, le mejora el UX y la hace mas moderna es el uso de animaciones

Una de las formas mas simples y efectivas de añadir estas animaciones a un sitio web, sin tener que hacer uso de ningún CMS o tener que escribir demasiado código, es el uso de la librería AOS https://michalsnik.github.io/aos/

Esta libreria se trata de un proyecto de github en el que te indica como añadir animaciones a tu proyecto mediante el uso de ciertas clases que tienes que añadir en los div o partes que quieres animar

Simplemente accedes a su sitio web, sigues las instrucciones de uso que consisten en añadir un par de lineas de codigo a tu sitio para enlazarlo con la libreria y a continuación usar sus clases para animar

Es algo muy simple y con unas posibilidades y potencial enorme para su uso en proyectos y diseño de interfaces

Como crear un formulario web funcional con Netlify forms

digital

Una parte fundamental en un sitio web es tener un formulario de contacto claro y funcional

Una buena solución es usar Netlify Forms haciendo uso del hosting serverless de Netlify. Esto nos permitira crear un formulario sin tener que tocar el backend del sitio. Solo son necesarios unos conocimientos básicos de desarrollo web para implementarlo. Es importante notar que este formulario solo funcionarasi la web está alojada en Netlify

Para proyectos pequeños o que comienzan es una gran solución. Para sitios mas avanzados se podria estudiar un formulario con backend en un hosting mas controlable por el desarrollador u otro tipo de servicio que te otorgue más control, seguridad y confidencialidad.

Los pasos para crear el formulario son los siguientes:

1. Diseñar un fomulario en nuestro sitio web

2. Introducir en tu código las clases de Netlify que vienen indicadas en la documentacion de Netlify: https://docs.netlify.com/forms/setup/

3. Activar la detección de Forms en tu sitio de Netlify y comprobr que los está reconociendo y no hay errores

4. En la sección Notificaciones del formulario indicar un correo electrónico al que queremos que nos lleguen los mensajes. Un punto negativo a notar de este servicio es que la comunicacion por correo aquí no tiene mucha confidencialidad. Por tanto hay que ver en que casos o tipos de negocios se adapta bien este servicio.

5. Hacer pruebas y comprobar que funciona correctamete

Espero que te haya servido y aportado valor este artículo, si tienes mas sugerencias de contenido o alguna duda no dudes en contactarme

Crear una Web con código VS usar un CMS

digital

¿Qué es mejor, crear una web desarrollandola a base de código o usando un CMS como Wordpress?

Esta pregunta es una que yo me he estado haciendo, y es importante llegar a una conclusión debido a la cantidad de CMS que se usan hoy en dia.

Los CMS están de moda porque algunos venden, supuestamente, rapidez y facilidad de uso a la hora de diseñar págianas web

Al final del día y según mi experiencia, no son tan faciles de usar si tu proyecto es medianamente serio y no una página de muestra o que haría un niño. Además pueden tener fallas de seguridad bastante a tener en cuenta

Ahora esto no quiere decir que no haya CMS buenos. Los hay muy útiles como Shopify para e-commerce o Wordpress para Blogging

Pero en general, salvo en casos concretos o complejos como por ejemplo e-commerce, siempre será mejor desarrollar con código un proyecto y diseñarlo sin intermediarios. Ya que esto nos da un mayor control, menos puntos de fallo y mayor escalabilidad a largo plazo

1 año estudiando programación web. Esto es lo que he aprendido

digital

En el ultimo año he estado estudiando a fondo las bases de la programaciony el desarrollo web y estos son los conceptos que he encontrado más importantes hasta el momento

El desarrollo web engloba más cosas de lo que podría parecer. Aunque en un principio no son necesarios, es importante aprender o tener algo de conocimento en temas como ciberseguridad, criptograia, redes o diseño.

No hay que ser un experto en todo pero si tener un conocimiento tecnológico general

Otro punto es que es importante seguir una guia de aprendizaje lógica y paso a paso. Si tenemos un mapa avanzamos más rápido, si no iremos dando bandazos. En el desarrollo web es una gran idea seguir la siguiente ruta: 1.HTML 2.CSS 3.Git y github 4. JS 5.Bases de datos 6. Algún lenguaje backend 7.Algo de UX/UI

Otro cocepto que saco en claro es que las interfaces de usuario y la experiencia de uso son muy importantes ya que la experiencia y la facilidad de uso lo son casi todo

Es importante la funcionalidad, pero es igual de importante que el usuario encuetre estética y facil de navegar una página o proyecto. No hagas pensar al usuario!. Literalmente la información tiene que estar mostrada "pa tontos". Ya que todos tenemos cosas en la cabeza y cuando entras a una web lo ultimo que quieres es pelearte para encontrar las cosas.

Presente y futuro del desarrollo web

digital

Llevo ya un tiempo aprendiendo sobre desarrollo web y todo lo relacionado con ello, y he podido darme cuenta de algunas cosas que creo que son y seran importantes a futuro

Ahora hay una gran tendecia por lo facil y rápido en general, y esto se ve tambienen el desarrollo web con la proliferacion de CMS como Wix y demás.

Ahora, no creo que estos CMS necesariamente estén mal, pero si quieres construir algo sólido y escalable, lo lógico es desarrollar algo a base de código o con un CMS cuidadosamente elegido

Cada vez se fomenta más la gratificación instantánea y esto es bastante negativo. Por otro lado cada vez se requiere de proyectos más sólidos para dar demanda a las necesidades del mercado

Así que apostar por HACER LAS COSAS BIEN, va a destacar mucho y dará una gran ventaja en un mundo donde pocos quieren poner el trabajo

Como usar la era digital a tu favor

digital

NO HAY MARCHA ATRÁS. La era digital llegó hace tiempo para quedarse.

Desde 2020 esta transformación digital se ha acelerado enormemente con todas las cosas que han pasado. Entonces solo hay 2 opciones que podemos tomar, quejarnos de la tecnología y como nos está dificultando las cosas (que en parte es algo verdad), o tomar acción viendo sus ventajas y USAR LA TECNOLOGÍA EN NUESTRO FAVOR.

Creo que si queremos progresar solo nos queda tomar la 2a opción y usar todas las ventajas de la tecnología para mejorar y llevar al siguiente nivel nuestra vida ya sea mejorando nuestro negocio con una web, usando pagos digitales o usando las redes sociales para hacer llegar nuestro mensaje al mundo.