Facundo's public fiddles
-
Barra búsqueda flotante
Como la barra de navegación tiene que ser flotante, se suele cambiar las propiedades de float:right a position:absolute, ya que el float si bien flota, lo hace en el flujo de la página. En cambio absolute no ocupa espacio en el flujo de la página. El position en absolute implica que la barra se va a expandir hacia la derecha. Por lo que se debe mantener la barra en float:right para persistir que se expanda hacia la izquierda y meter la barra en un div con position en absolute. =) Los div de fondo con colores y texto muestran que la barra flotante esta vez no afecta al flujo de la página, ya que está en el flujo del div con position en absolute.
-
Barra Busqueda Transition
Ejemplo de barra de búsqueda con efecto transition.
-
3 Ways to render HTML inside of a ExtJS container
ExtJS 4.2.0, HTML, CSS, JavaScript
-
Barra Busqueda Transition
Ejemplo de barra de búsqueda con efecto transition.
-
:hover
Ejemplo sencillo de hover
-
Background-attachment
Ejemplo de fondo fijo y fondo enlazado al scroll.
-
A Perfect Full Page DIV with Background Pure CSS
4 divs que cambian el fondo fijo. Muy bueno!
-
DIV centrado Horizontal y Verticalmente
No-Library (pure JS), HTML, CSS, JavaScript
-
SearchBar con animaciones
No-Library (pure JS), HTML, CSS, JavaScript
-
ScrollDown en JavaScript
Ejemplo de scrollTo
-
ScrollTo animado con JQuery
jQuery 1.9.1, HTML, CSS, JavaScript
-
ScrollTo animado con JavaScript Puro
No-Library (pure JS), HTML, CSS, JavaScript
-
Escribiendo titulo con Box-Shadow (Animado)
Incluye titulo logrado con box-shadow y con transform rotate para las lineas diagonales. El dibujo se adapta al font-size. Incluye una animacion permanente.
-
SpaceInvader con box-shadow
No-Library (pure JS), HTML, CSS, JavaScript
-
Lupa con box-shadow y transform rotate
No-Library (pure JS), HTML, CSS, JavaScript
-
Globo de dialogo con CSS puro
No-Library (pure JS), HTML, CSS, JavaScript
-
Ejemplo de DIV con bordes redondos.
No-Library (pure JS), HTML, CSS, JavaScript
-
Pentagono con CSS puro
No-Library (pure JS), HTML, CSS, JavaScript
-
Trapecio con CSS puro
No-Library (pure JS), HTML, CSS, JavaScript
-
Estrella con CSS puro
No-Library (pure JS), HTML, CSS, JavaScript