Code Sucks: Otra buena fuente de layouts en CSS para descargar. Gratis!

Vía: http://www.code-sucks.com/

UPDATE

Viendo en el blog de webintenta.com encontré otros sitios con plantillas basadas en CSS:

• Six Shooter Media: Plantillas web gratuitas
• Free CSS Templates
• CSSFill.com: Plantillas gratuitas CSS/XHTML
• Free CSS Templates Solucija

Excelentes listados de recursos para diseñadores y desarrolladores web.

Ver listados:
Web Developer’s Handbook: http://www.alvit.de/handbook/
DEVLISTING: http://www.devlisting.com/

Curiosa compilación de fotografías en donde aplica el uso de conocidas etiquetas (tags) de HTML.
Ver todas: http://static.iftk.com.br/mt/2007/02/html_tags_jokes.html

Buen ejemplo de un layout de 3 columnas con alturas fijas.

http://www.positioniseverything.net

1. clip

clip: rect(5px, 40px, 45px, 5px)

2. visibility
visibility: (inherit | visible | hidden)

3. text-shadow
text-shadow: color, x-coordinate, y-coordinate, blur radius
text-shadow: #000000 10px -5px 1px

4. content
content: "Your browser supports content"

5. quotes
q { quotes: ‘"’ ‘"’ }

6. counter-reset and counter-increment

7. marks
@page: { marks: ; }

8. page-break-before and page-break-after
page-break-before: (always|auto|empty string|left|right);
page-break-after: (always|auto|empty string|left|right);

9. orphans and widows
orphans:
widows:

10. font-size-adjust
font-size-adjust: number

11. font-stretch
font-stretch: (normal | wider | narrower | ultra-condensed | extra-condensed | condensed | semi-condensed | semi-expanded | expanded | extra-expanded | ultra-expanded | inherit)

12. font-variant
font-variant: (normal | small-caps)

13. caption-side
caption-side: (top | bottom | left | right)

14. table-layout
table-layout: (auto | fixed)

15. empty-cells
empty-cells: (show | hide)

Lee el artículo completo de Matthew Inman para la descripción detallada de cada uno.

Excelente artículo que explica detalladamente el famoso Box Model, por cuya diferencia de interpretación por parte del Internet Explorer y los browsers estándar, hay hoy en día tantas incompatibilidades entre layouts y diseños de CSS.

Since the box model is what browsers use to calculate an element’s total width and height, it is quite understandable that different browsers producing different results can be both confusing and frustrating.

Ver artículo: 456 Berea Street

Otros recursos al respecto:

• http://www.webcredible.co.uk
• http://www.info.com.ph/~etan/w3pantheon/style/abmhtest.html
• http://www.w3.org/TR/css3-box/

Excelente manera de representar este compendio de recursos acerca de modos de visualización de todo tipo.

http://www.visual-literacy.org/periodic_table/periodic_table.html

El lunes 12 de febrero fue el lanzamiento oficial del sitio web de la versión en línea de la Revista Jurídica de la Facultad de Jurisprudencia de la Universidad Católica de Guayaquil. El acto presentado por el Dr. Carlos Salmon y mi persona, en presencia de todos los directivos de la Universidad y la prensa, se llevó a cabo en el Auditorio de la Facultad.

Se trata de un portal que recopila los textos de las revistas jurídicas que ha publicado la universidad a lo largo de los años, permite la descarga de los mismos en PDF, estadísticas de artículos más leídos, registro de usuario, encuesta, entre otros. Es hoy en día la primera revista jurídica del país en contar con un portal en Internet.

Visítalo: www.revistajuridicaonline.com/

Este interesante sitio, te permite enviar, comentar, votar y compartir tus sitios / blogs favoritos con otras personas. La interfase tiene algunos elementos visuales que se asemejan a digg.com. Requiere registrarse (gratis) para hacer casi cualquier acción dentro del sitio.

Spicypage lets you post, comment on, vote on, share your favorite sites or blogs with your friends and others like you. Discover and bookmark the new and the best sites & blogs out there, and connect with people of the same interests as you.

Visita: http://spicypage.com

Con esta interesante adición al CSS de tu sitio, puedes lograr incorporar un pequeño ícono representativo al lado de cada link que hayas definido como tal.

El funcionamiento es simple, si un link apunta a un PDF, este link llevará un pequeño ícono de un PDF a su lado.

¿Qué hay que hacer para poder usar ésto en tu página?

Descarga el archivo .zip, sube el CSS y los íconos a tu servidor e integra el CSS a tu sitio. Los íconos pueden ser reemplazados por unos personalizados y también puedes incluir nuevos iconos al CSS.

Interesante y muy vistosa herramienta vía web para conocer la velocidad “real” de descarga y “subida” de tu conección de Internet.

Por cierto, me comentaba Juan Xavier el otro día, que uno de los IPs (luego descubrimos que no era sólo uno) de una compañía de banda ancha de aquí de Guayaquil, habia incrementado -aparentemente de manera temporal- estas velocidades, alcanzando la mía unos increibles 840 kbps! Mi velocidad contratada es de 200 kpbs, así que eso fue una grata sopresa.

Curiosamente en estos días, a ratos se disparan las velocidades de subida y bajada, lo que espero que se trate de algún plan a corto plazo para incrementarlas definitivamente para los usuarios.

Visita SpeedTest.net

Vìa education & technology

Como parte del proceso de crecimiento y cambio de este blog, tengo el agrado de anunciar el dominio que funcionará para acceder a este espacio.

Comprar michaelmuller.net es parte de un proyecto nuevo que espero poder llevar a cabo pronto, y según el tiempo lo permita.
Nuevas cosas están por venir…