Archivados en la categoría ‘CSS’

Utiliza Stylus como tu preprocesador de código CSS vol. 1

Escribir código CSS sin un preprocesador a día de hoy es una tarea ardua, sobre todo si estamos desarrollando un proyecto de dimensión considerable que ha de estar optimizado y debe ser fácil de mantener y actualizar. Para ayudarnos en esta tarea tenemos estas herramientas que consisten en ahorrarnos parte del trabajo que conlleva el escribir código CSS, de manera que el resultado es una mayor comodidad y rápidez en nuestro trabajo. Existen varios preprocesadores a nuestra disposición como Less, Sass (del cual ya habló Roman aquí) o al que hoy pretendo dedicar este artículo: Stylus.
Seguir leyendo →

Que el Responsive Design no acabe contigo

Recientemente, -y por primera vez-, he tenido que realizar el “diseño web adaptativo” (que es como lo traduce la Wikipedia, aunque a mí me gusta más decir “adaptable”  ^^) de una web con mucho contenido y cierta complejidad en su diseño original.

Cuando me pidieron que lo hiciera, me alegré. Se dibujó una sonrisa en mi cara y pensé para mí misma: “qué bien, por fin voy a aprender a adaptar una web de verdad”. Bueno, ahora que ha pasado un poco de tiempo, la idea ya no me parece tan atractiva… jaja. De hecho, empiezo a comprender todo lo que Responsive Design implica y pasa desapercibido a ojos ajenos.
Seguir leyendo →

Formularios en HTML5 con tooltips y jQuery validate

No escribo muy a menudo por el blog de ADWE (pero tampoco lo hago en el mío), pero en este caso quiero compartir un pequeño post sobre como mejorar el aspecto de nuestros formularios agregando funcionalidades como un plugin de validación y unos tooltips (textos de ayuda) personalizados, sin depender de un plugin externo para el tooltip y utilizando características avanzadas que nos trae el lenguaje conocido como «destructor de Flash», que no es otro que HTML5. Seguir leyendo →

ADWE y UNIR ponen en marcha el título de Experto Universitario en Desarrollo en HTML5

ADWE y UNIR, Universidad Internacional de La Rioja, pone en marcha el título sobre HTML5.

Es la gran estrella del mercado laboral. El desarrollador web es una de esas profesiones que en los últimos tiempos ha experimentado un espectacular auge en las empresas. “En los tiempos que corren, donde gana el que antes se adapta a los cambios en el consumidor y en el mercado, tener un desarrollador web o móvil sirve para no perder un ápice de competitividad. De esta forma las empresas pueden innovar continuamente en la forma en la que se relacionan con sus clientes y tomar las mejores decisiones posibles”, comenta Andrés Karp, nuestro presidente y director del título propio de UNIR Experto universitario en Desarrollo con HTML5. Seguir leyendo →

Acordeón con cambio de estado con Bootstrap

A lo mejor, dado que estamos en el blog que estamos, no haga falta explicar que es Boostrap. Pero como nunca está de más un poco de conocimiento adicional; repasemos.

Bootstrap es un Framework de desarrollo para front-end creado por Mark Otto y Jacbod Thornton y la demás gente de Twitter. Particularmente, yo lo veo como una evolución y perfeccionamiento de los otros frameworks similares que ya existían. (960gs, Yaml, Blueprint y tantos otros). Todos tienen sus cosas buenas y malas. Es una cuestión más de gustos y cierta flexibilidad a la hora de manejarse «en los extremos» de lo que te permite cada framework.

Seguir leyendo →

10 herramientas online imprescindibles para diseño y desarrollo web

Herramientas Online para diseño y desarrollo web

Al igual que en la mayoría de trabajos, hay ciertas tareas rutinarias que, debido a que requieren una cierta meticulosidad para ser desarrolladas, consumen gran parte de nuestro tiempo, quitándonos la oportunidad de dedicarlo a temas más importantes. Para agilizar estas tareas hay una serie de herramientas online disponibles para todos nosotros, y creedme cuando os digo que valen mucho la pena. Ahí van.

Seguir leyendo →

Android vs. HTML5 con Zimit Framework

Ya llevamos un largo tiempo de debates en cuanto a si una webapp puede o no substituir una app nativa. Son muchos los frameworks que han salido al mercado, gracias en gran parte a Javascript que intentan simular las apps nativas y dotar a las webapps de acceso a controles nativos (JQuery Mobile, Lungo.js). Un gran ejemplo de esto lo tenemos en la librería PhoneGap ahora Cordova y propiedad de Adobe, la cual nos brinda acceso a componentes nativos tales como la cámara o la vibración así como muchos otros, eso sí, dejando el aspecto gráfico a nuestra elección.

Seguir leyendo →

15 al 17 de enero – Taller de HTML5 y CSS3

Este año es el definitivo para el despegue de HTML5. Por eso junto al centro CAMON de Alicante hemos organizado este taller, donde veremos los nuevos tags de HTML5 qué podemos empezar a utilizar (header, nav, article, section, video, audio…), y cómo hacerlo compatible con navegadores antiguos. Los formularios con HTML5 y las API de HTML5 que harán más fácil el desarrollo de aplicaciones web (canvas, web workers, web sockets, cache…)

El taller lo realiza Francisco Vidal es títulado Superior en Gráfica publicitaria en la Escuela de Artes de Alicante y hace años que se dedica al desarrollo web. Además, es project manager en Dinamiclab y se ha especializado en los nuevos lenguajes HTML5 y CSS3. Es también un apasionado de los motion graphics y, gracias a HTML5 y CSS3, lo aplica a la web.

Apúntate aquí

Controlar la compatibilidad de HTML5 con Modernizr

HTML5 se ha convertido rápidamente en el término estrella de la web. Diseñadores y desarrolladores portamos el estandarte del HTML5 y prometemos a nuestros clientes webs y aplicaciones más avanzadas, rápidas y amigables al SEO. Al igual que pasó con el concepto «Web 2.0«, hoy en día vestimos todo de «HTML5» porque sabemos que es lo que vende y lo que venderá. Hasta que muera o inventen algo mejor. Seguir leyendo →

Como integrar css3 en internet explorer 7 y 8

CSS3 es el presente y el futuro en lo que a maquetación de páginas web se refiere, tanto por la posibilidad de crear efectos antes solo posibles mediante imágenes (sombreados, bordes redondeados, degradados…) como por los nuevos selectores, pero…que pasa con el pasado?? con los usuarios y clientes que aún navegan con navegadores desfasados como internet explorer 7 y 8?? le mostramos la web sin estilos CSS3 ???

Seguir leyendo →