¿Sos Diseñador y/o Desarrollador Web? Entrá ! 2º Parte

¿Sos Diseñador y/o Desarrollador Web? Entrá ! 2º Parte

utilidades

html

fuentes

>> ATENCIÓN <<

Si te gusta el Desarrollo o Diseño Web, te ruego que te quedes esperando a que cargue el post, valdrá la pena..

tipografia

Javascript

MUCHAS GRACIAS POR EL TOP!

Paginas

>> Muchas gracias ! por el Top, no seria nada sin ustedes. Esto es suyo! Lastima que muchos no valoren el esfuerzo que puse y les den puntos a cualquier crap, asi y todo estoy muy agradecido de quienes se guian y van por el camino de la Inteligencia Colectiva, y puntuaron aqui. Un abrazo para todos

desarrolladores

>> Bienvenidos ! En esta ocasión les traigo la segunda parte de lo que fue mi post dedicado a aquellos Diseñadores y Desarrolladores web, el cual contenía herramientas, paginas y demás utilidades para los mismos, este post será muy similar con 179 Paginas, la mayoría en ingles. Espero que les guste

¿Sos Diseñador y/o Desarrollador Web? Entrá ! 2º Parte
Primera parte aquí ! >> Clic
utilidades

html

fuentes

tipografia

El mundo del desarrollo web y del diseño web se ha venido expandiendo en esta última época, especialmente por el auge del HTML5, CSS3 y de una gran variedad de aplicaciones que utilizan Javascript. Es por eso que aquí te traigo una gran recopilación de 179 utilidades y recursos para diseño y desarrollo web que te pueden ayudar a aumentar la productividad en tus proyectos o te ayudarán a ponerle ciertas funciones a cada uno de ellos. Puede que falten más recursos y utilidades, pero aquí solo listo los más destacados, de lo contrario saldría una lista enorme.

Este post está dividido en las siguiente categorías:

Javascript

Paginas

slabText

desarrolladores

Este es un plugin de jQuery que te ayuda a generar títulos grandes y adaptables al ancho del contenedor.

¿Sos Diseñador y/o Desarrollador Web? Entrá ! 2º Parte

WhatFont Tool

utilidades

Plugin de jQuery que te ayuda a averiguar que tipo de fuente esta utilizando una página web.

html

Unicodinator

fuentes

Sitio que te permite ver los código unicode de cada carácter para utilizarlos en tus proyectos.

tipografia

Cupcake Ipsum

Javascript

Este sitio te genera unos párrafos de prueba para tus proyectos pero con palabras de repostería, pasteles, etc.

Paginas

Textualizer

desarrolladores

Plugin de jQuery que te permite hacer transiciones entre las letras de un texto.

¿Sos Diseñador y/o Desarrollador Web? Entrá ! 2º Parte

Pomax Font

utilidades

Añade la función Font() a JavaScript que te permite cargar fuentes asíncronamente y modificar sus dimensiones.

html

Codepoints

fuentes

En este sitio puedes encontrar todos los códigos de cada tipo de carácter existente.

tipografia

Ipsum.me

Javascript

Sitio que te genera el texto lorem ipsum para poner y probar en tus proyectos.

Paginas

Trunk8

desarrolladores

Plugin de Jquery que sirve para modificar bloques de texto.

¿Sos Diseñador y/o Desarrollador Web? Entrá ! 2º Parte

utilidades

wmuSlider

html

Plugin de jQuery que permite deslizar contenido y que funciona con diseños web adaptables.

fuentes

RefineSlide

tipografia

Este script te permite deslizar contenido utilizando transiciones con CSS y tranformaciones en 3D. Es compatible con diseños web adaptables.

Javascript

Royal Slider

Paginas

Completísimo slider compatible con diseños web adaptables y con eventos touch.

desarrolladores

Camera

¿Sos Diseñador y/o Desarrollador Web? Entrá ! 2º Parte

Slider de imágenes con jQuery también compatible con diseños web adaptables.

utilidades

Sequence.js

html

Slider de contenido que utiliza CSS3, también se puede deslizar contenido utilizando el efecto parallax.

fuentes

FitVids.JS

tipografia

Con este plugin para jQuery puedes hacer que tus vídeos sean flexibles para diseños web adaptables.

Javascript

Breakpoints.js

Paginas

