Archivos de Etiqueta: Tutoriales

Cómo crear un visor de imágenes con CSS3

En este artículo vamos a crear un visor de imágenes en únicamente con CSS3 inspirado en el trabajo de Vladimir Kudinov en Futurico User Interface. Las características de CSS que utilizaremos en este artículo han sido probadas en los navegadores más recientes por que el visor no funcionará en todos los navegadores (prueba con Chrome y Safari). No es recomendable utilizarlo en proyectos profesionales porque no funcionará para todos los usuarios. Utiliza el contenido de este artículo para practicar con las características de CSS3 que podrás utilizar cuando esté realmente disponible en un futuro próximo.

leer más »

Code Racer: aprende a programar sitios web jugando

En Internet existen multitud de opciones que pretenden enseñar programación por medio de juegos, especialmente orientadas a niños, pero Code Racer se mueve en otra categoría. Y es que en este caso, estamos ante un juego en línea donde tendremos que enfrentarnos a otros usuarios en carreras de escribir código, como si se tratase de un frenético juego de carreras para adictos a la tecnología.

Una idea ingeniosa y que cumple perfectamente con su cometido de enseñar al tiempo que divierte, aunque quizás con la emoción del momento algunas cosas no se queden muy grabadas. El juego requiere tener cuenta en Facebook para acceder (quizá un hecho que eche para atrás a algunos usuarios), y permite adentrarnos en lenguajes orientados a la web como HTML, CSS y JavaScript.

La simpática iniciativa se la debemos a Treehouse, una joven empresa que ha desarrollado distintas soluciones para enseñar diseño y desarrollo web. La verdad es que con propuestas así o como Code Year, el que no aprende algo de código (al menos a un nivel muy básico) es porque no quiere. ¡Anímate, juega y aprende!

Enlace:
Code Racer – Battle it out and learn the code

Vía:
Genbeta – Con Code Racer aprender a programar es un juego, y muy adictivo 

Descubre 16 formas de envejecer imágenes

Desde hace un tiempo, se ha convertido en una moda el aplicar filtros que hagan cambios en una imagen para que parezca más vieja de lo que en realidad es. Si bien es cierto que las modas vienen y van, no es menos cierto que algunos trabajos requieren el toque distintivo de una época pasada. Por ese motivo, el artículo 16 Vintage/Retro Photo Effect Tutorials de DesignModo es una buena referencia para aprender un buen puñado de técnicas que pueden ser realmente útiles. Lejos de ser una colección de filtros, estos consejos pueden ser usados en multitud de situaciones.

Aunque cada uno de los métodos está enteramente descrito en inglés, no son complicados de seguir, puesto que todos tienen capturas de pantalla lo suficientemente claras para no perdernos detallando cada uno de los pasos necesarios.

Vía:
DesignModo - 16 Vintage/Retro Photo Effect Tutorials

Diseñar para móviles: unos buenos consejos

A la hora de diseñar para móviles es necesario tener en cuenta una serie de aspectos y condiciones que quizá no contemplemos de un inicio. No sólo debemos ceñirnos al estudio de la interfaz para dispositivos diferentes a los que estamos acostumbrados sino a la manera de trabajar con éstos.

Jimena Catalina es una diseñadora de talento que  se ha marcado una estupenda presentación titulada Diseñar para móviles en la que nos brinda una serie de datos y consejos a la hora de afrontar este tipo de proyectos. Y es que no todo es Apple y aunque es un mercado jugoso, hay mucho más a lo que hincar el diente y que merece la pena estudiar.

Más información:
Jimena Catalina – Piensa en Pixels
Criterion – Diseñar para móviles 

Crea guías y ayudas en línea fácilmente con Tildee

Hay ocasiones durante las que tenemos la necesidad de realizar una explicación a alguien que no está físicamente junto a nosotros. Lo más habitual es hacer referencia a alguna guía (comúnmente llamadas tutoriales) que ya esté en la web o quizá explicarlo por correo electrónico. También podemos recurrir a otro método: crear un tutorial en Tildee.

Tildee es un servicio que permite crear guías y ayudas en la web de manera fácil y sencilla. Sin necesidad de registro, podemos crear una página que contenga una explicación de algún tipo dividida en cómodos pasos. Cada paso puede contener texto, una imagen o un vídeo. La imagen la podemos alojar en el propio servicio, pero en el caso del vídeo sólo es posible añadirlo indicando la URL del mismo.

Una vez que publiquemos la guía, ésta no será modificable a menos que nos hayamos registrado previamente. Además de poder editar, al registrarnos también obtendremos un perfil que, como está de moda hoy en día, puede ser seguido por otros usuarios (y viceversa, claro). También dispone de los botones necesarios para compartir las guías por las redes más utilizadas y cada página posee una URL que, sin ser del todo “reducida”, sí es bastante corta.

En resumen, se trata de un servicio muy sencillo de usar y que nos puede servir para explicar la realización de un proceso rápida y claramente. Además, el poder publicar sin necesitar registro lo hace ideal para un uso ocasional sin tener que recurrir a servicios más elaborados o complejos.

Vía:
Genbeta – Tildee: crea tutoriales sencillos online sin necesidad de registro