¿Cuáles son algunos kits útiles de desarrollo web que ahorran más tiempo?

Prototipos:

• Marvel – https://marvelapp.com/
• Invisionapp – http://invisionapp.com/
• Origami (Facebook) – https://facebook.github.io/origami/
• Codiqa – https://codiqa.com/
• Precursor – https://precursorapp.com/
• Flinto – https://www.flinto.com/
• Framer – http://framerjs.com/

Móvil:

HTML:

• PhoneGap – http://phonegap.com/
• Ionic – http://ionicframework.com/

iOS:

• Framework7 – http://www.idangero.us/framework7/

Interfaz:

• Twitter Bower – http://bower.io/
• Twitter Bootstrap – http://twitter.github.com/bootst …
• HTML5 repetitivo – http://html5boilerplate.com/
• ReactJS – http://facebook.github.io/react/
• AngularJS – http://angularjs.org/
• JQueryUI – http://jqueryui.com/
• JQuery – http://jquery.com/
• EmberJS – http://emberjs.com/
• Backbonejs – http://backbonejs.org/
• CanJS – http://canjs.com/
• Biblioteca YUI – http://yuilibrary.com/
• Marco Gumby – http://gumbyframework.com/
• xchema xtyle – http://xtyle.xchema.com
• NinjaUI – http://ninjaui.com/
• CoffeeScript – http://coffeescript.org/
• Stylus css – http://learnboost.github.com/sty …
• Menos CSS – http://lesscss.org/
• SaSS css – http://sass-lang.com/
• Cappuccino – http://cappuccino.org/
• Jasmine – http://pivotal.github.com/jasmine/
• Mocha – http://visionmedia.github.com/mo …
• QUnit -http: //qunitjs.com/
• CodeKit – http://incident57.com/codekit/
• Grunt – https://github.com/cowboy/grunt
• Yeoman – http://yeoman.io/
• ComponentJS – http://component.io/
• TodoMVC – http://todomvc.com/
• SpaceBase – http://spacebase.space150.com/

Editores de código:

• Atom: un editor de texto pirateable para el siglo XXI
• Código de VisualStudio – https://code.visualstudio.com/
• SublimeText (pago): el editor de texto del que te enamorarás

Back-end:

Servidores y redes:

• Docker (virtualización / contenedores) – Docker
• Vagrant (virtualización) – http://vagrantup.com/
• Marioneta (automatización) – http://puppetlabs.com/
• ZeroMQ (sockets) – http://www.zeromq.org/
• RabbitMQ (mensajes) – http://www.rabbitmq.com/

PHP:

• Marco Laravel – http://laravel.com/
• Marco CodIgniter – http://codeigniter.com/
• Marco de WordPress – http://wordpress.org/
• Marco de Joomla – http://www.joomla.org/

JavaScript:

• nodeJS – http://nodejs.org/
• Marco Express – http://expressjs.com/
• Socket.io – http://socket.io/
• Meteorito – http://www.meteor.com/
• Derby – http://derbyjs.com/
• TowerJS – http://towerjs.org/
• Geddy – http://geddyjs.org/
• Mojito – http://developer.yahoo.com/cockt …

Pitón:

• Frasco – http://flask.pocoo.org/
• Django – https://www.djangoproject.com/

Rubí:

• Rieles – http://rubyonrails.org/
• Sinatra – http://www.sinatrarb.com/

Java:

• Hibernate (ORM) – http://www.hibernate.org/
• Marco de juego: http://www.playframework.org/

etc etc etc …

Estos son algunos de los mejores kits de desarrollo web que ayudan a ahorrarle más tiempo.

BugHerd: BugHerd proporciona una forma ordenada y bien organizada de gestionar comentarios, correcciones de errores y solicitudes de funciones, sin la sobrecarga del correo electrónico. Un simple .js incluye y los visitantes del sitio obtienen un botón de comentarios. Los invitados al proyecto pueden presentar errores y solicitudes, los miembros pueden administrar todo el shebang desde una interfaz amigable e intuitiva. Los errores progresivos desde el informe hasta la acción hasta su finalización son mucho más preferibles que la situación alternativa: una acumulación gradual que eventualmente abrumará.

