elWebmaster.com

CSS | gmail | html

10 consejos para tener en cuenta a la hora de crear tu mail en HTML

mail-wideLos clientes de e-mail como Gmail y Hotmail no han hecho nada durante estos últimos años que pueda percibirse como un intento de agradar a los desarrolladores web de hoy en día. Cuando necesites crear un mail en HTML (quizás un envío masivo para publicitar tu sitio) sentirás que has vuelto a los años ‘90. Aquí te damos algunos tips para aligerar ese doloroso proceso. Seguir leyendo

29/Abr/11, 07.11 Morton 9 comentarios

CSS | Google | html

Cómo colocar un mapa de Google Maps como fondo de tu sitio web

mapsbackground-wide2Aunque suene estéticamente extraño, lo cierto es que utilizar un mapa de Google Maps a gran escala como fondo de tu sitio web puede verse mejor de lo que crees. En este artículo te mostramos cómo utilizar propiedades de CSS como z-index y position: absolute para lograrlo. Seguir leyendo

27/Mar/11, 11.17 Morton 7 comentarios

CSS | version | html

Mootools: Cómo usar el objeto Browser para crear CSS condicional al navegador

mootoolswideTodos necesitamos en nuestros sitios web un poco de CSS específico para cada navegador y versión. Intentamos seguir estándares, pero al final quedamos a la merced de los navegadores y sus bugs. Aquí te explicamos cómo utilizar el objeto Browser de Mootols para modificar nuestro código y crear condicionales CSS. Seguir leyendo

13/Feb/11, 09.15 Morton 3 comentarios

CSS | imagen | efecto

CSS: Máscara con angulación para dar dinamismo a tus imágenes

anglemaskwideEn este artículo veremos como crear una máscara con angulación y aplicarla sobre las imágenes de tu sitio. Para ello, utilizaremos la propiedad transform de CSS. En tan sólo unos pocos pasos, habremos logrado este efecto. Seguir leyendo

31/Dic/10, 05.10 Morton 2 comentarios

CSS | caja | sombra

CSS3: Colocar un borde de tres lados a un elemento

css3wide1Si necesitas colocar bordes a un elemento en tan sólo tres de sus lados, hay unas cuantas maneras de hacerlo. ¿Pero cúal será la más apropiada? En este artículo veremos qué se necesita para resolver esta particular cuestión. Seguir leyendo

14/Dic/10, 08.55 Morton 1 comentario

CSS | javascript | footer

Javascript: Cómo crear un footer fijo y expandible

javascriptwidePodemos crear un pie de página, o footer, que se mantenga en primer plano mientras navegamos y se desplace con nosotros mientras navegamos. Además, podemos hacer que al pasar el mouse sobre el footer, éste se extienda revelando más opciones. En esta guía te brindamos el código para crear este efecto. Seguir leyendo

11/Nov/10, 08.28 Morton 5 comentarios

CSS | logo | efecto

CSS3: Crear efecto de sombra en imágenes

css3wide1A través de CSS3 podemos dar a nuestras imágenes un práctico efecto de sombra proyectada, ideal para destacar el logotipo de tu sitio web. Realizar este sencillo truco sólo nos llevará unas pocas líneas de ćodigo. Seguir leyendo

06/Nov/10, 17.32 Morton 3 comentarios

CSS | gradiente | gradient

CSS3: Cómo crear gradientes sin usar imágenes

css3wide1Los gradientes CSS3 están disponibles para ser utilizados con los navegadores con Webkit (Safari, Chrome) y Mozilla (Firefox). No son exactamente nuevos, pero es hora de empezar a utilizarlos. Seguir leyendo

02/Nov/10, 09.11 Morton 3 comentarios

CSS | mobile | logo

¿Colocar tu logo como img, como background o como h1?

htmlHa habido mucho debate por esta sencilla pero crucial cuestión. ¿Debe tu logo estar colocado como una imagen entre lineas, o como h1 valiéndose de CSS?

En el artículo que veremos a continuación, se barajan algunos argumentos de por qué es más conveniente utilizar la primera opción. ¿Será suficiente para convencerte? ¿Podrá resolver de una vez por todas este intenso debate? Seguir leyendo

26/Oct/10, 08.22 Morton 3 comentarios

CSS | tag | truco

CSS: Sencillo truco para alinear el texto en sentido vertical

cssAlinear el texto en vertical no es un recurso muy usado en estos días, pero suelen darse ocasiones donde puede ser útil. Para realizarlo, recurrimos a varios métodos, como la utilización de imágenes o Javascript.

Pero existe un sencillo truco que nos permitira lograr esta alineación de texto en unas pocas lineas de código, utilizando CSS y valiéndonos de los espacios en blanco entre caracteres. ¿Quieres verlo? Seguir leyendo

25/Oct/10, 09.34 Morton Comentar

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