BLOG DE DESARROLLO WEB

RECURSOS Y NOTICIAS ÚTILES EN TODOS LOS NIVELES PARA CUALQUIER DESARROLLADOR WEB...

¿Por qué debería instalar un Certificado SSL en mi web?

¿Por qué debería instalar un Certificado SSL en mi web?

26 de Enero de 2017 1,002 veces Ver comentarios

Seguramente si dedicaste más de dos minutos a navegar por internet en tu vida, habrás visto que algunas páginas cambian su dirección de http a https, que tu navegador te muestra un mensaje de "Es seguro" o, sencillamente, agrega un icono de un candado a la izquierda de la barra de direcciones. Si has visto ésto, te has encontrado con el famoso Certificado de Seguridad SSL.

Un certificado SSL (Secure Socket Layer) hace, casi por arte de magia, que nuestra web pase de ser una página normalita a un centro de seguridad casi como si de la noche a la mañana, contrataras un guardaespaldas y lo plantaras en la puerta de tu casa. Este no hará las veces de portero de discoteca (patovicas les decíamos en Argentina), sino que hará de hermano mayor, es decir, se ocupará no de decidir quien entra a la web y quien no, sino de asegurarse que todo el que entre lo haga por un camino de rosas seguro.

LEER ENTRADA

Desenfocar imágenes con jQuery Background Blur plugin

Desenfocar imágenes con jQuery Background Blur plugin

04 de Enero de 2017 784 veces Ver comentarios

Desenfocar imágenes (sobre todo las usadas como fondo) suele quedar muy bien... El problema de este efecto es que, si no queremos usar los filtros de CSS por problemas de compatibilidad con los navegadores, tenemos que depender de hacer la imagen desenfocada (con blur) y la normal y esto nos cuesta demasiado trabajo.

Pues bien, Background Blur viene a darnos una solución muy elegante y muy liviana (de tan solo 4 kb) que se encargará mediante el soporte SVG de nuestros browsers de aplicar el blur a las imágenes de una manera muy elegante y fácil (tan solo una línea de código bastaría). Efecto al cual puede aplicarse una animación si queremos realizar transiciones entre imágenes.

LEER ENTRADA

Edit in Place con jQuery, Ajax y PHP v2016

Edit in Place con jQuery, Ajax y PHP v2016

26 de Octubre de 2016 1,049 veces Ver comentarios

Por tercer año consecutivo, Octuweb confía en MartinIglesias.eu para para participar en su blog colaborativo en el que, durante el mes de octubre, un autor diferente escribe un post relacionado con el desarrollo web, marketing online, frameworks, etc.

Si los años anteriores escribí sobre Responsive Tables en HTML o Como manipular CSS mediante Javascript, este año voy un poquito más allá y actualizo mi viejo post de Edit in Place con PHP para llevarlo a un nuevo nivel.

LEER ENTRADA

Mi Tienda Online, un gestor de ecommerce listo para usar.

Mi Tienda Online, un gestor de ecommerce listo para usar.

26 de Septiembre de 2016 998 veces Ver comentarios

El comercio electrónico está en auge, de eso no hay duda, gracias a él podemos abrir nuestro negocio a público de todo el mundo con solo unos clicks de distancia.

Por eso, tras años de experiencia, hemos desarrollado un gestor de ecommerce listo para usar, al que bautizamos como MI TIENDA ONLINE.

LEER ENTRADA

Selección de 5 plugins jQuery para tus webs

Selección de 5 plugins jQuery para tus webs

06 de Junio de 2016 1,449 veces Ver comentarios

Nos gustan las listas, siempre aparecen posts en muchos blogs con los mejores 20 de esto o los mejores 50 de aquello... Pues bien, aquí van 5 plugins jQuery que vale la pena mirar.

Nos encontramos de todo, desde sistema de pestañas, sistemas de menús, tooltips, plugins para mejorar la legibilidad de los textos, etc... Vamos a ello :)

LEER ENTRADA

Antes y después en fotografías con TwentyTwenty para jQuery

Antes y después en fotografías con TwentyTwenty para jQuery

31 de Mayo de 2016 1,196 veces Ver comentarios

Habitualmente en algunas páginas necesitamos mostrar un antes y un después de determinadas fotografías para destacar el logro conseguido sobre la imagen original.

