Repositorio de plugins jQuery Cards

Tamara

Al momento de crear nuestros sitios no existe un solo lugar para ir a buscar todo lo que necesitamos. La experimentación forma parte del desarrollo y cada uno de nosotros tiene sus lugares de consulta favoritos y aquellos a los que vamos a buscar herramientas. Es por ello que cada vez que encontramos un nuevo repositorio de lo que sea, nos parece interesante compartirlo con ustedes para que día a día tengan más herramientas. En este caso, este repositorio de plugins jQuery se inicia con la idea de su autor de guardar sus recursos en un solo lugar de forma ordenada.

Así surge jQuery Cards, un repositorio elaborado por Aaron Lumsden que surge de la necesidad de acomodar sus recursos y herramientas en un solo lugar. De allí que decide compartirlo con el resto de nosotros para que podamos acceder de forma directa y finalmente, saber dónde encontrar plugins efectivos y específicos.

jQuery Cards: repositorio de plugins jQuery

jQuery Cards: repositorio de plugins jQuery

Es un sitio que contiene más de 1000 plugins y se puede recorrer por categorías de uso según el elemento que deseen agregar en su proyecto, encontrarán grandes rubros tales como: UI, Formularios, Navegación y Medios, entre algunos otros y además, en cada uno de ellos tendrán elementos más específicos relacionados.

En algunos casos son pequeñas ayudas que resuelven cuestiones simples como cambiar automáticamente un fondo con imagen según el tamaño del explorador. Y en otros, encontrarán herramientas más complejas que les darán una mano enorme al momento del desarrollo.

Lo más interesante de todo el proyecto, además de su buena organización, es la posibilidad que ofrece de previsualizar el funcionamiento de casi todos los plugins. Esto les permite no solo prever si serán de utilidad antes de instalarlos, sino, también testear cómo se comportan según los exploradores y otros elementos que pueden afectarlos.

Visitar jQuery Cards

Esferas abstractas en formato vector

Tamara

Hay recursos que resultan más específicos que otros, y claramente, esferas abstractas son unas de esas que están hechas exclusivamente para quienes buscan algo en especial. Lo bueno, es que tenemos la posibilidad de acceder a ellos directamente de forma gratuita gracias al espectacular trabajo de Chris Spooner en su muy recomendable blog sobre diseño Spoongraphics.

Estas esferas están diseñadas en formato vector, por lo que además de poder utilizarlas en sus proyectos online, podrán replicarlas en documentos gráficos como cualquier tipo de folletería, tarjetas personales o por qué no, en alguna animación elaborada con After Effects.

Esferas abstractas en formato vector

Se trata de un paquete de 12 esferas que se conforman con texturas de diferentes materiales todos en gran contraste con una luz misteriosa que les otorga gran personalidad.

Ustedes podrán editarlas y jugar con los colores y con la combinación de ellas o simplemente darles un lugar relevante dentro de su proyecto. Poseen texturas muy interesantes y si son buenos con Illustrator, hasta pueden utilizarlas de base para crear sus propias esferas abstractas.

Esferas abstractas en formato vector

Descargar 12 Free Abstract Sphere | Spoongraphics

No tengo idea cómo se verán en formato .svg pero quizás se puedan encaminar en la realización de una animación utilizando Java o CSS, sería genial para darles relevancia.

El resultado estético de estas esferas abstractas es muy bueno y pueden ser aplicadas para complementar casi cualquier estilo según los elementos con los que sean combinadas. También se puede jugar con degradados y capas para otorgarles más o menos brillo.

Las aplicaciones son infinitas, sobre todo desde su naturaleza de vectores, podrán elaborar posters, banners o cualquier espacio online al que deseen darle relevancia a través de un gran punto focal con todo lo que tiene que tener, definición, textura y presencia, con solo unos pocos pasos otorgarles su propia personalidad.

Organizar la casilla de Gmail con Sortd

Tamara

