Yunnan Java Training School le explica qué herramientas comunes se utilizan en el desarrollo web front-end.
Debes saber que ya sea un programador de desarrollo de software o un diseñador de programación front-end, todos tendrán una gran cantidad de recursos y herramientas para utilizar. Entonces, ¿cómo pueden los recién llegados al lugar de trabajo acumular sus propias herramientas y recursos? A continuación, compartiremos con usted herramientas comunes para el desarrollo web front-end, aprendamos sobre ellas juntos.
Brandy
Brandy es una herramienta de gestión de materiales de marca adecuada para la plataforma macOS. Puede utilizarla para crear logotipos, gestionar fuentes y colores, y crear efectos. Todo sucede en tiempo real y una cuenta puede gestionar cualquier cantidad de proyectos de marca. Además, también puede gestionar la producción mediante arrastrar y soltar, lo cual es muy conveniente.
Picular
¿Qué pasa si quieres buscar el color de un elemento específico? Picular es una herramienta mágica. Introduces palabras o frases específicas y te mostrará las correspondientes. color para ti. Su principio de funcionamiento no es complicado. Obtendrá la imagen a través de sus palabras clave y luego generará un solo color presentado de manera integral por el elemento mismo. Si pasa el cursor sobre el color, podrá ver la imagen de origen.
Drawser
Drawser es una herramienta de gráficos vectoriales que se ejecuta en el navegador. Puedes dibujar y editar directamente en la pantalla. Incluso puedes interactuar con otros. Colabora para dibujar imágenes vectoriales. Drawser también incluye módulos sociales y comunidades, lo que permite a los usuarios publicar proyectos y editar y optimizar estos materiales de imágenes publicados en proyectos de código abierto.
RSSHub
RSSHub es una herramienta de agregación de RSS liviana que puede obtener datos de casi cualquier servicio de sitio web. Es muy simple y fácil de usar y puede lograr una experiencia de suscripción perfecta.
SVGFilters
SVGFilters es un parque infantil SVG muy interesante donde puedes añadir diferentes efectos con sólo unos pocos clics. Cambiar entre diferentes configuraciones puede cambiar el efecto en la imagen. Después de generar el archivo SVG, simplemente copie el código correspondiente y utilícelo.
CodeSurfer
CodeSurfer es un componente de React para desplazarse, hacer zoom y mostrar código. Puede resaltar una o varias líneas de código, ampliar fragmentos largos y más.
ShrinkMe
ShrinkMe es una aplicación de compresión de imágenes que puede ayudarte a completar la compresión de imágenes en unos segundos. Arrastre una imagen a la interfaz para obtener una imagen comprimida descargable. Esta herramienta se puede utilizar sin conexión para comprimir varios archivos a la vez.
Fake3DEffect
¿Realmente es necesario lograr el efecto 3D mediante el modelado? ¡No necesariamente! Puedes usar esta herramienta para crear efectos 3D simulados y la profundidad visual que merece, presentados directamente, sin necesidad de hacerlo. la necesidad de equipos sofisticados.
División
La división puede ayudarte a crear elegantes efectos de división de texto usando CSS. Puede hacer esto creando elementos y agregando variables CSS. Es liviano, fácil de usar y viene con documentación dedicada.
Tutorial: Efectos avanzados con CSSBackgroundBlendModes
En este tutorial, Bennett Feely presenta cómo usar diferentes propiedades CSS para crear objetos de fondo mixtos. El núcleo del tutorial también trata sobre el modo de fusión de fondo.
Food&DrinksIconSet
Este es un conjunto de 60 íconos de alimentos y bebidas. Cada ícono contiene diferentes versiones y estilos de íconos lineales e íconos de colores. Descargue estos íconos vectoriales y comience a usarlos.
GradientIcons
GradientIcons es un conjunto de 100 tipos diferentes de íconos que contienen estilos de degradado de moda. La versión paga del conjunto de íconos contiene 1000 íconos, tanto en la versión gratuita como en la paga. Muy poderoso.
EmojiOne4.0
EmojiOne4.0 es una serie de emoji rediseñada en 2018. Está rediseñada de acuerdo con las tendencias de diseño actuales, con degradados sutiles y una interfaz limpia.
BestAnimatedLogos
BestAnimatedLogos es un conjunto de íconos dinámicos de alta calidad. Este conjunto de íconos cubre los logotipos de compañías famosas desde Google hasta Tumblr y vale la pena aprenderlo.
HeardatWork
HeardatWork recoge las expresiones reales de los trabajadores durante su trabajo. La mayoría de estas personas proceden de un estudio de diseño en Nueva York. Son interesantes, reales e incluso un poco ridículos. . Este proyecto fue creado por JustineBraisted.
TheCarltonDance
TheCarltonDance es un baile muy clásico y divertido. El entrenamiento por computadora/descubrí que se originó a partir de un personaje de una comedia de situación en la década de 1990. Alguien lo convirtió en una animación CSS pura. puedes comprobarlo si estás interesado~
NerdRobe
NerdRobe es un servicio que se especializa en diseñar varias camisetas geek para diseñadores. Se puede decir que ofrece nuevos diseños cada semana. ser un muy buen complemento a la vida.