Blog Reacción Estudio

¡Tu zona de aprendizaje!

En el artículo de hoy os traemos unas colección de menús para móviles creados con HTML, CSS y JavaScript que podéis utilizar en vuestras páginas y aplicaciones web. Simple mobile menu Complentamente responsive, utiliza Bootstrap 3.x, FontAwesome, CSS flexbox y CSS con sintaxis BEM. https://github.com/Leonardo-0112/simple-mobile-menu Magical Mobile Mega Menu Mega menú creado con JavaScript https://codepen.io/tiffachoo/pen/yzZRXK […]

Es muy frecuente el tener que introducir direcciones de emails en las páginas web que desarrollamos, ya que casi todas tienen un formulario de contacto y para poder responder a nuestros usuarios, lo más normal es perdir siempre su correo electrónico. Para validar que el usuario realmente nos ha introducido un email, podemos hacerlo de […]

Las reglas horizontales por defecto (<hr>) en HTML son bastante feas, con el siguiente código CSS le podremos dar un aspecto de difuminado bastante elegante. Nos quedaría una regla horizontal como ésta: Vamos con el código CSS HTML Y así de fácil y sencillo obtenemos una elegante regla horizontal (<hr>) con unas pocas líneas de […]

En este artículo encontrarás 15 tablas de precios (pricing tables) en HTML y CSS 3 listas para su rápida implementación.   Lo bueno de estas tablas de precios es que incluyen tutoriales (en inglés) que podrás utilizar para crear tus propias tablas de precios.   A continuación os dejo las 15 tablas de precios:   […]

Cuando listamos una considerable cantidad de datos en una tabla, a veces queremos ordenarlos por alguna columna en concreto. Una solución sería hacer consultas a la base de datos para ordenar los resultados, pero con Tablesorter podemos hacer ésto mismo sin necesidad de recargar la página y hacer consultas a la base de datos. Tablesorter […]

Botón para ir arriba de la página con jQuery

Si nuestra página web tiene mucho contenido, es una buena idea proporcionar a nuestros visitantes una forma rápida para ir al comienzo de la página. En este tutorial vamos a aprender a crear un botón que aparece y desaparece con jQuery. Vamos a crear un botón con una posicion fija en la parte inferior derecha […]

Si utilizais SMF (Simple machines forum) y queréis que vuestros usuarios puedan identificarse en vuestro sitio web desde vuestra página, sin la necesidad de entrar al foro para hacerlo, lo más normal es utilizar las funciones predeterminadas del SSI.php, exactamente con la función «ssi_login();«. Pero esta función es muy poco personalizable, ya que muestra un […]

Si no queremos complicarnos a la hora de hacer un tooltip simple y bonito, podemos hacerlo con unas pocas líneas de CSS. CSS: HTML: Creamos un enlace, y el contenido del tooltip va dentro del atributo «data-tooltip». Podemos usarlo tanto en texto como en imágenes. Ver ejemplo

Hoy vamos a aprender a crear el icono de un calendario sólo con CSS. Para ello, vamos a hacer lo siguiente: HTML El código HTML que vamos a usar es muy simple: Primero va el día en valor numérico y luego el mes correspondiente. CSS En la siguiente imagen podemos ver las partes del CSS […]

Jquery File Upload es sin duda el mejor script para subir archivos a nuestro servidor web, incluye la posibilidad de hacer drag & drop (arrastrar y soltar) en los archivos desde el escritorio, barra de progreso, subida múltiple de archivos, etc. Y claro está, totalmente gratuito, ya que cuenta con una licencia MIT. Características: Subida […]

Pues hoy les presento este estupendo plugin de Jquery (Jcrop) que sirve para cortar imágenes a través de una interfaz y posteriormente guardar la imagen cortada en el servidor con un simple código PHP. Lo primero que tenemos que hacer es descargarnos el plugin desde su página web. Después debemos incluir los siguientes archivos que […]

Cuando enviamos un email con PHP usando la función mail() nos lo envía en texto plano, algo que queda bastante feo. Para poder enviar nuestro email con etiquetas HTML debemos incluir en la cabecera de la función una serie de parámetros. Aquí ponemos el código completo: