Sharepoint Accesible #1

Voy a intentar crear una serie de post que resuman mis experiencias al crear un site accesible con Sharepoint.

Lo primero que vamos a instalar es el Accessibility Kit for SharePoint (AKS). El proceso es algo tedioso y lento... Aqui os dejo un enlace con los Adapters recopilados y el archivo compat.browser modificado que seguro que os facilita algo las cosas.

Esto nos instalara las Templates de AKS. Aunque el trabajo no ha hecho más que comenzar.

El siguiente paso es quitar todo rastro de tablas en la maquetación de la master.

Continuará...

Silverlight Inspiration

¿Qué podemos hacer con Silverlight?

Realmente la respuesta a esta pregunta son los propios límites que le pongamos a nuestra imaginación.

Para inspirarnos Microsoft ha creado estas pequeñas demostraciones de un ficticio servicio de atención al paciente realmente espectaculares.

Esta dividido en Tres partes:

Una parte de Administración, para administrar citas y contactar con los pacientes.




Ver Aplicación


Otra parte de cuidados Primarios de nuestro médico de cabecera.




Ver Aplicación



Y otra parte de cuidados más especializados en el Hospital.




Ver Alicación



Vale la pena echarle un vistazo para inspirarse y evitar ponerse barreras uno mismo a la hora de crear un nuevo proyecto.

Espero que las disfrutes.

enraona 2009

Ya paso el enraona, desde Madrid nos hemos currado este video que me gustaria compartir aqui, buen ambiente no nos falta eso seguro.

Sharepoint Templates

Una de las cosas que mas se le critica a Sharepoint, WSS para ser mas exactos es que visualmente no es muy bonito.

Afortunadamente podemos personalizar nuestro diseño prácticamente como queramos.

Aqui os dejo un par de ejemplos de como puede quedar nuestro WSS (Windows Sharepoint Services)




Si estas Buscando personalizar las templates de WSS no dudes en cotactar conmigo

;-)

Retoque en Photoshop

En este video podemos ver toda la potencia de retoque de imagenes que tiene Photoshop:

CSS Tips #1 Ocultar Mensajes

Con CSS podemos crear efectos muy bonitos prescindiendo de javascript con lo que ganaremos en accesibilidad.

Necesitaremos este código:

<p>Aqui puedes probar un <a class="sms" href="#">Enlace<span>
con mensaje oculto</span></a> sin javascript</p>
<p>Válido y totalmente accesible</p>

Ocultando el <span> dentro del enlace para mostrarlo cuando pasemos por encima.

Este será el codigo css necesario:

a.sms {
position:relative;
text-decoration:underline;
}

a.sms span {
font-size:12px;
position:absolute;
display: none;
left: 0px;
top: 10px;
width: 150px;
height: auto;
padding: 30px 10px 10px 10px;
color: #fff;
background: url('fnd-sms.gif') no-repeat left top;
cursor: default;
}

a.sms:hover span {
display: block;
}

Ejemplo
Aqui puedes probar un Enlace con mensaje oculto sin javascript
Válido y totalmente accesible

Menus en CSS

Un listado con menus en css más que interesantes, siempre es bueno tenerlos a mano.

http://webdeveloper.econsultant.com/css-menus-navigation-tabs/