Capy

  •  Drupal
  • CSS y Maquetación
  • PHP
  • Javascript
  •  Drupal
  • CSS y Maquetación
  • PHP
  • Javascript
css-header

Chrome redimensiona mas imágenes dentro de una tabla.

  • capynet
  • 25 Mar, 2015
  • CSS y Maquetación
  • CSS, Front-end, Maquetación

Me ha pasado algo curioso y solo en chrome de momento. Tengo un texto en una celda y una imagen en la otra. El problema vino cuando usé un max-width:100% para las img en general. En ese momento toda imagen que estuviera dentro de un <td> pasó a redimensionarse: Ok, Chrome también tiene sus cositas. 

Seguir leyendo…

js-header

Boilerplate (esqueleto) de plugin jQuery de la casa y en español ;)

  • capynet
  • 23 Sep, 2014
  • Javascript, Programación
  • Front-end, JavaScript

Hola!. Me complace anunciar que pongo a disposición de todo el que quiera hacer plugins de jQuery, el boilerplate que he estado usando en los últimos años. Es otro boilerplate como los demas, con la diferencia que al estar usandolo todo el tiempo lo fui puliendo poco a poco. Pero mucho mas importante: está en 

Seguir leyendo…

php-header

Detectar el navegador y toda su información desde PHP o Javascript

  • capynet
  • 22 Sep, 2014
  • Javascript, PHP, Programación
  • Back-end, Front-end, JavaScript, PHP

Hola, les hago una intro bien corta y pasamos al código. Browscap es un proyecto que recoge la información de todos los navegadores web en una base de datos que distribuye de forma gratuita y en varios formatos. PHP tiene soporte nativo para hacer uso de esta DB, pero debido a un par de limitaciones 

Seguir leyendo…

css-header

Front-end: Maquetar un buscador (input + botón) para que sea 100% fluido / responsive

  • capynet
  • 12 Sep, 2014
  • CSS y Maquetación
  • CSS, Front-end, Maquetación

La idea detrás de esto fue lograr que el buscador esté siempre al 100% del espacio que tenga disponible y no tener que preocuparme de dimensionar los input para que encajen y que el botón no caiga a dos lineas cuando se queda sin espacio. Pueden ver como funciona si re dimensionan la ventana del 

Seguir leyendo…

css-header

Front-end: Títulos multi linea con padding por cada una de las lineas

  • capynet
  • 13 Ago, 2014
  • CSS y Maquetación
  • CSS, Front-end, Maquetación
  • One comment

Así es como vemos un titulo cuando tiene aplicado un padding sin mas Y asi es como queremos que se vea No voy a explicar toda la lógica que hay detrás de esto. Vayamos a la solución. Este es el html. en div.titulo tenemos el background y en .highlight el background del texto, el padding 

Seguir leyendo…

miembro-aed_150x75