El documento lista y describe 13 herramientas para diseño y desarrollo web como Adobe Kuler, Mockflow, Invision y Proto-io que permiten crear prototipos y mockups, Sublime Text y TEMPLATED que ofrecen plantillas y editor de código, y Dreamweaver, Expressions Web y Coda 2 que son editores WYSIWYG para crear sitios web de forma visual.

1. Nombre:DiegoRojas
Fecha:04/05/2016
1. Adobe Kuler:
Permitirá crear y buscar combinaciones de colores
2. Mockflow:
Montar un prototipoencuestiónde minutos,onlineypara multitudde plataformasdiferentes:
Android,iPhone,WordPress,Joomla,Drupal,Facebook
3. Invision:
Esta herramientatransformatusdiseñosrápidamenteenprototipos interactivos con transiciones
y animacioneswebdotandode granrealismoatusmockups

2. Nombre:DiegoRojas
Fecha:04/05/2016
4. Proto-io:
También te permite decidir si la aplicación será mostrada en posición horizontal o vertical, por
ejemplo, así como incluir botones, formularios, código html, barras, textos, listas, menús, etc.,
todosobre una pantalladivididaen zonas para facilitar la posición correcta de cada componente.
5. Sublime text:
Editor de código multiplataforma, ligero y con pocas concesiones a las florituras. Es una
herramienta concebida para programar sin distracciones y bastante intuitiva, además permite
tener varios documentos abiertos mediante pestañas, e incluso emplear varios paneles para
aquellosque utilicenmásde unmonitor.Dispone de modode pantallacompleta,para aprovechar
al máximo el espacio visual disponible de la pantalla.
6. TEMPLATED:
Ofrece unacolecciónde nadamás que 846 plantillasgratuitasenHTML5 y CSS que podemos
descargarsin limite.Todasse encuentranliberadasbajounalicenciaCreativeCommons,esdecir,
que puedesusarlasymodificarlasinclusoanivel comercial siempre que desatribuciónde forma
visible enlawebdonde usesunade estasplantillas.

3. Nombre:DiegoRojas
Fecha:04/05/2016
7. Adobe Dreamweaver:
Dreamweaverte permite crearfuncionesinteractivasavanzadas,comomenúsdesplegables,
imágenesde sustitución, diseñosde laredde fluidos,aplicaciones sencillasparadispositivos
móvilesypanelesplegables.
8. Microsoft Expressions Web:
Viene conplantillaswebintegradasque hacenel diseñowebmásfácil.Peroestonosignifica
necesariamente que el programaesparaprincipiantes,yaque noexistenherramientasde dibujo,
ni colocacióna travésde laherramientade “arrastrar y soltar”
9. Coda 2:
El programa cuentacon unainterfazde usuarioincreíblementeconveniente.Todalaideade Coda
es“el diseñowebde unasolaventana,Las herramientasde creaciónCSSsonespecialmente
notablespuespermitenalosdiseñadoresde sitioswebcontrolarlashojasde estilodesde una
interfazvisual.

4. Nombre:DiegoRojas
Fecha:04/05/2016
10.Amaya:
Su propósitoesunacreaciónde sitioswebque esejecutableenLinux, enMac y enWindows.Es
ideal paraprincipiantes sinmuchaexperienciade codificación,estaherramientade WYSIWYG es
compatible conHTML, CSS y XML.
11.Bluefish:
Bluefish esunade lasmejoresherramientasgratuitasde diseñode sitioswebque se encuentran
disponiblesparatodos.Unapáginawebdinámica esuna páginacon contenidoque cambiapara
adaptarse a losparámetrosproporcionadosporunusuarioespecífico,opor un programa.
12.- WYSIWYG Web Builder 6.5.7:
Con este programa es fácil crear una página Web sin necesidad de tener conocimientos de
HTML. Es un programa enfocado a usuarios con poca experiencia en esta clase de desarrollo.

5. Nombre:DiegoRojas
Fecha:04/05/2016
13.- Icomoon
coMoon simplificael procesode creary mostrar fuentesde íconos.Podrásescogerdesde la
bibliotecade íconos,inclusoconopcionesde subirlostuyos.Desde estaplataformapodrás
generartusfuentesde íconospersonalizadasydescargarunarchivoque incluye lafuente ylosCSS
apropiados.Cuandose trata de crear un ícono con diferenteresolución,IcoMoonesuna
herramientaimportanteque debesconsiderar.