Diseñar borrador de interfaces

Hola, a través de esta entrada de Ubuntu Life, he descubierto una página web muy buena para crear diseños de interfaz (en plan borrador).

La página en cuestión se llama Mockingbird, y la aplicación que han creado para hacer estos diseños es muy, pero que muy intuitiva y fácil de usar. Os recomiendo que le echéis un vistazo.

Por cierto, aunque a priori parece que se puede diseñar cualquier tipo de interfaz, me da la sensación que está más enfocada al diseño de páginas web. Por lo que los que estáis pensando en diseñar páginas webs, bien por aprender o bien por trabajo, os puede venir de lujo. Os hacéis ahí los diseños, los enseñáis al resto del equipo y luego os ponéis a implementar la web tal y como la habéis diseñado. Ah! y permite organizar los diseños por páginas, guardar el proyecto, exportarlo a PDF o a PNG, etc…

Pulsar en la imagen para ampliar

10 consejos para planificar una aplicación web

Buenas Bitciosos!.

tufuncion es un blog especializado en tecnologías web y de vez en cuando encuentro posts interesantes, como uno que publicaron hace un tiempo con 10 consejos para planificar una aplicación web muy útiles.

Espero que lo disfruteis .

Dinamismo en páginas web con Mootools

Hola a todos! ya me animo yo a llenar de contenidos este precioso blog.

Como algunos sabéis, ahora me ha dado por aprender un poquito de diseño y programación web (yo y mis hobbies veraniegos), así que me voy a iniciar hablándoos de una librería muy guapa para javascript con la que podemos darle más dinamismo a nuestras páginas webs y así abandonar esos diseños tan estáticos que nos recuerdan a las páginas que visitábamos cuando usábamos internet explorer xD.

La librería en cuestión se llama Mootools (algunos ya la conoceréis u os sonará). Con ella podemos hacer cosas como que un recuadro con información que permanecía oculto, al mostrarse lo haga deslizándose suavemente (típicos efectos que podéis ver por ejemplo aquí, en wordpress). Podéis probar unas demos de esos efectos en el siguiente enlace demos.

A continuación os pondré los pasos a seguir más un código de ejemplo que he utilizado yo para una web de prueba que estoy haciendo, que os puede servir de guía para empezar a hacer efectitos molones.