Escrito por J.F. el Lunes, 25 de Febrero del 2008 a las 14:48
Interesantes tutoriales que me encuentro para realizar menús CSS al estilo 2.0, de algunos conocidos servicios de la web:
Categoria: Recursos, Manuales, CSS, Javascript
Escrito por J.F. el Lunes, 18 de Febrero del 2008 a las 17:20
Si quieres realizar columnas con transparencias, pero quieres evitarte el quebradero de cabeza de andar jugando con imágenes png y las diferentes versiones de los navegadores, aquí un código para realizar columnas transparentes con CSS. Usando algunos hacks y técnicas avanzadas, el resultado conseguido es increíble. Simplemente hemos de usar el siguiente código HTML:
HTML:
-
<div id="column-1" class="container">
-
<div class="overlay"></div>
-
-
-
</div>
-
</div>
Ahora veamos el código CSS correspondiente a las clases utilizadas arriba:
CSS:
-
#column-1 {
-
position: relative;
-
float: left;
-
width: 500px; /* remember to set a width */
-
}
-
-
.overlay{
-
position: absolute;
-
top: 0; /* These positions makes sure that the overlay */
-
bottom: 0; /* will cover the entire parent */
-
left: 0;
-
width: 100%;
-
background: #000;
-
opacity: 0.65;
-
-moz-opacity: 0.65; /* older Gecko-based browsers */
-
filter:alpha(opacity=65); /* For IE6&7 */
-
}
-
-
#column-1 .content {
-
width: 460px;
-
padding: 20px;
-
}
-
-
.content {
-
position: relative;
-
}
Y el hack para IE6:
CSS:
-
* html #column-1 .overlay {
-
height: expression(document.getElementById("column-1").offsetHeight);
-
}
Enlaces: | Demo | Vía | Autor original
Categoria: CSS
Escrito por J.F. el Sábado, 9 de Febrero del 2008 a las 15:43
Emezeta a realizado de forma gratuita la chuleta más completa que conozco acerca de PHP, y además gratis. Por lo tanto si eres desarrollador y te resulta útil podrías considerar hacer una donación:
Enlace: | Chuleta completa de PHP
Categoria: Manuales, PHP
Escrito por J.F. el Miércoles, 6 de Febrero del 2008 a las 16:00
- Formularios de login ocultos: un usuario no debe perder el tiempo buscando el formulario para acceder a un servicio. De ésta forma lo más probable es que perdamos al usuario.
- Utilizar pop-ups para mostrar contenido: muchos navegadores como explorer y firefox bloquean las ventanas emergentes, por lo que no es buena idea tener contenido en pop-ups, ya que puede que el usuario no llegue a visualizarlo.
- Arrastrar para navegar: utilizar la misma forma para moverse por una web que en un documento pdf no parece buena idea. En ocasiones no se tiene toda la movilidad que se desea.
- Enlaces invisibles: facilita que los enlaces a otras secciones sean visibles. Una página llena de imágenes que son enlaces no es lo más acertado para guiar a un visitante.
- Sobrecarga visual: excesivo uso de imágenes y contenido apelmazado, puede producir sensación de angustia.
- Zonas sin salida: no lleves a páginas que no tengan salida, o posibilidad para volver atrás. Todos sabemos que existe el botón atrás del navegador, pero no es lo correcto. Siempre debe de haber una estructura de la página a través de la cual poder movernos por las diferentes secciones de un sitio.
- Bloques de contenido tapando otros: ésto ocurre a menudo en alguna página con publicidad. Por mostrar el banner en ocasiones se tapa el contenido. Inlcuso a veces en navegadores como firefox no se pueden cerrar éstos banners, ya que algunos solo van en explorer. Lamentable, es una de las cosas que más odio.
- Navegación dinámica: no escondas a tus visitantes las secciones de tu página bajo menús dinámicos con movimiento.
- Menús desplegables: ahorran mucho espacio al webmaster, pero obligan al usuario a manejar el ratón con precisión. Si tienen muchos niveles pueden llegar a desquiciar.
- Imágenes animadas: el uso excesivo de gifs y animaciones flash pueden resultar mareantes en algunos casos.
Enlace | Ejemplos y autor original de la recopilación
Categoria: General
Escrito por J.F. el Lunes, 4 de Febrero del 2008 a las 16:48
Eso es lo que nos ofrecen en Nuviotemplates, plantillas sobre las que poder diseñar nuestro sitio web, con XHTML válido sin el uso de tablas, compatibles con distintos navegadores, cuidando el aspecto de la accesibilidad y con comentarios para poder guiar a todo aquel que desee introducir modificaciones.
Enlace: | Plantillas gratis
Vía: | Adictos
Categoria: Recursos, General
Escrito por J.F. el Viernes, 1 de Febrero del 2008 a las 13:24
En el blog de Zarqun, han hecho un pack con templates flash de gran calidad, que puedes descargar de forma gratuita. Son de gran calidad, como puedes observar en el pantallazo que tomo de su blog. Están todos los archivos necesarios incluidos.
Enlace: | Autor de la recopilación | Descargar templates
Categoria: Flash, Recursos