Con este script puede detectar el cambio del ancho de la ventana del navegador y hacer que una función se ejecute en el ancho que quieras.

desarrolladores

Ender

¿Sos Diseñador y/o Desarrollador Web? Entrá ! 2º Parte

Script con el que puedes compilar tus propios paquetes de funciones de JavaScript.

utilidades

Money.js

html

Librería que te permite convertir entre diferentes tipos de divisas.

fuentes

Accounting.js

tipografia

Con esta librería puedes darle formato a las diferentes monedas, números y divisas en tu proyecto.

Javascript

Grumble.js

Paginas

Librería que te permite poner tooltips en tus proyectos.

desarrolladores

Validate.js

¿Sos Diseñador y/o Desarrollador Web? Entrá ! 2º Parte

Librería de JavaScript para validad campos de un formulario.

utilidades

Moment.js

html

Este script te permite manipular y dar el formato que quieras a las fechas.

fuentes

jQuery Transit

tipografia

Plugin de jQuery para manejar las transformaciones y transiciones de CSS3.

Javascript

Scrollorama

Paginas

Plugin de jQuery para poner efectos en el texto cuando se desliza una página.

desarrolladores

SuperScrollorama

¿Sos Diseñador y/o Desarrollador Web? Entrá ! 2º Parte

Versión avanzada del plugin anterior, también para animaciones en el texto mientras se desliza la página hacia abajo.

utilidades

Qooxdoo

html

Un completo framework para JavaScript.

fuentes

Ember.js

tipografia

Framework de JavaScript para crear aplicaciones web.

Javascript

Knockout

Paginas

Esta es una librería que te permite crear interfaces de usuario modificables.

desarrolladores

JavaScriptMVC

¿Sos Diseñador y/o Desarrollador Web? Entrá ! 2º Parte

Framework que utiliza el Modelo Vista Controlador (MVC) para desarrollar aplicaciones.

utilidades

AngularJS

html

Otro framework para utilizar en tus aplicaciones web.

fuentes

Batman.js

tipografia

Framework para desarrollar aplicaciones web con JavaScript o CoffeeScript..

Javascript

CreateJS

Paginas

Un set de librerías que te permiten manejar Canvas, animaciones, audio y más.

desarrolladores

Crafty

¿Sos Diseñador y/o Desarrollador Web? Entrá ! 2º Parte

Librería útil para desarrollar juegos con JavaScript.

utilidades

SoundManager 2

html

Esta librería te permite manejar el audio en tus aplicaciones web.

fuentes

Gauge.js

tipografia

Librería de JavaScript que te permite insertar y personalizar medidores o indicadores de progreso en tus proyectos.

Javascript

Sugar

Paginas

Librería con la que puedes trabajar con objetos nativos utilizando nuevos métodos en JavaScript

desarrolladores

Timeline JS

¿Sos Diseñador y/o Desarrollador Web? Entrá ! 2º Parte

Esta librería te permite generar lineas de tiempo para presentar en tus proyectos.

utilidades

CanJS

html

Framework de JavaScript para crear aplicaciones web.

fuentes

TypedJS

tipografia

Esta librería te ayuda a comentar y a probar tu código JavaScript.

Javascript

Underscore.js

Paginas

Librería que te permite usar varias funciones adicionales para tus proyectos.

desarrolladores

Mousetrap

¿Sos Diseñador y/o Desarrollador Web? Entrá ! 2º Parte

Con esta librería podrás configurar funciones para que empiecen con un determinado atajo por teclado.

utilidades

jQuery++

html

Añade nuevas funciones para utilizar con jQuery.

fuentes

Rekapi

tipografia

Librería para hacer animaciones con JavaScript.

Javascript

Testacular

Paginas

Útil para probar y depurar tus aplicaciones en JavaScript.

desarrolladores

jsLint.it

¿Sos Diseñador y/o Desarrollador Web? Entrá ! 2º Parte

Este sitio te ayuda a depurar y a descubrir errores en tu código JavaScript.

utilidades

Jam

html

Este es un administrador de paquetes para JavaScript.

fuentes

Singool.js

tipografia

Framework para desarrollar aplicaciones web de una sola página.

Javascript

JavaScriptSQL

Paginas

Un motor de base de datos totalmente desarrollado en JavaScript.

desarrolladores

Locache.js

¿Sos Diseñador y/o Desarrollador Web? Entrá ! 2º Parte

Este es un framework que te permite cachear objetos del lado del cliente.

utilidades

Zepto.js

html

Librería minimalista de JavaScript parecida a jQuery.

fuentes

BigVideo.Js

tipografia

Esta extensión para jQuery te permitirá poner un vídeo como fondo de una página web.

Javascript

Paginas

]Node.js

desarrolladores

Entorno de programación del lado del servidor que utiliza el motor V8 de JavaScript, útil para crear aplicaciones que respondan en tiempo real.

¿Sos Diseñador y/o Desarrollador Web? Entrá ! 2º Parte

Faye

utilidades

Extensión para Node.js que crea un sistema de publicación y suscripción a canales de mensajes (pub/sub). Útil para crear salas de chat en tus proyectos.

html

Socket.IO

fuentes

Otra extensión de Node.js, esta te permite crear aplicaciones en tiempo real.

tipografia

Balloons.IO

Javascript

Con esta extensión podrás crear salas de chat de múltiples salones.

Paginas

Express

desarrolladores

Framework para crear aplicaciones web con Node.js.

¿Sos Diseñador y/o Desarrollador Web? Entrá ! 2º Parte

Pubsub.io

utilidades

Extensión para enviar mensajes en tiempo real.

html

Flatiron

fuentes

Framework para desarrollar aplicaciones web con Node.js.

tipografia

Geddy

Javascript

Un simple framework para Node.js

Paginas

RailwayJS

desarrolladores

Framework para Node.js utilizado el modelo MVC

¿Sos Diseñador y/o Desarrollador Web? Entrá ! 2º Parte

SocketStream

utilidades

Rápido framework para Node.js para realizar aplicaciones que respondan en tiempo real.

html

nQuery

fuentes

Extensión para Node.js que te permite utilizar funciones de jQuery.

tipografia

Stylus

Javascript

Extensión para Node.js con la que puedes mejorar el manejo del código CSS.

Paginas

AppJS

desarrolladores

Extensión que te permite desarrollar aplicaciones para Linux, Windows y Mac utilizando Node.js, HTML, CSS y JavaScript.

¿Sos Diseñador y/o Desarrollador Web? Entrá ! 2º Parte

Socketbug

utilidades

Este te permite hacer depuración del JavaScript de tu aplicación móvil.

html

Fab

fuentes

Framework con el que puedes desarrollar aplicaciones que respondan en tiempo real.

tipografia

Node.js Database Drivers

Javascript

Extensión con la cual puedes conectarte a una base de datos y actualizar, insertar o eliminar filas de esa base de datos.

Paginas

desarrolladores

Emailology

¿Sos Diseñador y/o Desarrollador Web? Entrá ! 2º Parte

Este sitio te ofrece toda la guía necesaria para que puedas diseñar un email en HTML y se vea bien en todos los clientes de correo.

utilidades

Compare Ninja

html

Con este sitio puede generar tablas de comparación en HTML y CSS para tus proyectos.

fuentes

Gury

tipografia

Librería que te permite utilizar las funciones para crear aplicaciones con el Canvas de HTML5.

Javascript

oCanvas

Paginas

Otra librería que te facilita la tarea de dibujar elementos en tu página web con Canvas

desarrolladores

Wysihtml5

¿Sos Diseñador y/o Desarrollador Web? Entrá ! 2º Parte

Con esta extensión puedes incluir un editor de texto en cualquier parte o formulario de tu página.

utilidades

AccessifyHTML5

html

Script que te permite añadir los atributos de accesibilidad ARIA a tus documentos en HTML.

fuentes

HTML5SQL

tipografia

Script que te permite trabajar con las bases de datos de HTML5 (Web SQL).

Javascript

Bizodo

Paginas

Página en la que puedes crear formularios en linea para usar en tus proyectos.

desarrolladores

HTML5 Sortable

¿Sos Diseñador y/o Desarrollador Web? Entrá ! 2º Parte

Con este script puedes hacer que tus listas se puedan re-ordenar dependiendo del gusto de los usuarios.

utilidades

Responsive Email Templates

html

Desde aquí puedes descargar varias plantillas para tus emails y con diseño web adaptable (Responsive Design).

fuentes

tipografia

Response JS

Javascript

Script con el que puede hacer que tus imágenes se adapten a la resolución de pantalla del visitantes de tu página web.

