Trucos de diseño Css
}La combinación de características como los modos de fusión, el enmascaramiento, el recorte, las formas CSS y el poder de SVG nos proporciona un gran conjunto de herramientas para impulsar nuestra creatividad y romper con la norma. Con estas herramientas tenemos la oportunidad de crear una versión web de las cosas que actualmente vemos en la impresión.Aunque algunas propiedades pueden seguir experimentando problemas de compatibilidad con los navegadores (si tienes muchos problemas, considera un servicio de alojamiento web más robusto), no dudes en jugar con ellas. Aunque la compatibilidad de los navegadores puede ser limitada ahora, es probable que no sea así en el futuro. Es sólo cuestión de tiempo. Este artículo se publicó originalmente en net magazine.Artículos relacionados:
Aga es diseñadora y programadora de frontend en Adobe. Es cofundadora de The Awwwesomes, una organización sin ánimo de lucro que enseña a la gente a hacer cosas increíbles en la web y organiza talleres de codificación en Polonia.
Fragmentos Html
Una página web optimizada no sólo proporciona un sitio más receptivo para sus visitantes, sino que también reduce la carga en sus servidores web y la conexión a Internet. Esto puede ser crucial para los sitios de gran volumen o los que tienen un pico de tráfico debido a circunstancias inusuales, como las noticias de última hora.
Optimizar el rendimiento de la carga de la página no es sólo para el contenido que verán los visitantes de banda estrecha o de dispositivos móviles. Es igual de importante para los contenidos de banda ancha y puede dar lugar a mejoras espectaculares incluso para los visitantes con las conexiones más rápidas.ConsejosReducir el peso de la páginaEl peso de la página es, con mucho, el factor más importante en el rendimiento de la carga de la página.
Reducir el peso de la página mediante la eliminación de espacios en blanco y comentarios innecesarios, lo que se conoce como minimización, y trasladando los scripts y CSS en línea a archivos externos, puede mejorar el rendimiento de la descarga con una necesidad mínima de otros cambios en la estructura de la página.
Dependiendo de la configuración de la caché de un navegador, éste puede enviar una petición con la cabecera If-Modified-Since para cada archivo referenciado, preguntando si el archivo ha sido modificado desde la última vez que se descargó. Un tiempo excesivo de consulta de la última hora de modificación de los archivos referenciados puede retrasar la visualización inicial de la página web, ya que el navegador debe comprobar la hora de modificación de cada uno de estos archivos, antes de renderizar la página.
Lista de códigos Html
Para que empieces a usar algunos efectos HTML geniales, hemos recopilado estas plantillas de códigos de efectos HTML gratuitos. Mejorarán la funcionalidad y la experiencia del usuario de su sitio, sin que ello suponga un gasto excesivo. Aunque en su mayoría son HTML, estos códigos pueden contener también algo de CSS y PHP.
Por ejemplo, la imagen de fondo puede cambiar a medida que se visitan diferentes partes del sitio. Es un efecto genial que añade profundidad visual al contenido y es ideal incluso si no entiendes el código HTML básico.
Cuando se desplaza con el ratón sobre un texto o una imagen «manipulada», aparece una información sobre el título. Habrás visto que se utilizan en sitios web sobre imágenes, texto enlazado o incluso elementos de menú en aplicaciones de escritorio. Utiliza este código HTML para añadir un tooltip al texto plano de tu página web.
Es un poco más complicado que la típica etiqueta HTML porque funciona con una hoja de estilo y scripts. La ventaja es que no tienes que cargar un archivo CSS o de script para que funcione. En su lugar, simplemente pega el siguiente código en la sección <head> de tu página web.
Efectos de texto Html
Para que empieces a utilizar algunos efectos HTML geniales, hemos recopilado estas plantillas de código de efectos HTML gratuitos. Mejorarán la funcionalidad y la experiencia del usuario de tu sitio, sin que ello suponga un gasto excesivo. Aunque en su mayoría son HTML, estos códigos pueden contener también algo de CSS y PHP.
Por ejemplo, la imagen de fondo puede cambiar a medida que se visitan diferentes partes del sitio. Es un efecto genial que añade profundidad visual al contenido y es ideal incluso si no entiendes el código HTML básico.
Cuando se desplaza con el ratón sobre un texto o una imagen «manipulada», aparece una información sobre el título. Habrás visto que se utilizan en sitios web sobre imágenes, texto enlazado o incluso elementos de menú en aplicaciones de escritorio. Utiliza este código HTML para añadir un tooltip al texto plano de tu página web.
Es un poco más complicado que la típica etiqueta HTML porque funciona con una hoja de estilo y scripts. La ventaja es que no tienes que cargar un archivo CSS o de script para que funcione. En su lugar, simplemente pega el siguiente código en la sección <head> de tu página web.