// Forma de usar el atributo a dentro del css, crearemos algunos LINKS,

En este primer ejemplo podemos observar:
:before, nos colocara el texto antes del link y :after justo después como podemos observar en nuestro ejemplo.

1. a[href$=".doc"]:before { content : “Descarga word: “; } /*termina link .doc*/
2. a[href^="ftp://"]:after { content : “: Descarga FTP: “; } /*comienza link ftp://*/

Read the rest of this entry »

Compartelo

más útil de lo que nos podemos imaginar, para los que nos dedicamos a esto del diseño. vamos a verlo, es muy simple..

he usado una foto tuya que me encanta el dibujo… =^_^= [ ver imagen de ejemplo ]

fuente: propiedad privada
código: mikko koppanen ha publicado el código en forma de tutorial en su blog

Compartelo

En esta primera y ojalá última edición del día 403 (4 de marzo de 2008) denegamos el acceso a nuestros sitios al navegador Internet Explorer.La aplicación de estándares en el desarrollo web permite que los sitios funcionen y se vean correctamente en casi todos los navegadores. Por desgracia, Internet Explorer, el navegador con mayor dominio de mercado, presenta serias deficiencias en la implementación de los estándares. Como consecuencia, los desarrolladores tienen que hacer trabajo extra para que quienes lo usan disfruten de una buena experiencia.

Eso cuesta dinero. Y cabellos, muchos cabellos.Por la salud de miles de trabajadores: no rompas la web, usa otro navegador.

Compartelo

Vamos a presentar una lista de simuladores que ayudan a los diseñadores y desarrolladores web para que sus páginas sean accesibles a las personas con discapacidades cognitivas. Unos ejemplos:

1. Readabilityindex calculator .
   Calcula un índice que indica la facilidad de lectura de un texto concreto, según una serie de fórmulas disponibles para cada idioma.
2. Readability test.
   Es otra herramienta que nos permite evaluar la facilidad de lectura de nuestra página web según varios algoritmos.
3. Distractability Simulation .
   Esta herramienta permite al desarrollador experimentar una frustración similar a la de una persona con discapacidades cognitivas cuando accede a internet.
4. Dyslexia simulation
   Nos muestra el contenido de una página web modificado para ser leído tal y como lo haría una persona con dislexia.
5. Misunderstood Minds.
   En su web podemos encontrar una serie de vídeos y actividades que nos ayudarán a comprender mejor las dificultades de las personas con problemas de atención.
6. PEAT (Photosensitive epilepsy analysis tool) Esta herramienta sirve para detectar los componentes de una página web que podrían provocar ataques en ciertos usuarios.
7. Flicker Rate Test for Gif Images
   Permite al desarrollador comprobar las imágenes de una página web buscan parpadeos, frecuencia de parpadeo y contraste de color.

Fuente

Compartelo