28 resultados por: html5
Imágenes de fondo responsivas con relación de aspecto fijo o fluido
¿Cuál es la forma más fácil de escalar las imágenes de fondo en los diseños responsivos? Utilizamos una antigua técnica y la mejoramos para cambiar con fluidez la ratio de aspecto de las imágenes de fondo. Los diseños responsivos permiten escalar dinámicamente el ancho de un sitio web para que se…
Category : Css 06-05-2021 by Janeth Kent
Cómo usar el efecto Parallax.Js en tu sitio web
Hoy vamos a escribir sobre el efecto de parallax, similar al desplazamiento de parallax, y cómo implementarlo para mejorar su página de aterrizaje. En webdev, dicen que primero el móvil - bueno, este motor reaccionará al movimiento de un dispositivo inteligente, desplazando las capas dependiendo de su profundidad dentro de…
Category : Javascript 27-12-2020 by
Guia: Como escribir los enlaces mailto en puro HTML
¿Qué es el enlace mailto El enlace Mailto es un tipo de enlace HTML que activa el cliente de correo predeterminado en el ordenador para enviar un correo electrónico. El navegador web requiere un software de cliente de correo electrónico predeterminado instalado en tu ordenadorpara activar el cliente de correo electrónico. Si tienes…
Category : Programación 23-10-2020 by Luigi Nori
Una colección de redes y tecnologías interesantes que apuntan a la re-descentralización de la Internet
La Internet que tenemos hoy en día está rota. No controlamos nuestros datos, ni tenemos una capa nativa de liquidación de valores. Treinta años después de la adopción masiva de Internet, nuestras arquitecturas de datos siguen basándose en el concepto de ordenadores autónomos, donde los datos se almacenan y gestionan…
Category : Redes 01-03-2021 by Janeth Kent
Guía sencilla para convertir imágenes a WebP en PHP
El 30 de septiembre de 2010, Google anunció la publicación de un nuevo estándar abierto para la compresión con pérdida de gráficos de 24 bits en la web. La base para este estándar fue el formato de vídeo VP8, desarrollado por On2 Technologies, empresa que Google adquirió el mismo año. Google trabajó para…
Category : Php 03-04-2023 by Silvia Mazzetta
Transiciones y Transformaciones CSS : guia básica con ejemplos
Desde el lanzamiento de CSS3, las transiciones permiten a los diseñadores web y desarrolladores web front-end crear animaciones sin necesidad de usar JavaScript. A partir de este mismo año 2019, las transiciones son finalmente soportadas por todos los navegadores modernos. Si desea utilizar transiciones en navegadores antiguos, es necesario utilizar prefijos…
Category : Css 20-11-2019 by Silvia Mazzetta
Cómo hacer animaciones en CSS3
Las animaciones CSS son una alternativa más poderosa que las transiciones. En vez de confiar en el secuencia de un estado inicial a un estado final, las animaciones pueden tener cuantos estados se necesiten en medio del estado inicial y el estado final, ofreciendo un mayor control de cómo los…
Category : Css 01-06-2020 by Silvia Mazzetta
Imágenes responsivas y atributos srcset and sizes
En la revolución del diseño web, las imágenes son una cosa que aparentemente se ha quedado atrás. Hasta hace relativamente poco, servir diferentes imágenes en función del tamaño de la pantalla o de la densidad de píxeles no era algo que se hacía en absoluto. El elementoes muy prometedor para cambiar…
Category : Diseño web 01-07-2019 by Janeth Kent
Cómo convertirte en un desarrollador web actual
Hay un montón de tutoriales en línea completamente gratis. Si eres lo suficientemente autodirigido e interesado, no tienes ninguna dificultad para entrenarte a ti mismo. El punto para aprender a codificar creo que es leer mucho código de otros desarrolladores, luego escribir código y probar para ver qué produce, cuál…
Category : Programación 04-06-2019 by Janeth Kent
Sistemas Operativos Alternativos Android de Código Abierto para Móviles
En la estela de la lucha en curso entre EE.UU., Huawei y Google, muchos entusiastas de Android se preguntan acerca de los diferentes sistemas operativos de teléfonos alternativos que hay por ahí. Tenemos el iOS de Apple a nuestra disposición, pero el coste de tener un iPhone hace que sea…
Category : Sistemas operativos 29-05-2019 by Janeth Kent
Los mejores plugins para WordPress del 2013
Así que aquí encontraréis una lista de 86 plugins que consideramos muy recomendables por su utilidad, su calidad y el resultado que nos dan en la práctica. 1. ALL AROUND WORDPRESS CONTENT SLIDER CAROUSEL Descarga content slider carousel → 2. FRONTEND BUILDER WORDPRESS CONTENT Descarga Frontend Builder → 3. FINAL TILES GALLERY Descarga Final tiles gallery → 4. FORMCRAFT Descarga FormCraft → 5. PAPER Descarga Paper → 6. BUZZCOMI Descarga BuzzComi → 7.…
Category : Software 17-12-2013 by Janeth Kent
Javascript: 12 e-book gratis para usuarios avanzados
El mundo del desarrollo web y del diseño web , como os hemos dicho el el post: Javascript: 16 e-book gratis para usuarios intermedios se ha venido expandiendo en esta última época, especialmente gracias a los nuevos lenguajes HTML5 yCSS3 y a una gran variedad de aplicaciones que utilizan Javascript. Hoy os…
Category : Diseño web 22-08-2013 by Janeth Kent
10 increíbles experimentos con HTML5
Los laboratorios de innovación se llenan de creación e ideas impresionantes. Este es el caso de Chrome Experiments, creado para que los desarrolladores den rienda suelta a la imaginación y expongan sus mejores experimentos para navegadores. El denominador común de todos ellos es que han sido desarrollados mediante HTML5, Canvas, SVG y WebGL. Hoy nos hemos encontrado por Internet…
Category : Diseño web 20-08-2013 by Janeth Kent
Aprender diseño web: 13 libros gratis
¿Cómo aprendo a diseñar? ¿Cómo hago un formulario de contacto? ¿Dónde puedo descargar un manual de HTML5 o JavaScript? ¿Estás buscando algúnos manuales y libros sobre diseño web y desarrollo de páginas? Estos 13 libros de diseño web te harán más fácil la tarea. Son sencillos, son prácticos (porque están completamente online) e incluso se pueden descargar en…
Category : Diseño web 06-11-2015 by Janeth Kent
MDN, la red de desarrolladores de Mozilla: experimentos y demos
La red de desarrolladores de Mozilla (MDN), es muy popular entre los desarrolladores web. Diseñada por y para desarrolladores y diseñadores, MDN ayuda a Mozilla en su misión para promover la apertura y la innovación en la web. MDN es una wiki open osea abierta, impulsada por la misma comunidad, que proporciona a los…
Category : Software 17-07-2013 by Janeth Kent
50 recursos y herramientas webs para diseñadores y desarrolladores
¿Queréis saber cómo montar una web o una app desde el principio para impactar a vuestros clientes? A continuación os presentamos una lista con 50 ideas, herramientas y recursos web que os ayudará a optimizar vuestro proyecto web. Hemos dividido la lista en 4 catagorías: Herramientas CSS & HTML Frameworks CSS, HTML & PHP…
Category : Diseño web 08-07-2013 by Janeth Kent
25 Tutoriales CSS3 para efectos avanzados de interfaz de usuario
En este artículo os presentaremos una lista de 25 excelentes tutoriales css3 a través de los cuales podráis aprender los trucos CSS3 de las interfaces avanzadas. 1. Interactive Infographic with SVG and CSS Animations 2. Animated 3D Bar Chart with CSS3 3. Understanding the CSS Clip Property 4. Annotation Overlay Effect with CSS3 5. Animated…
Category : Diseño web 28-06-2013 by Janeth Kent
90 temas gratis de wordpress para descargar
Si queréis empezar a escribir un blog, sin duda la mejor opción para manejarlo es WordPress, una plataforma que ofrece centenares de características favorables para manejar un blog o página web y que además dispone de una una gran comunidad de apoyo. Muchos saben de la gran cantidad de temas gratis…
Category : Diseño web 28-06-2013 by Janeth Kent
Reproductores Audio y Video en HTML5
Una de las aportaciones más útiles de HTML5, es la posibilidad de mejorar la reproducción de archivos multimedia, audio y video, en nuestra web. Además HTML5 nos permite construir reproductores tanto de audio como de video. De hecho, ya hace tiempo que webs populares como youtube, vimeo o daylimotion incorporan reproductores en HTML5. En este artículo, vamos a…
Category : Programación 24-06-2013 by Janeth Kent
Los usuarios de Android son más ligones que los de Apple
Meetic, el portal de citas online, ha detectado un 30 por ciento más de registros de usuarios de Android que de Apple u otros dispositivos. El registro desde smartphones se ha duplicado con respecto al pasado 2012, llegando ya a un total de 20 millones de usuarios españoles. Los teléfonos ya no se…
Category : Noticias 12-06-2013 by Janeth Kent
Google lanzará una herramienta de desarrollo HTML 5
Google quiere lanzar un diseñador web para “profesionales creativos”. Según el coloso de Mountain View este servicio será lanzado en los próximos meses y está destinado a “capacitar a los profesionales creativos a crear una publicidad de vanguardia, así como a la creación de contenido web, como páginas y aplicaciones de forma…
Category : Software 06-06-2013 by Janeth Kent
Publicar aplicaciones en el Marketplace para Firefox OS y demás plataformas: gratis y fácil
La Fundación Mozilla ha dejado claro desde el principio con Firefox OS que harían lo posible para hacer un gran ecosistema y no querían lucrarse con ello, como bien demuestran permitiendo enviar de forma gratuita a cualquier persona una aplicación al Marketplace (a diferencia de las tiendas de otros sistemas operativos móviles). Tras ver como desarrollar una app para…
Category : Software 11-05-2013 by Janeth Kent
Hacer aplicaciones web instalables en Firefox OS y Android
Tras entrar de lleno en las bases del desarrollo de Firefox OS toca convertir las aplicaciones web en aplicaciones instalables para Firefox OS, Firefox para Android o Firefox de escritorio. Y es que estas aplicaciones también se pueden instalar en nuestro móvil con Android o nuestro Escritorio igual que lo hacemos en Firefox OS,…
Category : Programación 11-05-2013 by Janeth Kent
30 extraordinarios plugins y javascripts para vuestra web dinámica
En este artículo encontraráis más de 30 extraordinarios plugins y javascripts que os ayudarán a personalizar y modificar vuestra web. Tenéis alguna sugerencia? Otros plugins o javascripts que añadir?. stickyMojo Imageloader Chart.js Sidr Intro.js jQuery Spellchecker Unslider Typeahead.js Toolbar.js Anima Grunt.js rasterizeHTML.js Cool Kitten ScrollUp jQuery PowerTip jPanelMenu Pep jQuery Pin Swipebox Fathom.js Textillate.js Top Drawer Custom Content Scroller Dropzone.js Phono jQuery Lifestream Quotes Rotator Spoiler Alert Selecter X-editable
Category : Javascript 25-04-2013 by Janeth Kent
E-book y recursos gratuitos sobre diseño y desarrollo web
Para los diseñadores o desarrolladores web, aprender de memoria todo lo relacionado con un lenguaje resulta una tarea bastante difícil, es por eso hemos recopilado una lista de recursos gratuitos sobre el diseño y desarrollo web. Dive into HTML5 Guía sobre HTML5 y cómo utilizarlo hoy en día en los navegadores actuales. Autor:…
Category : Diseño web 24-04-2013 by Janeth Kent
IndexedDB: Construir un carro de la compra
Una de las cosas que nos trajo HTML5 fue el almacenamiento de datos de forma offline, gracias a un conjunto de tecnologías como IndexedDB que nos permite administrar una base de datos en la mayoría de los navegadores de una forma más avanzada de lo que antiguamente nos ofrecían lascookies. IndexedDB no es una base de datos relacional (con…
Category : Bases de datos 14-04-2013 by Janeth Kent
Lista de generadores de CSS3 gratuitos
Uno de los problemas más grandes con todas las propiedades CSS3 nuevas es que la mayoría de ellos tienen múltiples implementaciones específicas del navegador. Esto significa que cuando deseamos una simple sombra, tenemos que recordar un poco de código para hacerlo compatible a través de mayor número de navegadores posible. Para ayudar…
Category : Diseño web 11-04-2013 by Janeth Kent
Cómo crear un selector de color con HTML5 Canvas
HTML5 Canvas es una tecnología que permite a los desarrolladores generar gráficos y animaciones en tiempo real utilizando JavaScript. Proporciona un lienzo en blanco en el cual se pueden dibujar y manipular elementos gráficos, como líneas, formas, imágenes y texto, con gran flexibilidad y control. Aquí hay algunos conceptos clave sobre…
Category : Diseño web 30-05-2023 by Janeth Kent