Hay quienes han elegido a Gmail como herramienta para administrar sus correos electrónicos ya que salvo algún que otro pequeño problema, es un servicio sumamente confiable y no genera conflictos con la mayoría de los servidores de correo electrónico. Pero organizar la casilla de Gmail, puede ser una tarea compleja con las herramientas como nos vienen dadas.

Además del buen manejo del SPAM y la posibilidad de aplicaciones simples como de bloqueo (recientemente añadida) o la cancelación suscripción automática ante la llegada de demasiados newsletters de una misma cuenta, si es que nos comienza a molestar.

Pero si en algo podríamos decir que falla Gmail es en su organización, tenemos etiquetas, tenemos solapas, pero en ninguna de ellas se nos ofrece la posibilidad de ver en una sola pantalla todos los pendientes, ni administrarlos de una forma más eficiente ya sea para realizar tareas o bien, para responder en algún momento.

Organizar la casilla de Gmail con Sortd

Organizar la casilla de Gmail con Sortd

Quizás algún fanático de la seguridad no quiera dar acceso a su casilla de correo a una plataforma desconocida, pero para quienes se atrevan, Sortd es simplemente un skin que se instala como extensión en Chrome y es muy simple de utilizar.

Para instalarla deberán solicitar un acceso que les será enviado por email una vez que se suscriban. Luego de instalarlo, Sortd les dará un paseo por sus funciones y la forma fácil de utilizar, dividiendo las listas de tareas con los nombres que ustedes deseen y les sea más intuitivo.

Volver a la vieja vista de Gmail es simple, verán un pequeño botón a la derecha que les permite cambiar entre una y otra vista automáticamente.

Cambiar asuntos, agrupar destinatarios y contenidos, tareas y recordatorios de eventos importantes, se trata de una herramienta que podrá solucionar problemas organizativos para aquellos que manejan grandes caudales de emails importantes o reciben material de trabajo que puede traspapelarse.

Quizás les cueste un poco acostumbrarse si utilizan mucho su casilla de Gmail ya que hay que reorganizar las ideas, pero créanme que organizar la casilla de Gmail con Sortd es muy fácil y se darán cuenta que les resulta extremadamente útil poder dividir el trabajo como les parezca.

Tour de Sortd (Inglés)

Tengo nueve invitaciones para enviarles, si quieren, las pueden solicitar aquí (no dejen el email en el comentario) o en mi cuenta de Twitter @mikoalien. También pueden registrarse para obtener el acceso directamente en el sitio de Sortd.

Lhander: plantilla web HTML5 y CSS3

Tamara

Un nuevo recurso que sale a la luz para ahorrarnos un poco de tiempo, Lhander es una plantilla web HTML5 y CSS3 que combina la buena utilización del espacio con armonía de sus elementos en una web a una sola página.

Posee una buena división de secciones, cada una con su material específico. Todo ordenado de forma limpia y simple que permite al visitante tener una visión inmediata de la información además de poder acceder desde todos los dispositivos del mercado.

Moderna y con un estilo marcadamente minimalista, posee una naturaleza que puede ser útil para plantear casi cualquier rubro. Claro, que en algunos casos deberán quitar espacios o generar nuevo ya que no hay ninguna plantilla que nos sirva 100%, pero es una excelente base.

Lhander: plantilla web HTML5 y CSS3

Construida para retina display y con su respectiva versión móvil, tiene iconos disponibles e integración con Mailchimp, lista para ser usada.

Armónica, con tipografías muy interesantes y una gran combinación entre ellas, esta plantilla web HTML5 supone un espacio ideal para mostrar productos, aplicaciones y servicios de la mejor forma y con un resultado profesional.

Lhander: plantilla web HTML5 y CSS3

Descargar Lhander | Styleshout

Características de la plantilla

  • HTML5
  • CSS3
  • Responsiva
  • Integración con Mailchimp
  • Iconos integrados
  • Flexslider Retina
  • Compatible con exploradores

Utiliza lo más moderno en tecnología para construir una web que se ve simple, que tiene el código limpio y ordenado, lo que la hace muy fácil de editar y personalizar. Y si necesitan algunas opciones más, pueden utilizar nuestro buscador o bien, darse una vuelta por estos artículos que tienen excelentes opciones también:

Scrolled: plantilla para web HTML5 con efectos de animación

Galería de plantillas basadas en HTML5 y CSS3

Seguramente seguiremos publicando este tipo de recursos, ya que cada día que pasa salen más y más opciones que realizan nuevos experimentos dentro de las posibilidades que ofrecen la innovación de las tecnologías que se van actualizando.

Plantillas web gratuitas en la biblioteca Theme.cards

Tamara

Desde hace varios años que aquí en nuestra bitácora les presentamos plantillas web gratuitas, en algunos casos están en formato .PSD y requieren de ciertos conocimientos previos para pasarlas a HTML y CSS, y en otros casos también se categorizan según la plataforma que las contiene.

Es por ello que la oferta, que en un primer momento era de solo dos o tres formatos, hoy en día abarca características de todo tipo según las necesidades de cada uno: WordPress, Bootstrap, HTML5, PSD, y muchas más opciones, nos presentan una variedad en la que lo primero que debemos definir es la utilidad del sitio y sobretodo, el espacio comunicacional que ocupará el proyecto.

Está claro que cada una de ellas abarca utilidades diferentes y es por eso que una biblioteca que las conglomere en un solo lugar puede resultar en una excelente fuente de consulta y sobretodo, un espacio en el que encontrar plantillas web gratuitas de calidad para todas las necesidades.

Biblioteca de plantillas web gratuitas

Theme.cards es un espacio que muestra una gran cantidad de plantillas grauitas, listas para descargar divididas en rubros estructurales como WordPress, Bootstrap, Ghost, HTML, Material Design, etc.

Plantillas web gratuitas, biblioteca Theme.cards

Algo para destacar de este sitio es la calidad de los temas que despliegan, podrán buscar aquella que tenga un uso particular y elegir entre material con excelentes detalles y completamente gratuitos, incluso, verán plantillas para plataformas específicas que no se encuentran en otros lugares.

La recomendación es que lo agreguen a favoritos y que la próxima vez que necesiten una template, sepan dónde encontrarla. Les ahorrará mucho tiempo y sobretodo, agilizará su trabajo al poder contar con elementos de desarrollo ya incluídos de forma óptima.

Theme.cards se puede navegar por categorías, por plataformas, accediendo a los listados de destacadas o nuevas y por último, realizando cualquier búsqueda simple. Hay colecciones muy amplias que incluyen todas las plantillas de un solo soporte, algo que también les resultará práctico.

Un excelente sitio nuevo que ojalá siga creciendo.

Tarjetas para despedida de soltera en formato .EPS

Tamara

La anticipación a las grandes fiestas ha ido ganando terreno en las celebraciones entre amigos y amigas. Un nacimiento, una boda, un divorcio, los motivos para festejar nunca faltan y todos son válidos. En este caso quiero compartir con ustedes un paquete de tarjetas para despedida de soltera que se inclinan hacia los motivos delicados y románticos.

Así como los baby showers, han ido super poblando los grupos de amigas en estos últimos años, los bridal showers, también, y se hacen de formas muy diferentes según las personalidades de las novias y, por supuesto, las ideas de su círculo íntimo.

Las opciones son infinitas, hay un estilo para cada una, y esta colección de tarjetas para despedida de soltera puede que contenga un diseño perfecto que incluso puede combinarse con invitaciones para bodas e inspirarse mutuamente.

Tarjetas para despedida de soltera en .EPS

Esta colección ofrece 15 tarjetas con texturas, colores y combinaciones de formas y paletas de todo tipo. Se incluyen en formato .EPS lo que las hace perfectas para editar con Illustrator, aunque tienen una contra bastante importante, las tipografías utilizadas no están incluídas.

Tarjetas para despedida de soltera en .EPS

Descargar Free 15 Bridal Shower Cards | webvilladesign

Con respecto a esto les recomiendo que busquen opciones similares (lo más posible) para que el resultado final sea lo más acertado posible y sobretodo, armónico. También deberán inspirarse para diseñar las caras internas o dorsos de las invitaciones. Pueden optar por crear unas completamente nuevas, o simplemente utilizar el frente completando el dorso a mano si quieren darle un toque más personal.