Paginas

Responsive Img

desarrolladores

Con este otro script puedes también puedes hacer que tus imágenes se adapten a la resolución de pantalla del navegador.

¿Sos Diseñador y/o Desarrollador Web? Entrá ! 2º Parte

jQuery Picture

utilidades

Plugin para jQuery que te permite redimensionar las imágenes de tu diseño según la resolución de pantalla de tu navegador.

html

bgStretcher

fuentes

Este plugin te permite poner una imagen de fondo en tus diseños y hacer qu se acople en las diferentes resoluciones de pantalla del navegador del usuario

tipografia

Retina.js

Javascript

Con este pequeño script puedes hacer que tus imágenes se muestren con alta calidad para dispositivos con Retina Display.

Paginas

Stitches

desarrolladores

En este sitio puedes generar tus imágenes sprite para tus diseños.

¿Sos Diseñador y/o Desarrollador Web? Entrá ! 2º Parte

Avatars.io

utilidades

Con esta aplicación puedes obtener los avatares de los usuarios de Twitter, Facebook, Instagram, Gravatar e incluso subir un avatar diferente.

html

TinyPNG

fuentes

Sitio que te permite comprimir tus imágenes en formato PNG.

tipografia

Holder.js

Javascript

Con esta aplicación puedes generar varias imágenes de muestra para probar tus diseños.

Paginas

Cropp.me

desarrolladores

Aplicación web que te permite auto cortar tus imágenes destacando lo más importante.

¿Sos Diseñador y/o Desarrollador Web? Entrá ! 2º Parte

Backstretch

utilidades

Plugin para jQuery con el que puedes poner imágenes de fondo para tus diseños y agregarles efectos.

html

Freepik

fuentes

Sitio en el que puedes encontrar una gran cantidad de imágenes para descargar gratis.

tipografia

Placebox.es

Javascript

Este sitio te ofrece un servicio con el que puedes generar imágenes de prueba para tus diseños.

Paginas

Image Workshop

desarrolladores

Con esta librería puedes modificar tus imágenes, volverlas miniaturas, agregarles marcas de agua, etc.

¿Sos Diseñador y/o Desarrollador Web? Entrá ! 2º Parte

Duri.me

utilidades

Con este sitio puedes generar el DataURI de tus imágenes para utilizar en tus diseños.

html

Kraken

fuentes

Sitio que te permite optimizar tus imágenes reduciéndoles el peso sin perder calidad en la imagen.

tipografia

Javascript

Hex Words

Paginas

En este sitio puedes encontrar diferentes códigos hexadecimales para colores, formados por palabras.

desarrolladores

Colour Tool

¿Sos Diseñador y/o Desarrollador Web? Entrá ! 2º Parte

Con esta aplicación puede obtener la paleta de colores del sitio web que quieras.

utilidades

ColorHexa

html

Con este sitio puedes obtener información completa sobre un color.

fuentes

Devoth’s HEX 2 RGBA Color Calculator

tipografia

Aquí puedes convertir un color de código hexadecimal a código RGBA.

Javascript

Piknik

Paginas

Sitio con el que puedes encontrar un color aleatorio desplazando el cursor sobre esta página.

desarrolladores

Colors.js

¿Sos Diseñador y/o Desarrollador Web? Entrá ! 2º Parte

Librería que te permite manipular los colores de tus diseños web.

utilidades

Colllor

html

En este sitio puedes generar una paleta de colores a partir de un solo color.

fuentes

Generate Pattern

tipografia

Aplicación web con la que puedes generar patrones para tus diseños.

Javascript

Colorjoe

Paginas

Útil para insertar un colorpicker en tus proyectos.

desarrolladores

¿Sos Diseñador y/o Desarrollador Web? Entrá ! 2º Parte

MimiGlyphs

utilidades

80 iconos de 16×16 pixéles en formato .PSD (Photoshop) y .PNG.

html

Bijou

fuentes

155 iconos en tamaño de 10×10 pixéles, en formato PSD y PNG.

tipografia

Iconmonstr

Javascript

Sitio en el que puedes encontrar y descargar en formato .PNG o .SVG más de 1000 iconos tipo pictograma para tus proyectos.

Paginas

Font Awesome

desarrolladores

Una fuente iconográfica que te ofrece 200 diferentes iconos para utilizar en tus proyectos.

