daniBlog

En los comienzos de uno como diseñador suele buscar templates para tomar ideas, o bien usarlos como base para lo que será el diseño final de su sitio. Por la web hay bastante contenido de este tipo, pero la mayoría son de mala calidad, y no nos terminan sirviendo para nada.

Template world es una empresa de diseño que vende templates de alta calidad. Y ésto no es lo interesante, sino que -según vi en blogandweb- además de sus ventas, tenemos disponible en su web algunos templates (no pocos, más de 40) gratuitos para descargar y utilizar bajo la licencia Creative Commons Attribution 2.5.

Al descargarlo, tendremos unos html, css e imágenes que en conjunto conforman todo el diseño de una página. Parece muy fácil, descargamos y tenemos el diseño; lo complicado de los templates es elegir de entre todos justamente el que le caería bien al sitio que queremos diseñar. Además, seguramente será modificado, y trabajar sobre algo hecho por otro suele llevar bastante tiempo de adaptación.

Además podemos contactarnos con estas personas para que -además del template- nos envíen el fuente (psd) gratuitamente. Lo que seguramente vendrá acompañado de algo de publicidad de sus productos.

Por otro lado, su web está interesante. Tiene una gran multitud de templates para todos los gustos y de variados precios. Los mismos están divididos en categorías como: web 2.0, empresas, autos, juegos, almacenamiento online, entre muchísimas otras.

Para ver y poder descargar estos templates podemos ir aquí.

Los colores que entran por nuestros ojos -ya sea en un cartel que se nos cruza por la calle o bien un sitio web- nos produce reacciones psicológicas que no controlamos, sino que están predefinidas por decirlo de alguna manera.

Entonces, al definir los colores que utilizaremos en nuestros sitios, blogs, o lo que sea, se debe analizar cuidadosamente qué es lo que la web quiere transmitir y a qué usuarios está apuntado.

En webtaller han hablado acerca de esto, comentando que es lo que generará cada color en la persona que los ve:

• Rojo: Despierta las reacciones emocionales más fuertes, tanto positivas como negativas. Sugiere sentimientos de amor, pasión, excitación y fuerza, así como de ira, velocidad y peligro. El rojo también se asocia frecuentemente con las ofertas.
• Azul: Inspira sentimientos de pertenencia y confianza, fiabilidad, calma, paz, tranquilidad, seguridad, fidelidad y dignidad. El azul es, por mucho, el color “favorito” más común, y se asocia frecuentemente con una alta calidad.
• Amarillo: Se lo relaciona frecuentemente con calidez, sol y felicidad. Sin embargo, el amarillo puede ocasionar cansancio visual y por ello debe ser usado en poca cantidad.
• Anaranjado: Crea un sentimiento de alegría, placer y calidez y se lo percibe como vibrante y ambicioso.
• Verde: Dependiendo del matiz puede sugerir naturaleza, salud, frescura, crecimiento, abundancia, dinero y libertad. Es el más relajante para los ojos.
• Violeta: Es el color de la realeza, la espiritualidad, la dignidad, la sofisticación, y se puede percibir como lujoso.
• Rosa: Es blando, dulce y femenino, y puede despertar sentimientos de ser nutrido o mimado.
• Blanco: Se lo ve como puro, inocente, limpio, joven y suave.
• Negro: Habitualmente representa sofisticación, elegancia, autoridad y poder. Se lo puede percibir como seductor, misterioso o serio.
• Gris: Es autoritario, práctico y creativo. El gris oscuro inspira una sensación de solidez y confiabilidad.
• Marrón: Es rústico, sólido, confiable, opulento, efectivo y masculino.
• Dorado: Implica prestigio y dinero, igual que el plateado, aunque este último también se ve como frío y científico.

Si ya antes era complicado definir los colores para una web, ahora lo es más aún. Debemos tener en cuenta que combinen, que hagan contraste algunos con otros, y ahora -para colmo- conocer que reacción queremos en el cliente. Es complicado, pero si tenemos en cuenta todos los factores que se deben tener en cuenta lograremos mejores resultados, y estaremos un paso más adelante de aquellas empresas que no lo tuvieron en cuenta.

