es.hideout-lastation.com
Paraíso Para Los Diseñadores Y Desarrolladores


Crear una cartera de Dribbble autónoma con Dribbbox

Dribbble es un sitio web popular en el ámbito del diseño donde puede compartir sus proyectos, diseños, maquetas e incluso regalos gratuitos. A cambio, recibirás comentarios y críticas de otros diseñadores, lo que es bueno para impulsar tu diseño al próximo nivel.

Si desea personalizar la forma en que muestra su cartera, puede visualizar las tomas bajo su propio dominio. Para ayudarte con eso, puedes probar Dribbbox.

Dribbbox es una biblioteca que nos ayuda a mostrar imágenes de Dribbble bajo nuestro propio dominio, sin problemas. Echemos un vistazo a cómo puede configurar Dribbbox para exhibir sus obras de arte.

Instalación Dribbbox

Supongo que tiene su dominio y una configuración de servidor; un alojamiento compartido debería funcionar bien. De lo contrario, puede ejecutar un servidor local si no tiene uno. Si necesita instrucciones sobre cómo configurar un servidor local con AMPPS, lea sobre esto aquí.

Descargue el paquete ZIP y cargue el contenido en el servidor. Incluye la carpeta index.html, config.js y assets.

Abra config.js y especifique el nombre de usuario para recuperar su cartera de Dribbble.

En este caso, estoy usando la cartera de Thoriq Firdaus para la demostración. Así es como recuperas la cartera.

 dribbbox.config = {dribbble_nombredeusuario: "tfirdaus", short_description: "Un diseñador de talla mundial wanna-be.", email_address: "[email protected]"} 

Guárdalo y actualiza la página.

Es así de simple, ¿verdad?

Su portafolio en Dribbbox

La configuración es simple. Tienes tres columnas. Sus datos de contacto están en el extremo izquierdo en una barra lateral estática. Sus disparos Dribbble están en la columna desplazable del medio, y en la derecha, es donde los espectadores pueden ver su proyecto a la vista, uno a la vez. La configuración es perfecta solo como pantalla, lo que significa que el público no podrá darle comentarios como "me gusta" o "me gusta". Tampoco podrán compartir tu trabajo.

Dribbbox ha sido optimizado para ver en dispositivos móviles. Cuando el sitio web se visualiza en un dispositivo móvil, el diseño y el HTML del árbol DOM se reconstruirán a través de mobile.js . Especifique el ancho de la ventana mobile.js la cual mobile.js debería tener lugar en index.html .

 (function () {var s = document.createElement ("script") s.src = "assets / js /" + (matchMedia ("(max-width: 414px)") coincidencias? "mobile": "desktop" ) + ".js" document.head.appendChild (s)}) () 

Conclusión

Dribbbox es una útil biblioteca para mostrar tus fotos de Dribbble bajo tu propio nombre de dominio. Es muy intuitivo trabajar incluso si no conoce JavaScript; simplemente agregue su nombre de usuario y (opcionalmente) su dirección de correo electrónico, y ya está todo listo. Si no te gusta la presentación predeterminada, puedes personalizar aún más la apariencia a través de CSS.

Más sobre Hongkiat: aloje su sitio web estático en Dropbox con panqueque

Agregue pasos de progreso a formularios con este complemento jQuery

Agregue pasos de progreso a formularios con este complemento jQuery

La mayoría de nosotros conoce las barras de progreso y cómo funcionan en el diseño de la interfaz de usuario. Ayudan a definir tiempos de carga de página, cargar formularios y períodos similares de demora entre páginas.Pero los pasos del progreso son un poco diferentes. Funcionan como migas de pan en la parte superior de la página para guiar a los usuarios a través de un proceso paso a paso (generalmente formularios de registro y salida).Con los

(Consejos de tecnología y diseño)

De bordes y esquinas agudas - 20 piezas de arte geométrico fresco

De bordes y esquinas agudas - 20 piezas de arte geométrico fresco

Las formas geométricas son ampliamente utilizadas en el diseño gráfico en estos días. Puede encontrarlos en artículos como camisetas o posavasos. Es una de las grandes tendencias que es difícil de definir, ya que abarca patrones complejos y de gran escala, así como formas simples .Un triángulo ordinario o un círculo puede cambiar por completo una fotografía o ilustración, dándole un nuevo misterio, profundidad y significado .Aquí, hemos

(Consejos de tecnología y diseño)