Commerce Search - Rápida solución de búsqueda para tiendas online. HTML5 Video. Introducción La etiqueta de vídeo es una de las funciones de HTML5 que suscitan más interés. Esta etiqueta se suele presentar como alternativa a Flash para el contenido multimedia, pero tiene más aplicaciones. Aunque recientemente se ha incorporado al resto de etiquetas HTML omnipresentes, sus posibilidades y su compatibilidad con diferentes navegadores han aumentado a una increíble velocidad.
Como se puede ver en este tutorial, la ventaja principal de la etiqueta de vídeo es la posibilidad de integración natural con las demás capas de la pila de desarrollo web, como CSS y JavaScript, así como con las otras etiquetas HTML. En este tutorial se explican los aspectos básicos de la etiqueta de vídeo y se muestran ejemplos de diferentes integraciones con otras funciones de HTML5, como el elemento <canvas>. 1.
Las líneas de código que se muestran a continuación deben ser suficientes para que funcione el vídeo HTML en un sitio web. 2. 3. Flash como alternativa 4. 5. 5.1. 5.2. 5.3. 5.4. 5.5. HTML en castellano. Programación en Castellano. Video HTML5 en tus paginas y Web. Video en HTML5. Los tiempos cambian y los métodos también, para aquellos que quieren mostrar sus contenidos propios en sus Websites (Paginas) como videos se esta llegando a una nueva forma de ver e interpretar los mismos dentro del código puro y duro de nuestras Webs. Un nuevo estándar y parámetros para hacer los sitios mas accesibles y que puedan ser vistos e interpretados para cualquier navegador, como es el caso de la inserción de video en paginas Web.
Llega el HTML5, este nuevo estándar no necesita de plugins adicionales, ni otros elementos para mostrar y reproducir contenido en nuestra Web, si no que se dan las ordenes para que los propios exploradores (Explorer, Chrome, Firefox,,,) sean los encargados de interpretar y decidir como mostrarlos según la versión que se tenga del mismo. Métodos para la inserción de video en html5. Fácil, sencillo y claro. Multiformato. Que todos puedan verlo. El código quedaría así: Convertidor de videos gratuito. Dominios. WebTrends Corporation. Códigos HTML - Tabla de caracteres y símbolos. Cómo aprovechar las posibilidades que ofrecen las consultas de medios - El Blog para Webmasters de Google. Nos encantan los datos y pasamos mucho tiempo analizando las estadísticas de nuestros sitios web.
Cualquier desarrollador web que haga lo mismo se habrá dado cuenta del reciente aumento del tráfico de los dispositivos móviles. En el último año, hemos observado que muchos sitios importantes reciben un porcentaje considerable de visitas a sus páginas desde smartphones y tablets. Esto representa un gran número de visitantes que utilizan navegadores avanzados compatibles con las últimas características de los lenguajes HTML, CSS y JavaScript, pero que disponen de un espacio en pantalla limitado cuyo ancho, en ocasiones, no supera los 320 píxeles.
Nuestro compromiso con la accesibilidad nos impulsa a esforzarnos por ofrecer una buena experiencia de navegación a todos los usuarios. Que las páginas se puedan leer con cualquier resolución de pantalla Que los conjuntos de contenidos que marquemos se puedan ver en cualquier dispositivo Implementación img { max-width: 100%; } Viewports Conclusión. Introducción al Diseño Web Adaptable o Responsive Web Design | Emenia. Hoy en día los usuarios de nuestras páginas web o tiendas online pueden acceder a las mismas desde diferentes medios: un ordenador de sobremesa con pantalla panorámica, un móvil, una tableta… Partiendo de la base de que el diseño de una web, para que funcione, tiene que estar centrada en el usuario (y no en el diseñador, en el programador o en el dueño de la web), es importante que la experiencia que tiene el usuario con nuestra web sea lo más placentera posible con independencia de qué medio esté usando para verla.
Es por ello que últimamente tantos sitios webs están utilizando lo que se llama Responsive Web Design o Diseño Web adaptable. Nota: Actualización de este artículo: Diseño web adaptativo: mejores prácticas ¿Qué es el Responsive Web Design o Diseño Web Adaptable? Son una serie de técnicas que permiten a nuestra página web adaptarse al medio a través del cual un usuario está accediendo a la misma. ¿Por qué es importante el Diseño Web Adaptable? Primer paso: El diseño fluido. Web Fonts. CSS3.0 Maker | CSS3.0 Generator | CSS 3.0 Generator | css3 generator.
CSS3 Generator. Tutorial Mobipocket Creator. Buno hoy les quiero dejar este tutorial de como pasar un texto en formato .pdf o.doc a mobipocket para movil o pda 1º Lo mas normal es que el archivo que queramos convertir sea un archivo de word (.doc) o un pdf. En la ventana inicial del programa, tenemos que darle a lo que indico con las flechas, segun sea uno u otro. 2º Nos saldra la siguiente pantalla, en la que tenemos que hacer: * 1. Elegir el archivo a convertir. . * 2. 3º En la siguiente ventana podemos hacer varias cosas: 1. . * 2. 4º En esta ventana tenemos que hacer lo siguiente: * 1. 5º Cuando haya terminado saldra esta ventana. Aqui podes pevisualizarlo en un emulador de la version para movil (sale una ventana con forma de pda, en cuya pantalla aparece el ebook tal como se vera en el movil.
Por ultimo, le das a open folder containing ebook, y aparecera esta carpeta: El archivo que tien que pasarlo al movil, es el señalado como prc. Y hasta aqui este tutorial. Dejen sus Comentarios. Estilos CSS: Bordes. border. border-color. border-style. border-width. border-collapse:collapse. border-collapse:separate. Estilo border-color Este estilo nos permite indicar el color del borde del elemento al que se lo aplicamos. Este color se le indica con el modo RGB o con el nombre del color.
Podemos aplicar el color a todos los bordes con el atributo “border-color” o podemos indicar el color de cada borde mediante los atributos “border-top-color” para el borde de arriba, “border-right-color” para el borde de la derecha, “border-bottom-color” para el borde de abajo y “border-left-color” para el de la izquierda. Estilo border-style Este estilo nos permite indicar el estilo del borde del elemento al que se lo aplicamos. Podemos aplicar el estilo a todos los bordes con el atributo “border-style” o podemos indicar el estilo de cada borde mediante los atributos “border-top-style” para el borde de arriba, “border-right-style” para el borde de la derecha, “border-bottom-style” para el borde de abajo y “border-left-style” para el de la izquierda.
Estilo border-width Estilo border Y este sería el resultado visual: Robots.txt : Todo lo que deberia saber. El fichero robots.txt es un archivo de texto que dicta unas recomendaciones para que todos los crawlers y robots de buscadores cumplan. Veamos como crearlos y configurarlos. El fichero robots.txt es un archivo de texto que dicta unas recomendaciones para que todos los crawlers y robots de buscadores cumplan (¡ojo! Recomendaciones, no obligaciones). Pero comencemos por el principio. Un crawler es un robot de una entidad (generalmente buscadores) que acceden a las páginas web de un sitio para buscar información en ella, añadirla en los buscadores, etc. También son llamados spiders, arañas, bots o indexadores. Por ejemplo, Googlebot es el nombre del crawler del buscador Google. Y muchísimos más. Impedir acceso a robots determinados: Puede parecer contradictorio, pero algunos crawlers no nos proporcionarán sino problemas. Creación del fichero robots.txt ¿Y entonces, que hay que hacer?
Sólo tenemos que crear un fichero de texto robots.txt y comenzar a escribir en él. User-agent: * Disallow: Conectarme.es - Asistencia y soporte remoto sin instalación ni configuración. PRO Sitemap Service - Create, host and automatically maintain your XML Sitemap Online. Crear tienda online GRATIS y sin ser informático. Tiendas virtuales. Vender en internet es Xopie.
Traducir opciones de un CCK o de un Webform | Si Puedo - Accesibilidad, Software Libre y algo más. En la última web que he preparado me ha surgido un “problemita” con el tema de las traducciones en el apartado de las reservas, al principio habia generado un nodo distinto para cada idioma y todo funcionaba correctamente, pero luego me he dado cuenta que cuando quieran añadir algun campo nuevo poner la web en más idiomas me iba a tocar cambiarlos en todos uno por uno. Como “uno” es un flojo, decidi crear un solo nodo (webform) y traducir los textos, hasta ahí sin problema, el problema ha ocurrido cuando he intentado traducir las opciones de un campo. El campo “room type” tiene dos opciones, double room y single room… pero no he encontrado ninguna forma que me funcionara para traducirlo Así que he echado mano del hook “form_alter” y GENIAL, es posible que se pueda hacer de otra forma… pero no la he encontrado, os pongo como lo he hecho por si os sirve Asi de simple, luego solo tengo que cambiar para cada idioma las cadenas dentro de t() y listo opciones cambiadas para idioma.
Getting Started With Drupal's Webform Module. Webform is the module for making forms and collecting information from users in Drupal. After a submission, you can send users a thank-you email as well as sending a notification to administrators. Results can be exported into Excel or other spreadsheet applications. Webform also provides some basic statistical review and has an extensive API for expanding its features.
If you need to build a lot of customized, one-off forms, Webform is a more suitable solution than creating content types and using the CCK or Field modules. Download the Webform Module Download the correct version. Install the Webform Module Enable the module Go to the Modules page and scroll down to Webform and click the check box. Access the form fields Go to Structure > Content types Scroll down to Webform and look the right for the links to edit and manage fields and the display. Click Edit This is not the place where you will be creating forms. Create your first webform by adding it as content Create the basic form details.