Rii01

Bienvenidos Ahora les traigo: Paquete de botones en CSS3 Se trata de un pequeño compilado con botones realizados en CSS3 válido, compuesto por 6 botones principales y 3 complementarios que varian en tamaños, sombras y efectos, entre otras cosas, haciendolos únicos. Aptos para ser utilizados en diseños de cualquier tipo, pueden ser descargados desde la página Cabe aclarar que todos los diseños fueron testeados en Chrome, Safari y Firefox, además de otros browsers, y en todos han funcionado de forma excelente. No olvides comentar! Necesitas una pagina web Una nueva opcion en diseño

Bienvenidos otra ves! Hoy les traigo Mitos y realidades del HTML 5 por Rii01 ___________________________________________________________________________ Muchas son las expectativas respecto a las aportaciones del estándar HTML 5 a las experiencias interactivas online para el usuario. Pero, a la vez, existe cierta inquietud respecto a su situación actual: qué navegadores requerirán qué códecs o cómo se podrán probar las inversiones en sus medios online en el futuro. ¿Eliminará el HTML 5 el Flash o los plug-ins? ¿Estará preparado para soportar picos de máxima audiencia? ____________________________________________________________________________ La proliferación y acceso en Internet a contenidos ricos e interactivos nos ha llevado a un punto de transición similar al de los estándares W3C, respecto al lenguaje de expresión básico de contenido en la web. Según los datos del Cisco Visual Network Index, el tráfico global de vídeo por Internet superará al tráfico global P2P en 2014. De hecho, ya supone un 51% del total del tráfico online de Estados Unidos. Además, la adopción de la navegación a través de dispositivos móviles se encuentra en pleno auge y el vídeo supone una gran parte de esa actividad. Según ComScore, más del 35% de los usuarios móviles en Estados Unidos han usado su navegador móvil y Bytemobile apunta que, actualmente, uno de cada diez usuarios móviles visualiza vídeo a través de sus dispositivos. De hecho, los contenidos de vídeo crecerán un 60% del total de volumen de la red de datos. Por otro lado, los smartphones han ganado relevancia, pero el mercado se encuentra fragmentado, con sistemas operativos como iOS y Android casi a la par, con un 25% y un 26% de cuota respectivamente (conScore Nov. 2010). Ambos soportan entornos de reproducción distintos: mientras que Android soporta Flash, el iPhone y el iPad sólo soportan códecs H.264 con ampliación a HTML5. Estos hechos muestran cómo ha cambiado y madurado el contenido en la web desde el HTML estático de la segunda mitad de la década los 90 a las nuevas herramientas y plug-ins actuales. Ahora, la ubicuidad y la navegación móvil son el motor principal para la evolución de los estándares en todo lo relativo a soportar experiencias multimedia satisfactorias. Si has leído hasta aquí, ya tienes noción de cuáles son las limitaciones actuales y potenciales del estándar HTML 5. Sin embargo, también existen una serie de mitos surgidos alrededor del mismo que me gustaría poder analizar. ADIÓS AL FLASH El HTML 5 va a acabar con el Flash y los plug-ins. Esto es pura ficción. La realidad es que los estándares del HTML5 se han diseñado para integrar los diferentes tipos de medios que ha soportado Flash en la última década. La fragmentación alrededor de los códecs y los contenedores estándar para vídeo de los navegadores contribuirán a que muchos sean los que sigan utilizando experiencias Flash "que funcionan en casi todas partes". El vídeo HTML 5 está preparado para prime time. Bueno, esto es cierto para las reproducciones básicas. Sin embargo para las experiencias de vídeo más sofisticadas y avanzadas, todavía queda camino por delante para poder equiparar HTML 5 con Flash. La compatibilidad del iPad es la misma que la del HTML 5. En realidad, para que el iPad sea compatible con el vídeo en web (aplicaciones no nativas), necesita el códec H.264 expresado en HTML 5. Si tienes este códec, puedes reproducir contenidos de vídeo en cualquier dispositivo iOS. Aún así, el códec H.264 no se reproducirá por sí solo en Firefox o Chrome. Por esta razón, la reproducción en iPad no equivale necesariamente a una completa compatibilidad con el vídeo en HTML5, te encuentras sólo a medio camino si no has soportado WebM/Ogg para otras experiencias de reproducción de código abierto en el navegador. HTML 5 tiene que ver, fundamentalmente, con vídeo. Aunque esté particularmente ligado a la reproducción de vídeo, en realidad la actualización del estándar tiene más que ver con poder englobar cualquier tipo de experiencia multimedia sin la necesidad de plug-ins. Esta es la razón por la cual HTML 5 incluye además de la etiqueta de 'video tabindex="0"', también las de 'audio' y 'canvas', y soporta comportamientos interactivos como arrastrar y soltar. Por todo el ello, el HTML 5 supone un gran avance en la historia del contenido multimedia en la web y ha venido para quedarse, aunque todavía quede camino por delante. Del mismo modo, la plataforma Flash soporta actualmente interacciones e integraciones más avanzadas y maduras. Por eso consideramos importante para los propietarios de sitios web el poder desarrollar una estrategia que haga posible el uso de ambos enfoques. __________________________________________________________________________ No olvides Comentar Necesitas una pagina web Una nueva opcion en diseño

