AT Brolik, sabemos que no tiene sentido reinventar la rueda. Entonces, siempre aprovechamos el diseño web y las herramientas de desarrollo que Las personas generosas han creado y lanzado en línea de forma gratuita. Disfruta de esto Colección de herramientas que harán que su trabajo sea mejor y más eficiente.

1. ImagePtim

Do te importa el tiempo de carga? Si lo haces, definitivamente deberías usar ImageOptim. Al igual que suena, optimiza tus imágenes y lo hace sin perder calidad. O si lo desea, puede ajustar la configuración para Cambie la calidad para obtener tamaños de imagen aún más pequeños. Además, lo hará Eliminar cualquier metadato (posición GPS, número de serie de la cámara, etc.) si eso es a concern for you.

Work smarter with this list of web design tools, services, apps, and plugins.

2. Free Stock Photos

Unsplash , Death of the Stock Photo , Gratisography , Picjumbo , Pixabay , Stock Up .

Hay No siempre es un presupuesto para una sesión de fotos profesional o incluso acciones pagas fotos. Cuando ese es el caso, recurro a algunos sitios de foto de archivo gratuitos. Son excelentes para fines de colocación o solo para cambiar el Monotonía de la foto de archivo tradicional.

3. GraphicBurger

GraphicBurger es un gran sitio web para recursos de diseño gratuitos, como maquetas de PSD. (Dispositivos, colateral, productos, etc.), kits de interfaz de usuario, iconos y mucho más. Todo lo que hemos usado desde allí ha sido de muy alta calidad, y es también libre de regalías para uso comercial.

4. Google Web Fonts

Cuando Era un joven diseñador, tuve que caminar cuesta arriba en ambos sentidos en tres pies de nieve solo para usar una de las seis fuentes web. Ahora, Google tiene cientos de Fuentes gratuitas y de código abierto para elegir. Son fáciles de implementar y Se pueden descargar para su uso en archivos de diseño. Google acaba de hacer un UX revisión, y es una gran mejora. Ahora hay un más avanzado Buscar así como una buena sección destacada. Solo ten cuidado de usar también muchas fuentes diferentes en su sitio (esto incluye diferentes estilos de la misma fuente), o de lo contrario realmente afectará negativamente su tiempo de carga.

5. UXPIN

UXPIN es una poderosa herramienta de alambre. Le permite concentrarse en el usuario Experiencia del sitio web sin la distracción del diseño. Puede se burla rápidamente de una variedad de diseños, ya que atrae cientos de Elementos de interfaz de usuario preabsilados y patrones de diseño para sitios web y dispositivos móviles aplicaciones. También puede crear objetos inteligentes (como encabezados y Piaderos) para reutilizar en varias páginas.

uno de mis características favoritas es el "modo de comentarios" donde un cliente o El compañero de trabajo puede dejar fácilmente comentarios o preguntas en páginas específicas y Secciones de las estructuras alámbricas en el modo de vista previa. Regístrese para un gratis Prueba de 30 días, o regístrese en uno de sus planes a partir de $ 19/mes. I saber que esta es una lista gratuita, pero UXPIN es una herramienta tan buena que tuve que Incluirlo.

6. Texto sublime

Use un texto sublime en todos los ámbitos en Brolik. Es liviano, rápido, personalizable, y tiene una gran biblioteca de complementos que están respaldados por una comunidad activa. Puede descargarlo de forma gratuita, pero cuesta dinero para "uso continuo".

¡Sin embargo, los complementos son gratuitos! Estos son algunos de nuestros complementos de texto sublime favoritos:

• Control del paquete - Un administrador de paquetes para instalar y administrar fácilmente los complementos.
• Compass - Agrega un sistema de compilación para Compass. CSS, SASS/SCSS, MENOS, POSTCSS. Aquí hay un
• Emmet - Tag auto-completer for HTML, XML, HAML, CSS, SASS/SCSS, LESS, PostCSS. Here’s a Hoja de trucos .
• Sassbeautify - Exactamente como suena, un complemento que embellece los archivos de Sass.
• sublimelint - Error resaltado. || 107
• Git Gutter ¡Se agrega, muestra lo que se agrega, lo que se agrega. o editado desde que su último se confirma.

