Recordar todo el código relativo a las estructuras Grid en CSS puede ser un poco tedioso: contenedores, justificar, jerarquías… pero en esta web: grid.malven.co, tenemos la posibilidad de acceder rápida y fácilmente a todos ellos, con ejemplos ilustrativos.
Google acaba de anunciar reCaptcha v3. Respaldado por el ya tan de moda Machine Learning, nos prometen un sistema de validación transparente para el usuario. Si alguien se anima a probarlo, estaré encantado de leer su análisis y experiencia con el mismo.
Últimamente estoy bicheando Laravel y VUE, creo que son dos entornos muy potentes (frameworks) para desarrollo Web. Os dejo un par de tutoriales (inglés), bastante completos, con los que familiarizaros con ellos:
Las imágenes y los códigos Java Script son los principales responsables del tiempo de carga de cualquier web (y más hoy en día). Así que, cuando queremos optimizar esta velocidad (un factor importante para el posicionamiento), revisar ambos puntos es una cuestión primordial. He encontrado un tutorial online, gratis y en inglés, sobre cómo hacerlo. Algo técnico, pero muy detallado.
El otro día, navegando por Internet, me di de bruces con un plugin para WordPress de lo más interesante. Se trata de Whatsapp Me, una alternativa estupenda si queremos dar soporte de chat en nuestra página. Con solo configurar un teléfono móvil, y activando el plugin, nuestros visitantes verán un globo de Whatsapp con el que nos podrán abrir un chat en directo. De lo más práctico, ¿verdad? Pues -además- es gratis 🙂
Últimamente estoy maquetando y he descubierto el sistema Grid de CSS. Me ha parecido tan maravilloso que me he sentido obligadísimo a compartirlo con vosotros. Os comentaría alguna de sus ventajas, fundamentos y peculiaridades, pero -la verdad- el manual que os disponéis a leer lo resume y explica todo con tal claridad que me lo reservo para que lo descubráis por vosotros mismos.
Si queréis maquetar como «Dios» manda, podéis empezar por aquí:
Cada vez utilizamos menos Javascript para hacer animaciones. CSS está conquistando, en este aspecto, más y más terreno. Las ventajas son evidentes: implica menos peso de descarga y mayor velocidad. Para aquellos que todavía no estéis familiarizados con las animaciones en CSS, no hay nada mejor que ver ejemplos prácticos de uso. En la siguiente página, disponéis de un extenso catálogo de casos: escalar, rotar, flips, slides, etc. y todos acompañados por su respectivo código CSS.
Si hay un código que, más de una vez, me haya dado quebraderos de cabeza, ese ha sido el responsable de copiar textos al portapapeles desde la web. Para que no paséis por el mismo mal trago, os traigo Clipboard.JS, un archivo de 3kb y muy fácil de implementar.
Llevaba tiempo buscando un servicio como este, la verdad. Cuento con un servidor dedicado y uno de los problemas que más dolores de cabeza me ha dado, es el de enviar emails desde un formulario Web.
Aunque parezca una tontería, no contar con el respaldo en los emails de una compañía fuerte, puede ocasionar que lleguen a Spam de cabeza o, directamente, ni se entreguen por no cumplir determinadas normativas.
Send Grid, resuelve este problema. Pone a nuestra disposición una API que funciona a las mil maravillas, con soporte para PHP, Js, ASP, C, Node, Perl, Json… y un largo etcétera. De manera que podrás integrarlo en tu Web bajo cualquier plataforma en la que trabajes.
Además, también es una herramienta de Marketing online, si la quieres usar así, en la que dar de alta tus clientes y enviarles un mailing semanal o mensual. Cuenta con un panel muy completo de control donde llevar el seguimiento de los correos leídos, abiertos, aquellos que no han llegado y diferentes plantillas para personalizar el diseño del mismo.
La cuenta gratuita te permite enviar hasta 12.000 correos al mes. Más que de sobra para Pymes y Freelances.
Otra alternativa profesional, si os interesa este tema, es Mailchimp. En este caso, en la cuenta gratuita, podemos enviar hasta 2.000 correos mensuales.
¡Muchos habréis visto ya este efecto tan de moda! Se trata de ir desplegando (mediante animación o transición) elementos en el cuerpo de la Web mientras vamos haciendo scroll. Si queréis programar algo parecido, aquí os dejo Scroll Reveal. Un código, en Java Script, que os facilitará la tarea.
