• Josetxu.com
  • Perfil
  • Portafolio
  • Iconos
  • Demos
  • Blog
Blog · Josetxu.com

Etiqueta » Responsive7

Iconos con CSS

Publicada en 2 ago 2019 de Josetxu
fondos_css3_ji_icons

El poder de CSS combinado con algo de creatividad puede dar resultados sorprendentes. La idea es muy básica, usar los pseudoelementos :before y :after para crear iconos… pero el poder de CSS da para mucho más.
Seguir leyendo →

Publicado en: CSS, CSS3 | Etiquetas: Iconos, Responsive |

Afinador de Guitarra – Online Guitar Tuner

Publicada en 2 may 2017 de Josetxu
fondos_html5_guitar_tuner

Hace unos años hice un Afinador de Guitarra Online en Flash para la web de Liyonel Guitars.

Flash va a morir, de hecho está agonizando ya… en el año 2016 estuvo presente solo en el 10% de las webs y a partir de 2017 Firefox y Chrome empezarán a bloquear el contenido Flash.
Seguir leyendo →

Publicado en: CSS3, HTML5, Javascript | Etiquetas: Animación, Audio, Funciones, Métodos, Responsive |

Flip Cards o Tarjetas Giratorias con CSS3

Publicada en 14 may 2016 de Josetxu
fondos_css3_flip_cards

Un efecto cada vez más usado el de las “Flip Cards”, muy vistoso y con muchas posibilidades, para muestra este codepen de Virgil Pana, donde exprime esas posibilidades al máximo.

Nosotros vamos a ver algo más simple y no usaremos Javascript para hacer los efectos de giro, solo usaremos transiciones de CSS3.

Seguir leyendo →

Publicado en: CSS, CSS3, HTML | Etiquetas: Animación, Responsive |

Efecto “Before / After” Responsive

Publicada en 30 jul 2015 de Josetxu
fondos_html5_before_after

HTML5 incorpora nuevos tipos de input. Uno de ellos, range, es el protagonista de esta demo. Con él podemos seleccionar y modificar valores dentro de un rango. En este artículo vamos a usar HTML HTML5, CSS, CSS3 y algo de Javascript.

Seguir leyendo →

Publicado en: CSS, CSS3, HTML5, Javascript | Etiquetas: Animación, Imagen, Responsive |

Diseño responsive con [@media] queries de CSS3

Publicada en 5 jul 2015 de Josetxu
fondos_css_media_queries

El Diseño Web Adaptativo o RWD (Responsive Web Design) es un estándar recomendado por el W3C desde junio del 2012 cuyo objetivo es adaptar la apariencia de las páginas web al dispositivo que se esté utilizando para visualizarla. Uno de los pilares de esta filosofía es la regla @media de CSS3.
Seguir leyendo →

Publicado en: CSS, CSS3 | Etiquetas: Responsive |

Estructura básica de CSS

Publicada en 1 sep 2014 de Josetxu
fondos_css_basico

 CSS  son las siglas en inglés de Cascade Style Sheet. La traducción al castellano sería Hoja de Estilo en Cascada y es lo que utilizaremos para aplicar estilos en nuestras páginas web.
Seguir leyendo →

Publicado en: CSS | Etiquetas: Básico, Responsive |

Estructura básica de HTML

Publicada en 17 ago 2014 de Josetxu
fondos_html_basico

Todo documento HTML debe tener una estructura específica que se puede separar en cuatro partes bien diferenciadas:
El DOCTYPE, y las etiquetas html, head y body.
Seguir leyendo →

Publicado en: HTML | Etiquetas: Básico, Responsive |

Buscar

Categorías

  • CSS (7)
  • CSS3 (7)
  • HTML (4)
  • HTML5 (3)
  • Javascript (8)
  • JQuery (1)
  • PHP (6)

Etiquetas

Animación Audio Básico Captcha Clases Constructores Formularios Funciones Iconos Imagen JSON Métodos Responsive

Recientes

Crear pestañas de contenido o 'tabs' fácilmente con javascript
Crear pestañas de contenido o 'tabs' fácilmente con javascript
Funciones básicas en PHP: [include()] y [require()]
Funciones básicas en PHP: [include()] y [require()]
Iconos con CSS
Iconos con CSS
Aplicar estilos CSS a campos [radio] y [checkbox]
Aplicar estilos CSS a campos [radio] y [checkbox]

Utilidades

Color Picker w3c Selector de color Google Fonts google Fuentes de Google Can I use @Fyrd Soporte por navegadores Gimp gimp Manipulación de imágenes Notepad++ notepad++ Editor de código W3C Validator w3c Validador de código Highcharts highchartsGráficas en Javascript

Aviso

La información contenida en este blog es solo orientativa . No soy profesor, solo un tio curioso que quiere compartir lo aprendido durante estos años.

CyberChimps WordPress Themes

josetxu.comJosetxu.com Perfil | Portafolio | Iconos | Demos | Blog 2000 - 2020 © josetxu.com
▲