Se descargan de forma gratuita desde el sitio de autor quien posee otros diseños también muy interesantes, son aptas tanto para uso comercial como personal. Deberán dejar su email para realizar la descarga, pero el material lo vale.

Pueden encontrar opciones de tipografías para reemplazar los textos en nuestra categoría fuentes.

SQUARE: plantilla para portfolio en PSD

Tamara

Al momento de elegir mostrar nuestro trabajo, la selección del espacio en el que lo haremos forma parte de nuestro material en sí. Hay varios motivos por el que elegir una plantilla prediseñada puede ser una ruta buena ruta de escape. La falta de tiempo suele ser la primer enemiga de quienes quieren finalmente dedicar un espacio a su obra en especial si se relaciona al mundo de las artes gráficas.

Algunos podrán estar en contra de utilizar algo prediseñado y no completamente nuevo, pero tengan en cuenta que hay fotógrafos, ilustradores y diseñadores o arquitectos, que no tienen ni tiempo ni conocimientos para elaborar sus propias páginas. Esto no quita que puedan inspirarse en una plantilla como esta y pedirle a un profesional que se las traslade a un formato online.

SQUARE: plantilla para portfolio en PSD

Esta plantilla para portfolio en particular, está diseñada centrándose en las obras del artista, y utiliza los espacios y divisiones de forma estratégica para que la vista se enfoque particularmente en ellas. Simple, limpia, puede mostrar trabajos de cualquier rubro, sin importar qué tipo de proyectos realicen.

SQUARE: plantilla para portfolio en PSD

Descargar SQUARE | The Uncreative Lab

Tengan en cuenta que es una plantilla para portfolio, si lo que quieren es mostrar escritos largos u otro tipo de material, sería mejor que buscaran otra alternativa.

Las características generales de este diseño son las siguientes: terminaciones óptimas en retina display, amigable con Bootstrap, flexible, multipropósito y los archivos .psd vienen en capas organizadas que se hacen fáciles de editar y personalizar.

Son seis archivos diferentes para las secciones básicas de una página completa: home, portfolio, blog, single-blog, about y contact, todas ellas terminadas con excelente detalle y pensadas para su traspaso a otros formatos. Las tipografías que utilizan son gratuitas, por lo que podrán descargarlas de cualquier sitio de confianza.

Texturas grunge en formato ABR para Photoshop

Tamara

Un autor una vez dijo: “Conoce tus herramientas”, y podría asegurar que es ese el primer paso para que cada recurso que llegue a nuestras manos nos ofrezca posibilidades infinitas a la hora de crear cualquier material nuevo.

Me considero fan de las capas y los efectos que se generan entre ellas superponiendo imágenes completamente discordantes. Creo que experimentar con ello puede llevarnos a descubrir texturas muy atractivas en primera instancia, pero sobretodo, también crear algo nuevo que no existía antes y no se podría replicar de la misma forma sin los datos precisos de cómo fue hecho.

Esas posibilidades son establecidas por una combinación de elementos: los colores, las texturas, las imágenes, sus dimensiones y lo que queramos hacer con ellas, a partir de allí y conociendo a cada una de ellas, podemos realizar cualquier cosa que necesitemos.

En el artículo de hoy, quiero comentarles sobre algunos paquetes de pinceles para Photoshop que resultan ideales para ser combinados con capas de diferentes imágenes, degradados de color y superposiciones de niveles de opacidad y las variaciones de exposición.

Texturas grunge en formato ABR

Estos paquetes que presentan texturas grunge en formato ABR, lo hacen a partir de material en alta resolución. Podrán ver que la calidad del detalle es muy buena, sobretodo para aquellos que necesiten realizar imágenes muy grandes.

El primer paquete Dirtybag HD contiene 15 pinceles para Photoshop con efectos grunge que incluyen texturas de diferentes materiales (papeles, cartones, telas) y superficies gastadas y sucias. Combinadas con los colores adecuados se pueden lograr excelentes superficies en imágenes de cualquier resolución.

Texturas grunge en formato ABR para Photoshop

Descargar Dirtybag HD | psdrepo

En el segundo paquete encontrarán 31 pinceles, con casi las mismas características que el anterior, solo que cambian el tipo de líneas y soportes. Lo ideal es tenerlas y ver cuál se adapta a su concepto inicial. Nunca están de más.

Texturas grunge en formato ABR para Photoshop

Descargar Dirtybag 2 HD | psdrepo

Una aclaración que quiero dejarles, sobre el uso de estos pinceles en particular, siempre que elijan un tamaño para aplicarlos, fíjense que se vean bien en la previa, ya que hay algunas dimensiones que agregan un efecto blur bastante indeseado y que quita la sensación de alta resolución que se necesita.

Cuando las utilicen en su tamaño de origen, esta situación no sucederá, pero si escalan a medidas más pequeñas, probablemente les suceda, busquen el número que les deje mostrarlas correctamente.

Paquete de iconos sobre música en formato .SVG

Tamara

Dentro de la variedad que existe en las opciones de iconos hay para todos los gustos. Desde aquellos simples y que no permiten edición como pueden ser los .png de un tamaño determinado (casi siempre en múltiplos de 8), como aquellos elaborados para programas de edición de vectores que permiten la escala hacia cualquier resolución, pero que en si son bastante incompatibles con la utilización en sitios web y similares.

Por último, encontramos el olvidado .svg que durante este último tiempo ha venido ganando cada vez más terreno al comenzar a compatibilizarse con las diferentes normas y el soporte de los exploradores más utilizados. La ventaja de mostrar este tipo de archivos ya la he comentado en otras oportunidades, pero básicamente es la posibilidad de editarlos completamente y animarlos directamente desde nuestra hoja de estilos o desde cualquier script que deseemos utilizar.

Además de su característica de soporte, encuentro el diseño de estos íconos sobre música, muy atractivos por la dinámica que poseen sus elementos. Todos parecen estar en constante movimiento, a pesar de ser estáticos.

Iconos sobre música

Paquete de iconos sobre música en formato .SVG

Descargar Iconos sobre música | Iconstore

Se trata de un paquete un tanto original dado a que no presenta instrumentos clásicos, sin embargo, para webs especializadas, probablemente resulte un agregado que va más allá de una mera decoración, sino que pueden ser utilizadas como complementos estratégicos para la navegación o la correcta designación de rubros.

El hecho de haber sido creados en formato .svg, permite no solo utilizarlos para proyectos destinados a la impresión, agiliza la edición de colores ya sea, a través de un programa específico o desde el código correspondiente. Y aquellos desarrolladores más avanzados, pueden aventurarse a las animaciones para utilizarlos como hitos en un diseño o bien, como cargadores dinámicos que llamen la atención del usuario.

Poseen una excelente calidad y estoy segura que les encontrarán un lugar en su próximo proyecto, y si buscan más opciones, pueden visitar nuestros artículos anteriores:

Íconos de música

Paquete de iconos musicales

En formatos mucho más tradicionales, pero que contemplan formas diferentes y que siempre sirve saber dónde encontrarlas.

Copias de seguridad de archivos y bases de datos en Laravel 5

Pablo

Desde que escribí el post con recursos para Laravel todavía no había encontrado una forma simple de hacer copias de seguridad tanto de archivos como de bases de datos en mis aplicaciones creadas con Laravel.

Varias son las opciones disponibles, una de ellas era la de ejecutar un Crontab puro y duro que clone el sistema de archivos y haga un volcado de las bases de datos, en mi caso, MySQL. Esta opción no es algo descabellado, pero si se quiere era la forma más engorrosa de hacerlo, tenia que definir que carpetas guardar, donde hacerlo, cada cuanto y luego el problema de donde guardar los volcados de la bases de datos.

Algo genial de Laravel es su comunidad, la misma siempre se encarga de solucionar los problemas comunes elaborando soluciones que se depuran por medio del trabajo en conjunto. Una de estas soluciones fue el paquete Laravel 5 Backup.