¿Sos Diseñador y/o Desarrollador Web? Entrá ! 2º Parte

Font Awesome More 2.0

utilidades

Extensión de Font Awesome que añade más de 40 iconos a esta colección.

html

OpenWeb Icons

fuentes

Desde aquí puedes descargar otra fuente iconográfica con iconos de estándares web como HTML5, CSS3, RSS y muchos más.

tipografia

UICloud

Javascript

Sitio en el que puedes buscar entre los más de 26.000 iconos que componen esta colección.

Paginas

Foundation Icons Font

desarrolladores

Sitio que te ofrece una gran variedad de iconos en formato de fuente iconográfica.

¿Sos Diseñador y/o Desarrollador Web? Entrá ! 2º Parte

Jigsoar

utilidades

60 iconos en colores blanco y negro y en tamaños de 64×64, 48×48, 24×24 y 16×16 pixéles en formato .PNG y .AI (Illustrator).

html

Entypo

fuentes

250 iconos tipo pictograma en formato de fuente iconográfica, .PSD, .PDF y .EPS.

tipografia

Koloria

Javascript

Set de más de 160 iconos a color en tamaño de 32×32 pixéles.

Paginas

Social Media Icons

desarrolladores

Un pack de 74 iconos de las principales redes sociales en formato de fuente iconográfica.

¿Sos Diseñador y/o Desarrollador Web? Entrá ! 2º Parte

Game Icons

utilidades

Sitio donde puedes buscar y descargar entre más de 900 iconos en formato .PNG y .SVG.

html

Batch

fuentes

Set de más de 300 iconos para tus diseños en formato .PSD, .SVG (128×128 pixeles) y .PNG (16×16, 32×32 y 64×64 pixéles).

tipografia

Endless Icons

Javascript

Una gran colección de iconos tipo pictograma que puedes descargar en formato .PNG.

Paginas

Pictonic

desarrolladores

Pack que incluye más de 250 iconos en formato de fuente iconográfica.

¿Sos Diseñador y/o Desarrollador Web? Entrá ! 2º Parte

utilidades

Adapt.js

html

Script con el que puedes determina que archivo CSS cargar dependiendo de la resolución de la pantalla.

fuentes

Foundation

tipografia

Framework CSS de Diseño Web Adaptable (Responsive Design).

Javascript

Animatable

Paginas

Sitio donde se muestran las posibilidades de animación con CSS3.

desarrolladores

Amazium

¿Sos Diseñador y/o Desarrollador Web? Entrá ! 2º Parte

Framework CSS para Responsive Design.

utilidades

Excssive

html

Sitio que te permite comprimir tus archivos CSS.

fuentes

Fbootstrapp

tipografia

Con este framework puede hacer que tu aplicación se vea como Facebook.

Javascript

Bear CSS

Paginas

Sitio en el que puedes generar tu archivo CSS dependiendo de el HTML de tu proyecto.

desarrolladores

Linear Gradients

¿Sos Diseñador y/o Desarrollador Web? Entrá ! 2º Parte

Herramienta que te permite generar degradados para utilizarlos en tus estilo CSS.

utilidades

Sass

html

Preprocesador de CSS que te permite tener variables y funciones que facilitan la creación de estos archivos para tus diseños..

fuentes

Skeleton

tipografia

Framework para CSS que te brinda todas las herramientas para un diseño web adaptable y moderno.

Javascript

SpritePad

Paginas

Sitio con el que puedes crear CSS Sprites fácilmente.

desarrolladores

978 Grid System

¿Sos Diseñador y/o Desarrollador Web? Entrá ! 2º Parte

Framework de CSS basado en un tamaño de 978 pixéles.

utilidades

Sprite Cow

html

Lugar donde puedes generar una imagen sprite y modificarla en línea.

fuentes

Gridpak

tipografia

Sitio en el que puedes generar un archivo CSS como plantilla para tus diseños con Responsive Design.

Javascript

Gumby

Paginas

Framework de CSS para diseños web adaptables en base a 960 pixéles.

desarrolladores

Responsive Grid System

¿Sos Diseñador y/o Desarrollador Web? Entrá ! 2º Parte

Framework de CSS para Responsive Design.

utilidades

Css2Less

html

Herramienta en línea para convertir tu CSS en lenguaje LESS.

fuentes

