css – internetlab.es

CSS y los elementos de un formulario

sfilippi — Tue, 09 Jul 2013 13:28:21 +0000

La mayoría de los usuarios se encuentran con muchas interfaces cada vez que usan la Web.
Puede ser de gran ayuda para una interfaz diferenciarla a si misma de otras interfaces con estilos y color únicos.
Las hojas de estilo permiten a los diseñadores especificar ciertas características de cualquier elemento de un formulario: sus dimensiones; grueso de los bordes, estilo y color; color de fondo, especificaciones en los tipos de letras y la imagen de fondo. Simplificar es siempre una virtud, e incluso más por el hecho de las diferencias de estos elementos en los distintos exploradores.

Tan atractivos y personalizables pueden ser los elementos de un formulario, que socavan su utilidad.
El contraste es una guía de principio en la utilidad de un formulario.
Cuando una opción en un menú tiene gran contraste con el fondo, el usuario sabe que la opción esta disponible. Las opciones degradadas no están disponibles, pero bajo diferentes circunstancias.

Las opciones degradadas no son parte de las características de los elementos de formulario en HTML, pero son parte del lenguaje visual de los formularios. Si un usuario ve menos contraste en un menú o lista, puede pensar que las opciones no están disponibles.

CSS puede ser empleado para especificar el alto y ancho de los elementos del formulario, asi como los colores e imágenes de fondo, tipos de letra, y colores de las mismas.
Desgraciadamente, muchas especificaciones de CSS, como la altura, ancho, y fondos, son aplicadas a los elementos del formulario inconsistentemente.

Por otro lado, usando adecuadamente, CSS puede ser de gran ayuda para diferenciar elementos del formulario importantes con respecto a otros. CSS puede servir para alterar el color de los elementos menos importantes, por ejemplo, darle menos contraste, haciendo que el elemento sea menos apreciable sin crear la confusión de una opción no disponible.
Con tal que el idioma visual establecido de utilidad todavía esté claro, tal cambio de formato puede ser muy eficaz.

10 temas gratuitos estilo revista para tu blog WordPress

sfilippi — Mon, 07 Jun 2010 06:00:07 +0000

A vuelto a pasar. Siempre que me paseo por la Web a la caza de temas y plantillas de calidad para Worpress encuentro material realmente bueno. Hace un mes os traje un listado de plantillas HTML5 y hoy he recopilado varios temas gratuitos estilo Magazine para blogs WordPress.

Worpress se ha convertido en una plataforma CMS realmente potente y no sólo se usa para publicar diarios personales o fotografías, hoy sirve a muchas agencias de comunicación o empresas que quieren publicar una revista de una forma rápida, sencilla y económica.

Atención a la brutal galería que encontraréis después del salto. Os dejo también enlaces a sus páginas Web de demostración y al final de la entrada podréis encontrar la fuente desde la que podréis descargar estos temas WordPress y muchos otros.

Temas Worpress diseño Revista Gratis

Vía | www.blogreign.com

Ya tengo mi página Web lista ¿ahora qué?

sfilippi — Mon, 17 May 2010 06:00:13 +0000

Si acabas de hacerte con espacio en un servidor y por fin has lanzado la primera versión de tu página Web, es muy probable que al terminar hayas tenido la sensación de no saber por dónde seguir. A continuación te traigo una lista de recomendaciones que pueden ayudarte:

Asegúrate de que estas utilizando un sistema de Administración de Contenidos que te conviene (CMS).
Si tu página Web es mínimamente profesional, o servirá como plataforma de transacciones de dinero, o pretende ofrecer/registrar información restringida y privada de los usuarios, deberías adquirir un certificado de encriptación SSL, se trata de algo esencial.
En muchos casos, este tipo de proyectos Web ofrecerán a sus usuarios algún tipo de soporte, si este es tu caso tendrás que añadir formas de contacto a tu página y asistir a tus clientes a través de ellos. Ten en cuenta que cuantas más formas de contacto ofrezcas, más visitantes intentarán interactuar contigo y más fiable serás a los ojos de los usuarios.
Copias de seguridad: Por muy prescindible que te parezca este punto, es uno de los más críticos, aunque tu Web sea simplemente un magazine online. Existen varias aplicaciones que realizarán copias de seguridad de todos los contenidos de tu servidor de forma periódica y automatizada.
Servicios de computación en nube: Si no quieres tener que administrar tu propio sistema de correo u otros tipos de servidores, tendrás que contratar los servicios de una compañía de hosting.
Diseño Web: Ningún paquete de plan hosting te ofrecerá diseños exclusivos incluidos. Si quieres que tu Web se distinga échale horas al diseño o busca a un profesional que te haga una buena plantilla.
Monitorización: Algunos servicios de hosting te ofrecerán servicios de monitorización bastante decentes, no dudes en echarles un ojo, con el tiempo descubrirás que estas son las herramientas más importantes de un buen administrador.