Copias de seguridad backups en Laravel 5

Laravel 5 Backup es un paquete que se instala en segundos y se configura en apenas unos minutos, que permite la realización de copias de seguridad de cualquier aplicación basada en Laravel 5.

Copias de seguridad (Backups) en Laravel 5

Para que entiendan lo sencillo que es utilizar este paquete les dejo la linea que inicia y completa una nueva copia de seguridad

php artisan backup:run

Los requisitos

Para crear el volcado de la base de datos necesitamos tener instalado una dependencia, mysqldump (Esta instalado en el 99% de los alojamientos, si no lo tienen incorporado pueden hacerlo mediante la terminal y shh instalando mysql-client)

Instalación

Esto es lo más sencillo, se instala como cualquier paquete utilizando composer:

composer require spatie/laravel-backup

Luego agregamos una linea a nuestro archivo config/app.php

'providers' => [
    ...
    'Spatie\Backup\BackupServiceProvider',
    ...
];

Continuamos creando el archivo de configuración de este magnífico paquete:

php artisan vendor:publish —provider="Spatie\Backup\BackupServiceProvider"

Si todo salió bien vamos a encontrar el archivo de configuración en app/config/laravel-backup.php.

En este archivo vamos a configurar todos los aspectos importantes de este paquete:

return [

    'source' => [

        'files' => [

            /*
             * The list of directories that should be part of the backup. You can
             * specify individual files as well.
             */
            'include' => [
                base_path(),
            ],

            /*
             * These directories will be excluded from the backup.
             * You can specify individual files as well.
             */
            'exclude' => [
                storage_path(),
                base_path('vendor'),
            ],
        ],

        /*
         * Should the database be part of the back up.
         */
        'backup-db' => true,
    ],

    'destination' => [

        /*
         * The filesystem(s) you on which the backups will be stored. Choose one or more
         * of the filesystems you configured in app/config/filesystems.php
         */
        'filesystem' => ['local'],

        /*
         * The path where the backups will be saved. This path
         * is relative to the root you configured on your chosen
         * filesystem(s).
         *
         * If you're using the local filesystem a .gitignore file will
         * be automatically placed in this directory so you don't
         * accidentally end up committing these backups.
         */
        'path' => 'backups',

        /*
         * By default the backups will be stored as a zipfile with a
         * timestamp as the filename. With these options You can
         * specify a prefix and a suffix for the filename.
         */
        'prefix' => '',
        'suffix' => '',
    ],

    'clean' => [
        /*
         * The clean command will remove all backups on all configured filesystems
         * that are older then this amount of days.
         */
        'maxAgeInDays' => 90,
    ],

    'mysql' => [
        /*
         * The path to the mysqldump binary. You can leave this empty
         * if the binary is installed in the default location.
         */
        'dump_command_path' => '',

        /*
         * If your server supports it you can turn on extended insert.
         * This will result in a smaller dump file and speeds up the backup process.
         * 
         * See: https://dev.mysql.com/doc/refman/5.1/en/mysqldump.html#option_mysqldump_extended-insert
         */
        'useExtendedInsert' => false,

        /*
         * If the dump of the db takes more seconds that the specified value,
         * it will abort the backup.
         */
        'timeoutInSeconds' => 60,
    ],
];

Modo de empleo

Ahora viene lo mejor, como utilizar este proyecto.

Iniciar una nueva copia:

php artisan backup:run

Iniciar una copia de solo las bases de datos:

php artisan backup:run —only-db

Iniciar una copia de solo los archivos

php artisan backup:run –only-files

Iniciar una copia de seguridad seleccionando el prefijo /sufijo del nombre de archivo resultante:

php artisan backup:run --prefix="backup-" —suffix=“-manual".

Limpiar las copias de seguridad más antiguas:

php artisan backup:clean

Eso es todo. No es un paquete genial?

Ahora sí que no hay excusas para tener copias de seguridad actualizadas en nuestras aplicaciones basadas en Laravel 5.