Fundación 3: El diseño receptivo parece haber pasado de cero a aproximadamente mil millas por hora en muy poco tiempo. Y las cosas siguen cambiando lo suficientemente rápido como para que las pequeñas tiendas de desarrollo se vean obligadas a mantenerse actualizadas, y mucho menos realizar su propia I + D. Ahí es donde entra la Fundación 3.

• Interfaz

HTML5 boilerplate: HTML5 Boilerplate lo ayuda a crear sitios web o aplicaciones web rápidos, adaptables y robustos. http: //boilerplate.https: //html5boilerplate.com/

JqueryUI: jQuery UI es un conjunto organizado de interacciones de interfaz de usuario, efectos de temas, widgets creados sobre la biblioteca JavaScript de jQuery y por eso me encanta jQuery. http: //you.http: //jqueryui.com/

AngularJS: AngularJS le permite ampliar el vocabulario HTML para su aplicación http: //develop.https: //angularjs.org/

EmberJS: Ember.js es un marco para crear aplicaciones web ambiciosas que está construido para la productividad. Diseñado teniendo en cuenta la ergonomía del desarrollador http: //fast.htt//emberjs.com/

CanJS: CanJS es una biblioteca Javascript flexible, potente y rápida. http://library.canjs.com

Biblioteca YUI: YUI es una biblioteca de código abierto y JavaScript-CSS gratuita para crear aplicaciones web ricamente interactivas http: //applications.http: //yuilibrary.com/

Gumby frameworkL: Gumby Framework tiene una última versión llamada Gumby 2 que está construida con el poder de Sass http: //Framework.http: //www.gumbyframework.com/

Xtyle: puede crear impresionantes aplicaciones web , en todas partes, utilizando xtyle. http: //layouts.http: //xtyle.xchema.com/

CoffeeScript: CoffeeScript es un pequeño lenguaje que se compila en JavaScript. CoffeeScript tiene una regla de oro y es “Es solo JavaScript”.

Stylus css: CSS expresivo, dinámico y robusto. Stylus Css tiene características tales como dos puntos opcionales, punto y coma opcionales, comas opcionales, escape de caracteres, paquete TextMate y mucho más. CSS expresivo, dinámico y robusto

Menos CSS: MENOS extiende CSS con comportamiento dinámico como variables, operaciones, funciones y mixins. MENOS se ejecuta tanto en el lado del servidor como en el lado del cliente. Comenzar | Less.js

SaSS css: Sass es una extensión de CSS3, que agrega reglas anidadas, variables, herencia de selector, mixins y más. Se traduce a CSS estándar y bien formateado utilizando la herramienta de línea de comandos o un complemento de marco web. http: //plugin.http: //sass-lang.com/

Cappuccino: este Cappuccino no es realmente una parte del café italiano, pero es un marco de código abierto que hace que la creación de aplicaciones de calibre de escritorio que se ejecutan en un navegador web sea muy fácil. http://desktop.cappuccino.org

Jasmine: Jasmine es un marco de desarrollo basado en el comportamiento para probar el código JavaScript. Jasmine no depende de ningún otro marco de JavaScript. No necesita un DOM.

Mocha: Mocha es un marco de prueba de JavaScript rico en funciones que se ejecuta en el nodo y el navegador. Mocha hace que las pruebas asincrónicas sean simples y divertidas. Las pruebas de Mocha se ejecutan en serie, lo que permite informes flexibles y precisos.

etcétera etcétera.

• Backend

PHP: Laravel Framework: Laravel es un marco de aplicación web con sintaxis elegante y expresiva. Laravel cree que el desarrollo debe ser una experiencia divertida y creativa para ser verdaderamente gratificante. El marco PHP para artesanos web

Marco de CodeIgniter: CodeIgniter es un marco de aplicación web PHP probado, ágil y abierto con un tamaño reducido. Está impulsando la próxima generación de aplicaciones web. http: //applications.https: //codeigniter.com/

Drupal: Drupal es uno de los sistemas de gestión de contenido más potentes y utilizados del mundo. Drupal – CMS de código abierto

Marco de WordPress: WordPress es un software web que puede usar para crear un hermoso sitio web o blog. Herramienta de blog, plataforma de publicación y CMS

