Sep 06

Últimamente estoy maquetando y he descubierto el sistema Grid de CSS. Me ha parecido tan maravilloso que me he sentido obligadísimo a compartirlo con vosotros. Os comentaría alguna de sus ventajas, fundamentos y peculiaridades, pero -la verdad- el manual que os disponéis a leer lo resume y explica todo con tal claridad que me lo reservo para que lo descubráis por vosotros mismos.

Si queréis maquetar como “Dios” manda, podéis empezar por aquí:

Manual online Grid – Maquetación CSS

Mar 23

Cada vez utilizamos menos Javascript para hacer animacionesCSS está conquistando, en este aspecto, más y más terreno. Las ventajas son evidentes: implica menos peso de descarga y mayor velocidad. Para aquellos que todavía no estéis familiarizados con las animaciones en CSS, no hay nada mejor que ver ejemplos prácticos de uso. En la siguiente página, disponéis de un extenso catálogo de casos: escalar, rotar, flips, slides, etc. y todos acompañados por su respectivo código CSS.

Visitar Animista: Ejemplos de animación en CSS

Nov 16

clipboardSi hay un código que, más de una vez, me haya dado quebraderos de cabeza, ese ha sido el responsable de copiar textos al portapapeles desde la web. Para que no paséis por el mismo mal trago, os traigo Clipboard.JS, un archivo de 3kb y muy fácil de implementar.

• Descargar ClipBoard.js

Mar 10

send-gridLlevaba tiempo buscando un servicio como este, la verdad. Cuento con un servidor dedicado y uno de los problemas que más dolores de cabeza me ha dado, es el de enviar emails desde un formulario Web.

Aunque parezca una tontería, no contar con el respaldo en los emails de una compañía fuerte, puede ocasionar que lleguen a Spam de cabeza o, directamente, ni se entreguen por no cumplir determinadas normativas.

Send Grid, resuelve este problema. Pone a nuestra disposición una API que funciona a las mil maravillas, con  soporte para PHP, Js, ASP, C, Node, Perl, Json… y un largo etcétera. De manera que podrás integrarlo en tu Web bajo cualquier plataforma en la que trabajes.

Además, también es una herramienta de Marketing online, si la quieres usar así, en la que dar de alta tus clientes y enviarles un mailing semanal o mensual. Cuenta con un panel muy completo de control donde llevar el seguimiento de los correos leídos, abiertos, aquellos que no han llegado y diferentes plantillas para personalizar el diseño del mismo.

La cuenta gratuita te permite enviar hasta 12.000 correos al mes. Más que de sobra para Pymes y Freelances.

Otra alternativa profesional, si os interesa este tema, es Mailchimp. En este caso, en la cuenta gratuita, podemos enviar hasta 2.000 correos mensuales.

Mar 09

scrollreveal¡Muchos habréis visto ya este efecto tan de moda! Se trata de ir desplegando (mediante animación o transición) elementos en el cuerpo de la Web mientras vamos haciendo scroll. Si queréis programar algo parecido, aquí os dejo Scroll Reveal. Un código, en Java Script, que os facilitará la tarea.

Mar 01

cssloco

Si todavía ponéis en duda la capacidad de CSS para crear animaciones, os recomiendo que le echéis un ojo a esta página. 5 ejemplos, muy potentes, de lo que puede llegar a hacer CSS. Podéis encontrar los códigos en CSS / SASS y HTML para aprender a hacerlos.

Mar 01

bricks

¿Alguna vez habéis tenido que ordenar obras, diseños o algún tipo de material que tenía diferentes alturas y queríais que se encajaran como en la imagen que acompaña estas líneas? Pues con esta librería JS podéis hacerlo de una forma muy sencilla.

Bricks.JS

Sep 01

jvectormap

¿Cuántas veces habéis diseñado una web que requiera de un mapa donde ubicar puntos de venta o algo similar? Con jVectorMap obtendréis una solución perfecta para esos casos. Entre sus ventajas cuenta con:

  • Compatibilidad con todos los navegadores actuales, incluyendo explorer 6 en adelante.
  • Vectorial. Podrás adaptarlo a cualquier ancho y alto sin perder calidad, perfecto también para dispositivos retina display.
  • Posibilidad de generar mapas personalizados (por ejemplo el mapa de un centro comercial).
  • Mapa del Mundo, Europa y España (por comunidades autónomas).

Visitar sitio de jVectorMap

May 20

plantillas-html5-gratis

Una galería de plantillas HTML5 de descarga gratuita. Cabe destacar el buen gusto del diseño de las mismas y que todas son responsive / liquidas para una correcta y óptima visualización en dispositivos móviles.

– Visitar galería de plantillas HTML5 Gratis

Jan 08

hover-css

Realizar animaciones de botones, con CSS, cada vez es una tarea más complicada. CSS3 nos ha traído animaciones con muchas opciones que, en la mayoría de los casos, son difíciles de recordar y aplicar. Así que, para ayudar a todos aquellos que quieran tener una animación llamativa en su propia Web, le dejo este archivo CSS con todas las opciones ya escritas, listas para ser aplicadas. Y si no, sólo por ver lo que CSS3 es capaz de hacer, ya merece la pena echarle un ojo :P

· Ver ejemplos de Hover.css y descargar

1 de 1312345678...Última »