Fotografía | www.flickr.com

Novedades de WordPress 3.0

sfilippi — Wed, 12 May 2010 08:35:13 +0000

Si te interesa el periodismo online y tienes un Blog, seguro que ya estás al corriente de que acaba de salir la nueva beta de WordPress 3.0, la plataforma de administración de blogs más popular del mundo. ¿Pero cuáles son las nuevas herramientas que nos trae esta última versión de WordPress?

Tipos de post personalizados: Estamos acostumbrados a que WP nos permita usar 2 tipos de contenido: Posts y páginas. En la versión 3.0 podremos personalizar qué tipo de atributos queremos para cada publicación, por ejemplo, definir una página tipo portafolios, o una específica para empleados, etc. Además, podremos crear páginas de tipo Texto, Fotos, Citas, Enlaces, Chat, Audio y Vídeo.

Multi-páginas: Con WP 3.0 podrás administrar varios blogs (con diferentes dominios) desde la misma instalación de WordPress. Simplemente se ha integrado en la aplicación lo que antes se conocía como WordPress MU (Multi-User).

Nuevo tema predefinido “Twentyten” : Si no tienes conocimientos sobre HTML o CSS, esta novedad te va a encantar, porque te permitirá diseñar tu blog de forma sencilla, reemplazando la imagen de la cabecera y la de fondo desde un menú.

Mejor usabilidad del menú de administración: Esta es una de las nuevas funcionalidades que más éxito va a tener, porque con WP 3.0 crear menús que incluyan una mezcla de links internos, externos, categorías, etc. es más fácil que nunca. Además, podrás personalizar la estructura de todo tu blog utilizando una cómoda interfaz “drag and drop”.

Vía | www.mashable.com

10 Temas de Worpress profesionales ¡gratis!

sfilippi — Wed, 21 Apr 2010 10:39:42 +0000

Como a muchos jóvenes de mi generación, me apasionan los diseños de blogs hasta tal punto que puedo pasarme horas y horas revisando galerías de temas para Worpress, para Blogger, plantillas en HTML5, etc. Y cómo anoche fue una de aquellas en que el sueño se resiste, “perdí” bastante tiempo practicando este deporte, así que os traigo algunos de los diseños que me impactaron.

Encontraréis la galería de temas para Worpress después del salto, sin embargo, si queréis descargar alguno de los temas en alta resolución y completos, podréis hacerlo desde la lista que os adjunto a continuación:

Y aquí os dejo la galería de plantillas Worpress profesionales:

10 Temas de Worpress profesionales ¡gratis!

Nvu: un editor WYSIWYG HTML y CSS gratuito

sfilippi — Fri, 09 Apr 2010 10:27:53 +0000

¿Buscas una alternativa gratuita a Microsoft Expression Web o Dreamweaver? Nvu es un editor CSS y HTML WYSIWYG de código abierto y gratuito, además va acompañado de documentación muy completa y su comunidad online da mucho soporte.

Nvu lleva integrado un administrador de archivos que soporta Windows, Mac Os X y Windows. Está diseñado especialmente para los webmasters que están iniciándose, pero es perfecto también para los usuarios más avanzados.

Aquellos que estén familiarizados con Frontpage o con Web Expressiones podrán exprlorar muy fácilmente su interfaz. Se trata de un programa sencillo y útil, así que puede que quien busque algo mucho más potente se quede con ganas de más. Sin embargo, antes de hacer una inversión de cientos de euros en un programa privativo cmo Dreamweaver, te recomiendo que le eches un vistazo a Nvu.