Yii Framework: Yii Framework es el Marco PHP rápido, seguro y profesional como lo reclaman en su sitio web. http: //website.http: //www.yiiframework.com/

Zend Framework: Zend Framework es el marco más popular para aplicaciones PHP modernas y de alto rendimiento. http: //applications.http: //framework.zend.com/

Marco de Joomla: Joomla es un sistema de gestión de contenido, así como un marco. Aquí está el breve video de introducción sobre joomla. http: //Joomla.https: //www.joomla.org/

• JavaScript

nodeJS: Node.js utiliza un modelo de E / S sin bloqueo controlado por eventos que lo hace liviano y efectivo, impecable para aplicaciones en tiempo real de uso intensivo de datos que se ejecutan en dispositivos distribuidos. http: //devices.https: //nodejs.org/en/

Express Framework: Express es un framework de aplicaciones web Node.js flexible y mínimo que proporciona un conjunto robusto de características para crear aplicaciones web únicas, de varias páginas e híbridas. http: //applications.http: //expressjs.com/

Meteor: Meteor es una plataforma de código abierto destinada a crear aplicaciones web de alta calidad en una fracción del tiempo, ya sea que se trate de un desarrollador experto o que esté comenzando. http: //started.http: //www.ttp.com//www.meteor.com/

Derby: MVC Framework facilita la escritura y creación de aplicaciones colaborativas en tiempo real que pueden ejecutarse tanto en navegadores como en Node.js. http: //Node.js.http: //derbyjs.com/

TowerJS: Pequeños componentes para manipular datos, crear aplicaciones y automatizar una infraestructura distribuida. http: //infrastructure.http: //towerjs.org/

etcétera etcétera.

• Pitón

Flask: Flask es un micro framework para Python basado en Werkzeug, Jinja 2 y buenas intenciones. http: //intentions.http: //flask.pocoo.org/

Django: Django es realmente un marco web Python de alto nivel que fomenta el diseño limpio y pragmático y el desarrollo rápido. http: //development.https: //www.djangoproject.com/

• Rubí

Ruby on Rails: Ruby on Rails es el marco web de código abierto y optimizado para la felicidad del programador y la productividad sostenible . Ruby on Rails

Sinatra: Sinatra es un lenguaje específico de dominio para crear aplicaciones web en Ruby con un mínimo esfuerzo. http: //effort.http: //www.sinatrarb.com/

• Java

Hibernate (ORM): Hibernate es en realidad una colección de proyectos similares que permiten a los desarrolladores utilizar modelos de dominio de estilo POJO en sus aplicaciones de formas que se extienden mucho más allá del mapeo de objetos / relacional. http: //Mapping.http: //hibernate.org/

Marco de juego: El marco web de mayor ritmo para Java y Scala. http://Scala.www.playframework.org

En esta vida rápida y centrada en la fecha límite, las personas necesitan algo que realmente les ahorrará su valioso tiempo al desarrollar sus aplicaciones web. La buena noticia es que hoy en día hay una gran cantidad de marcos y kits de desarrollo web que ahorran tiempo y son útiles y, por lo tanto, se han convertido en los favoritos de todas las empresas de desarrollo web .

Estos actuarán como una base excelente, especialmente para sus proyectos. A continuación se muestra una lista de algunos de los kits de desarrollo web probados que harán maravillas para ahorrarle tiempo. Éstas incluyen,

• Para la manipulación y el enlace de datos : es mejor usar JS Frameworks como Microjs, KnockOut, Backbone y Angular
• Para el desarrollo : es mejor usar CMS como Radiant, fusión de PHP, Concrete, Drupal, Joomla y WordPress
• Para Front End : es mejor usar los marcos predefinidos como Telerik, Foundation y Twitter Bootstrap

Estos kits actuarán como una solución de ahorro de tensión y ahorro de tiempo.

Desarrollar un sitio web estéticamente agradable no es una tarea fácil para los desarrolladores, especialmente cuando necesitan enviar el trabajo en menos tiempo, puede ser frustrante.

1. CSS Grid Builder

CSS Grid Builder es una GUI en línea para personalizar el CSS de YUI Grids. Le permite generar rápidamente un diseño de página basado en CSS y compatible con los estándares web en cuestión de minutos

