Category Archives: Cliente (HTML, Javascript, CSS)

Diferencias entre las funciones parent() y closest() de jQuery

Supongo que mientras han estado programando con jQuery, al menos una vez, les ha tocado tener que recurrir a un elemento padre de un formulario o una estructura DOM. Es decir, por ejemplo, se hace clic en un elemento “a” y necesitan saber dentro de que celda de una tabla se encuentra ese elemento.

Para esto, jQuery tiene más de una función, por este motivo, surge la duda cuál utilizar en determinado momento. Por supuesto, la elección depende del contexto y la situación particular.

Las posibles funciones son tres:

Continue reading

Published by:

CSS sombra interior para una imagen

Cliente (HTML, Javascript, CSS) Informática Programación

Si quieres darle sombra interior a una imagen en tu página web, no es necesario recurrir a un editor de imagines. Es posible hacerlo con CSS, utilizando la propiedad que además es compatible con Webkit (Safari & Chrome), Firefox, Opera, and IE9, por lo que no hay razón para dejar de aprovechar.

Es como agregar un efecto viñeta a las fotos (con Photoshop).

Continue reading

Published by:

Mantener div abajo de la página con CSS

Este post no será muy largo, pero sí conveniente, aunque lo que se explica aquí no es difícil.

Si queremos que nuestra página tenga en la parte inferior, siempre presente, un div con botones o menú, con un mensaje o el copyright, se puede realizar muy fácil con CSS.

Continue reading

Published by:

Aplicar CSS a

El elemento <hr> se utiliza para separar el contenido (o definir un cambio) en una página HTML. El soporte de los navegadores es total.

Antes, en HTML 4.01, la etiqueta <hr> representaba una regla horizontal.
En HTML5, la etiqueta <hr> define una ruptura temática.

Sin embargo, la etiqueta <hr> todavía se puede mostrar como una regla horizontal en los navegadores visuales, pero ahora se define en términos semánticos, en lugar de términos de presentación. Por lo que todos los atributos de diseño se eliminan en HTML5, se debe usar CSS en su lugar.

Continue reading

Published by:

2 de CSS

Ayer me crucé con dos dudas respecto a CSS, que ya había consultado en otras oportunidades. Por eso voy a dejar registro en este blog.

Width 100% – padding

Estaba trabajando con un fieldset dentro de un div, éste último con una medida fija en px, mientras que el fieldset establecía un ancho de 100% y además tenía padding lateral. Esto provocaba que el fieldset sea más grande que el div que lo contiene, excedido en la suma de los padding.

Continue reading

Published by:

Centrado absoluto horizontal y vertical en CSS

Sabemos que hacer “margin: 0 auto;” nos sirve para el centrado horizontal, pero “margin: auto;” no funciona para el centrado vertical… hasta ahora!

Porque tiene solución, el centrado absoluto requiere que el “height” sea declarado, además de los siguientes estilos:

Continue reading

Published by:

BxSlider – jQuery Content Slider

BxSlider es un plugin jQuery, que permite insertar contenido desplazable, adaptándose a cualquier tipo de dispositivo, ya sea pc, portátil, móvil, tablet, ipad, etc.

Características:

  • Permite transición vertical y horizontal
  • Las diapositivas pueden contener imágenes, videos o contenido HTML
  • Soporta manejo touch

Continue reading

Published by:

Visualizando código HTML

Si estamos programando en PHP y queremos ver como queda escrito un html que se arma dinámicamente, es decir, no queremos que el navegador lo interprete; podemos resolverlo de dos maneras.

  1. echo str_replace(“<“, “&lt;”, str_replace(“>”, “&gt;”, $html));
  2. echo htmlentities($html);
Published by: