Diseño Web

Índice


Validar formularios con HTML5 y CSS3

En este artículo explicamos como validar de forma sencilla formularios usando HTML5 y CSS3, de forma que ahorramos tiempo con la simplicidad de códigos que supone el nuevo HTML5.

Animar texto con CSS3 y WebKit para Chrome y Safari

Explicación del uso de las etiquetas pulse y bounce, integradas dentro del motor WebKit (Chrome y Safari) para animar textos con CSS· puro.

10 sencillos consejos para mejorar tus formularios

Crear un formulario puede ser tedios, sin embargo son una de las partes más importantes de una página web en la actualidad. Por ello estas sencillas pero buenas prácticas al momento de estructurarlos, para lograr una mejor experiencia de usuario.

Fondos con gradientes con CSS3

En este artículo explicamos las dos formas que hay de hacer fondos con gradientes en CSS3, con códigos de ejemplo para entender mejor el procedimiento.

La especificidad en Hojas de Estilo CSS

Un pequeño pero eficaz consejo que puedo dar para todos aquellos que empiezan a desarrollar sus primeras hojas de estilo CSS, es tener en cuenta el factor de la especificidad en CSS, su influencia y la manera de controlarlo.

Google Font Directory: tipografías libres para la web

Vamos a ver como embeber una tipografía en tu página desde Google para que el usuario vea la web tal y como la diseñes, aunque no sea una fuente de uso común.

Opciones de software para colocar un buscador en una página web. Scripts para buscador interno

Un buscador interno es esencial para conseguir una buena navegabilidad en el sitio. Para ello existen muchas opciones, algunas de las cuales describimos a continuación.

Cinco sencillas recomendaciones para mantener tu sitio web seguro

Algunas sencillas recomendaciones sencillas para mantener nuestros sitios web más seguros, centradas en tu ordenador y aplicaciones que usamos diariamente.

HTML5, la tecnología que estaremos usando dentro de poco

La quinta versión del lenguaje de marcado HTML, HTML 5, alcanzó la popularidad al momento de ganar la batalla contra XHTML 2, por lo que debemos empezar a conocer lo que en teoría es el futuro del desarrollo web.

Buscador para páginas web: Google Site Search

Colocar un buscador Google Site Search en nuestra página web, mejorará notablemente la navegabilidad del sitio, colaborando con nuestros visitantes en la búsqueda de los contenidos que desea.

Código listo para hacer un menú desplegable con XHTML y CSS

Menú emergente desarrollado exclusivamente con XHTML (o HTML) y CSS.

Herramientas para un desarrollo web más sencillo (Parte II)

En este artículo trataré de plasmar algunas herramientas centradas en el CSS que ayudan a todo desarrollador web a encarar proyectos en Internet.

Herramientas para un desarrollo web más sencillo (Parte I)

En este artículo trataré de plasmar todas aquellas herramientas que me han ayudado a llevar un desarrollo Web adecuado, profesional y con grandes resultados.

Maquetación de una web: La propiedad float de CSS

Sin el uso de la propiedad float, la maquetación con CSS resultaría imposible. Explora las múltiples posibilidades que esta riquísima propiedad ofrece para el diseño de páginas web.

Guia CSS de la propiedad Float y Clear para estructurar una web

Al momento de diseñar nuestra pagina web, las propiedades más importante que debemos aprender para poder lograr casi todas las estructuras posibles son Float y Clear.

El uso de menús en nuestro sitio web y su influencia en la navegación

En este artículo nos enfocamos en el estudio del CSS para lograr, paso a paso, la realización de un menú adecuado al diseño de nuestras páginas web.

Diseño De Páginas Web: La Estética Cuenta

Veamos 3 importantes causas que promueven que las personas adquieran confianza o desconfianza al visitar una página web en Internet.

Tres Factores Importantes del Diseño Web para 2010

Hoy día, cualquier persona piensa en buscar en Internet información acerca de un comercio. Es importante para toda empresa estar en Intenet y sacarle provecho.

CSS Sprites para efecto rollover en botones e imagenes

Explicación de la técnica CSS Sprites para lograr un efecto rollover (mover el ratón sobre un icono y este cambie dándo a entender que es un botón presionable).

Crear esquinas redondeadas con CSS y sin imagenes

Hay muchas maneras de crear esquinas redondeadas con CSS, aquí explicamos dos a base de CSS y sin imágenes.

¿Qué es el XHTML Doctype?

La declaración de tipo de documento DOCTYPE, que así es como se llama, es una parte fundamental de todas aquellas páginas que quieran cumplir los estándares, tanto HTML como XHTML.

Insertar videos de YouTube con XHTML válido

Veamos como insertar videos de youtube en tu web o blog y además hacer que su código valide.

Menu desplegable con CSS y HTML

Un recurso muy utilizado en web son los menús horizontales y verticales, veamos como hacer menus desplegables con CSS y HTML.

Como acelerar la carga de un sitio Web

Consejos para reducir el tiempo de carga de una web. Interacción de la red, ejecución de scripts, despliegue de la web por parte del navegador, etc.

Novedades en CSS3

En este articulo trataré de resumir las novedades más importantes y explicaré brevemente en que consiste eso que llaman el CSS3.

Como centrar una pagina web

Cada vez hay monitores más grandes y con mayor resolución, y eso es algo que hay que tener en cuenta eso al momento de diseñar un web.

Utilizar un loading o imagen de carga con CSS

Como usar una imagen animada de carga para amenizar la espera de tus usuarios.

20 Reglas para hacer un buen diseño web

Conceptos e ideas interesantes que me ayudaron a mejorar la calidad del diseño web y de la información que presento en mis websites.

Pasos iniciales para crear una pagina web

Las fases para llegar a buen puerto suelen ser las siguientes; planificación de tiempo y recursos. Lo mismo sucede cuando es algo tan virtual como la información.

Capas visibles e invisibles con CSS

El uso de capas en CSS junto a JavaScript te permiten organizar la información de una manera diferente y dinámica.

Diseño de la navegación de una página web

No está clara la usabilidad de los menús de navegación ni su utilidad, este artículo trata de replantear el área de navegación como elemento universal de cualquier web.

Como usar distintos colores en un select menu con CSS

Podemos personalizar nuestros select menu asignándoles clases a las opciones del menú, como prueba añadiremos distintos colores de fondo en el desplegable.

CSS para principiantes

Hojas de Estilos en Cascada, es uno de los grandes avances en la creación de páginas y programas Web.

Como crear enlaces hipertexto

Para ser capaces de crear una página Web bastante completa tenemos que aprender a crear enlaces hipertexto.

Etapas del diseño web

Estas son algunas etapas que se sugieren para diseñar eficientemente un sitio

La credibilidad de una Web ¿Basada en su diseño?

Un reciente estudio muestra como, entre otros ítems, el diseño de una Web es muy importante para percibirlo como confiable o no.

¿Qué se busca al diseñar un sitio Web?

Veamos cuales son nuestros objetivos al diseñar un sitio. Visión de conjunto.

25 maneras de ser un freelancer más efectivo

Algunos consejos que van a ayudar a mejorar la preformance como trabajor freelance.

Cómo hacer presupuestos para Diseño Web

4 pasos para fijar precios de manera efectiva de un diseño web.

Hack CSS para Internet Explorer 7

Hack CSS para Internet Explorer 7. Creo que es bueno conocerlos por si en algún momento sea necesario utilizarlos.