Capacitación en Java de Beida Jade Bird: ¿Cuáles son las herramientas comunes para 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.
BrandyBrandy 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 se presenta en tiempo real y una cuenta puede gestionar cualquier número de proyectos de marca.
Además, también puede gestionar la producción mediante arrastrar y soltar, lo cual es muy conveniente.
Picular ¿Qué debe hacer si desea buscar el color de un elemento específico? Picular es una herramienta mágica. Ingresa una palabra o frase específica y le mostrará el color correspondiente. .
Su principio de funcionamiento no es complicado. Obtendrá la imagen a través de sus palabras clave y luego generará un solo color que se presenta de manera integral en el elemento en sí. Si pasa el cursor sobre el color, podrá ver la imagen de origen. .
DrawserDrawser es una herramienta de gráficos vectoriales que se ejecuta en el navegador. Puede dibujar y editar directamente en la pantalla. Incluso puede colaborar con otros para dibujar imágenes vectoriales.
Drawser también incluye módulos sociales y comunidades. Los usuarios pueden publicar proyectos y editar y optimizar estos materiales fotográficos publicados en proyectos de código abierto.
RSSHubRSSHub 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.
SVGFiltersSVGFilters es un área de juegos SVG muy interesante donde puedes agregar diferentes efectos con solo unos pocos clics.
Cambie diferentes configuraciones para cambiar el efecto en la imagen.
Después de generar el archivo SVG, simplemente copie el código correspondiente y utilícelo.
CodeSurferCodeSurfer es un componente de React para desplazarse, hacer zoom y mostrar código.
Puedes resaltar una o varias líneas de código, ampliar fragmentos largos y mucho más.
ShrinkMeShrinkMe es una aplicación de compresión de imágenes que puede ayudarte a completar el trabajo de compresión de imágenes en unos segundos.
Arrastre la 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.
¿Realmente es necesario lograr el efecto Fake3DEffect3D mediante el modelado? ¡No necesariamente! Puedes usar esta herramienta para crear efectos 3D simulados y la profundidad visual que se merece, y presentarlos directamente sin ningún truco sofisticado. hazlo.
DivisiónDivisión puede ayudarte a crear elegantes efectos de división de texto usando CSS.
Puedes hacer esto creando elementos y agregando variables CSS.
Es liviano, fácil de usar y viene con documentación dedicada.
Tutorial: Efectos avanzados con CSSBackgroundBlendModesBennett FeelyEn este tutorial, presentamos 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.
GradientIconsGradientIcons 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 la versión gratuita como la versión paga son muy poderosas.
EmojiOne4.0EmojiOne4.0 es una serie de emojis rediseñada en 2018. Está rediseñada según las tendencias de diseño actuales, con degradados sutiles y una interfaz limpia.
BestAnimatedLogosBestAnimatedLogos es un conjunto de íconos dinámicos de alta calidad. Este conjunto de íconos cubre los logotipos de empresas famosas, desde Google hasta Tumblr.
HeardatWorkHeardatWork recoge las expresiones reales de los trabajadores durante su trabajo. La mayoría de estas personas proceden de un estudio de diseño de Nueva York. Son interesantes, reales e incluso un poco ridículas.
Este proyecto fue creado por JustineBraisted.
TheCarltonDanceTheCarltonDance 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. una mirada ~NerdRobeNerdRobe es un servicio que se especializa en diseñar varias camisetas geek para diseñadores. Ofrece nuevos diseños cada semana, que se puede decir que son un muy buen complemento para la vida.