Profile

Cover photo
Pedro Gutiérrez Puente
489,517 views
AboutPosts

Stream

Pedro Gutiérrez Puente
moderator

JavaScript  - 
 
Utiliza media queries en JavaScript con matchMedia

El Responsive Design es una técnica de diseño que ha revolucionado la forma en que vemos las páginas webs, permitiéndonos disponer de una correcta visualización de una misma página en distintos dispositivos. 

Las @media queries es el mecanismo más simple de usar detectar las condiciones de visualización del dispositivo (como tamaño de pantalla, orientación...) y ahora con matchMedia disponemos de estas consultas en JavaScript, ejecutando diferente código según el dispositivo o los cambios en su visualización (como girar un movil 90º).

http://xitrus.es/blog/125/Utiliza_media_queries_en_JavaScript_con_matchMedia
 ·  Translate
Utiliza @media queries en JavaScript de forma simple y eficiente con marchMedia(). // Autor: Pedro Gutiérrez
6
3
Add a comment...

Pedro Gutiérrez Puente

▓ Desarrollo frontend  - 
 
Utiliza media queries en JavaScript con matchMedia

El Responsive Design es una técnica de diseño que ha revolucionado la forma en que vemos las páginas webs, permitiéndonos disponer de una correcta visualización de una misma página en distintos dispositivos. 

Las @media queries es el mecanismo más simple de usar detectar las condiciones de visualización del dispositivo (como tamaño de pantalla, orientación...) y ahora con matchMedia disponemos de estas consultas en JavaScript, ejecutando diferente código según el dispositivo o los cambios en su visualización (como girar un movil 90º).

http://xitrus.es/blog/125/Utiliza_media_queries_en_JavaScript_con_matchMedia
 ·  Translate
Utiliza @media queries en JavaScript de forma simple y eficiente con marchMedia(). // Autor: Pedro Gutiérrez
3
Add a comment...
 
Utiliza media queries en JavaScript con matchMedia

El Responsive Design es una técnica de diseño que ha revolucionado la forma en que vemos las páginas webs, permitiéndonos disponer de una correcta visualización de una misma página en distintos dispositivos. 

Las @media queries es el mecanismo más simple de usar detectar las condiciones de visualización del dispositivo (como tamaño de pantalla, orientación...) y ahora con matchMedia disponemos de estas consultas en JavaScript, ejecutando diferente código según el dispositivo o los cambios en su visualización (como girar un movil 90º).

http://xitrus.es/blog/125/Utiliza_media_queries_en_JavaScript_con_matchMedia
 ·  Translate
Utiliza @media queries en JavaScript de forma simple y eficiente con marchMedia(). // Autor: Pedro Gutiérrez
6
Add a comment...
 
Añade información a tu web con los atributos personalizados de HTML5, mediante data-*

http://xitrus.es/blog/124/Atributos_personalizados_en_HTML5_con_data-*

HTML5 ha introducido pocos cambios al lenguaje de etiquetas HTML, los más destacados ha sido el de la inserción de nuevas etiquetas, inclusión de microdatos y el tema que vengo a explicar: los atributos personalizados. 

Estos atributos personalizados nos permiten añadir información extra a los elementos de nuestro HTML, simplemente añadiendo un nuevo atributo que comience por data- y seguido del nombre mediante el cual accedemos a esta información complementaria. Podemos usar esta información desde JavaScript y CSS de forma muy cómoda.
 ·  Translate
8
2
Add a comment...

Pedro Gutiérrez Puente
moderator

HTML5 y CSS3  - 
 
Añade información a tu web con los atributos personalizados de HTML5, mediante data-*

http://xitrus.es/blog/124/Atributos_personalizados_en_HTML5_con_data-*

HTML5 ha introducido pocos cambios al lenguaje de etiquetas HTML, los más destacados ha sido el de la inserción de nuevas etiquetas, inclusión de microdatos y el tema que vengo a explicar: los atributos personalizados. 

Estos atributos personalizados nos permiten añadir información extra a los elementos de nuestro HTML, simplemente añadiendo un nuevo atributo que comience por data- y seguido del nombre mediante el cual accedemos a esta información complementaria. Podemos usar esta información desde JavaScript y CSS de forma muy cómoda.
 ·  Translate
9
Add a comment...
 
Utiliza media queries en JavaScript con matchMedia

El Responsive Design es una técnica de diseño que ha revolucionado la forma en que vemos las páginas webs, permitiéndonos disponer de una correcta visualización de una misma página en distintos dispositivos. 

Las @media queries es el mecanismo más simple de usar detectar las condiciones de visualización del dispositivo (como tamaño de pantalla, orientación...) y ahora con matchMedia disponemos de estas consultas en JavaScript, ejecutando diferente código según el dispositivo o los cambios en su visualización (como girar un movil 90º).

http://xitrus.es/blog/125/Utiliza_media_queries_en_JavaScript_con_matchMedia
 ·  Translate
