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 more

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 more

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 more

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 more

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 more

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 more

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 more