Resultados para: navegadores
Detección y Soporte de navegadores para HTML5
Recursos y herramientas para detectar el soporte de navegadores de las nuevas etiquetas y funciones HTML5. Usemos desde hoy las novedades que nos trae HTML5.
La influencia de los Navegadores en Internet
Repaso a la historia de navegadores como Internet Explorer, Firefox, Google Chrome o Safari, desde sus comienzos hasta la situación actual del mercado.
Compatibilidad de tu web con distintos navegadores
Podremos estar satisfechos si conseguimos que se vea igual de bien en los más importantes, como Explorer, Firefox, Opera, Safari y Mozilla.
Tendencias de diseño web en 2024
Descubre las tendencias que están marcando este año en relación a cómo diseñamos nuestras páginas web.
Que son los certificados SSL y como se instalan en un hosting
Para cualquier web que quiera aparecer en Google es absolutamente necesario contar con un certificado SSL en su hosting. Veamos de qué se trata.
Cómo elegir al profesional para hacer la web de tu negocio
Los servicios de un profesional pueden llevar a tu sitio web al siguiente nivel. Te explicamos qué saber antes de iniciar el proceso de creación de un sitio web y cómo escoger correctamente el personal que se hará cargo de ella.
Estrategia de contenidos para mejorar tu SEO
Debate sobre la importancia de obtener enlaces y contenido y como equilibrar la balanza. Te explicamos de forma detallada como escribir buen contenido y utilizarlo de forma eficaz para mejorar tu SEO.
Técnicas de diseño web para dispositivos móviles
Vemos una completa lista de consejos para adaptar nuestros diseños a la web móvil, tales como las resoluciones de pantalla, la información que se muestra y cómo debe interactuar con ella el usuario.
Optimizar imágenes para mejorar el SEO
Explicamos algunos factores relevantes a considerar para enriquecer el uso de imágenes en nuestro sitio y propiciar un mejor SEO
Consejos prácticos para posicionar una web
Listamos algunos factores clave a la hora de posicionar correctamente nuestra web, pensados para seguir de principio a fin del proyecto.
Compatibilidad de jQuery Mobile con distintos dispositivos
Hacemos un análisis profundo sobre la compatibilidad de jQuery Mobile con distintos dispositivos.
Diferencias entre jQuery y jQuery Mobile
Explicamos la diferencia que existe entre jQuery Mobile y su estructura de código base, jQuery.
Cómo utilizar subtítulos, títulos alternativos y eslóganes con HTML5
Explicamos la manera correcta de establecer este tipo de elementos con el nuevo estándar establecido por HTML5.
Cómo hacer que los estilos HTML5 funcionen en IE
Las versiones antiguas de IE no reconocen los elementos de HTML5 por lo que no aplican los estilos adecuados, en este artículo te explicamos como lograrlo.
El mostrar el progreso de un proceso o tarea es una de las principales formas de ofrecer una retroalimentación al usuario dentro de nuestras páginas. A continuación te explicamos los principales aspectos del elemento progress de HTML5
Evitar el uso de almacenamiento en el lado servidor nos ayudará a mejorar el rendimiento y tiempo de respuesta de nuestras páginas, en este artículo explicamos como lograrlo.
El elemento main es una de las más recientes adiciones que se han hecho a la especificación de HTML5, en este artículo te explicamos su funcionamiento.
5 propiedades de HTML5 que necesitas saber
HTML5 nos ha traído una serie de funcionalidades fenomenales, algunas de las cuales son bastante sencillas de implementar. Dentro de éstas, destacamos las siguientes cinco funciones las cuales debes conocer.
Como estructurar un email con HTML
El correo electrónico es una de las herramientas más utilizadas en Internet, sin embargo muchos tienden a construirlos de manera errónea, para evitar eso en este artículo explicamos cómo se debe estructurar un correo con HTML.
Uso del atributo download de HTML5
Explicamos cómo funciona y en qué casos aplicar el atributo Download incorporado a la nueva versión de HTML
Uso de formularios con jQuery Mobile
Estudiamos la manera en que jQuery Mobile maneja y despliega los formularios de una página para su uso en dispositivos móviles
Uso de jQuery para presentar y filtrar datos en tablas
Explicamos como mostrar y depurar datos de una tabla mediante jQuery, como dar un estilo adecuado para presentar los datos y como realizar el filtrado de los mismos.
Explicamos cómo utilizar el elemento datalist, el cual ha sido incorporado con HTML5
Explicamos una técnica para poder rotar un texto con CSS, que sea visible en todos los navegadores
Validación de formularios con jQuery Validation Plugin
En este artículo explicamos el uso del plugin validation de jQuery, el cual nos permite realizar validaciones rápidas y sencillas a nuestros formularios
Código HTML para añadir un número de teléfono a una web
Explicamos cuál es el código HTML para mostrar números de teléfono dentro del contenido de nuestros sitios web y que se pueda llamar pulsando en ellos.
Uso de CSS para aplicar estilo a barras de desplazamiento
En este artículo explicaremos cómo mejorar la apariencia de las barras de desplazamiento, para así adaptarlas a la interfaz de usuario de nuestro sitio.
En este artículo explicamos algunos de los efectos que se pueden aplicar a imágenes gracias al uso de la propiedad filter.
Consejos para crear plugins con jQuery
En este artículo damos una serie de recomendaciones a considerar al momento de crear y mantener un plugin con jQuery.
Cómo comercializar tu aplicación móvil
Explicamos algunas de las técnicas más sencillas para poder promocionar tu aplicación desarrollada para dispositivos móviles, y de esa manera no depender de la tienda de aplicaciones.
Cómo hacer un diseño web adaptable (reponsive design)
Guía y consejos para hacer un diseño web adaptable o responsive design y conseguir que tu web se adapte a cualquier dispositivo, ya sea móvil, pc, etc. Técnicas y prácticas para hacer tu web responsive.
Efecto cortina con CSS3, jQuery y MooTools
En este artículo explicamos como llevar a cabo la codificación del efecto cortina mediante el uso de CSS3 y dos de los frameworks más utilizados de JavaScript: jQuery y Mootools.
Errores comunes que debemos evitar al trabajar con jQuery
Mencionamos algunos de los errores que comunmente se cometen al manejar jQuery dentro de nuestros proyectos.
Etiquetas HTML5: formularios e inputs
Hacemos un resumen de las etiquetas para formulario y nuevos inputs que incorpora HTML5. Etiquetas que permiten mejorar la usabilidad y simplifican la creación de formularios y su validación.
Explicamos la etiqueta audio de HTML5, que brinda un soporte nativo de este tipo de contenido multimedia a los navegadores, sin la necesidad de usar plugins de flash o javascript.
Maquetación web utilizando header y footer de HTML5
En este artículo elaboramos un layout básico centrádonos en la utilización de dos elementos de HTML5: header y footer.
Insertar Flash de manera correcta con HTML
Especificamos como incluir correctamente un archivo Flash dentro de nuestro HTML, para obtener un código totalmente apegado a los estándares.
Uso del elemento details para hacer una sección FAQ
Estudiamos el nuevo elemento “details”, perteneciente al más reciente repositorio de HTML5, y lo utilizamos para crear una sección FAQ para nuestro sitio.
Explicamos la nueva etiqueta video de HTML5, que brinda un soporte nativo de este tipo de contenido multimedia a los navegadores, sin la necesidad de usar plugins de flash o javascript.
Crear formularios con XHTML y CSS
Guía completa sobre los formularios HTML y CSS. Aprende a crear este elemento fundamental para la interacción con el usuario en nuestros sitios web.
Introducción a la creación de formularios con HTML5
Explicamos las etiquetas fundamentales que introduce HTML5 a la creación de formularios, tales como nuevos inputs, validación de campos o elementos complejos como deslizadores.
Manejo de JavaScript con XHTML
El manejo de scripts es una parte fundamental para lograr un balance adecuado en el frontend de nuestros sitios, en este artículo vemos como conjuntar XHTML y Javascript.
Estilo y estructura de enlaces con XHTML y CSS
En este artículo nos enfocamos en el estudio del Hipertexto (enlaces de texto), definiendo como estructurarlos y darles un diseño estético.
Cómo dar estilo a textos con CSS y HTML
Estudiamos las etiquetas HTML más importantes para dar formato a los textos de una web, así como darles estilo a través de CSS. También las recomendaciones generales para diseñar y estructurar buenos textos.
Vemos como conseguir el famoso efecto “drag and drop”, arrastrar y soltar, simplemente con las nuevas características de HTML5.
¿Cómo darle un uso apropiado a CSS3?
CSS3 nos ha brindado muchas nuevas herramientas que nos permiten crear grandes efectos, pero es muy probable que les estemos dando un enfoque inadecuado, en este artículo tratamos de definir un uso correcto.
Formas de crear un texto vertical con CSS y HTML
Abordamos los distintos métodos que existen para colocar un texto de manera vertical en nuestra página.
Como usar pseudo elementos CSS “:before” y “:after”
En este artículo damos a conocer los aspectos generales sobre el uso de los pseudo elementos “:before” y “:after”, así como su implementación en CSS.
Estudiamos el uso correcto de selectores, abarcando desde los selectores de tipo básico, hasta pseudoselectores, operadores y expresiones regulares.
Métodos para centrar verticalmente con CSS
Ofrecemos diversas técnicas y ejemplos para centrar verticalmente el contenido de una web mediante CSS.
En este artículo explicamos como adaptar nuestros sitios al tamaño de la ventana del navegador y de los dispositivos mediante los “media queries” de CSS.
CSS: Correcto uso de capas flotantes (float) con overflow
En este artículo explicamos como corregir el uso de flotantes dentro de un contenedor con la propiedad overflow
Expansión de una imagen de fondo con CSS
En este artículo explicamos dos métodos CSS distintos para expandir la imagen de fondo y tome el tamaño de la ventana del navegador.
Vemos conceptos básicos para maquetar páginas web con CSS. Guías que nos ayudarán a crear hojas de estilo limpias y optimizadas.
Columnas múltiples con CSS3: column-count, column-gap, column-width y column-rule
Vemos como hacer con CSS3 columnas múltiples, un método muy sencillo de crear una estructura en columnas para tu web.
Obtención de valores de los atributos con jQuery
Explicamos como obtener con jQuery los atributos relacionados a los elementos que forman parte del conjunto combinado.
Galería de imágenes en Wordpress: NextGen Gallery
Una atractiva galería de imágenes para Wordpress, para ser mostrada en páginas, entradas y widgets.
Menú multicolor con XHTML y CSS
Ejemplo de menú en el que cad ítem tiene un color diferente, empleando solo XHMTL y CSS.
La seguridad también es un tema de los diseñadores de páginas web
Consejos sobre seguridad en el hosting y en las páginas web
Social Slider: un atractivo plugin social de Wordpress
Una atractiva opción para compartir los contenidos de la página en Wordpress en las redes sociales
Maquetación de un formulario en XHTML y CSS
Maquetación de un formulario utilizando XHMTL y CSS válidos.
HTML y CSS: Ejemplos de layouts
Maquetación de una página web a dos columnas con ancho fijo.
Como abrir un pop up desde un enlace usando JavaScript
Generar pop ups cuando un usuario pincha un enlace, empleando JavaScript.
Ejemplo de maquetación de una página web (primera parte)
Maquetación de una página de ejemplo con elementos superpuestos, definición de la estructura y utilizando diferentes tipos de posicionamiento de capas y elementos flotantes.
Como hacer un foro en WordPress con Simple:Press Forum (segunda parte)
Segunda parte de la configuración de un foro de Worpress utilizando Simple:Press Forum.
¿Qué aporta jQuery al desarrollo web?
En este artículo, vamos a tener una mirada profunda de lo que jQuery nos ofrece como librería JavaScript.
Propiedades básicas para el manejo de CSS3: Fondos (parte 3)
Tercera parte de una serie que expondrá las propiedades más utilizadas de CSS3, en esta parte nos enfocamos a la estilización de fondos.
Propiedades básicas para el manejo de CSS3: Capas (parte 2)
Segunda parte de una serie que expondrá las propiedades más utilizadas de CSS3, en esta parte nos enfocamos a la estilización de capas (div).
Propiedades básicas para el manejo de CSS3: Textos (parte 1)
Primera parte de una serie que expondrá las propiedades más utilizadas de CSS3, en esta parte nos enfocamos a la estilización de textos.
Optimización de los archivos CSS
Cómo optimizar los archivos CSS para que pesen menos y no retarden la carga de la página.
CSS avanzado: la propiedad “white-space”
Una propiedad poco utilizada, que permite al diseñador manejar los espacios en blanco y los saltos de línea de los textos incluidos en el código HTML.
CSS avanzado: todo sobre la propiedad display
Os enseñamos todo el potencial de la propiedad display para maquetar tus páginas web y formar las estructuras que necesites.
Depuración de errores en códigos CSS
Encontrar los errores que se producen en los códigos CSS, es una de las tareas más arduas que tienen los diseñadores. Aquí damos algunos consejos sobre como hacerlo más sencillo.
CSS avanzado: las propiedades counter-reset y counter-increment
Estas propiedades son de las de mayor complejidad en CSS, pero que pueden resultar muy útiles para algunos tipos de trabajos, sobre todo en maquetación de textos.
CSS avanzado: la propiedad “content”
Una de las propiedades menos conocidas de CSS 2.1, pero que tiene un potencial enorme. En un futuro no muy lejano, cuando la mayoría de los navegadores respeten los estándares, su uso seguramente se incrementará.
Sombras en el texto: la propiedad text-shadow de CSS3
Los efectos que se pueden conseguir sobre los textos aplicando “text-shadow” de CSS3 son simplemente impresionantes. Aquí les damos las bases para comenzar a trabajar con esta propiedad.
Como hacer fondos “elásticos” para títulos y menús
Como hacer para que un fondo de imágenes se adapte a la longitud del texto, siguiendo dos métodos diferentes. Ejemplo en títulos y en menús.
Novedades de Adobe Dreamweaver CS5
La nueva versión del editor Adobe Dreamweaver CS5 se distribuye desde hace unos meses. Aquí mostramos las novedades de esta poderosa herramienta de diseño de páginas web.
Soluciones a los problemas de visualización en Internet Explorer
Damos un repaso a las técnicas más usadas para lidiar con la tarea de conseguir que nuestra web se vea bien en todos los navegadores, poniendo especial atención a Internet Explorer, puesto que es el que más problemas causa.
La propiedad overflow de CSS en la maquetación de páginas web
De gran utilidad y poco utilizada, la propiedad CSS2 “overflow” puede resultar de gran utilidad en la maquetación de páginas web.
Como insertar SWF de Flash en HTML válido y accesible
Código HTML para insertar archivos de Flash (.swf) en tus páginas web de forma que se vea de la mejor forma en todos los navegadores, sea estándar y más accesible.
Validar formularios con HTML5 y CSS3
En este artículo explicamos como validar de forma sencilla formularios usando HTML5 y CSS3, de forma que ahorramos tiempo con la simplicidad de códigos que supone el nuevo HTML5.
El diseño web en HTML5 te da una cantidad de herramientas poderosas para hacer tus páginas web sin la necesidad de usar tecnologías mas anticuadas como Flash. En esta introducción te enseñamos las principales características y ventajas que tiene hacer una web con HTML5
Animar texto con CSS3 y WebKit para Chrome y Safari
Explicación del uso de las etiquetas pulse y bounce, integradas dentro del motor WebKit (Chrome y Safari) para animar textos con CSS· puro.
Fondos con gradientes – degradados con CSS3
En este artículo explicamos las dos formas que hay de hacer fondos con gradientes en CSS3, con códigos de ejemplo para entender mejor el procedimiento.
La especificidad en Hojas de Estilo CSS
Un pequeño pero eficaz consejo que puedo dar para todos aquellos que empiezan a desarrollar sus primeras hojas de estilo CSS, es tener en cuenta el factor de la especificidad en CSS, su influencia y la manera de controlarlo.
Como utilizar las vistas previas de Adobe Dreamweaver CS4
Teniendo en cuenta la gran variedad de modos de visualización de las páginas web, las vistas previas en distintos navegadores, resoluciones y dispositivos, resulta indispensable para alcanzar la mayor cantidad de usuarios posibles.
Crear una galería de imágenes solo con CSS y HTML
Presentación de un código hecho de una galería de imágenes desarrollada completamente en CSS y HTML, explicada de forma que puedan realizarse las modificaciones que se deseen.
Creación de una página web desde cero con Adobe Dreamweaver CS4
En este artículo veremos como iniciar una nueva página web partiendo desde una página en blanco. Desde la configuración hasta los primeros pasos en el diseño.
Utilización de la repetición y posición de fondos en la maquetación de páginas web
Además de servir para dar la apariencia deseada, algunas propiedades de los fondos pueden ser empleadas para la maquetación de las páginas web.
Configuración básica de una página web con Adobe Dreamweaver CS4
El primer paso para crear una página web es establecer una serie de valores básicos. Desde el título, la codificación de caracteres, las fuentes, color de fondo, etc. se establecen en un solo paso en Dreamweaver.
Opciones de software para colocar un buscador en una página web
Un buscador interno es esencial para conseguir una buena navegabilidad en el sitio. Para ello existen muchas opciones, en este artículo te hacemos una selección de las mejores.
Como hacer y diseñar un boletín electrónico para aumentar visitas
El diseño de un boletín electrónico debe tener en cuenta las particularidades del medio que se emplea para lograr que sea eficaz. Aquí mostramos ejemplos y herramientas para hacer un boletin.
Código listo para hacer un menú desplegable con XHTML y CSS
Menú emergente desarrollado exclusivamente con XHTML (o HTML) y CSS.
Posición de capas con CSS en la maquetación de páginas web
Profundizamos en los temas de posicionamiento de capas para que el diseño adquiera el formato deseado. Para ello se emplean atributos CSS, que permiten ubicar las capas en el lugar y en la forma deseada.
Consejos para el desarrollo Web con Flash
Algunos consejos al iniciarte en el diseño de sitios web con flash, rompiendo algunos prejuicios y no perdiendo de vista los últimos avances en diseño web.
Tamaño, margen, relleno y bordes de capas con CSS y HTML
Los conceptos de márgenes, relleno y bordes, sencillos en su naturaleza, son un verdadero rompecabezas para los que se inician en la maquetación. En este artículo damos una detallada explicación.
HTML – XHTML Doctype o versión del documento de una página web
Antes de comenzar a hacer la página web en sí, tenemos que decirle al navegador qué versión de HTML vamos a utilizar para que sepa interpretarlo correctamente.
Manejo de fuentes con Adobe Dreamweaver
Adobe Dreamweaver ofrece facilidades para el manejo de las fuentes de un documento, mediante un sencillo método de grupos de fuentes.
Diseño de una página web con Adobe Dreamweaver
En este artículo veremos como crear una página web y comenzar a emplear algunas de las herramientas de edición de Adobe Dreamweaver.