Similar Posts
Spinbox mediante Javascript
SpinBox.JS es un script no obstrusivo que permite añadir botones para aumentar y disminuir el valor de una caja de texto.
Permite inhabilitar alguno de los botones para no permitir aumentar o disminuir (o ambos) y su uso es muy sencillo, tan solo hay que añadir una función que modifica los inputs.
Por si te interesa, también puedes visitar otro script parecido que mencioné hace tiempo, o incluso uno que hice yo.
SpinBox.JS
Vía / CSS Globe
Reglas para maquetar varios elementos con CSS
Un tutorial bastante interesante que nos responderá varias preguntas sobre maquetación de varios elementos. Nos ayudará a comprender cómo apilar capas, alinear elementos inline, propiedades float y collapse, hasta un total de 15 preguntas:
- ¿De cuántas maneras se puede relacionar un objeto con otro?
- ¿Cómo se posicionan lateralmente los elementos inline?
- ¿Cómo se formatean los bloques apilados?
- ¿Cómo dos elementos bloques son formateados en una pila?
- ¿Cómo se formatean los elementos flotantes?
- ¿Por qué no se muestra el margen superior?
- ¿Cómo se colapsan los márgenes verticales entre dos bloques?
- ¿Cómo se colapse el padding entre un elemento padre y sus hijos?
- ¿Cómo se relaciona el ancho de un elemento padre con el de sus hijos?
- ¿Cómo se extiende el ancho total de un elemento?
- ¿Cómo pobrar el ancho total de un elemento hijo?
- ¿Cómo se puede probar el ancho del contenido de un elemento padre?
- ¿Qué se considera espacios en blanco en un documento HTML?
- ¿Cómo se formatean los espacios en blanco?
- ¿Qué ocurre con varios espacios en blanco en elementos inline?
CSS Tutorials – Understanding Multiple Element Formatting Rules
VÃa / Pixel Groovy
FireQuery
This is a very cool extension for Firebug (add-on for an add-on?) that expands Firebug’s capabilities with jQuery. For instance, a built in jQueryify button, showing attached event handlers in the Content / DOM tree view, and highlighting all elements in a jQuery collection. I don’t think it’s new but I hadn’t seen it until I finally watched Remy S …
WireIt: librería Javascript para crear ‘cables’
WireIt es una librerÃa basada en Yahoo Pipes que nos permite crear cables y conectar con ellos elementos. SÃ, algo difÃcil de entender, pero si decimos que es perfecto para crear diagramas o si sÃmplemente vemos la imagen, nos haremos una idea de cuál es su funcionalidad.
Está montada sobre Yahoo! User Interface y nos permite mover objetos, conectarlos entre sÃ, desconectarlos y mucho más.
WireIt
Gracias ElÃas por el aviso
Bordes irregulares con CSS3 y webkit
Jugando un poco con las CSS3 y Webkit (en mi caso Chrome) me ha dado por crear bordes irregulares. Lo he hecho mediante -webkit-border-top-left-radius y similares.
El concepto es sencillo, hay dos colores: el de fondo (no puede ser transparente) y el del borde, en las curvas concavas se usan los colores tal cual, y en las curvas convexas se usan al revés (el color borde se simula usando el color de fondo, y el fondo con el borde).
La verdad es que lo he hecho rápido y me he liado bastante y está muy a ojo, pero espero estudiarlo un poco mejor cómo va e incluso hacer un plugin para jquery.
Ejemplo
jQuery.sheet: inserta hojas de cálculo en tu web
jQuery.sheet es un script de jQuery que permite añadir hojas de cálculo en tu web. Permite bastantes funcionalidades, tal y como cualquier hoja de cálculo: Excel, OpenOffice o Google Docs:
- Redimensionar filas y columnas
- Funciones
- Editar el contenido de las celdas
- Permite temas/css
Vía / WebAppers