Hace unos días comenzó una competición en donde los participantes desarrollaban diferentes plugins para Wordpress, que luego eran votados por un jurado para elegir a los 4 mejores para premiarlos con algunos regalos.

Hoy terminó ésta competición, y ya se tienen a los ganadores:

Premio Consuelo

Ozh con Who Sees Ads, un plugin capaz de determinar quien ve y quién no los anuncios de tu blog. Que mal quedar en este puesto, pero ¿por lo menos ganó algo no?

Tercer lugar

Keith Dsouza con WordPress Automatic Upgrade, que permite actualizar las versiones de Wordpress directamente desde el tablero de control.

Segundo lugar

Barry con MyDashboard: plugin que permite personalizar el tablero de control al gusto y necesidad del administrador.

Primer puesto

El ganador de esta competición fue Anirudh Sanjeev, con OneClick. Este plugin trabaja en conjunto con una extensión para Firefox, y nos permite agregar plugins a WP desde la misma (con un sólo clic).

¿Qué ganaron? No demasiado para mi gusto. Algo de hosting para cada uno, así como también algo de efectivo en dólares -de $200 a $400-.

Vía: weblogtoolscollection

Best4c es otra de esas herramientas que se pasan de lo que una web normal puede hacer y realizan tareas muy útiles. En este caso, diagramas de todo tipo; como por ejemplo diagramas de flujo, de elementos de una oficina, diagrama de redes, entre muchísimos otros que dispone separados en diferentes categorías.

Similar a los programas de escritorio que nos sirven para la realización de diagramas, a la izquierda disponemos de los diferentes elementos para añadir a nuestro diagrama arrastrándolos hacia el centro de la pantalla donde tenemos nuestro escritorio virtual. Una vez que tenemos varios elementos en la hoja, podemos unirlos con sus respectivos conectores, como si fuese el Visio. A la derecha de la pantalla, al seleccionar uno de los elementos añadidos anteriormente, tendremos la posibilidad de modificar las propiedades del mismo: color, tamaño, fuente, etc.

Una vez que terminemos el diagrama, lo podemos almacenar en nuestra cuenta como privado, o bien, si deseamos compartirlo con alguien, como público (donde el sistema nos proveerá una dirección permanente del diagrama).

Está desarrollado en Flash; corre con FireFox, Internet Explorer, Opera y Safari sin problemas; y para utilizarlo debemos simplemente registrarnos.

Sin duda la herramienta está interesante, pero le faltaría un poco más de trabajo a lo que es la página en si, o sea, donde nos registramos.

Vía: Genbeta
Enlace: Best4c

El efecto Lightbox es utilizado hace un tiempo ya para mostrar imágenes en tamaño grande o bien para algunas pantallas de login de usuarios o fuciones similares. Un ejemplo de ésto es el login de Review Me, que lo pueden observar en la imágen que adjunto al artículo.

Para implementar este efecto se suele usar un scritp de JavaScritp. Al ser tan pesada la librería este scritp, muchos dejaron de lado el efecto Lightbox ya que lo creían muy lento. Recientemente se ha publicado (sigt también habló sobre esto) otro modo de implementar un Lightbox, que intenta no basarse tanto en JavaScritp y si en hojas de estilo CSS.

El archivo que usamos para definir los estilos de nuestra página, deberá contener:


.black_overlay {
display: none;
position: absolute;
top: 0%;
left: 0%;
width: 100%;
height: 100%;
background-color: black;
z-index:1001;
-moz-opacity: 0.8;
opacity:.80;
filter: alpha(opacity=80);
}


.white_content {
display: none;
position: absolute;
top: 25%;
left: 25%;
width: 50%;
height: 50%;
padding: 16px;
border: 16px solid orange;
background-color: white;
z-index:1002;
overflow: auto;
}


En el HTML, para mostrarlo:


<a href = "javascript:void(0)" onclick = "document.getElementById('light').style.display='block'; document.getElementById('fade').style.display='block'"> Hacer clic</a>


