Resultados para: css
Explicamos una técnica para poder rotar un texto con CSS, que sea visible en todos los navegadores
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.
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.
Hacer un tooltip con jQuery y CSS3
Explicamos como utilizar jQuery en combinación con CSS3 para crear un pequeño tooltip que despliegue mensajes al colocar el mouse sobre un elemento.
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.
Como crear listas con HTML y CSS
Las listas HTML representan uno de los principales medios para presentar contenido en una página web, en este artículo estudiamos como agregarlas a nuestro código y darles un estilo adecuado, además de dar muchos ejemplos prácticos de su uso.
Como hacer layouts con HTML y CSS
Conoce los conceptos fundamentales de un buen layout: como “padding”, “border” y “margin”, así como los distintos tipos de posicionamiento y estructuramos un layout sencillo.
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.
Estudiamos la sintaxis básica del código con CSS, explicando lo que es una regla, un selector, una propiedad y sus valores.
¿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.
Formulario de contacto con HTML5, CSS y PHP
Integramos tres tecnologías vigentes como lo son HTML5, CSS y PHP para realizar un sencillo formulario de contacto que nos permita poner en práctica las nuevas características del lenguaje de marcado.
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.
Crear botones con propiedades CSS3
En este artículo prácticamos la estilización de botones con CSS3, utilizando gradientes, sombras y bordes
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.
Especificar un CSS Diferente por Post en Wordpress
En este artículo vemos como especificar diferentes CSS por post en WordPress gracias al archivo functions.php de nuestro tema.
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
Sombras y dimensiones con CSS3 – box-shadow
En este artículo practicamos con propiedades CSS3 para agregar sombras a las imágenes y efectos de profundidad al sitio.
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.
Menú multicolor con XHTML y CSS
Ejemplo de menú en el que cad ítem tiene un color diferente, empleando solo XHMTL y CSS.
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.
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.
Algunos trucos CSS simples para la maquetación de páginas web
Ejemplos CSS sencillos para maquetación de páginas web.
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.
Ejemplo de utilización de propiedades CSS avanzadas
Allgunos ejemplos de utilización de las propiedades CSS avanzadas “content”, “counter-reset” y “counter-increment”.
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á.
Cambiar el estilo CSS de una web dinámicamente. Parte III – Las horas del día
En esta tercera parte vamos a empezar a ver como cambiar el estilo CSS de una web dinámicamente en función de las horas del día.
Simular frames (marcos) con HTML y CSS
Efecto muy sencillo donde se simula la utilización de marcos, y que solo se realiza con HTML y CSS.
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.
Menú y galería de imágenes tipo slide con CSS y HTML
Como conseguir la simulación de un “efecto slide” en menús y galerías de imágenes, solo con CSS y HTML.
Cambiar el estilo CSS de una web dinámicamente. Parte II – PHP
Vemos la segunda parte de este mini-manual que vamos a tener sobre cómo modificar dinamicamente los estilos CSS en nuestra página web. En esta segunda parte vemos como hacerlo con PHP.
Cambiar el estilo CSS de una web dinámicamente. Parte I – JavaScript
Vemos una primera parte de este mini-manual que vamos a tener sobre cómo modificar dinamicamente los estilos CSS en nuestra página web. En esta primera parte vemos como hacerlo con JavaScript.
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.
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.
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.
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.
Crear tabs o pestañas con jQuery y CSS – Estructurando el contenido de una página web
En este artículo vamos a ver como se hacen tabs o pestañas con jQuery y CSS para agrupar la información de la página web de forma lógica y organizada.
Maquetación de páginas web: crear un menu horizontal con CSS
Hay varias formas de presentar un menú de navegación en una página web. En este artículo, presentamos la forma de hacer un menú horizontal realizado con una lista flotante.
Como editar y crear propiedades CSS con Adobe Dreamweaver
Crear y editar reglas y propiedades con Adobe Dreamweaver es realmente sencillo. Conoceremos los pasos a seguir para la modificación de los estilos en este programa.
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.
Manejo de CSS con el panel de Estilo CSS de Adobe Dreamweaver
El panel Estilo CSS es la forma más sencilla de crear y editar estilos CSS empleando Adobe Dreamweaver CS4.
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.
Explora las múltiples posibilidades que ofrece para el diseño de páginas web el uso correcto de la propiedad float al momento de aplicarse a los elementos que forman parte en nuestro layout.
Código CSS para cambiar el orden natural del contenido de una web
La forma en que se decida maquetar la página, no impide que podamos colocar los contenidos en el orden que creamos más conveniente, empleando adecuadamente las propiedades CSS.
Utilizar un loading o imagen de carga con CSS
Como usar una imagen animada de carga para amenizar la espera de tus usuarios.
Qué es y cómo implementar una estrategia de SEO técnico
Hablamos de la importancia del SEO técnico a la hora de posicionar una web y cómo llevarlo a cabo.
Ser más productivo como diseñador freelance
En este artículo hablamos sobre el uso adecuado del tiempo y cómo ser más productivos al trabajar desde casa como diseñador.
Cómo aprender a ser diseñador web
Guía para aprender a ser un buen diseñador web, tanto si quieres trabajar como freelance o en una empresa.
Qué esperar y qué pedir a un diseñador Wordpress este 2024
Contratar un diseñador Wordpress para que te ayude a mejorar tu presencia en Internet es la mejor decisión que puedes tomar, pues supondrá un antes y un después en tus posibilidades de venta.
Cómo acelerar un sitio web hecho con WordPress
Mejorar la velocidad de carga de un sitio web es siempre positivo, ya que mejora la experiencia de usuario y aumenta el número de conversiones.
Cómo diseñar buenas páginas de aterrizaje (landing pages)
Primera parte de un artículo donde explicaremos algunos de los factores y consideraciones que debemos tener en cuenta a la hora de diseñar nuestras páginas de aterrizaje.
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
Cómo hacer una web profesional si no sabes programar
Para hacer una web no necesitas escribir ni una sola línea de código. Existen alternativas que te permitirán crear páginas con una presentación profesional y buen diseño. Te explicamos cuáles son.
La importancia de formarte como diseñador web
El diseño web es un sector con muchas opciones laborales, consolidándose como una de las carreras que más oportunidades ofrece. A continuación te explicaremos la importancia de estudiar y desempeñarte como diseñador web.
Plugins de WordPress para mejorar la velocidad de tu web
Evita perder visitantes por la lentitud de carga de tu sitio, te explicamos cómo los plugins de Wordpress te pueden ayudar a mejorar este aspecto y optimizar tu blog.
Cómo arreglar la canibalización de contenidos de una web y aumentar tus visitas
¿Tienes una web con muchos artículos? pues echa un vistazo porque esto te interesa, puedes estar teniendo problemas de canibalización de contenidos y limitando tu potencial SEO.
Todo lo que necesitas para crear una web
Explora nuestras secciones más populares para aprender todo lo necesario para hacer tus páginas webs desde cero. Con el control y la tranquilidad que te da tener los conocimientos para elegir lo que es mejor para tu site. Explora por secciones Códigos listos para usar en tu web LAWEBERA.ES ÚLTIMAS PUBLICACIONES Como crear una página web […]
Como hacer un tooltip con jQuery
Guía completa con código de ejemplo y descarga sobre cómo hacer un tooltip jQuery para usar en tu página web.
Ventajas de utilizar jQuery Mobile
Explicamos algunas de las ventajas más importantes que ofrece jQuery Mobile
Configuración de jQuery Mobile con JavaScript
La configuración por defecto de jQuery Mobile también puede ser modificada a través de JavaScript, en este artículo explicamos cómo lograrlo.
Maquetación de contenido con grids en jQuery Mobile
Los grid son una de las estructuras más utilizadas para presentar información tabular, en este artículo explicamos como hacer uso de ellos con jQuery Mobile.
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
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.
Navegación en dispositivos móviles
Explicamos algunos de los aspectos más relevantes a considerar para facilitiar la navegación de nuestro sitio en dispositivos móviles
Implementar enlace para volver al inicio de la página con jQuery
Explicamos como agregar un funcional enlace que le permita a tus usuarios regresar al inicio de tu página con un solo clic.
Cómo mejorar la velocidad de carga de una web
Explicamos algunas de las técnicas más utilizadas para optimizar el rendimiento de un sitio web
En este artículo explicamos el funcionamiento, uso e implementación de la aplicación geolocation mediante JavaScript.
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.
Enlace para mostrar y ocultar contenido con jQuery
Explicamos como llevar a cabo la creación de una función simple que nos ayude a mostrar y ocultar contenido de un elemento
Explicamos cómo utilizar el elemento datalist, el cual ha sido incorporado con HTML5
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.
Enviar datos de un formulario con ctrl y enter
En este artículo explicamos cómo enviar información de un formulario y desplegarla en una página mediante las teclas ctrl y enter, haciendo uso de jQuery para el manejo de eventos.
Manejo de listas con jQuery Mobile
Las listas son elementos muy importantes para lograr una correcta navegación en un sitio móvil, en este artículo explicamos como utilizarlas y adaptarlas con jQuery Mobile
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.
Uso de barras de herramientas con jQuery Mobile
Como utilizar encabezados y pies de páginas como barras de herramientas y navegación con jQuery Mobile, como diseñar y estructurar dichas barras.
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.