2. CSS Sprite Generator

El uso de sprites CSS es una excelente manera de mejorar el rendimiento de la página web al reducir la cantidad de solicitudes HTTP necesarias para representar imágenes.

3. Blueprint: un marco CSS

Blueprint reduce la cantidad de código CSS que tiene que escribir al incluir estilos comunes que los desarrolladores suelen usar para restablecer CSS y diseños de página

4. CSSTidy

CSSTidy es una aplicación de código abierto que analiza, corrige y optimiza el código CSS para reducir el tamaño del archivo.

5. Lógica : Marco CSS

Logicss es una colección de archivos CSS y utilidades PHP destinadas a reducir el tiempo de desarrollo web.

6. ___layouts

___layouts es un marco CSS muy simple que se puede usar para crear diseños de página que cumplan con los estándares web.

7. Limpiar AJAX

Clean AJAX acelera el desarrollo de Ajax al reducir la cantidad de código que tiene que escribir.

8. Sajax

Sajax (que significa “Simple Ajax Toolkit”) es un marco de código abierto desarrollado para acelerar la creación de aplicaciones Ajax.

9. DOMTool

DOMTool fue creado para reducir el tiempo que lleva codificar estructuras DOM.

Esperemos que el artículo sea útil para los desarrolladores web de todo el mundo para acelerar el trabajo de diseño de su sitio web de una manera más eficiente .

Lea este artículo para obtener herramientas y recursos más útiles para diseñadores web .

