Algunas propiedades de texto en CSS3

Algunas propiedades de texto en CSS3   Fuentes en CSS 3. Sintaxis y principales características de la regla CSS @font-face, que nos permite utilizar cualquier tipografía en una página web.   Importar fuentes tipográficas mediante CSS con @font-face   La mencionada regla @font-face nace con CSS 2 pero hasta CSS 3 no empieza a funcionar y prosperar. En un principio sólo funcionaba en IE 5 y únicamente admitía formatos de fuente .eot, pero con el paso del tiempo otros navegadores ampliaron su soporte, comenzando con Safari 3,1. En la actualidad…

Leer más

Rapaso Básico de HTML

Rapaso Básico de HTML ¿Qué es el HTML? El HTML ( HiperText Markup Language ) es el lenguaje utilizado para representar documentos en la WWW (World Wide Web). Además de texto normal incluye también, elementos multimedia (gráficos, vídeo, audio) y existen enlaces (links) que permiten saltar a otras partes del documento o a otro sitio cualquiera de Internet. Otra característica muy importante de este lenguaje es que es portable, es decir, se pueden visualizar las páginas con cualquier sistema operativo y, por supuesto también crearlas. Las etiquetas constituyen la filosofía de este lenguaje. Por medio de…

Leer más

Consejos para personalizar tu cuenta en twitter

Consejos para personalizar tu cuenta en twitter Personaliza tu perfil Uno de los mejores consejos para principiantes es que tu perfil te refleja como persona. No seas un robot genérico que acecha en silencio tras el huevo que viene como avatar por defecto… ¡Sé dueño de tu propio espacio! Escribe una buena biografía, personaliza tu avatar y tu imagen de cabecera, y añade cualquier información adicional que creas que es importante. Utiliza listas para segmentar tu TL Crea buenos hábitos desde el comienzo y segmenta tu audiencia en listas. Puede que…

Leer más

Interlineado de palabras con CSS

Interlineado de palabras con CSS Existen diversas formas y atributos en CSS para el control de los textos, y dado que el 90% del contenido de una página son textos, la especial atención al control de la tipografía puede redundar en un mejor diseño o una mejor lectura. Para diferenciar entre las propiedades básicas que gestionan las fuentes bastará con identificar entre elementos horizontales y verticales. Los elementos horizontales son aquellos que incluyen el espacio entre las letras y las palabras. Los valores valores verticales únicamente incluye el inter lineado. Valores horizontales…

Leer más

Fundamentos Básicos de CSS

Fundamentos Básicos de CSS El estándar CSS 2.1 incluye más de 100 propiedades de todo tipo para diseñar el aspecto de las páginas HTML. No obstante, los diseños web más actuales muestran recursos gráficos que no se pueden realizar con CSS, como sombras, transparencias, esquinas redondeadas y tipografía avanzada. Por ese motivo, es preciso que los diseñadores web profesionales conozcan las técnicas imprescindibles para crear diseños web avanzados. En las próximas secciones se muestran las siguientes técnicas imprescindibles: ▪ Propiedades shorthand para crear hojas de estilos concisas. ▪ La propiedad…

Leer más

Múltiples imágenes de fondo con CSS

Múltiples imágenes de fondo con CSS El objetivo inicial de CSS, separar el contenido de la forma, se cumplió ya con las primeras especificaciones del lenguaje. Sin embargo, el objetivo de ofrecer un control total a los diseñadores sobre los elementos de la página ha sido más difícil de cubrir. Las especificaciones anteriores del lenguaje tenían muchas utilidades para aplicar estilos a las webs, pero los desarrolladores aún continúan usando trucos diversos para conseguir efectos tan comunes o tan deseados como los bordes redondeados o el sombreado de elementos en…

Leer más

Navegación de diapositivas con jQuery y CSS3

Navegación de diapositivas con jQuery y CSS3 Sólo otro menú móvil de navegación de la aplicación de estilo que es pegajosa en el lado izquierdo de la página web cuando toggled y empuja a la sección de contenido principal a la derecha con una capa completa. Construido encima de HTML5, CSS3 transiciones y transformaciones y jQuery toggleClassmétodo. Cómo usarlo: 1. Crear el código HTML para una navegación lado con un botón de activación. 1 <header> 2   <div class=”navBtn”>+</div> 3   <nav> 4    <a href=””>Home</a> 5    <a href=””>About</a> 6    <a href=””>Contact</a> 7…

Leer más

Crear mensajes de ayuda con CSS

Crear mensajes de ayuda con CSS Al crear una aplicación web, a menudo es necesario presentar las personas con indicaciones amable ayuda que explican las partes de su interfaz. Una de las maneras de hacerlo es tener páginas separadas con los temas de ayuda que los que enlace. Sin embargo, esto hace que la gente pierda el contexto de lo que están haciendo y no es muy fácil de usar. Una mejor manera es para mostrar la derecha texto de ayuda donde más se necesita. Aquí está cómo hacerlo sólo…

Leer más

Haciendo un Menú animado con CSS3

Haciendo un Menú animado con CSS3 En este breve tutorial, vamos a utilizar el poder de los efectos y transiciones CSS3, para construir un menú de navegación animada JavaScript libre que se puede utilizar para añadir un aspecto más pulido de su sitio web o plantilla. Nosotros vamos a usar algunas interesantes características como la :targetpseudo-selector y :afterelementos. el HTML El primer paso es definir la columna vertebral HTML de la página web. Estamos utilizando HTML5 etiquetas ampliamente, por lo que necesitaremos para incluir la secuencia de comandos que permite…

Leer más

Mensajes de ayuda para su sitio con CSS

Mensajes de ayuda para su sitio con CSS Al crear una aplicación web, a menudo es necesario presentar las personas con indicaciones amable ayuda que explican las partes de su interfaz. Una de las maneras de hacerlo es tener páginas separadas con los temas de ayuda que los que enlace. Sin embargo, esto hace que la gente pierda el contexto de lo que están haciendo y no es muy fácil de usar. Una mejor manera es para mostrar la derecha texto de ayuda donde más se necesita. Aquí está cómo…

Leer más