Archivo de la categoría: Tips

29 Maneras para mantenerse creativo

Quizás una de las cosas o actitudes más dificiles de mantener y obtener es la de “ser creativo”, porque el asunto es ¿qué es ser creativo?. Según muchos, el creativo es quien tiene las ideas más innovadoras o la idea que a nadie se le ocurrió, pero según yo ese es al que se le ocurrió más rápido que a los otros, y sería el mas rápido y no creativo. En fin, el asunto es que ser creativo no es una cuestión fácil, requiere de un especial estado mental y físico, una disposición constante y una forma de vida siempre alerta a ver lo que otros no ven y a mirar el mundo con otros ojos.

Así, se hace especialmente necesario nutrir el cerebro con cosas nuevas y experiencias que ayuden a abrir el universo, es por eso que navegando por ahí encontré una lista que da 29 tips para poder mantenernos creativos…

  1. Hacer listas
  2. Llevar una libretita a todos lados
  3. Escribe por diversión
  4. Alejarse unas buenas horas del computador
  5. Dejar de luchar contra uno mismo
  6. Tomar descansos
  7. Cantar en la ducha
  8. Toma un buen café
  9. Escucha siempre nueva música
  10. Ábrete!, o sea… mantén la mente abierta
  11. Mantente rodeado por gente creativa
  12. Sométete a la crítica y recibe comentarios
  13. Colabora con otros
  14. No te rindas
  15. Practica, practica y practica
  16. Permítete cometer errores, no todo tiene que salir bien a la primera
  17. Visita lugares nuevos
  18. Cuenta tus bendiciones (ésta no la entendí)
  19. Descansa lo que más puedas
  20. Asume riesgos
  21. Rompe las reglas, o sea, no sigas listas
  22. No lo fuerces, saldrá solo
  23. Lee una página del diccionario
  24. Crea un método de trabajo
  25. Deja de intentar ser perfecto
  26. Se te ocurrió una idea? entonces escríbela en una libreta!
  27. Limpia tu escritorio o tu espacio de trabajo
  28. Diviértete!
  29. y la más importante… termina algo!

También, gracias a esta lista, los de to-fu.tv se pusieron “creativos” y animaron ésta lista en un videito que deja más clara la idea ;D

Saludos!

10 consejos que todo diseñador no debe seguir

Si bien al momento de ser un diseñador web, o lo que sea que seas, nunca lo vas a saber todo, por lo cual a punta de ensayo y error lograrás encontrar tu camino y ya podrás tener una lista de las cosas que si hay que hacer, las que no y las que se puede pero no se debe.

De momento, para los que vamos iniciando el camino dejo unos consejos que ninguno de nosotros debe seguir ni a palos ;D

  1. Respeta a tus colegas.
  2. Mantente despierto toda la maldita noche.
  3. Haz la diferencia.
  4. Usa la teoría del color.
  5. Usa el corrector ortográfico.
  6. Tomate tu tiempo.
  7. Aprende de los que la llevan.
  8. Elimina tu Windows y comienza a usar Mac.
  9. Nunca tomes un no como respuesta final.
  10. y el mejor de todos… Hazla bien a la primera.

Con ésto, quedamos pero listos para enfrentar al mundo! 😀

[adsense]

Border-radius en Internet Explorer

El objetivo de todo diseñador web y el motivo por el cual luchamos cada día es que cada uno de nuestros diseños se vean excelentemente bien en la mayoría de lo navegadores comunmente usados, para como no todo puede ser perfecto, Micro$oft siempre tiene una cartita bajo la manga que nos complica la vida.

Hoy nos reunimos para lograr bordes redondeados usando “border-radius“, una de las propiedades estrellas implementadas en CSS3, y hacerlo de tal manera que funcione en IE, porque para los otros navegadores lo podemos lograr facilmente:

El CSS:

.borde-redondeado {
	-webkit-border-radius: 10px; /* Para Safari y Chrome */
	-moz-border-radius: 10px; /* Para Firefox */
	-khtml-border-radius:10px; /* Navegadores de Linux */
	border-radius: 10px; /* CSS3 */
}

EL HTML:

<div class="borde-redondeado">Este contenedor tiene sus bordes redondeados con CSS3</div>

Ahora, hay 2 formas que conozco para lograr los bordes redondeados en IE y son la siguientes:

1. Usando un archivo HTC

Utilizando un archivo HTC creado por Remiz Rahnas de HTML Remix y que se puede bajar desde Google Code podremos lograr el efecto utilizando una hoja de estilos exclusiva para IE o agregando la propiedad dentro del css anterior.

Se debe cargar el archivo “border-radius.htc” en la misma carpeta donde se encuentre nuestra hoja de estilos.

En una hoja exclusiva para IE:

EL CSS:

.borde-redondeado {
	border-radius:10px;
	behavior: url(border-radius.htc);
}

EL HTML:

<!--[if IE]><link rel="stylesheet" href="ie.css" type="text/css" media="screen" /><![endif]-->
<div class="borde-redondeado">Este contenedor tiene sus bordes redondeados</div>

o todo de una vez usando el código del primer ejemplo

El CSS:

.borde-redondeado-htc {
	-webkit-border-radius: 10px; /* Para Safari y Chrome */
	-moz-border-radius: 10px; /* Para Firefox */
	-khtml-border-radius:10px; /* Navegadores de Linux */
	border-radius: 10px; /* CSS3 */
	behavior: url(border-radius.htc); /* Para IE */
}

EL HTML:

<div class="borde-redondeado-htc">Este contenedor tiene sus bordes redondeados con CSS3 y magia para IE</div>

DEMO

2. Usando jQuery

También se puede lograr el efecto utilizando la librería jQuery, con un plugin llamado jQuery.Corner, el cual permite no solo bordes redondeados, sino que bordes mas complicados que no sé como describir.
EL JS:

$(".borde-redondeado-jquery").corner("10px");

EL HTML:

<script src="jquery-1.3.2.min.js"></script>
<script src="jquery.corner.js"></script>
<div class="borde-redondeado-jquery">Este contenedor tiene sus bordes redondeados con jQuery</div>

Conclusión

No usar IE…
…pero si se usa, con estos métodos que vimos podemos lograr bordes redondeados “cross-browser” lo que representa una ayuda y un alivio para los que somos extremistas del detalle y no nos conformamos con la técnica de “mejora progresiva” en CSS.

[adsense]