[EDITAR: Parece que la nueva actualización 320 y Up está diseñada para funcionar a la perfección con Bootstrap … ¡lo mejor de ambos mundos! http: //www.stuffandnonsense.co.u …)]

320 y versiones posteriores ( http://stuffandnonsense.co.uk/pr …) es superior para los sitios orientados al cliente en comparación con Bootstrap. Utiliza un enfoque móvil primero ( http://www.techradar.com/news/in …) y no incluye todos los elementos de interfaz de usuario prediseñados que tiene Bootstrap.

No me malinterpretes. Me encanta Bootstrap, pero las aplicaciones Bootstrap se parecen a las aplicaciones Bootstrap. Bootstrap (aquí hay un tema de jQuery UI que coincide con el tema predeterminado de Bootstrap: http://addyosmani.github.com/jqu …) es lo mejor para cosas internas donde no te importa que parezca una aplicación Bootstrap.

Además, agradezca a la Fundación ZURB por usar porcentajes en el ancho de sus columnas en lugar de tener un montón de puntos de interrupción para un diseño receptivo como lo hace Bootstrap. Sin embargo, Foundation está muy por detrás de Bootstrap en el diseño de sus elementos (botones, menús desplegables, etc.) y la cantidad de pequeños complementos jQuery que proporciona.

Bibliotecas JavaScript

1. jQuery: una biblioteca JavaScript rápida, pequeña y rica en funciones.
2. BackBoneJS: Dale a tu aplicación JS una columna vertebral con modelos, vistas, colecciones y eventos.
3. D3.js: una biblioteca de JavaScript para manipular documentos basados ​​en datos.

Marcos frontales

1. Bootstrap: marco HTML, CSS y JS para desarrollar primeros proyectos móviles receptivos en la web.
2. Base: familia de marcos front-end receptivos que facilitan el diseño de hermosos sitios web, aplicaciones y correos electrónicos receptivos que se ven increíbles en cualquier dispositivo.
3. Interfaz de usuario semántica: marco de desarrollo que ayuda a crear diseños hermosos y receptivos utilizando HTML amigable para los humanos.

Marcos de aplicaciones web

1. Ruby: Ruby on Rails es un marco de aplicación web que incluye todo lo necesario para crear aplicaciones web respaldadas por bases de datos, con el patrón MVC.
2. AngularJS: le permite ampliar el vocabulario HTML para su aplicación web. AngularJS es un marco, a pesar de que es mucho más liviano y a veces se lo denomina biblioteca.
3. Ember.js: un marco para crear aplicaciones web ambiciosas.

Corredores de tareas / Gerentes de paquetes

1. Grunt: JavaScript task runner todo sobre automatización.
2. Gulp: Mantiene las cosas simples y hace que las tareas complejas sean manejables, al tiempo que automatiza y mejora su flujo de trabajo.
3. npm: Administrador de paquetes para JavaScript.
4. Bower: un administrador de paquetes web. Administre componentes que contengan HTML, CSS, JavaScript, fuentes o incluso archivos de imagen.

Idiomas / Plataformas

1. PHP: lenguaje de scripting de uso general popular que es especialmente adecuado para desarrollo web
2. NodeJS: entorno JavaScript del lado del servidor de E / S controlado por eventos basado en V8.
3. Javascript: lenguaje de programación de HTML y la web.
4. HTML5: lenguaje de marcado, la última versión de HTML y XHTML.
5. Python: lenguaje de programación que le permite trabajar rápidamente e integrar sistemas de manera más efectiva.
6. Ruby: un lenguaje de programación dinámico y de código abierto con un enfoque en la simplicidad y la productividad.
7. Scala: Scala es un lenguaje orientado a objetos de pura raza que permite una migración gradual y fácil a un estilo más funcional.
8. CSS3: última versión de hojas de estilo en cascada utilizadas en el desarrollo front-end de sitios y aplicaciones.
9. SQL: significa lenguaje de consulta estructurado utilizado con bases de datos relacionales.

Bases de datos

1. MySQL: una de las bases de datos de código abierto más populares del mundo.
2. MariaDB: Hecho por los desarrolladores originales de MySQL. MariaDB también se está volviendo muy popular como servidor de base de datos de código abierto.
3. MongoDB: base de datos de próxima generación que le permite crear aplicaciones nunca antes posibles.
4. Redis: Un almacén de estructura de datos en memoria de código abierto, utilizado como base de datos, caché y agente de mensajes.
5. PostgreSQL: un potente sistema de base de datos relacional de objetos de código abierto.

Preprocesadores CSS

1. Sass: una extensión CSS de grado profesional muy madura, estable y potente.
2. Menos: como una extensión de CSS que también es compatible con versiones anteriores de CSS. Esto hace que aprender Less sea muy fácil y, si tiene dudas, le permite recurrir al CSS de vainilla.
3. Stylus: un nuevo lenguaje, que proporciona una forma eficiente, dinámica y expresiva de generar CSS. Soporta una sintaxis con sangría y un estilo CSS normal.

Editores de texto / Editores de código

1. Atom: un editor de texto que es moderno, accesible, pero pirateable hasta el núcleo. ¡Uno de nuestros favoritos!
2. Sublime Text: un sofisticado editor de texto para código, marcado y prosa con gran rendimiento.
3. Notepad ++: un editor de código fuente gratuito que admite varios lenguajes de programación que se ejecutan en el entorno MS Windows.

Markdown Editors

1. StackEdit: un editor gratuito en línea de gran descuento.
2. Dillinger: un editor Markdown en línea, habilitado para la nube, HTML5, lleno de palabras de moda.
3. Mou: editor de Markdown para desarrolladores en Mac OS X.
4. Textos: Un rico editor para texto plano. Windows y Mac OS X.

Íconos

1. Font Awesome: iconos vectoriales escalables que se pueden personalizar al instante: tamaño, color, sombra y cualquier cosa que se pueda hacer con el poder de CSS.
2. IconMonster: una fuente gratuita, de alta calidad, monstruosamente grande y en continuo crecimiento de iconos simples. ¡Uno de nuestros favoritos!
3. IconFinder: Iconfinder proporciona hermosos íconos a millones de diseñadores y desarrolladores.
4. Fontello: herramienta para construir fuentes personalizadas con iconos.

Clientes / Servicios Git

1. SourceTree: un cliente gratuito de Git & Mercurial para Windows o Mac. Atlassian también hace un cliente Git de equipo bastante bueno llamado Bitbucket.
2. GitKraken (Beta): un cliente Git multiplataforma gratuito, intuitivo, rápido y hermoso.
3. Torre 2: Control de versiones con Git – hecho fácil. En una aplicación hermosa, eficiente y potente.
4. Cliente GitHub: una forma perfecta de contribuir a proyectos en GitHub y GitHub Enterprise.
5. Gogs: un servicio Git autohospedado indoloro basado en el idioma Go.
6. GitLab: aloje sus proyectos de software privados y públicos de forma gratuita.

Diff Checkers

Herramientas de colaboración

Herramientas de prueba de velocidad del sitio web

Comunidades de desarrollo web

Boletines de desarrollo web

Dado que las etiquetas de preguntas contienen principalmente HTML, CSS y diseño y la mayoría de las respuestas cubren casi todas las herramientas requeridas, me gustaría centrarme en algunas herramientas que ahorran tiempo (que puede considerarse como una parte extendida del kit de desarrollo web).

Los editores de código ayudan a ahorrar mucho tiempo durante el desarrollo web. El texto sublime, por ejemplo, tiene una función de autocompletar. Los atajos de aprendizaje (p. Ej., Texto sublime) para tareas comunes definitivamente ayudan a ahorrar tiempo.

Sketch es una gran herramienta para el diseño digital que ayuda a convertir su idea abstracta en diseños significativos.

Invision es otra gran plataforma de creación de prototipos, colaboración y flujo de trabajo que le permite usar archivos de bocetos (la mesa de trabajo para ser más específicos) para crear flujos de trabajo de usuario.

Para mi sitio web B2B personal, mi primera elección fue WordPress debido a sus características fáciles de usar para agregar nuevos elementos a mis listados de productos y optimizarlos para las primeras clasificaciones del motor de búsqueda.

Aquí hay una lista recomendada por MDHOV, empresa de diseño web en Toronto, para las herramientas de back-end más potentes que se utilizan principalmente para el sistema de gestión de contenido del mundo.

Drupal

Marco de WordPress

Marco Yii

Marco Zend

Marco Joomla

FITREPRENEUR (www.fitrepreneur.co) Plataforma de desarrollo de productos de mejora continua.

La noción de desarrollo de producto que tiene un principio y un final es obsoleta.
Capture continuamente los requisitos, defina y priorice las características y desarrolle los productos que sus clientes desean.

Todo lo que necesitas; Intranet, BPM, Extranet, necesita crear productos que sus clientes deseen.

divulgación completa: soy el fundador y CEO.

Como desarrollador web, siempre encontrará errores en su código y nuevas técnicas de desarrollo que cree que podrían aplicarse a los sitios web existentes. Reflejando el mundo digital en general, los sitios web deben estar a la vanguardia para que tengan el mejor rendimiento para lectores y clientes. Por lo tanto, es su trabajo asegurarse de que sus sitios web hagan exactamente eso.

Pautas CSS

Comencemos con algo realmente útil. Estas pautas CSS, creadas por un consultor independiente de arquitectura front-end del Reino Unido, no son para principiantes. Son consejos de alto nivel y su uso dará como resultado un mejor CSS. Incluso los mejores desarrolladores web podrían hacer una actualización de vez en cuando.

Marco de juego

Para crear aplicaciones web con Java y Scala, Play Framework es de primera categoría. Es extremadamente amigable para el desarrollador, ya que todo lo que necesita es un navegador y un editor de texto. Al presionar actualizar, se muestran las reparaciones de inmediato y hay herramientas de prueba integradas. Puede escalar Play Framework ya que tiene un nivel web sin estado y utiliza un modelo completamente asíncrono construido sobre Akka.

Dimensiones

Dimensiones Esta es una extensión del navegador Chrome que es de código abierto. Le permite medir todo lo que ve en el navegador, como imágenes, campos de entrada, botones, videos, gifs, texto e íconos. Es particularmente útil para cuando su diseñador se ha burlado de un sitio web en un PDF: simplemente colóquelo en el navegador y mida los elementos. Puede establecer un método abreviado de teclado en la configuración de Chrome al final de la lista de extensiones para que pueda habilitar y deshabilitar rápidamente la herramienta.

Apache Couch DB

“Una base de datos para la web” es cómo se describe Apache Couch DB. Es un producto de código abierto y puede almacenar documentos y datos en la nube con documentos JSON, y luego indexar, combinar y transformar sus documentos usando JavaScript

Flynn

Flynn utiliza la integración de varios componentes para crear un sistema. Los componentes “se comunican” entre sí y se adaptan, lo que significa que la implementación y el escalado de su aplicación, así como sus bases de datos, se pueden administrar fácilmente. La herramienta ejecuta y escala automáticamente las aplicaciones que de otro modo tendría que hacer manualmente una por una. Se basa en un conjunto de API principales, por lo que puede ampliar o personalizar cualquier entorno o necesidad.

¿Un buen editor de texto?

El editor de texto es un arma principal para cualquier programador. No ahorrará tiempo si no tiene un excelente editor de texto en la manga.

No quiero sugerir ningún nombre, creo que puedes encontrar uno adecuado para ti. Pero al menos, su editor de texto debe tener estas características.

1. Código resaltado. En este siglo, no querrás tener un editor de texto en blanco y negro, incluso si planeas usar el clásico. Un buen resaltador de código puede aumentar la legibilidad para que pueda identificar fácilmente su código.
2. Número de línea. Es más fácil y rápido comunicarse con sus pares con esto, especialmente con un archivo muy grande.
3. Configuración de espacios en blanco. Tabulaciones frente a espacios, dos espacios frente a cuatro espacios, recorte espacios en blanco al final o no, deje una nueva línea en cada EOF, etc. Verifique si su editor de texto admite editorconfig.
4. Código de revestimiento. Antes de enviar su código, asegúrese de que no haya un error de sintaxis y evite las malas prácticas. Configure su código de interfaz para cada idioma que esté utilizando.
5. Código de finalización. Su velocidad de escritura definitivamente aumentará al usar esto. También te ayudará a evitar errores de sintaxis.

Si el editor de texto que está utilizando actualmente carece de las características anteriores, debe ajustar más de su editor de texto, o dejarlo y encontrar uno mejor.

Además de todas las increíbles herramientas mencionadas en las otras respuestas, encuentro que Font Finder, ColorZilla y Adobe Kuler son muy útiles en mis proyectos.

Google Web Toolkit: es una caja de herramientas utilizada para actualizar aplicaciones complejas basadas en el cliente. Utiliza un enfoque demasiado simplificado como parte del avance y la planificación para que el diseñador pueda crear el sitio sin tener la capacidad de excentricidades del programa, XMLHttpRequest y JavaScript. Acompaña una disposición de API y gadgets de Java central que le permiten componer aplicaciones AJAX en JAVA y planear la fuente de JavaScript que se ejecuta fácilmente en todo tipo de programas. Cómo los servicios de TI de Outsourcing lo ayudarán a mejorar su negocio

Desarrollar aplicaciones web o sitios web es un trabajo arduo y lento para todos los desarrolladores. En esta vida rápida y ocupada, necesitamos algo para ahorrar nuestro tiempo, desarrollar aplicaciones web. Hay algunos kits de desarrollo web útiles que pueden hacer eso.

HTML5 repetitivo

HTML5 repetitivo lo ayuda a desarrollar sitios web y aplicaciones rápidos, robustos y adaptables. Esto le ahorra mucho tiempo precioso.

JqueryUI

Básicamente es un conjunto de temas organizados, interacciones de interfaz de usuario y widgets. Utiliza JavaScript para crear aplicaciones web altamente interactivas. Es una opción perfecta para usted si desea agregar un selector de fecha a un control de formulario.

AngularJS

Esta aplicación te ayuda a ampliar el vocabulario HTML para tu aplicación. Te sorprenderá el resultado legible y expresivo. Es muy fácil de usar, por lo que ahorra mucho tiempo y funciona con Google.

BackboneJS

Proporciona estructura a las aplicaciones web. Los valores personalizados, los enlaces de valores clave, las vistas que consisten en el manejo de eventos declarativos y la API enriquecida son algunas de sus características clave.

EmberJS

Si desea aumentar su productividad, esta es la plataforma para usted. Está diseñado teniendo en cuenta la ergonomía de los desarrolladores y ayuda a crear aplicaciones web ambiciosas.

NinjaUI

Si necesita un complemento jQuery para interacción letal, este es un lugar para estar. Le ayuda a combinar el aspecto de su sitio web. NinjaUI puede acceder al teclado, el micrófono, el mouse y el tacto. Le ayuda a hacer su trabajo de manera rápida y efectiva. Eso significa que es compatible con casi todos los navegadores que existen.

Personalmente, recomiendo la Fundación ZURB para el marco de la cuadrícula. Pero en mi experiencia, es mejor desarrollar su propia plantilla para satisfacer sus necesidades y estilo.
El mío consiste en:
– Fundación ZURB
– HTML5 Boilerplate (completando la Fundación)
– Plantilla básica de SASS
– JS reutilizable personalizado
– Scripts de construcción de código

¿Desea tener un código limpio y la belleza pura de su sitio?) ¡Por supuesto!

• CSScomb
• Editor de CSS en vivo
• CSS Gradient Animator

¡Vea más herramientas CSS geniales que lo ayudarán a crear verdaderas obras maestras web!

La web cambia constantemente y esa es la forma en que un desarrollador web debe actualizar sus kits de herramientas si desea ser competitivo y con anticipación. Una herramienta adecuada, no solo garantiza el flujo y la gestión adecuados del proyecto de la aplicación web, sino que también ahorra mucho tiempo, lo que garantiza el éxito profesional. Por lo tanto, para convertirse en un mejor desarrollador, puede incluir las siguientes herramientas en su kit de desarrollo web, tales como:

Marcos frontales

Un marco sólido puede ser una herramienta esencial para los desarrolladores de aplicaciones para usuario, como:

Bootstrap: la mejor herramienta con marco HTML, CSS y JS para desarrollar primeros proyectos móviles y receptivos en la web.

uikit: para desarrollar interfaces web rápidas y potentes, uikit le ofrece un marco front-end ligero y modular.

Marco de aplicaciones web

La lista es larga, pero algunas de las herramientas populares son:

ASP.net: permite a los desarrolladores crear soluciones web basadas en estándares con su marco gratuito y totalmente compatible.

AngularJS: este es un marco que le permite ampliar el vocabulario HTML para la aplicación. Es mucho más ligero de lo que se conoce como una biblioteca.

Zend Framework 2: este es un marco de código abierto y permite el desarrollo de aplicaciones web usando PHP.

Lengua / Plataformas

NodeJS: El lenguaje de programación muy popular de hoy es NodeJS. Es un entorno JavaScript del lado del servidor de E / S controlado por eventos basado en V8.

HTML5: la última versión de HTMl y XHTMl es HTML5 y, como lenguaje de marcado, tiene que estar en su kit.

Base de datos:

La base de datos es importante y siempre requiere recuperar, administrar y actualizar la información almacenada

MySQL: es una base de datos de código abierto muy popular de la actualidad.

PostgreSQL: otro código abierto muy potente es PostgreSQL. Es un sistema de base de datos relacional de objetos de código abierto

También debemos mencionar la familia de marcos MVC del lado del cliente. Le ahorra mucho tiempo al hacer aplicaciones javascript complejas que necesitan una infraestructura bien organizada. Mi ganador en ese campo es http://angularjs.org & nbsp ; – utiliza muchos principios que encontrará en los marcos del lado del servidor, por ejemplo, inyección de dependencias, etc.

Las herramientas de desarrollo web hacen que su trabajo sea más productivo y, por lo tanto, más rápido, además de que le dan acceso a las últimas técnicas. Eche un vistazo a las herramientas y vea cómo mejoran su experiencia de desarrollo.

Avocode

Avocode hace que sea extremadamente fácil para un desarrollador frontend codificar sitios web o aplicaciones desde diseños de Photoshop o Sketch. Está construido por el mismo equipo que nos trajo CSS Hat y PNG Hat, por lo que no es sorprendente que hayan llevado el proceso de exportación un paso más allá aquí.

Apache Couch DB

“Una base de datos para la web” es cómo se describe Apache Couch DB. Es un producto de código abierto y puede almacenar documentos y datos en la nube con documentos JSON, y luego indexar, combinar y transformar sus documentos usando JavaScript.

Puede consultar sus índices con su navegador web, a través de HTTP, además de tener notificaciones de cambio en tiempo real para que pueda realizar un seguimiento de su desarrollo web. Todo esto viene con una interfaz fácil de usar en el lado del administrador.

Para obtener herramientas de desarrollo web más útiles, visite – Archivos de herramientas de desarrollo web – ITServicestalk