crear una página web En este webinar te enseñamos conceptos y fundamentos de diseño web y usabilidad, mostrando diferentes procesos en la creación web. En este webinar, impartido por Juanmi Barea, especialista UX de Nominalia, nos pondremos manos a la obra para enseñar algunas técnicas y procedimientos que te ayudarán a crear una página web de calidad, siguiendo los estándares. Resolveremos en directo varios problemas habituales, enseñaremos herramientas útiles y mostraremos ejemplos de buenas prácticas. Video del webinar Presentación Respuestas a vuestras preguntas 1. Hola, UX son las siglas de “user experience” es decir, experiencia del usuario. 2. Sí, es absolutamente recomendable aplicarlos. 3. 4. Un blog en formato magazine, sin duda para estos contenidos requieres una solución de ese tipo. 5. Aunque el tema del color entraña un factor psicológico evidente y el negro se asocia a lo negativo, en realidad, en este caso, no es así. 6. 7. 8. 9. 10. 11. 12. 13. 14. 15. 17. 18. 19. 20. 21. 22. 23. 24. 25. 26.
25 sitios para descargar legalmente, cientos de miles de imágenes gratis de alta calidad Hace unos meses atrás publicamos una serie de artículos con una recopilación de sitios de los que se pueden descargar cientos de miles de imágenes gratis de alta calidad para utilizar tanto en proyectos personales, como así también en proyectos comerciales. En total son 25 sitios con fotografías de todos los temas que se puedan imaginar como por ejemplo Tecnología, animales, plantas, paisajes, en fin, de todo. Aquí tienen los enlaces a esos artículos, pero antes de que vayan a ver los sitios, una recomendación: Antes de descargar y usar algunas de las fotografías, lean las reglas y términos de uso de las mismas, especialmente las secciones que hablan sobre la atribución, ya que si bien en algunos de los sitios no es obligatorio, en otros es obligatorio que den el crédito correspondiente al autor de la imagen. Sitios para descargar gratis miles de imágenes de alta calidad – Parte I Sitios para descargar gratis imágenes de alta calidad – Parte II Imagen de Portada | 2Happy StockVault
A Wonderful Resource of Free Public Domain Images to Use in Class June 3, 2014 Pixabay is a great platform where teachers and students can search for and find public domain images. Using Pixabay images you will not have to worry about copyright issues or attribution requirements. Pixabay offers high quality images that you can use freely without attribution in digital and printed form. I have been using images from Pixabay to illustrate some of the posts here in EdTech and Mlearning and have also featured it in several previous 'free public domain image lists". You can use Pixaby without having to register, however, non-registered members will always be asked to type in the captcha code each time they want to download an image. There are two ways to search for public domain images on Pixabay: first you can use the image library to browse through the different collections featured there or you can use the search functionality to refine your search using key words.
Google Web Fundamentals ayuda a construir mejores sitios web Google, siempre tratando de innovar en la tecnología, está ampliando su gran oferta de herramientas disponibles incursionando en temas educativos orientados a desarrolladores. Ya nos habia mostrado el Google Web Designer y ahora nos presenta Google Web Fundamentals. Google Web Fundamentals es un recurso integral para el desarrollo web en múltiples dispositivos, o como ellos suelen llamarlo, un manual con las mejores prácticas. Dicho de esta forma, no es más que una guía con buenas prácticas en la creación de interfaces web, cuyo objetivo es ayudarte a producir un producto de excelente calidad que sea adaptable (también conocido en inglés como Responsive Design). Un sitio web adaptable es aquel que se ajusta a las resoluciones de pantallas más comunes en el entorno del usuario sin que el contenido deje de ser legible o pierda forma. Imágenes, Audio y Vídeo: ofrece lecciones para manejar contenido multimedia de una forma simple y uniforme a través de los distintos dispositivos.
10 sites de photos gratuites et libres de droits Si les banques d’images permettent de payer pour utiliser telle ou telle photo, à des prix plus ou moins onéreux suivant la qualité et les droits associés, certaines proposent également un catalogue de photos libres de droits gratuites. Pratique pour utiliser des photos de bonne qualité ! D’autres banques d’images sont totalement gratuites : si la qualité des photographies est en général un peu moins aboutie, le nombre d’images disponibles est parfois gigantesque ! Fotolia, une sélection de photographies gratuites Le site propose un certain nombre de fichiers gratuits et libres de droits (0 crédits). Stock.XCHNG Stock.XCHNG est une banque d’images libres de droits gratuite. Flickr, la référence des photographies en Creative Commons Depuis quelques années, de nombreux concurrents sont venus ébranler Flickr. L’internaute doit simplement choisir entre les différentes licences Creative Commons, puis indiquer le mot-clef correspondant à la photographie recherchée. Stockvault Every Stock Photo
Royalty-Free Music Royalty-Free Music Full Search This is the normal default search, and can access every piece in the catalog. You can narrow your search on genre, feel, tempo, or length... or use the custom Google Search for anything else! For example, you can type in "Banjo" to find anything with a banjo in it. View Collections This section does not include every piece of music, but does make it easier to quickly find pieces that are, for example "Comedic" or "hard rock". Full List All the names of every piece ever available on incompetech, sorted by title. ISRC Catalog All the names of every piece ever available on incompetech, sorted by creation date (more or less).
20 Excellent Wireframing Tools for Mobile Planning and wireframing your mobile website or application is an essential part of a successful design process. It can help save you money (on design and development costs), expand initial ideas, build structure and functionality and effectively gather invaluable early feedback. We have gathered 20 of the best tools for wireframing mobile websites and apps, each of which offers a unique set of features. Furthermore, there are plenty of other wireframing and diagramming apps available, which may also be of interest. Have we left out your favorite wireframing tool? Image via istockphoto, thegoodphoto
Imágenes de archivo, fotos libres de derechos, banco de imágenes Html 5, simple y claro Excelentes bancos de imágenes académicas para profesores y alumnos ¿Buscas una foto para un proyecto científico o una foto histórica o simplemente una foto de carácter académico ? ¿No siempre encuentras la imagen perfecta para ilustrar el blog del aula, un libro digital o un poster?. Entonces, agrega esta página a tu marcador. Para tu próximo proyecto de aula, si no encuentras lo que buscas en los conocidos Flickr o Google Images, prueba en buscar en estos bancos de imágenes, dirigidos a profesores y estudiantes y proyectos educativos. Los profesores pueden usar estas imágenes para proyectos de investigación, crear material de estudio online e incluirlas en sus explicaciones de clase. Historia: 1) WordImages Kiosk de California State University: Extensa colección de imágenes divididas en portfolios para proyectos universitarios. 2) Clipart History: Cientos de imágenes de dominio público de todas las etapas de la Historia del mundo desde la Prehistoria. Arte: 5) Art Renewal Center: Imágenes de las obras de más de 2.600 pintores realistas. Lengua: Geología:
10 editores de vídeo online Hola: Una infografía con 10 editores de vídeo online. Vía Un saludo 10 editores de vídeo online Me gusta: Me gusta Cargando... Sprites CSS Qué son los sprites CSS y cómo ayudan a optimizar la descarga de una página web. Vemos un ejemplo sencillo de sprite CSS. En el presente artículo trataremos: La optimización de documentos HTML mediante el uso de sprites La obtención de sprites La inclusión de sprites mediante CSS La obtención de sprites –imágenes en general- codificados en Base64 La técnica de inclusión de sprites embebidos ¿Qué es un sprite? Sprite utilizado para diversas aplicaciones y logos de Google Ilustración de un sprite de una animación con CSS –por ejemplo- Por qué se optimiza el código HTML Uno de los problemas de retardo más importantes en la carga de documentos desde Internet es el tráfico HTTP y las propias capacidades de los navegadores para gestionarlo. Generación de sprites Usualmente dispondremos de las imágenes por separado y desearemos generar el sprite correspondiente. Algunos de los lugares de Internet que nos proporcionan esas facilidades son: Ejemplo de uso de sprites con CSS Listado 2: <! Listado 3: <!
Instant Sprite - Generate CSS Sprites Instantly Generador de Sprite CSS | Project Fondue