Pondasee

tipografia

Kit que te proporciona todas las herramientas para facilitarte la creación de tus diseños.

Javascript

Responsive Aeon

Paginas

Framework minimalista de CSS3 para Diseños web adaptables.

desarrolladores

Responsive Grid System

¿Sos Diseñador y/o Desarrollador Web? Entrá ! 2º Parte

Sitio que te facilita la tarea de crear tus diseños con Responsive Design.

utilidades

Kube

html

Framework minimalista de CSS para diseño web adaptable.

fuentes

tipografia

React

Javascript

Con esta librería en PHP puedes crear un servidor web así como lo hace NODE.js para tus desarrollos web.

Paginas

Opauth

desarrolladores

Esta librería te facilita la tarea de la autenticación de usuarios para tus aplicaciones web.

¿Sos Diseñador y/o Desarrollador Web? Entrá ! 2º Parte

Laravel

utilidades

Framework de PHP que te facilita la creación de aplicaciones web.

html

PHP: La Manera Correcta

fuentes

Este sitio te informa de las mejores prácticas que debes tener al programar en lenguaje PHP.

tipografia

Ratchet

Javascript

Librería en PHP que te permite utilizar WebSockets para crear aplicaciones que respondan en tiempo real.

Paginas

Slim Framework

desarrolladores

Framework minimalista para PHP para poder programar fácil y rápidamente tus aplicaciones web.

¿Sos Diseñador y/o Desarrollador Web? Entrá ! 2º Parte

AuthManager

utilidades

Con esta librería puedes administrar los usuarios y su autenticación en tus desarrollos web.

html

PHP.js

fuentes

Librería que se encarga de transformar el código PHP en código JavaScript para ser ejecutado en tus proyectos.

tipografia

PHP Error

Javascript

Librería que te permite mejorar los reportes de errores de tus aplicaciones con PHP.

Paginas

desarrolladores

WeasyPrint

¿Sos Diseñador y/o Desarrollador Web? Entrá ! 2º Parte

Aplicación en Python que te permite pasar tus documentos de HTML a PDF

utilidades

Subscribely

html

Aplicación escrita en Python que te permite crear tu propio sistema de suscripción.

fuentes

Syte

tipografia

Aplicación que te permite crear un sitio personal en el que se incluyen sitios como Tumblr, Twitter, GitHub, Instagram y más.

Javascript

Paginas

Mercury Editor

desarrolladores

Editor WYSIWYG en HTML5 desarrollado en Ruby on Rails.

¿Sos Diseñador y/o Desarrollador Web? Entrá ! 2º Parte

RubyFiddle

utilidades

Herramienta en línea que te permite probar tu código de Ruby.

html

Middleman

fuentes

Herramienta con la que podrás desarrollar aplicaciones web fácilmente.

tipografia

Javascript

Lungo

Paginas

Framework para crear aplicaciones móviles compatibles con todas las plataformas.

desarrolladores

jqMobi

¿Sos Diseñador y/o Desarrollador Web? Entrá ! 2º Parte

Librería de JavaScript con la que puedes crear aplicaciones móviles con HTML5.

utilidades

jQuery Mobile

html

Framework de jQuery especialmente optimizado para aplicaciones móviles.

fuentes

Dojo Mobile

tipografia

Framework de JavaScript para crear tus aplicaciones móviles utilizando HTML5.

Javascript

Sencha Touch

Paginas

Este es un framework para desarrollar aplicaciones móviles con HTML5.

desarrolladores

Wink Toolkit

¿Sos Diseñador y/o Desarrollador Web? Entrá ! 2º Parte

Kit de herramientas en JavaScript con las que podrás desarrollar mejores aplicaciones móviles.

utilidades

QUOjs

html

Micro librería en JavaScript para facilitar la creación de aplicaciones móviles.

fuentes

Android Views

tipografia

Sitio desde el cual puedes descargar nuevos ‘Views’ para tus aplicaciones en Android

Javascript

Ratchet

Paginas

Crea prototipos de aplicaciones móviles para iPhone con HTML, CSS y JavaScript.

desarrolladores

¿Sos Diseñador y/o Desarrollador Web? Entrá ! 2º Parte

Responsivepx

utilidades

Herramienta que te permite probar como se ve una página web en diferentes resoluciones.

html

Responsive Design Testing

fuentes

