50 recursos frescos para profesionales web

Hoy traemos un paquete gigante de recursos que te ayudarán en cualquier proyecto que emprendas, ya sea en el campo del diseño o el del desarrollo web. Cabe la posibilidad de que te insteresen ambos, ¡así que mucho mejor! Aquí encontrarás todo tipo de elementos: desde archivos PSD, pasando por íconos, temas de WordPress, fuentes, artículos sobre CSS, librerías de JavaScript… en fin. Una cantidad enorme de herramientas para facilitarte la vida y poner un par de trucos extra bajo tu manga.

Una gran cantidad de iconos flat gratuitos

endless-icons-free-flat-icons-and-creative-stuff

Un paquete de íconos médicos con elegantes colores pastel

medical-icons

Trendy: un inmenso paquete de elementos para diseñadores y desarrolladores

trendy-un-inmenso-paquete-de-elementos-para-disenadores-y-desarroladores

Moriarty: una fuente experimental para títulos y grandes tamaños

moriarty-font-experiment-on-behance

Reis: una fuente gratuita con clase y descomplicada

free-psd-goodies-and-mockups-for-designers-reis-free-font-by-marcelo-reis-melo

Mockup de brochure en PSD

trifold-brochure-mockup-psd

Plantillas gratuitas de hojas de vida multi-página

freebie-multi-page-resume-on-behance

Mockup de brochure con doblado en Z para Photoshop

z-fold-brochure-free-psd-mockup-graphberrycom

Diseño de factura en formato PSD

dribbble-free-psd-invoice-template-by-design-that-rock

Bootflat: una interfaz gráfica open source con estilo flat basada en Bootstrap, incluye PSD para diseñadores

bootflat

Strata: logo e identidad corporativa con mockups gratuitos

strata-logo-corporate-identity-on-behance

Mockup de bolsas de compras para Photoshop

shopping-bag-mockup-smart-object-psd

7 mockups de smartphones y MacBooks en formato PSD

7-free-smartphone-notebook-psd-mockups-on-behance

Thinkful: aprende código con un mentor y conviértete en un desarrollador web

learn-to-code-with-a-mentor-become-a-web-developer

Azexo composer: una herramienta para fácil edición de páginas HTML

httpazexocomazexocomposer

Processing hour of code: aprende código en 60 minutos superproductivos

processing-hour-of-code-home

Humhub: un framework de redes sociales para facilitar el trabajo en equipo

humhub-a-flexible-open-source-social-network-kit-for-social-enterprise-platforms-social-intranets-and-other-social-collaboration

Un completo paquete de interfaces flat totalmente gratis

modern-flat-ui-kit-graphberrycom

Comunidad: un UI kit diseñado para trabajos colaborativos y grupos

free-psd-ui-kit-for-collaboration

Una hoja de atajos para refrescar la memoria mientras escribes CSS

css-cheat-sheet

Gifshot: crea GIFs animados con esta librería de JavaScript

gifshot-js-library-that-can-create-animated-gifs-from-media-streams

Rainbow.js: una librería de jQuery para agregar degradados sobre prácticamente cualquier elemento

rainbowjs

Incluye interesantes formas con CSS dentro de tus emails y blogs

css-shapes-in-email

Crea una atractiva plantilla para el faq de tu proyecto con CSS

css-faq-template-codyhouse

String.js: una librería de JavaScript para manejar strings

stringjs

Cylon.js: un framework para robótica en JavaScript

cylonjs-javascript-framework-for-robotics-physical-computing-and-the-internet-of-things-using-nodejs

Kickstart: un framework de CSS bastante único

httpgetkickstartcom

Schema: un framework para construir interfaces web sin apuros

schema-ui-frontend-framework-a-powerfully-light-responsive-and-lean-front-end-ui-framework-built-with-less-css-framework-less-framework

Onebook3d: un plugin de jQuery para fotógrafos y diseñadores que permite hacer un atractivo álbum virtual

httponebook3driadesignru

Skokov: plantilla de negocios en PSD

skokov-business-psd-template-best-psd-freebies

Finch: una página de inicio en PSD para fotografías y magazines

finch-free-homepage-psd

Arcadia: un PSD para crear atractivas webs de una página

dribbble-arcadia-free-psd-landing-page-by-alan-podemski

Rubiko: un diseño de una página hecho para fotógrafos, diseñadores y productos

rubiko-epic-giveaway-on-behance

Diseño de página para app en PSD

app-landing-page-website-design-psd-css-author

OneEngine: tema multipropósito de una página

oneengine-free-multi-purpose-one-page-wordpress-theme-enginethemes

Themosis: un framework de WordPress para desarrolladores

themosis-framework-a-framework-for-wordpress-developers

Rams: tema minimalista para WordPress

wordpress-rams-free-wordpress-themes

Sporta: un tema enfocado en tiendas deportivas

sporta-modern-themes

Pastel colors: un tema suave para todos los propósitos

pastel-colors-un-tema-sueva-para-todos-los-propositos

Funk: un colorido tema de WordPress

wordpress-the-funk-free-wordpress-themes

Elegant: tema multipropósito en HTML y PSD

elegant-free-html-psd-on-behance

Hidayah simple: un tema sencillo con responsividad en mente

hidayah-free-simple-html-template-for-corporate-bootstraptaste

Crea una navegación por pestañas responsiva en CSS

css-responsive-tabbed-navigation-codyhouse

Cargador animado en CSS

css-cubic-loader

Una ventana de login puramente en CSS

flat-login-cssdeck

Como personalizar el look de Google Maps para ajustarlo mejor a nuestro sitio

css-jquery-custom-google-map-codyhouse

Divisores enteramente en CSS3: sencillos y útiles

css-only-divisros

Texto brillante en CSS3: aprovecha el código incluido

css3-glowing-text

Un artículo sobre como se actualizó GitHub a Rails 3 sin un solo momento fuera de servicio

upgrading-github-to-rails-3-with-zero-downtime-shay-frendt

Una guía de diseño responsivo para emails

responsive-email-design-guide-how-to-examples-tips-more

Como conseguir curvas bézier prolijas en tus diseños

bezier-curve-quick-tips-two-methods-for-smooth-curves

10 principios del buen diseño: un legado de Dieter Rams

10-principles-of-good-design

Tutorial de AngularJS: aprende creando un clon de Gmail

angularjs-tutorial-learn-angular-by-building-a-gmail-clone

Juan Pablo Sarmiento

Fundador de iconshock (iconos profesionales) y designshock (paquetes para diseñadores) y curador editorial en ByPeople, amante del diseño y la programación web.

1 comentario

  1. Gracias por esta lista, muy util y completa.

    Gracias también por hacer compartido un link de Noosfeer. espero que les guste el servicio que ofrecemos!