Utiliza @media queries en JavaScript de forma simple y eficiente con marchMedia(). // Autor: Pedro Gutiérrez
8
4
Add a comment...
 
Utiliza media queries en JavaScript con matchMedia

El Responsive Design es una técnica de diseño que ha revolucionado la forma en que vemos las páginas webs, permitiéndonos disponer de una correcta visualización de una misma página en distintos dispositivos. 

Las @media queries es el mecanismo más simple de usar detectar las condiciones de visualización del dispositivo (como tamaño de pantalla, orientación...) y ahora con matchMedia disponemos de estas consultas en JavaScript, ejecutando diferente código según el dispositivo o los cambios en su visualización (como girar un movil 90º).

http://xitrus.es/blog/125/Utiliza_media_queries_en_JavaScript_con_matchMedia
 ·  Translate
Utiliza @media queries en JavaScript de forma simple y eficiente con marchMedia(). // Autor: Pedro Gutiérrez
1
Add a comment...
 
Añade información a tu web con los atributos personalizados de HTML5, mediante data-*

http://xitrus.es/blog/124/Atributos_personalizados_en_HTML5_con_data-*

HTML5 ha introducido pocos cambios al lenguaje de etiquetas HTML, los más destacados ha sido el de la inserción de nuevas etiquetas, inclusión de microdatos y el tema que vengo a explicar: los atributos personalizados. 

Estos atributos personalizados nos permiten añadir información extra a los elementos de nuestro HTML, simplemente añadiendo un nuevo atributo que comience por data- y seguido del nombre mediante el cual accedemos a esta información complementaria. Podemos usar esta información desde JavaScript y CSS de forma muy cómoda.
 ·  Translate
5
2
Add a comment...

Pedro Gutiérrez Puente

▓ Desarrollo frontend  - 
 
Añade información a tu web con los atributos personalizados de HTML5, mediante data-*

http://xitrus.es/blog/124/Atributos_personalizados_en_HTML5_con_data-*

HTML5 ha introducido pocos cambios al lenguaje de etiquetas HTML, los más destacados ha sido el de la inserción de nuevas etiquetas, inclusión de microdatos y el tema que vengo a explicar: los atributos personalizados. 

Estos atributos personalizados nos permiten añadir información extra a los elementos de nuestro HTML, simplemente añadiendo un nuevo atributo que comience por data- y seguido del nombre mediante el cual accedemos a esta información complementaria. Podemos usar esta información desde JavaScript y CSS de forma muy cómoda.
 ·  Translate
3
Add a comment...
 
Añade información a tu web con los atributos personalizados de HTML5, mediante data-*

http://xitrus.es/blog/124/Atributos_personalizados_en_HTML5_con_data-*

HTML5 ha introducido pocos cambios al lenguaje de etiquetas HTML, los más destacados ha sido el de la inserción de nuevas etiquetas, inclusión de microdatos y el tema que vengo a explicar: los atributos personalizados. 

Estos atributos personalizados nos permiten añadir información extra a los elementos de nuestro HTML, simplemente añadiendo un nuevo atributo que comience por data- y seguido del nombre mediante el cual accedemos a esta información complementaria. Podemos usar esta información desde JavaScript y CSS de forma muy cómoda.
 ·  Translate
1
Add a comment...
 
Funciones avanzadas de Console de JavaScript para depurar código
http://xitrus.es/blog/122/Funciones_avanzadas_de_Console_de_JavaScript

Depurar JavaScript cada vez es más simple, ya que están aumentado cada vez más las facilidades para los programadores. Recientemente los grandes navegadores han añadido el soporte para crear tablas en la consola a partir de objetos. 

La API Console nos permite lanzar mensajes (de log, alerta o error), pero gracias a las nuevas tablas podemos hacer cosas tan interesantes como comprobar fácilmente los contenidos que nos envía un servidor.
 ·  Translate
2
Add a comment...
 
Funciones avanzadas de Console de JavaScript para depurar código
http://xitrus.es/blog/122/Funciones_avanzadas_de_Console_de_JavaScript

Depurar JavaScript cada vez es más simple, ya que están aumentado cada vez más las facilidades para los programadores. Recientemente los grandes navegadores han añadido el soporte para crear tablas en la consola a partir de objetos. 

La API Console nos permite lanzar mensajes (de log, alerta o error), pero gracias a las nuevas tablas podemos hacer cosas tan interesantes como comprobar fácilmente los contenidos que nos envía un servidor.
 ·  Translate
4
HUMBERTO MONSALVE BORREGO's profile photoSergi Perpiñá's profile photo
3 comments
 
Gracias +Pedro Gutierrez Puente  Voy a echar de menos mi querido alert() que tanto me ha ayudado en esta vida  :D
 ·  Translate
Add a comment...
Work
Occupation
Diseñador y desarrollador web, redactor y estudiante.
Links
Other profiles
Contributor to
Basic Information
Gender
Male