Construyendo un Template para juegos (descarga gratis)

Saludos amigos esta vez construiremos un template para juegos usando la tecnología de Bootstrap, super fácil y sencillo . Se podrían hacer mejoras, pero para la demo esta bien, Usaremos una barra de navegación , dentro del body crearemos 4 secciones incluida una cabecera que nos proporcionará el último video subido. El estilo es bastante sencillo y responsive el cual está incluido dentro del index para no llamar archivos externos. Comenzamos. Archivos a utilizar Index.html bootstrap.min.css fontawesome.css bootstrap.min.js Utilizaremos una página normal creada desde cero. Dentro del head colocaremos los…

Seguir Leyendo

10 Librerías Javascript Css de interés para diciembre 2018

Saludos esta vez  lanzamos una colección de 10 librerías javascript css que deberían ser dignos de su atención para analizarlas antes que se acabe el año y poder usarlas como buen recurso. Porque lo nuestro es mantenerlo actualizado con las últimas y mejores tendencias en desarrollo web esperemos sean de su agrado. Omi Este es un framework web de próxima generación que combina las ventajas de Web Components y JSX en uno. Se basa en Shadow DOM, ofrece compatibilidad con TypeScript y tiene un enlace de datos reactivo moderno. Lo que es más, Omi es extremadamente…

Seguir Leyendo

Creando un simple sliding portfolio jquery

Saludos Amigos esta vez les traigo un simple sliding portfolio jquery , que va a mostrar en secciones con imágenes cada proyecto creado, para ser mostrado al usuario de una manera amigable y agradable. Para esta demo se utiliza los siguientes archivos: style.css main.js modernizr.js jquery.js (v2.1.1) index.html Comenzaremos estructurando nuestro index.html , la estructura se compone de 2 listas desordenadas. ul.cd-projects-previews .- para mostrar las imágenes previas a cada proyecto. ul.cd-projects .- para mostrar el detalle de cada proyecto. nav.cd-primary-nav .- Que es una barra de navegación envuelta en…

Seguir Leyendo

Creando Triangulos con Css.

Cualquiera que haya tratado de hacer flechas  HTML, globos de texto u otros elementos puntiagudos, sabe que creando triángulo con CSS tiene que utilizar algún tipo de truco. Las dos soluciones más populares para crear triángulos son : #triangle-up { width: 0; height: 0; border-left: 50px solid transparent; border-right: 50px solid transparent; border-bottom: 100px solid red; } // y lo mostramos en una capa <div id=”triangle-up”></div> , o para utilizar Caracteres Unicode  . U+25B2 //Triangulo negro UP U+25BC //Triangulo negro DOWN // y asi utilizando todos los simbolos Unicode Html Hay…

Seguir Leyendo

Lenguajes Frameworks y herramientas que usted debe aprender en 2017

La industria del desarrollo de software continúa su marcha implacable hacia adelante. En 2016 vimos nuevos lanzamientos de lenguajes frameworks y herramientas populares que nos dan más poder y cambian nuestra forma de trabajar. Es difícil hacer un seguimiento de todo lo que es nuevo, por lo que al final de cada año le damos nuestra opinión sobre lo que es importante y lo que debe aprender durante los próximos doce meses. Tendencia Aplicaciones web progresivas En 2016 vimos el surgimiento del concepto de aplicación web progresiva. Representa aplicaciones web…

Seguir Leyendo

Tips y trucos para CSS..

En esta publicación  compartiremos  con ustedes una colección de tips , trucos útiles y mejores prácticas que se recomiendan por la comunidad CSS. Algunos se adapta más a los principiantes, y algunos son un poco avanzado, Esperemos que los disfruten al máximo. 1.- Margin Collapse.. A diferencia de la mayoría de otras propiedades, los márgenes verticales se cierran cuando se encuentran. Lo que esto significa es que cuando el margen inferior de un elemento se tope con el margen superior de otro, sólo el más grande de los dos sobrevive. Aquí…

Seguir Leyendo

Cargar contenido aleatorio ajax php mysql..

Como están usuarios de la red esta vez vamos a crear un pequeño script, que nos va a servir para mostrar contenido aleatorio ajax php mysql , de tal forma que se vaya actualizando la información sin necesidad de refrescar toda la página . Utilizaremos como ejemplo una base de datos con artículos ingresados previamente por mi, un script para llamar al archivo php y cargar el contenido dentro de nuestra web, es sencillo y dinámico podrán mejorarlo y usarlo en sus futuros proyectos. Manos a la obra vamos a…

Seguir Leyendo