Archivado en: Recursos
Ya que en HTML las imágenes de fondo por default se repiten indefinidamente tanto horizontalmente como verticalmente, podemos hacer uso de pequeñas imágenes, generalmente cuadrados de 2px hasta 10 px, con una secuencia de colores que al repetirse crean franjas decorativas para nuestros fondos de sitio.
En stripemania podemos diseñar estos pequeños “azulejos” que decoraran el fondo de nuestro sitio de una manera fácil y rápida.
Hace pocos días redacté un post en el que recomendaba una página en donde se hallaba una referencia completa de las propiedades de CSS en inglés y comentaba que me gustaría encontrar la misma referencia, pero en español, pues no sabia como interpretar bien algunos términos que se manejan en inglés referentes a CSS. Pues bien, la encontré: Referencia de CSS 2.1
Lo malo, es que aún no esta completa, lo bueno, es que lo que tiene me ha ayudado a entender valores de propiedades, como el inerhit.
En la página principal de esa liga (librosweb.es), hay otros “libros” que pueden ser de mucha utilidad para los que empiezan o para los que quieren ahondar en este mar de posibilidades que es la programación para web.
Archivado en: Recursos
En Dreamweaver podemos definir medidas con diferentes unidades. Lo más usual en un diseñador que viene de programas para print (Ilustrator, InDesign) es que este acostumbrado a trabajar con puntos, pero en web es recomendable trabajar con otro tipo de medias, menos rígidas, como son porcentajes y ems, ya que si armamos una página para que se vea en una resolución de pantalla de 800 x 600 y ponemos medidas de fuente en puntos o pixeles, cuando se visualice nuestro sitio en monitores de 1480 pixeles de ancho o más, la letra se verá sumamente pequeña, en cambio, si usamos medidas basadas en porcentajes o ems, esas medidas serán “elásticas” y cambiarán su tamaño dependiendo del monitor donde se este viendo la página.
Después del salto les pongo una tabla de equivalencias aproximadas entre éstas cuatro medidas que me encontré en webadictos qué a su vez la sacaron de WorldTechies. Ya saben esto de la RED trabajando al 100:
| Pts | Px | Em | Porcentaje |
| 6pt | 8px | 0.5em | 50% |
| 7pt | 9px | 0.55em | 55% |
| 7.5pt | 10px | 0.625em | 62.5% |
| 8pt | 11px | 0.7em | 70% |
| 9pt | 12px | 0.75em | 75% |
| 10pt | 13px | 0.8em | 80% |
| 10.5pt | 14px | 0.875em | 87.5% |
| 11pt | 15px | 0.95em | 95% |
| 12pt | 16px | 1em | 100% |
| 13pt | 17px | 1.05em | 105% |
| 13.5pt | 18px | 1.125em | 112.5% |
| 14pt | 19px | 1.2em | 120% |
| 14.5pt | 20px | 1.25em | 125% |
| 15pt | 21px | 1.3em | 130% |
| 16pt | 22px | 1.4em | 140% |
| 17pt | 23px | 1.45em | 145% |
| 18pt | 24px | 1.5em | 150% |
| 20pt | 26px | 1.6em | 160% |
| 22pt | 29px | 1.8em | 180% |
| 24pt | 32px | 2em | 200% |
| 26pt | 35px | 2.2em | 220% |
| 27pt | 36px | 2.25em | 225% |
| 28pt | 37px | 2.3em | 230% |
| 29pt | 38px | 2.35em | 235% |
| 30pt | 40px | 2.45em | 245% |
| 32pt | 42px | 2.55em | 255% |
| 34pt | 45px | 2.75em | 275% |
| 36pt | 48px | 3em | 300% |
Archivado en: Recursos
Blind Text Generator es una herramienta para poder generar texto falso para bocetos gráficos. Ideal para diseño web, editorial, publicitario, etcétera.
Archivado en: Recursos
Por fin mis súplicas fueron oídas, una guía completa de todas las propiedades del CSS y todos los valores que pueden tomar. ¡Un deseo más, vida! ¿Que halle una que este en español? No por la flojera que pueda tener al leer la página, si no por que hay algunos términos que aún no domino bien.
En ésta página encontraremos muchos diseños de menús construidos con CSS. Vienen los códigos, explicaciones de algunos problemas que se le presentaron a quién los armo y podemos bajar las páginas muestra. Buena oportunidad para adelantar un paso más en el camino del dominio de los CSS si espulgamos los códigos a fondo.
Archivado en: Recursos
Snipplr es una página con una gran colección de códigos de diferentes lenguajes (HTML, CSS, PHP, Java Script, etcétera). Por supuesto, se trata de una comunidad de programadores y diseñadores que comparten su trabajo. El trabajo en equipo es mejor. ¡A compartir y a disfrutar lo compartido!
Archivado en: Recursos
Les dejo una liga para generar código QR, así los que quieran verse bien cool, pueden generar la liga a su sitio, o sus datos personales e imprimirlos en sus tarjetas de presentación, con esto, le ahorrarán mucho trabajo a los geeks que tengan lector de código QR en sus célulares.
Si quieren saber más sobre éstos códigos, también les dejo la liga de wikipedia.
Archivado en: Tutoriales
Esta es la liga de la página de videotutoriales que nos hizo favor de pasar un alumno. ¡Sáquenle el mayor provecho que puedan!
Archivado en: Tutoriales
¿Qué es Flash líquido? Si me lo preguntan así, no sabría exactamente qué contestar en un frase concisa. Les explico mejor como yo lo entiendo.
Tradicionalmente los archivos swf para poder ser mostrados en web, se incrustan en un archivo HTML, con un tamaño fijo y una posición fija, en pixeles. Ahora imagínense que puedan hacer que el swf se adapte al tamaño completo del navegador como si de una tabla con 100% en su width se tratase, y que además los elementos no se escalaran y que siempre ocuparan su lugar, por ejemplo, al centro de la película, o en las dos terceras partes, tal cuál se puede hacer con algunos elementos con CSS. ¿Me entendieron? Pues eso es Flash líquido.
Les dejo una liga con un tutorial, y esta vez, no es de Cristalab.
