En este tutorial, vamos a ver como podemos crear un efecto de borde angular(horizontalmente) en una página web. Básicamente se verá algo como esto: El uso de bordes ligeramente angulados permitirá que nuestro diseño web se vea menos rígido y monótono. Para hacerlo usaremos los Pseudo-elementos ::before y ::after y CSS3 Transform.  Usar Pseudo Elementos…

Read more

Videotutorial Nº 27 del Curso de Ionic. Crear Sistema de Autentificación. Usaremos autentificación por SMS; Instalación del paquete accounts-phone en el servidor y el cliente; Crear Sistema de Login. 5 minutos.

Read more

Adi.js es un plugin jQuery que detecta si los usuarios están usando Adblock y muestra un diálogo modal de alerta cuando visitas el sitio web. Cómo usarlo: 1. Incluye las librerías JavaScript jQuery, advertisement.js y jquery.adi.js en tu página web. 1 <script src="//code.jquery.com/jquery-1.11.3.min.js"></script> 2 <script src="advertisement.js"></script> 3 <script src="jquery.adi.js"></script> 2.  No olvides incluir el jquery.adi.css en la sección…

Read more

¿Qué es HighCharts? Highcharts es una librería JavaScript que nos permite implementar diagramas interactivos y dinámicos dentro de nuestra aplicación web. Highcharts está escrito en puro HTML5 y JavaScript, lo que nos permite mostrar diagramas nativamente en el navegador web sin necesidad de ningún plugin, como Adobe Flash o Microsoft silverlight. Además los diagramas son creados con…

Read more

¿Qué es introjs? Los sitios web cada vez incluyen información más amplia y variada. En ocasiones esto puede dificultar la navegación, así que es muy importante que los sitios web sepan darse a conocer a las personas que los usen. La gente no suele estar dispuesta a perder mucho tiempo para aprender a utilizar una web,…

Read more

Sass no es nada nuevo. Desde hace años se ha convertido en una herramienta muy útil para los diseñadores web. Veamos que es y a que se debe su importancia. Lo primero, señalar que si eres nuevo en CSS no es aconsejable usar ninguna extensión, preprocesadores o frameworks. Son muy útiles, desde luego, pero sólo…

Read more

Videotutorial Nº 26 del Curso de Ionic. Crear sistema envío mensajes. Configurar la View del Chat. Template y controller de chat-detail; Uso filtro angular-moment; Añadir estilos con chat.detail.scss; Uso de optimistic Ui con Meteor. 7 minutos. Help us caption & translate this video! http://amara.org/v/HVEn/

Read more

Videotutorial Nº 25 del Curso de Ionic. Sincronizar Cliente y Servidor. Instalar herramientas Meteor de lado del cliente; Crear colecciones MongoDB de lado del cliente; Sincronización de todos los clientes con el servidor; MiniMongo permite utilizar las mismas Colecciones de lado del cliente y del servidor. 5 minutos. Help us caption & translate this video!…

Read more

Manejar eventos DOM De modo muy similar a como hemos vigilado el evento document.ready, podemos añadir otros vigilantes de eventos a distintos elementos del DOM. Veamos algunos ejemplos de como jQuery nos permite hacerlo. Los gestores de eventos DOM pueden ser añadidos a un elemento específico, a un conjunto de elementos existentes, o a un elemento que…

Read more

Ver tutorial anterior (¿Qué es CoffeScript?) Executando on load Cuando una página web se carga por primera vez, jQuery disparará un evento document.ready permitiéndonos ejecutar código antes de que la página empiece a renderizarse. Este es el momento oportuno para ejecutar cualquier código de inicialización. Nuestros ejemplos de CoffeeScript con jQuery estarás basados en un…

Read more