elWebmaster.com

mobile | formulario | b煤squeda

HTML5: C贸mo quitar los botones de la caja de b煤squeda en WebKit

html5logowideHTML5 lleg贸 con muchas novedades muy 煤tiles para el desarrollo web. Por ejemplo, los tipos de elemento INPUT, entre los que se incluyen “email” y “search” que logran que estos campos del formulario se vean adecuadamente en dispositivos m贸viles. Sin embargo, WebKit a帽ade por defecto un bot贸n circular con una x (para cerrarlos), a la derecha de las cajas de b煤squeda. 驴C贸mo puede solucionarse? Seguir leyendo

03/oct/13, 06.15 Morton 2 comentarios

CSS | javascript | WebKit

C贸mo detectar prefijos propietarios con JavaScript

javascriptwide2M谩s all谩 de la opini贸n que tengamos de los prefijos propietarios, tenemos que vivir con ellos y ocasionalmente usarlo para que las cosas funcionen. Estos prefijos pueden ser usados de dos maneras: el formato CSS (por ejemplo “-moz-“, como en -moz-element) y el formato JS (“navigator.mozApps”). Pero aqu铆 te mostraremos una manera inteligente de detectar esos prefijos a traves de JavaScript. Seguir leyendo

21/mar/13, 10.08 Morton 1 comentario

CSS | contenido | WebKit

CSS: C贸mo ocultar spoilers en tu sitio en forma impactante

css3wide1A nadie le gustan los spoilers. Ya sea una imagen de una pel铆cula a estrenarse o el resultado del partido que tienes grabado y que a煤n no has visto, hay veces que simplemente no quieres saber. En este art铆culo te ense帽aremos a dar un efecto blur al contenido que quieres marcar como spoiler, tan s贸lo usando CSS. Seguir leyendo

06/mar/13, 07.14 Morton 1 comentario

3D | CSS3 | slideshow

C贸mo crear un slider de fotos 3D con CSS3

css3wide1Siempre puede ser de utilidad un un slider 3D para mostrar fotos en forma rotativa en tu sitio. En este art铆culo te mostraremos paso por paso, c贸mo crear uno r谩pidamente y sin esfuerzo, para que puedas utilizarlo en tu web. Seguir leyendo

08/feb/12, 09.17 Morton 3 comentarios

web | Android | WebKit

C贸mo ocultar la barra de navegaci贸n en tus aplicaciones web mobile con JavaScript

javascriptwide2Con iOS y Android utilizando WebKit como motor de renderizaci贸n en sus navegadores, puedes realizar versiones de tu web que se ver谩n como aplicaciones nativas. Con algunas simples lineas de c贸digo lograremos, por ejemplo, ocultar la barra de navegaci贸n para aprovechar al m谩ximo el tama帽o de la pantalla. Seguir leyendo

24/abr/11, 06.33 Morton 6 comentarios

men煤 | XHTML | CSS3

CSS3: C贸mo crear un men煤 minimalista y elegante

css3wide1Hoy haremos algo sencillo y pr谩ctico: Un simple men煤 de navegaci贸n animado con CSS3, el cual se ver谩 aceptable en navegadores viejos, y funcionar谩 a la perfecci贸n en la siguiente generaci贸n de navegadores. 驴Comenzamos? Seguir leyendo

13/dic/10, 09.33 Morton 9 comentarios

html | background | im谩genes

CSS3: Gran efecto para mostrar im谩genes a trav茅s del texto

css3wide1WebKit soporta la nueva propiedad background-clip de CSS3, lo que es una buena noticia ya que puedes utilizarla para lograr este efecto impactante en el que las letras est谩n conformadas por la imagen de fondo. Y lo mejor de todo, es que tan s贸lo bastan unas pocas lineas de c贸digo. Seguir leyendo

16/nov/10, 08.31 Morton 5 comentarios

Dise帽o | PHP | CSS

Estilos CSS para Safari y Chrome en un archivo aparte

cssAl testear nuestros dise帽os en varios navegadores, llega un punto que para que todo quede “pixel-perfect” debemos recurrir a los famosos hacks.

Los hacks para Internet Explorer suelen aislarse dentro de tags conticionales para mayor prolijidad, pero lo que muchos no hacen es separar tambi茅n los hacks para Safari y Chrome. Esto nos permite conservar una hoja de estilos limpia y f谩cil de actualizar. Seguir leyendo

21/ene/10, 08.00 Juan Manuel 7 comentarios

CSS | videos | efectos

Efectos en videos con CSS

css31Todos sabemos bien que CSS es un mecanismo simple, una forma de descripci贸n de estilos que ofrece a los desarrolladores el control total sobre el estilo y formato de sus documentos.

Es por eso que hoy gracias a algunas nuevas propiedades de WebKit Nightly, espec铆ficamente la propiedad de efectos CSS con HTML5 video, les traemos este interesante efecto CSS para que implementen en sus archivos de video. Seguir leyendo

25/jun/09, 09.15 Micaela Comentar

Firefox | Internet | javascript

Google Chrome: m谩s que un nuevo navegador, una nueva web

驴Todos con la boca abierta, no? Luego de un anuncio en el blog de Google y luego de que se desactivara el sitio oficial (quedando, por el momento, s贸lo este “c贸mic” que nos da much铆sima informaci贸n) podemos decir que est谩 super confirmado. Google ha lanzado Chrome, su propio navegador y las cosas van a cambiar dr谩sticamente tanto en el mundo de los usuarios como en el de los programadores y dise帽adores.

Para empezar, no es “s贸lo” un navegador, sino que, como era de esperar, se integra con todos los servicios de Google, semejando a un sistema operativo que, sin importar lo que est茅s usando (Ubuntu, Windows, OS X, etc.) pasar谩 a primer plano. Hace rato que venimos hablando de un posible Sistema Operativo de Google, pero nadie se lo esperaba tan de repente (a Microsoft creo que le baj贸 la presi贸n ^_^). Seguir leyendo

02/sep/08, 11.30 Juan Manuel 13 comentarios

© 2007 - 2008 elWebmaster.com | Powered by Wordpress | Diseño CSS y XHTML válido. | Algunos íconos basados en FamFamFam Mini
Acceder