Diseñador tipográfico
Thursday, February 26th, 2009Un buen portfolio de este diseñador:
Un buen portfolio de este diseñador:
Un diseñador clásico y “sencillo”
Buscador de tutoriales de photoshop
Iconfu es un editor online de iconos y además posee una biblioteca de más de 12.000 iconos
Aun, cuando navegamos con Internet Explorer, al llegar a una página que contiene un objeto de flash se puede ver esa molesta línea de puntos que enmarca a dicho componente y, al pasar el cursor por encima, aparece un tooltip que reza: Haga clic para activar y usar este control. Pues bien, desde leandrodonofrio.com nos dan la solución:
Como sabrán (y si no lo saben viene bien la información), el pasado 11 de abril, Microsoft realizó una actualización de su software Internet Explorer, el cual modifica la forma de utilización de los controles Activex, debido a un problema judicial con la empresa Eolas y una patente que ellos registraron y Microsoft violaba. Dicha patente era sobre como incorporar en las etiquetas HTML contenido en Flash (y también otras como PDF, media players, etc)…
Esta actualización básicamente lo que hace es que cuando abramos una página hecha en Flash ó con contenido en Flash, antes de interactuar con ella, debemos primero darle el OK para que esta se active.
He visto varias soluciones a tener en cuenta, todas consisten en la incorporación de una librería en JavaScript la cual hará que la película funcione correctamente.
Las soluciones a este problema son…
1. Solución oficial de Adobe:
2. SWFObject:
3. UFO (Unobtrusive Flash Object):
4. jActivating:
5. Otras soluciones alternativas:
Un blog interesante sobre todo lo referente al color
Repositorios de fuentes, donde descargarlas de forma grauita
Sin duda, una entrada para lectura diaria sobre temas CSS
Si queremos evitar la técnica faux column, siempre podemos acudir a esta técnica CSS para simular columnas de la misma altura.
Columnas de igual altura con CSS
CÓDIGO CSS
#container {
background-color: #fff;
overflow: hidden;
width: 780px;
margin: 10px auto 5px auto;
border: 1px solid #000;
}
#content {
background-color: #fff;
width: 580px;
border-right: 200px solid #0099FF; /* ancho y color del menú */
margin-right: -200px;
float: left;
}
#menu {
width: 200px;
float: left;
color: #fff;
background: #0099FF;
text-align: left;
}
CÓDIGO HTML
<div id=”container”>
<div id=”content”>
<p>bla bla bla bla</p>
<p>bla bla bla bla</p>
</div>
<div id=”menu”>
bla bla bla bla
</div>
</div>