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

Categoría » CSS7

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 |

Aplicar estilos CSS a campos [radio] y [checkbox]

Publicada en 8 ago 2018 de Josetxu
fondos_css_input_styles

Un problema típico de los formularios es dar estilos personalizados a los elementos input de tipo radio y checkbox. Aunque se les pueden aplicar algunas propiedades de CSS como width, height o box-shadow, lo cierto es que poco más se puede hacer con estos elementos.

Seguir leyendo →

Publicado en: CSS, CSS3, HTML | Etiquetas: Formularios |

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 |

Comentar código

Publicada en 14 oct 2014 de Josetxu
fondos_comentarios1

Comentar el código sirve para inutilizarlo sin dejar de tenerlo. Lo que le decimos al navegador es que no ejecute el código que hemos comentado.

Esto nos puede venir bien para hacer pruebas comentando algunas partes del código, o para poner enunciados o descripciones explicativas.
Seguir leyendo →

Publicado en: CSS, HTML, Javascript, PHP | Etiquetas: Básico |

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 |

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
▲