HTML5 y CSS3 para dummies

Usted ha oído el viejo refrán, "La libertad de expresión no es libre." Eso se aplica al diseño web, así, a menos que a aprovechar los recursos libres más útiles. Aquí está una lista de los mejores recursos gratuitos que usted puede encontrar en línea para HTML5 y CSS3:

  • Alojamiento web gratuito está disponible de 000webhost.com. Sus sitios libres son sin publicidad, soporte de scripting del lado del servidor, y tienen un récord de tiempo de actividad razonablemente fiable.

  • Usted necesita los libros (como HTML5 CSS3 para Dummies - para tomar un ejemplo al azar) para proporcionar una visión general de cómo construir sitios web. Pero los recursos detallados que complementan ese conocimiento están disponibles en línea y el más útil es W3schools.com.

  • Usted puede construir una poderosa aplicación Web, totalmente móvil ambiente utilizando las herramientas a jQuery Mobile.

  • Mientras que en jQuery Mobile, visita gratuitas, tematización de encargo (estilos) de ThemeRoller.

  • Dificultad para disparar y validar su código con las herramientas en el W3C. Compruebe CSS en http://jigsaw.w3.org/css-validator/ y HTML en http://validator.w3.org/.

  • Generar esquemas de color libres en Kuler de Adobe.

  • Necesitas un cuadro de búsqueda fiable para su sitio, pero tienen cero dólares en su búsqueda de presupuesto caja? Uso FreeFind, que crea cuadros de búsqueda para su sitio, sin necesidad de utilizar o vender los datos de quién busca de lo que en su sitio.

  • ¿Qué tal un blog gratuito? Obtener una en Blogger.

  • Por último, ayudar a la gente a encontrar con un mapa de Google integrado en su sitio.

Herramientas para la Preparación de HTML5 Video en la Web

Vídeo nativo que juega sin plug-ins (como Windows Media Player o QuickTime Player) es una de las novedades más interesantes características de HTML5. Pero ¿de dónde sacas de vídeo compatible con HTML5? ¿Cómo se lo presenta? Estas son algunas de las herramientas para ayudar a resolver esos problemas:

  • Convierte tus archivos de vídeo en Firefox ambiente Theora Ogg.

  • Microsoft tiene un buen tutorial sobre la construcción de los controles de javascript para vídeo nativo.

  • ¿Quién puede realizar un seguimiento de la lista siempre cambiante de los cuales los navegadores soportan que los formatos de vídeo nativo de HTML5? Respuesta: la gente de Wikipedia seguimiento.

  • Uno de los recursos más valiosos en línea (gratis) para el diseño web, vamos vídeo en la web por sí sola, es el Video Converter Miro. Se conecta en cualquier vídeo, y produce formatos de vídeo HTML5 ambiente.

  • Necesidad de probar su video en distintos navegadores? Las herramientas saucelab.com no son gratis, pero ofrecen pruebas gratuitas que proporcionan una vista previa de su vídeo en cualquier dispositivo desde una computadora de escritorio de Windows con IE 6 a la última versión del sistema operativo del iPad.

  • Necesidad de hacer un poco de edición en el vídeo antes de publicarlo? Loopster dispone de herramientas gratuitas de edición de vídeo en línea

  • YouTube y Vimeo acogerán sus videos gratis, pero por alrededor de $ 60 al año, Vimeo ofrece un servicio que aloja el vídeo y le da un control total sobre quién puede ver, y presenta el video sin ningún material de anuncios o de promoción para vimeo.

Optimizar imágenes con grandes áreas de color sólido Cómo utilizar el formato GIF

Al optimizar los gráficos que tiene texto superpuesta sobre una imagen fotorrealista, es necesario crear rebanadas separadas de las áreas de la imagen que son fotorrealista, así como crear rebanadas adicionales para las áreas de la imagen que contienen texto. Exportar las áreas que contienen texto con el formato GIF, y exportar los áreas de realismo fotográfico de la imagen con el formato JPEG. Estos son algunos consejos que le ayudarán a cabo:

  • Para la alta calidad de imágenes JPEG, utilice un ajuste de calidad del 70 al exportar. Para las imágenes JPEG más pequeños, se puede llegar a funcionar con un ajuste de calidad de 50.

  • Si va a crear una galería de fotos para un producto, o para un fotógrafo, exportar las imágenes en formato JPEG con un ajuste de calidad de 80.

  • Cuando la compresión de imágenes utilizando el formato JPEG, prestar especial atención a los bordes de los objetos en la imagen. Cuando se empieza a ver píxeles, o los bordes carecen de definición, que ha comprimido la imagen demasiado.

  • Al exportar imágenes usando el formato de archivo GIF, utilice el menor número de colores que produce una imagen nítida y tendrás una imagen de carga rápida.

  • Cuando se cambiarán las imágenes para los sitios web, la resolución máxima que necesita es de 72 píxeles por pulgada.

Páginas web con ninguna de vídeo son cada vez más raros. Video está en todas partes en Internet: se utiliza para el entretenimiento, en los anuncios, y promover las estrellas de rock y otros artistas. Cuando el vídeo está bien hecho, es una cosa de la belleza. Aquí hay algunas cosas que debe considerar al añadir vídeo a una página web:

  • Vídeo ocupa mucho ancho de banda. Si se excede el ancho de banda para una página web, la carga puede ser bastante costoso. En lugar de alojamiento de vídeo en un sitio web, subirlo a YouTube, y luego incrustar el vídeo en una página web o blog.

  • No violar las leyes de derechos de autor. No copiar vídeo desde otros sitios web u otros vídeos de la gente de YouTube y utilizarlos en su sitio web.

  • Compruebe la licencia: Si usted hace uso de un video de un proveedor o fabricante en un sitio web comercial, asegúrese de que usted está cubierto por el proveedor o licencia de fabricante.

  • Utilice una cámara de vídeo de alta calidad para grabar vídeo: No, un iPhone no es una cámara de vídeo de alta calidad. Si codifica vídeo de mala calidad para la web, se obtiene de vídeo de mala calidad. Recuerde el viejo axioma: basura, sale basura.

  • Asegúrese de que los espectadores de sitios web tienen los plug-ins necesarios para ver el video.

  • Si crea páginas HTML5 con vídeo, asegúrese de que la audiencia prevista para el sitio utiliza navegadores HTML5 compatibles.

  • No utilice transiciones al editar varios clips de vídeo para crear un video para la web. Transiciones de vídeo ven muy bien en vídeo de alta definición, pero no se ven bien al codificar un video para la web.




» » » » HTML5 y CSS3 para dummies