Y para ocultarlo:


<a href = "javascript:void(0)" onclick = "document.getElementById('light').style.display='none'; document.getElementById('fade').style.display='none'"> Ocultar</a>


Si quieren ver toda esta mezcla funcionando, lo pueden hacer desde aquí.

Existen muchos métodos para hacer este efecto. El comentado está interesante, tanto como éste que lo hace sin una gota de JS.

Día a día salen más y más sitios que nos permiten subir videos a la web, así compartirlos, recibir comentarios, votaciones; en fin, lo que ya todos conocemos perfectamente. Ahora, al tener más cantidades de sitios, más se dispersan los videos, y cada usuario opta por aquel servicio que mejor le resulte para su necesidad.

Con todo ésto, han surgido diferentes buscadores de videos, que son capaces de buscar en varios sitios de este tipo. En AltSearchEngines han realizado un top 10 de los mejores motores de búsqueda de videos:

Thumbalizr es una pequeña herramienta online 2.0 capaz de crear screenshots de páginas webs en cuestión de segundos.

Tan solo debemos especificarle la URL de la página a la que queremos hacer screenshots y presionar un thumb it. Al término -de acuerdo a mi experiencia- de 10 segundos obtendremos la imágen con el ancho que especifiquemos (entre 150, 320, 640, 800, 1024 y 1280 pixeles) .

Si quieren ver un ejemplo de screenshot hecho por Thumbalizr puedes hacerlo aquí. El resultado es más que aceptable.

Enlace: Thumbalizr
Vía: Blogultura

Ver películas en Internet es una novedad, pero dentro de menos de un año será algo de consumo común.

Con el boom de ver TV y las películas por Internet, han surgido variados sitios en donde directamente desde el navegador podemos disfrutar de una buena calidad de imágen y grandes contenidos.

En spamloco han publicado un listado de aquellos sitios que mejor andan en lo que se refiere a ver películas online:

• Stage6: es muy parecido a YouTube, con la única diferencia que nos permite ver películas de alta calidad online.
• Peliculasonline: dividido por secciones e idiomas nos hace una recopilación de las mejores películas y series para ver online.
• Peliculas-ON: administra las películas por categorías, y posee un útil TOP 15 con lás más vistas del último tiempo.
• Lycos Cinema: nos permite ver películas online y además chatear con todos los que estén viendo una misma película en ese momento.
• Graboid: tiene una de las bases de datos de películas y documentales más grandes de la red: 60.000. Para ver los videos, debemos previamente descargar e instalar un programa de unos 23MB. Es pago, pero nos ofrece un límite de transferencia gratuita de 10 Gb por mes.

Son varios, asique seguramente encontraremos siempre la película que queremos ver.

Siempre Windows dio para chiste, tal es así que en TecheBlog han publicado algunos errores que Windows tranquilamente podría dar. A continación los que me parecieron mejores:

Y acá uno que encontré Googleando un poco, no tiene desperdicio:

A medida que un blog va creciendo y estando más tiempo activo, recibe más y más enlaces de otros blogs; ya sea por referencias o bien intercambio de links.

Un modo de devolverles el favor a los que nos enlazan, sería anlazarlos a ellos. Manualmente sería un trabajo medio tedioso y mecánico, pero ahora lo puedes hacer automáticamente utilizando eReferrer.

e-Referrer es un scritp capaz de detectar a todos los blogs que te indexan y mostrarlos en nuestro sidebar. En el mismo se mostraría: el nombre de la página que nos está mandando tráfico, con la cantidad de visitantes que direccionó. Ésta lista está ordenada a modo de “rating” desde los que nos traen más visitantes, a los que nos traen menos visitantes; de éste modo las cosas son más justas para ellos.

Para utilizar esta herramienta debemos registrarnos gratuitamente e incorporar en nuestro blog un pequeño script.

Sin duda es algo interesante para probar que -además de devolver un favor a los que nos enlazan- podemos incentivar mayor cantidad de enlaces.

Enlace: e-Referrer
Vía: Blog and Web