Bienvenidos! 5 cosas que debes saber ya! acerca de HTML5 Esta en ingles, pero esta super interesante! lo voy a traducir y lo posteo luego ! _____________________________________________________________________________ FIVE THINGS YOU SHOULD KNOW ABOUT HTML5 show table of contents 1. It’s not one big thing You may well ask: “How can I start using HTML5 if older browsers don’t support it?” But the question itself is misleading. HTML5 is not one big thing; it is a collection of individual features. So you can’t detect “HTML5 support,” because that doesn’t make any sense. But you can detect support for individual features, like canvas, video, or geolocation. You may think of HTML as tags and angle brackets. That’s an important part of it, but it’s not the whole story. The HTML5 specification also defines how those angle brackets interact with JavaScript, through the Document Object Model (DOM). HTML5 doesn’t just define a <video> tag; there is also a corresponding DOM API for video objects in the DOM. You can use this API to detect support for different video formats, play a video, pause, mute audio, track how much of the video has been downloaded, and everything else you need to build a rich user experience around the <video> tag itself. Chapter 2 and Appendix A will teach you how to properly detect support for each new HTML5 feature. 2. You don’t need to throw anything away Love it or hate it, you can’t deny that HTML 4 is the most successful markup format ever. HTML5 builds on that success. You don’t need to throw away your existing markup. You don’t need to relearn things you already know. If your web application worked yesterday in HTML 4, it will still work today in HTML5. Period. Now, if you want to improve your web applications, you’ve come to the right place. Here’s a concrete example: HTML5 supports all the form controls from HTML 4, but it also includes new input controls. Some of these are long-overdue additions like sliders and date pickers; others are more subtle. For example, the email input type looks just like a text box, but mobile browsers will customize their onscreen keyboard to make it easier to type email addresses. Older browsers that don’t support the email input type will treat it as a regular text field, and the form still works with no markup changes or scripting hacks. This means you can start improving your web forms today, even if some of your visitors are stuck on IE 6. Read all the gory details about HTML5 forms in Chapter 9. 3. It’s easy to get started “Upgrading” to HTML5 can be as simple as changing your doctype. The doctype should already be on the first line of every HTML page. Previous versions of HTML defined a lot of doctypes, and choosing the right one could be tricky. In HTML5, there is only one doctype: <!DOCTYPE html> Upgrading to the HTML5 doctype won’t break your existing markup, because all the tags defined in HTML 4 are still supported in HTML5. But it will allow you to use — and validate — new semantic elements like <article>, <section>, <header>, and <footer>. You’ll learn all about these new elements in Chapter 3. 4. It already works Whether you want to draw on a canvas, play video, design better forms, or build web applications that work offline, you’ll find that HTML5 is already well-supported. Firefox, Safari, Chrome, Opera, and mobile browsers already support canvas (Chapter 4), video (Chapter 5), geolocation (Chapter 6), local storage (Chapter 7), and more. Google already supports microdata annotations (Chapter 10). Even Microsoft — rarely known for blazing the trail of standards support — will be supporting most HTML5 features in the upcoming Internet Explorer 9. Each chapter of this book includes the all-too-familiar browser compatibility charts. But more importantly, each chapter includes a frank discussion of your options if you need to support older browsers. HTML5 features like geolocation (Chapter 6) and video (Chapter 5) were first provided by browser plugins like Gears or Flash. Other features, like canvas (Chapter 4), can be emulated entirely in JavaScript. This book will teach you how to target the native features of modern browsers, without leaving older browsers behind. 5. It’s here to stay Tim Berners-Lee invented the world wide web in the early 1990s. He later founded the W3C to act as a steward of web standards, which the organization has done for more than 15 years. Here is what the W3C had to say about the future of web standards, in July 2009: Today the Director announces that when the XHTML 2 Working Group charter expires as scheduled at the end of 2009, the charter will not be renewed. By doing so, and by increasing resources in the HTML Working Group, W3C hopes to accelerate the progress of HTML5 and clarify W3C’s position regarding the future of HTML. HTML5 is here to stay. Let’s dive in. Gracias por visitar ! recuerda comentar! _______________________________________________________ Necesitas una pagina web Una nueva opcion en diseño