Este logro puede ser en base a un retoque fotográfico (paisajes, fotos antiguas, etc...) o una operación médica, cirugía o, incluso, un taller mecánico o lavado de coches para mostrar una reparación, una limpieza, etc... Pensándolo así, se me vienen miles de posibles aplicaciones de este particular efecto.

LEER ENTRADA

Imagen con Marca de Agua personalizable con jQuery, PHP y jQueryUI

Imagen con Marca de Agua personalizable con jQuery, PHP y jQueryUI

07 de Diciembre de 2015 2,203 veces Ver comentarios

Hola amigos, hace mucho que no nos pasamos por aquí a compartir ningún nuevo recurso, por suerte estamos bastante ocupados estas últimas semanas. Pero, siempre es bueno hacerse un hueco para compartir, y en este caso, hemos evolucionado un viejo código que tuvo bastante éxito en este blog como fue el artículo Marca de Agua con PHP.

En este caso, el sistema para agregar una marca de agua dinámica, y proteger así de la copia, a tus queridas imágenes, evoluciona y ahora nos permite redimensionar la marca de agua y ubicarla en la posición deseada y no obligatoriamente al centro como en el anterior artículo.

LEER ENTRADA

Manipulando CSS con jQuery

Manipulando CSS con jQuery

17 de Octubre de 2015 537 veces Ver comentarios

Es un orgullo participar por segundo año consecutivo en esta excelente idea que es Octuweb. Si el año pasado hablábamos de como maquetar una tabla en webs adaptativas, este año vamos un poco más allá y veremos como manipular nuestro CSS mediante uso de jQuery.

Propongo diferentes opciones para manipular nuestra hoja de estilos CSS o cambiarla completamente mediante el uso de javascript.

LEER ENTRADA

Protip otro tooltip en Jquery pero mejorado

Protip otro tooltip en Jquery pero mejorado

05 de Octubre de 2015 2,496 veces Ver comentarios

Protip es un tooltip más, de los miles que existen en el aire, pero de nueva generación, con infinidad de opciones y configuraciones iniciales tales como:

  • 49 posiciones
  • Refresco en tiempo real de sus opciones
  • Control del elemento en tiempo real. Si el elemento original desaparece, el tooltip desaparece
  • Gravedad. Encuentra la mejor posición si no encaja en la pantalla
  • DOM: puede añadirse al documento o a cualquier otro elemento de nuestra pantalla
  • Ubicación: fuera, dentro, sobre el borde, al centro...
  • Puede permanecer fijo o activarse al hacer click sobre el elemento
  • Puede contener HTML
  • Puede aparecer y desaparecer automáticamente con demora
  • Soporta iconos
  • Personalizable con skins, tamaños, temas
  • Soporta animaciones CSS
  • Puede llamar a eventos o funciones adicionales

En su web, justo debajo de la imagen de cabecera, hay una demo funcional con infinidad de opciones configurables a la derecha que permitirán descubrir toda la potencia de este tooltip.

LEER ENTRADA

Google penaliza las webs no adaptadas a dispositivos móviles

Google penaliza las webs no adaptadas a dispositivos móviles

23 de Marzo de 2015 5,809 veces Ver comentarios

Ya sabemos que ser adaptativo (en términos de diseño web) era casi obligatorio... pues bien, esto ha dado un paso de gigante en estos días porque el dios Google ha anunciado que empezará a modificar su algoritmo para perjudicar a aquellas webs que no presenten un contenido adaptado al dispositivo desde el que el usuario hace la búsqueda.

Concretamente, Google ha anunciado recientemente que, a partir del próximo 21 de abril de 2015 aquellas páginas web que no estén totalmente preparadas para móviles muy probablemente irán perdiendo posicionamiento en su buscador con respecto a otras webs optimizadas que ya cuenten con una adaptación específica para móviles o diseño “responsive”.

LEER ENTRADA

Chartist, gráficas sencillas y adaptativas en tu web

Chartist, gráficas sencillas y adaptativas en tu web

07 de Diciembre de 2014 5,765 veces Ver comentarios

Chartist no es otra librería para crear gráficas... Chartist surge de la unión de una comunidad que estaba decepcionada con las capacidades de otra librería existente para crear gráficas en tu web.

Por supuesto que hay muchas librerías muy buenas para crear gráficas pero, realmente hay que darle una oportunidad a Chartist.

LEER ENTRADA