Merida Design Blog

Categoría:

Snippets

Reloj análogo estilo neon con javascript

El objetivo de este pen, es mostrar como con unas pocas lineas de código es posible crear un estilizado reloj análogo que te puede servir para colocar en cualquier tipo de aplicación, ya sea como un widget en un panel de administración o quizá como parte de una aplicación móvil.

Peticiones AJAX con envío de archivos usando JS puro, jQuery y AngularJS

Aunque el uso de AJAX ya es bastante común y se puede encontrar información en muchas partes, algo que tal vez no esté tan documentado es el envío de archivos en una petición post. Es por eso que en esta ocasión quiero compartir contigo 3 distintas formas de hacerlo usando las librerías mas comunes.

Icono de menú con CSS3

El snippet que te comparto a continuación es para crear el ícono usado como representación del menú, también conocido como menú hamburguesa…

Servicio para manejo de localStorage en AngularJS

El api para usar el localStorage de html5 es extremadamente sencillo, sin embargo, para poder manipular los datos obtenidos correctamente debemos efectuar un parseo a JSON…

Menú Neón con CSS3

El objetivo de este pen es mostrar algunos de los posibles usos de los pseudo elementos de CSS3 para crear atractivos efectos.

Navegación móvil offcanvas con CSS

El objetivo de este ejemplo es mostrar como a través de las animaciones aceleradas por hardware de CSS3 y un poco de interacción con javascript, podemos obtener el efecto de navegación oculta (offcanvas)…

Mixin de SASS para prefijos de CSS3

Este snippet es un mixin de SASS que nos permite usar propiedades de CSS3 que deben usar los prefijos de cada vendor (-webkit, -moz, etc.) de manera muy sencilla en una línea de código.

Renombrar columnas con “migraciones” en Laravel 4+

Recientemente mientras trabajaba en un proyecto con Laravel me encontré con un problema, necesitaba cambiar la longitud de una de las columnas de una tabla mediante una migración…

Scroll bar personalizado con CSS

Si alguna vez se te ha ocurrido personalizar el scrollbar del navegador en tu página web y no sabes como, resulta que es muy sencillo lograrlo con CSS, el siguiente snippet es un ejemplo de como realizarlo.

  tope
Derechos Reservados, Merida Design 2017