Cómo crear un tema para wordpress desde cero parte 2

Para poder seguir este tutorial, vamos a necesitar tener WordPress instalado. Si no lo tienes instalado todavía, te dejo la primera parte sobre como crear un tema para wordpress desde cero parte 1 te puede ser de utilidad. Suponiendo pues que tenemos WordPress instalado y en correcto funcionamiento, lo primero que tendremos que hacer es … Read moreCómo crear un tema para wordpress desde cero parte 2

Cómo crear un tema para wordpress desde cero parte 1

¿Te gustaria aprender a crear tu primer tema para tu blog o pagina en WordPress? En este tutorial te vamos a explicar los detalles, paso a paso y desde cero a como entender y crear tu propia plantilla para WordPress. Si deseas hacer tu propio tema de WordPress debes de tener conocimientos mínimos de HTML, … Read moreCómo crear un tema para wordpress desde cero parte 1

Cómo pasar una landing page a version móvil

Bienvenido a un nuevo tutorial, en esta ocasión veremos el proceso paso a paso de como pasar una pagina de aterrizaje (landing page) a una versión móvil. Hoy en dia esta de moda estos sitios donde pides datos de contacto a cambio de un recurso gratuito para tenerlo en tu lista de prospectos para futuros … Read moreCómo pasar una landing page a version móvil

Cómo usar LESS desde Cero

Tutorial de Less Español

¿Qué es Less.js? Less es un preprocesador para CSS. Nos permite trabajar con hojas de estilo con funcionalidades de un lenguaje de programación. Existen otros preprocesadores como SASS o Stylus, aunque sólo LESS.js se puede integrar desde el front. Sus principales ventajas son: Nos permite ser más productivos Ayuda a organizar mejor nuestras hojas de estilo y a … Read moreCómo usar LESS desde Cero

Crear Aplicaciones con jQuery Mobile

jQuery Mobile es uno de los frameworks mas utilizados de Javascript en la web. Al igual que jQuery que sirve para crear interactividad del lado del cliente también tiene su versión adaptada para dispositivos móviles.   Una vez activo, jQuery Mobile hace dos cosas: primero, optimiza las funciones nativas para mejorar su performance en equipos … Read moreCrear Aplicaciones con jQuery Mobile

Página Web Básica con Bootstrap 3

En este tutorial vamos a ver como crear una plantilla básica con Bootstrap 3 y que se pueda ver para los múltiples dispositivos como escritorio, tablets y teléfonos mobiles.   [button type=”bd_button btn_large” url=”https://academy.zenva.com/product/desarrollo-web-con-bootstrap-3//?zva_src=deideaaapp” target=”on” button_color_fon=”#3fc2da” button_text_color=”#FFFFFF” ]Accede al curso completo de Bootstrap[/button]   El resultado seria el siguiente: Sitio visualizado en un mobile Sitio … Read morePágina Web Básica con Bootstrap 3

Primeros pasos con jQuery UI

Introducción jQuery UI es un complemento que permite implementar componentes diversos para generar interfaces de usuario en páginas web, además de otras funcionalidades básicas para crear aplicaciones web enriquecidas. Como su propio nombre indica, está basado en el popular framework Javascript y podemos encontrar links, explicaciones, así como demos y descargas a partir del sitio … Read morePrimeros pasos con jQuery UI

Iniciando con Bootstrap 3

bootstrap 3 desde cero

¿Que es Bootstrap? Bootstrap es un framework JS+HTML5+CSS3, desarrollado por twitter que permite crear interfaces web muy vistosas, y con diseño responsivo, es decir, conseguirás que tu página se adapte perfectamente a cualquier dispositivo en la que la abras. ¿Por qué Bootstrap? Aunque bootstrap ofrece una gama de posibilidades bastante amplia, permitiéndote desarrollar interfaces web bastante … Read moreIniciando con Bootstrap 3

Comenzando con Responsive Web Design

Diseño responsivo

Objetivo: Con unos pasos sencillos podemos tener un diseño web adaptador a los nuevos dispositivos, Responsive Design. En un primer paso añadiremos una etiqueta meta en la cabecera del documento. Después añadimos compatibilidad con los navegadores antiguos y finalmente las modificaciones necesarios a la hoja de estilos CSS. Descarga: Requerimientos: Un editor de código Conocimientos básicos … Read moreComenzando con Responsive Web Design

Como pasar un diseño de Photoshop a HTML5

Cómo Pasar de PSD a HTML5

Objetivo: En este tutorial veremos el proceso completo de como pasar un diseño hecho en Photoshop a código HTML5, primero empezaremos con los cortes y la optimización de las imágenes del psd del diseño, después veremos todo el esqueleto en html5 y por ultimo le daremos estilos con css. Descarga: Para seguir el tutorial sin … Read moreComo pasar un diseño de Photoshop a HTML5

Tutorials on game, web and mobile app development