Tutoriales CSS3 10: Selectores de clase (Class)

Hola que tal en esta ocasión vamos a ver lo el siguiente tipo de selector que son las clases

Lo que se quiere decir por clases es porque a diferencia de los identificadores este si lo puede tener una gran cantidad de elementos de nuestro documento HTML así que solo con una sola llamada a esa clase se pueden identificar una gran cantidad de elementos fácilmente

Así que veamos en ejemplos esto:

En primer lugar veremos como modificar los estilos por defectos de los h1 así pero que solo afecte a algunos cuantos:

Tutoriales CSS3: Selectores de tipo ID (identificador)

Hola que tal en esta ocasión vamos a ver los selectores de tipo identificador que son muy distintos a los que vimos la vez pasada que fueron los selectores globales

Así que comencemos

Para comenzar ya sabes cuales son los atributos que se le pueden dar a una etiqueta HTML y no solo eso sabes a cuales se le pueden poner y a cuales no

En la mayoría se puede colocar el atributo ID que significa identificador

Tutoriales CSS3: 8. Selectores de Tipo Global

Hola que tal Espero que te encuentres muy bien y en esta ocasión vamos a ver los selectores de tipo global

Así que comencemos

Entes que nada no queda más que decir que el título y el tipo de nombre que le he puesto a “selectores globales” es por parte mía porque creo que es la mejor forma de definirlos ya verás porque

En primera es porque este tipo de selector es directo a las etiquetas sin la necesidad de que se escriba un atributo a la etiqueta

Tutoriales CSS3: 6. Tipos de selectores

Hola que tal en esta ocasión vamos a ver en grandes rasgos lo que son los selectores y el tipo de selectores, pero no vamos a entrar en detalle ya que se destinara especialmente a otros tutoriales y todavía falta ver lo que es el DOM

Así que sin más preámbulos comencemos

En primera que es un selector?

Tutoriales CSS3: 5. Regla general en CSS3

Hola que tal y bienvenido a esta nueva parte de los tutoriales dedicados a CSS3 y en esta ocasión vamos a hablar de la regla general (es una palabra echa por mi) ya que es la que se debe seguir en todos los casos

Tutoriales CSS3: 4. Como colocar CSS en un documento HTML

Hola que tal bienvenido y en esta ocasión vamos a ver las diferentes formas de colocar CSS a un documento HTML que para las mejores solo hay dos pero hay una tercera parte que la verdad no es nada valida ya que deja muy detrás el verdadero potencial de los otros dos

Tal vez lo que acabo de escribir no te quedo muy claro así que mejor lo explico en lo que sigue

La primera de ellas es la siguiente:

Tutoriales CSS3: 3. Diferencias entre el estándar de hoy que es CSS2.1 a CSS3

Hola que tal y bienvenido a esta nueva parte de los tutoriales de CSS3 y en esta ocasión nos toca ver qué diferencias hay entre el CSS2.1 que hora es el estándar con el CSS3 que un  no lo es.

Es muy fácil reconocer estas diferencias si ya tienes una noción de CSS pero si eres muy nuevo en esto estas son las diferencias.

·         CSS es más estándar de esta forma es mejor aceptada por los navegadores.

·         CSS3 implementa nuevas funcionalidades y efectos sin la necesidad de librerías

Tal vez esta se las grandes diferencias

Tutoriales CSS3: 2. Qué caramba es CSS?

Hola espero que te encuentres en ánimo para empezar con esto y como dice el titulo vamos a ver que es CSS

Esto sí que quede muy fuera de contexto ya que esta información la puedes encontrar en Wikipedia o en otras miles de páginas de que es pero bueno para que no salgas de acá te muestro que es y un poco de su historia

Tutoriales CSS3: 1 Presentación de los Tutoriales

 Hola que tal empezamos como dice el titulo vamos a iniciar con la presentación de los tutoriales de CSS3 ya que hemos acabado el de HTML5.

Como presentación intento que comprendas que van a ser lo mejor explicados que me sean posibles porque es algo complicado y más cuando es escrito ya que yo estoy acostumbrado a realizar videos tutoriales me es más sencillos hacerlos pero comprendo que también te interesara imprimir esto y leerlo en el camino o de alguna otra forma es mejor leer que ver ya que esto nos activa la mente.

Tutorial HTML5:2 parte formularios

Hola que tal y te agradezco que estés aquí de vuelta como te distes cuenta el pasado tutorial fue muy largo pero aun no acabamos con los formularios aún falta muchas cosas por ver así que comencemos

Empecemos viendo cómo funciona esto de los formularios una vez que ya conocemos sus partes

La acción que se usa es muy sencilla

Tutorial HTML5: 10 los formularios

Hola que tal en esta nueva parte vamos a ver los formularios

En muchas ocasiones nos ha tocado llenar formularios en la que tenemos que colocar datos  y enviar esos datos para muchos intereses como iniciar sesión en Facebook o en youtube

Todo mundo detesta llenar formularios así que en lo personal vamos a pensar en cómo deben ser los formularios y en las categorías en las que se pueden dividir

En primera si tú entras en una página y quieres registrarte  pero como nos da flojera cuando vemos un formulario que pide más de lo necesario por ejemplo: la dirección, la edad, etc etc.

Esto termina aburriendo a la gente y consigues menos usuarios así que cuando estés en esto de los formularios e intenta que solo pidan lo necesario, como por ejemplo Facebook y twitter

Puedes ver que no es mucho lo que te piden, entonces intenta pedir lo necesario y nunca hagas formularios excesivos y aburridos

SUSCRIPCION POR EMAIL BLOGGER POR FEEDBURNER

RECONOCIMIENTO A: FRANCISCO

DE BLOGANDWEB.COM

La suscripción por correo electrónico no ha muerto, por el contrario, mucha gente aun prefiere actualizarse por este medio y dependiendo de la temática el porcentaje puede ser más o menos importante. En esta guía mostraremos desde como activar este servicio hasta crear un formulario personalizado de suscripción paso a paso para Blogger y WordPress.

COMO SER UN BUEN PROGRAMADOR WEB HD

SALUDOS NO OLVIDES SUSCRIBIRTE Y COMENTAR
=========================================
TWITTER: https://twitter.com/wpot100
FACEBOOK:http://www.facebook.com/pages/NEXTCUBO/130158503752182


===============================

Crear tabs o pestañas con jQuery y CSS – Estructurando el contenido de una página web

Resumen: 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.

Cada vez me gusta más jQuery y las cosas que se pueden hacer con este framework.

Un efecto en particular que me parece muy útil cuando quieres desplegar una cantidad grande de información en poco espacio es el uso de los tabs o pestañas.

El uso de tabs o pestañas, es una buena forma de estructurar la información de una página web de forma clara y diferenciada, ayudando al usuario a distinguir grupos de contenidos, así como los subgrupos que estos contienen.

Hacer un tooltip con jQuery y CSS3

Resumen: 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.

En esta ocasión haremos uso de un recurso bastante sencillo y atractivo visualmente el cual nos ayudará a mejorar el SEO de nuestro sitio y la experiencia del usuario al navegar. Para aquellos que no estén muy familiarizados con el tema, un tooltip es una herramienta de ayuda visual muy utilizada en sitios con el fin de mostrar una descripción o información relevante de cierto elemento que se despliega sobre una página.