Artículos
En ocasiones necesitamos insertar código en nuestro sitio web y si bien podemos hacerlo directamente en el área de texto no podemos colorear la sintaxis ni separar visualmente el código del resto del texto (en realidad, si podemos, seleccionando partes del código y cambiándole el color, pero hay que estar mal de la cabeza para hacerlo así). Si bien hay muchas maneras de hacerlo, la más sencilla que he encontrado es Google Code Prettify. Existen básicamente dos formas de utilizarlo.
Una propiedad muy interesante de CSS3 es filter (filtro, en español). Con esta propiedad podemos hacer cosas geniales con las imágenes como convertirlas a escalas de grises, ajustar el color, añadir sombras inteligentes a las transparencias, etc. En estos dias estuve desarrollando un proyecto que me exigía que las imágenes aparezcan desaturadas para mantener la estética con el resto del sitio. El problema es que no debían verse todo el tiempo desaturadas pues el cliente vende muebles y deben poder verse los colores de los muebles. La única solución era CSS3 y filter.
En Escuela Digital venimos construyendo un producto llamado Sitio web educativo. Durante el proyecto tuvimos la necesidad de construir un bloque que muestre el autor de un artículo del blog (puesto que en este producto, cada profesor tendrá su propio blog). Aquí explico cómo lo hemos resuelto.
Este bloque tiene la imagen del usuario, un recorte de su descripción (de 140 caracteres) y un enlace a su perfil completo. Se ve así:
Los patrones son uno de los recursos más valorados por un diseñador pues permiten llenar espacios otorgando volumen, texturas y conceptos. Hace un tiempo he venido usando subtlepatterns.com para mis diseños web y me parece un recurso genial. En esta página web podemos ver diferentes tipos de patrones en formato de lista o en formato de cuadrícula. Sin embargo, a diferencia de otras galerías de patrones, lo que hace que esta sea genial es que podemos aplicar en vivo el patrón escogido y visualizar como queda el diseño.
Páginas