Otra herramienta en línea con la que puedes probar tus diseños en diferentes resoluciones.

tipografia

Scrolldeck.js

Javascript

Librería de JavaScript que te permite hacer presentaciones con HTML.

Paginas

Impress.js

desarrolladores

Herramienta que te permite crear presentación al estilo de prezi.com con JavaScript y CSS

¿Sos Diseñador y/o Desarrollador Web? Entrá ! 2º Parte

The Responsive Calculator

utilidades

Sitio que te permite transformar las distancias dadas en pixéles en porcentajes para que tus diseños sean Responsive Design.

html

Chico UI

fuentes

Set de herramientas para poner en tus diseños web.

tipografia

Prism

Javascript

Librería que te permite resaltar tu código incluido en tus artículos.

Paginas

Rainbow

desarrolladores

Otra librería con la que puedes resaltar el código que pongas en los artículos o tutoriales de tus blog.

¿Sos Diseñador y/o Desarrollador Web? Entrá ! 2º Parte

Socialite.js

utilidades

Librería con la que puedes cargar los botones sociales de Twitter, Facebook, etc. al hacer scroll o al pasar sobre un artículo, etc.

html

Percentage Loader

fuentes

Librería con la que puedes crear imágenes de carga para tus proyectos.

tipografia

Fixie

Javascript

Con esta herramienta puedes rellenar los campos de tus diseños con contenido de prueba (imágenes y texto).

Paginas

QRHacker

desarrolladores

Herramienta en línea para que puedas crear tus códigos QR y personalizarlos.

¿Sos Diseñador y/o Desarrollador Web? Entrá ! 2º Parte

Browserling

utilidades

Desde este sitio puedes probar como se verían tus diseños en diferentes navegadores.

html

OverAPI

fuentes

Sitio que recopila todas las hojas de referencia de bastantes lenguajes de programación.

tipografia

Javascript

Paginas

>>Fin! Aqui finaliza la 2º parte de mi post de Desarrolladores y diseñadores Web, espero que para aquellos que lo sean les haya sido de su utilidad y sepan apreciar el esfuerzo. Muchisimas gracias a quienes pasaron de antemano. Saludos !

desarrolladores

¿Sos Diseñador y/o Desarrollador Web? Entrá ! 2º Parte #Seguime y mantenete actualizado a mis aportes! utilidades



html

fuentes

tipografia

Comentarios Destacados

Darkius13 +51
Javascript
INTELIGENCIA COLECTIVA AL 1000%
CuloPutoAsco2
ESA CARA PUSE AL VER QUE OTRO TOP ME REVENTO EL FRENADOR DE CARGAS DEL CHROME Y NO ERA UN TOP DE @PINTIAS !!!

JACKPOT +9 ® "La nota más alta™"

99 comentarios - ¿Sos Diseñador y/o Desarrollador Web? Entrá ! 2º Parte

NachoStone79 +1
+10 gracias
pipa_gnr87 +1
De nada , gracias a vos !
lu_PR +1
+100

pipa_gnr87 +1
jajaja gracias amiga !
bastadepensar +1
muchas gracias por compartir
pipa_gnr87 +2
Muchas gracias a vos por pasar. Me basta solo un comentario
Mad_Gamer +1
Loco, tremendo post

Segui devolviendole la Inteligencia Colectiva a T!

+10 y reco
pipa_gnr87 +2
Muchisimas gracias mi hermano ! Espero que te haya gustado
xNacho95x +1
A favoritos y +10. Mañana te dejo puntos en la otra parte. Saludos!!
pipa_gnr87 +1
Muchas gracias por la buena onda Saludos maesrto !
polo64arg +1
Muy bueno +10
pipa_gnr87 +1
Muchas gracias !
AngelusDominus +1
Ahora si che

Muy buen post

+10 y Reco.

Saludos
pipa_gnr87 +1
Gracias locura! Gracias a vos pude lanzarlo

Un abrazo
matuzaato +1
Mil gracias, me servirá para mejorar ni blog de aplicaciones para Android