7. Livereload

Livereload es una herramienta útil para cualquier desarrollador. Monitorea los cambios en un archivo Sistema, y ​​tan pronto como guarda, recarga el navegador. Si actualizas una imagen o cambiar un archivo CSS, se actualiza instantáneamente sin tener que Recargar el navegador. Esta herramienta debería ahorrarle innumerables segundos, que Realmente valdrá la pena a largo plazo. Funciona en Safari, Chrome, Firefox, Safari móvil y ópera con escritorio ( Mac y Windows ) y Extensiones del navegador .

8. Ingreda de forma contenida

justo Como debe beber de manera responsable, también debe incrustarse de manera receptiva. Este servicio le ofrece CSS receptivo para acompañar el código de incrustación Desde servicios populares como YouTube, Vimeo, Google Maps e Instagram. Sus usuarios móviles le agradecerán más tarde.

9. Mapas elegantes

Ahora que puede incrustar de manera receptiva Google Maps, es hora de hacerlos Más "elegante". Snazzy Maps te permite crear Google de mejor aspecto Mapas e incrustarlos en su sitio web. Puedes elegir entre algún preajuste estilos o crear los suyos y personalizar cada detalle a su El deseo del corazón.

10. Cinta (complemento Google Chrome)

si eres como yo, construyendo cada sitio web en una cuadrícula fuerte tan cerca de Pixel Perfect Lo posible es una parte clave del proceso de diseño web. Este es donde entra la cinta. El complemento Google Chrome le permite establecer Directrices en un sitio web como lo haría en Photoshop o Sketch. Él También le permite medir fácilmente posiciones y tamaños de elementos, incluso Teniendo en cuenta el relleno y las fronteras.

11. Onetab (complemento del navegador)

Google Chrome , Firefox .

¿Jueves a diferentes proyectos? ¿Eres un Page Parker ? Bueno, entonces, OneTab probablemente pueda ahorrarle un montón de memoria. Onetab lo hará Consolidar todas las pestañas abiertas en una ventana en una pequeña lista que se puede reabrir en cualquier momento futuro. Yo uso este complemento constantemente y mi La computadora se ejecuta mucho más rápido debido a eso.

12. Real Favicon Generator

Favicons son un detalle clave en la experiencia de marca de un sitio web y Favicon real El generador hace que sea muy fácil implementar cada favicon o plataforma ícono que alguna vez podrías desear. Simplemente suba un PNG, JPG o SVG al menos 260px por 260px, y generará todos los Apple, Android, Windows favicones móviles, de escritorio y regulares en una zip fácilmente descargable Archivo, así como el código para implementarlos.

13. W3C Validadores

HTML CHECKER , CSS VALIDADOR , CHECKER DE LINK ||– 146 .

NOKE’S perfecto. La gente comete errores. Y estos tres validadores W3C son excelentes Recursos para encontrar estos errores. Simplemente escriba su URL en cada uno de los estos y descansar tranquilos sabiendo que su HTML, CSS y enlaces son libre de errores y optimizado de acuerdo con los estándares W3C.

14. TOGGL

TOGGL es una herramienta realmente simple para el tiempo de seguimiento. Está disponible en cualquier lugar en línea (web, escritorio, móvil), y funciona muy bien para equipos y Freelancers por igual. También crea algunos cuadros e informes prácticos para que Puede analizar dónde se van a proyectos sus horas. Es gratis para equipos hasta cinco.

15. gotomeeting

gotomeeting es una gran herramienta para configurar conferencias y videollamadas. Lo usamos para casi todas las reuniones en Brolik. La función de captura de pantalla es particularmente útil y ha reemplazado mucha presentación en persona Reuniones, ahorrar innumerables horas de tiempo. Puedes configurar Reuniones recurrentes y comenzar rápidamente una reunión sobre la marcha. Más, Puede grabar reuniones para referencia futura. La versión gratuita de Gotomeeting Ofrece reuniones ilimitadas con compartir pantalla para hasta tres asistentes.