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

Flip Cards o Tarjetas Giratorias con CSS3

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 |

Funciones básicas en Javascript: [alert()] y [prompt()]

fondos_js_alert_prompt

Estas funciones en realidad son métodos del objeto window y son ideales para iniciarnos en JavaScript ya que su funcionamiento es muy simple. La primera muestra una ventana emergente en la pantalla. La segunda muestra un cuadro de diálogo que solicita algo al visitante para continuar.
Seguir leyendo →

Publicado en: Javascript | Etiquetas: Básico, Funciones, Métodos |

Funciones básicas en PHP: [echo] y [print]

fondos_php_echo_print

En PHP tenemos algunas funciones nativas que usaremos a menudo. Las dos que veremos en este artículo no son realmente funciones sino constructores del lenguaje, por lo que no se requiere el uso de paréntesis con ellas.
Seguir leyendo →

Publicado en: PHP | Etiquetas: Básico, Constructores, Funciones |

Efecto “Before / After” Responsive

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

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 |

Método [getElementById] de Javascript

fondos_js_metodo_getelementbyid

El método getElementById nos permite seleccionar un elemento del DOM para hacerle cosas. Una vez seleccionado podemos modificar sus propiedades.

  • Podemos modificar el HTML del elemento.
  • Modificar el CSS.
  • Modificar atributos.
  • Añadir o quitar clases.
  • Y más…

Seguir leyendo →

Publicado en: Javascript | Etiquetas: Métodos |

Imagen aleatoria con PHP

fondos_php_img_aleatoria

Hay varias formas de obtener una imagen aleatoria de una carpeta (o de un array) con PHP, vamos a ver tres ejemplos:

  • Número aleatorio
  • Recorrer un array
  • Buscar en carpeta

Seguir leyendo →

Publicado en: PHP | Etiquetas: Funciones, Imagen |

Comentar código

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 |
« Página anterior
Página siguiente »

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
▲