+10 de una!
miguel90919 +1
Excelente Post.!! Cuenta la leyenda que antes se debia codificar cada linea
Gracias a estos codigos ya hechos es mucho mejor para un Diseñador.
isi_89 +1
me llevo todo
MiguelNajdorf +2
porque esto no es top post?? +10, favoritos, recomendado, retwitteado, compartido en facebook, megusteado, etc, etc, etc... GRACIAS!
Pumukky82 +1
+10! tremendo post! fantástico el aporte
Darkius13 +51
Javascript
INTELIGENCIA COLECTIVA AL 1000%
CuloPutoAsco2
ESA CARA PUSE AL VER QUE OTRO TOP ME REVENTO EL FRENADOR DE CARGAS DEL CHROME Y NO ERA UN TOP DE @PINTIAS !!!

JACKPOT +9 ® "La nota más alta™"
aledc +1
+10 !!! Alto aporte el tuyo !!!
gonza0605 +1
que buen laburo que te mandaste!!! +10, fav y recomendación loco!!!
facundo_mustaine +1
che ay laburo de esto por q me voy anotar en la matanza :s
baneadoporlosk -4
Esto fue top hace 2 meses que hijo de puta, Usuarios como vos merecen suspencion de por vida.
Tangosutil +1
Muy buen post. tomá los +10 de hoy y a favoritos
LaPelotaNaranja +1
Muy bueno! ¿que recomiendas para diseñar web con Mac? Yo usaba GoLive y no me gusta Dreamweaver ¿hay alguna alternativa?
freakchy
notepad++ va como piña
pipa_gnr87 -1
Gracias, si notepad es una alternativa
L3XOR
Maestro

Excelente Post.

Te dejo R+10!

Saludos!
pipa_gnr87
Gracias por pasar! Saludos
JohnesMaster +1
+10 y recomendado
Gran aporte, muy zarpado
tipografia
pipa_gnr87 +1
Gracias hermano ! Se agradece
Fertuv +1
¡Groso! +10 y reco
pipa_gnr87 +1
Groso vos ! gracias por pasar ..
Tux124 +1
Sos un groso
pipa_gnr87 +1
Gracias locura ! Un abrazo
andres_159 +2
Javascript
Esto si es un MegaPost
pipa_gnr87
Gracias e ! La hiciste completita !
jgzombie +1
Exelente Post, Reco!
paskuvan +1
Me salvaste de mis estudios! te dejo 10 puntos, a fav y reco !
pipa_gnr87
De verdad? Muchisimas gracias a vos !
Touth +1
Gracias! +
10 y a favs.
pipa_gnr87
Gracias locura ! :3
EvolutionPix +1
Que aportazo desarrolladores mañana van 10
pipa_gnr87 +1
Dale genio, muchas gracias ! Suficiente con comentar y seguirme
EvolutionPix
@pipa_gnr87 para mi es poco xD ahi te deje lo que te prometi
jciclon77 +1
Impecable!, gran aporte, +10.
pipa_gnr87 +1
Gracias master me alegro que te guste..
NoticiaM +1
Esperadisimo! ¿Sos Diseñador y/o Desarrollador Web? Entrá ! 2º Parte

+10
pipa_gnr87
Fuiste el que mas se lo espero gracais master
black_00 +1
+10 ahi tuve tiempo de verlo entero
pipa_gnr87
Gracias loco me alegro que te guste..
jhones22 +1
+10 muy buen post!
pipa_gnr87
Muchas gracias, se agradece
rocl +1
Me dejo sin puntos otra vez
carnepikante -1
Buenisimo, solo tengo una cosa "negativa" que decir, la barrita que estas usando al principio, la que dice Desarroladores y diseñadores... está, a mi criterio, mal empleada ya que esa barra suele aparecer cuando uno no tiene permisos para comentar en un tema, post o shut y queda asociada en el inconciente a algo negativo, al verla ahi mi primera reaccion fue un sentimiento negativo, es como que de un dia para otro la luz roja del semaforo indicara "adelante". Aclaro que no soy diseñador pero lo poco que he leido al respecto habla tambien de la subjetividad del diseño y que un buen diseño no es solo algo bonito. Espero no lo tomes a mal mi comentario ya que tu post es excelente, tambien la primera parte, te dejo puntos y toda la bola. Gracias!!!
pintias +1
Buenisimo, te pasaste +10
pipa_gnr87 +2
Gracias idolo se agradece!
KamusARG +1
Gran aporte che!
pipa_gnr87 +2
Muchas gracias che !
UnfamedT +1
Excelente post +10 a Favoritos y reco
pipa_gnr87 +2
Gracias locura