【第13期】高级前端工程师必须收藏的(干货)

简介: 【第13期】高级前端工程师必须收藏的(干货)

工欲善其事,必先利其器,一个优秀的前端除了拥有扎实的基本功外,还必须具备一个完善的工具库,关注作者,享受不一样的编程技巧。

样式动画类

EnjpyCSS

可在线编辑 CSS 样式并生成 CSS 代码

https://enjoycss.com/

Webframe

提供精美常用的 Web 页面并加以分类

https://webframe.xyz/

Glassmorphism CSS Generator

在线生成毛玻璃效果,并提供 HTML,CSS代码

https://ui.glass/generator/

GetWaves

波浪背景生成,可下载 SVG 或 复制 SVG 代码

https://getwaves.io/

Shapedivider

波浪背景生成,可控制形状、位置、颜色

https://www.shapedivider.app/

CSS Arrow

在线生成气泡框,可调整箭头方向

https://cssarrowplease.com/

CSS Grid Generator

在线生成 Grid 布局,可复制 HTML 和 CSS

https://cssgrid-generator.netlify.app/

cssfx

提供常用的动画小组件,如Loading、按钮滑动等效果,可直接复制 HTML 和 CSS 代码

https://cssfx.netlify.app/

Checklist Design

页面设计检查清单,当你没有UI设计师或者作为UI设计师,可以通过设计清单可以检查必要的设计要素或者容易忽略的设计元素

https://www.checklist.design/pages-checklists

背景色生成

https://webgradients.com/?ref=usniemvuilaptrinh

渐变背景色生成

https://cssgradient.io/

在线去除背景

https://www.remove.bg/zh/upload

logo,封面设计

https://www.canva.cn/en/?display-com-option=true

生成浪花

https://getwaves.io/

生成水滴

https://www.blobmaker.app/

生成形状

https://www.shapedivider.app/

动效生成

https://animista.net/

投影生成

https://shadows.brumm.af/

圆角生成

https://9elements.github.io/fancy-border-radius/

CSS 剪辑路径

https://bennettfeely.com/clippy/

形状各种生成

https://app.haikei.app/

Material 颜色调色版

https://m2.material.io/design/color/the-color-system.html#tools-for-picking-colors

工具类

图片无损压缩

https://tinypng.com/

nginx 在线配置

https://www.digitalocean.com/community/tools/nginx?global.app.lang=zhCN

Json 格式化

https://jsonformatter.curiousconcept.com/#

TodoMVC

https://todomvc.com/
目录
相关文章
|
3月前
|
安全 开发工具 数据库
探索移动应用开发之旅:从基础到高级
【10月更文挑战第34天】本文将引导读者深入理解移动应用开发的各个方面,从基础知识、开发工具选择到系统架构设计,以及性能优化和安全性考虑。通过实例展示如何构建一个高效、安全且用户友好的移动应用。
|
5月前
|
安全 前端开发 关系型数据库
深入理解后端开发:从基础到高级实践
本文将带你走进后端开发的奇妙世界,从最基础的概念开始,逐步深入到高级实践。无论你是初学者还是有一定经验的开发者,都能在这篇文章中找到有价值的信息。我们将一起探讨后端开发的核心概念、常用技术栈、以及如何在实际项目中应用这些知识。准备好了吗?让我们一起开启这场后端开发的探索之旅吧!
193 4
|
2月前
|
存储 前端开发 Java
深入理解后端开发:从基础到高级
本文将带你走进后端开发的神秘世界,从基础概念到高级应用,一步步揭示后端开发的全貌。我们将通过代码示例,让你更好地理解和掌握后端开发的核心技能。无论你是初学者还是有一定经验的开发者,这篇文章都将为你提供有价值的信息和启示。
127 6
|
4月前
|
前端开发 Java 关系型数据库
探索后端开发:从基础到高级的旅程
【10月更文挑战第20天】本文将带你走进后端开发的世界,通过通俗易懂的语言和实际代码示例,让你从零基础开始,逐步了解并掌握后端开发的核心技术。无论你是初学者还是有一定基础的开发者,都能在这篇文章中找到适合自己的学习路径和方法。让我们一起开启这场技术之旅吧!
56 5
|
9月前
|
存储 API 数据库
探索后端开发的奥秘:从基础到高级
【5月更文挑战第31天】本文将带领读者深入理解后端开发的世界,从基础的服务器和数据库知识,到复杂的API设计和微服务架构。我们将通过实例和案例分析,揭示后端开发的关键概念和技术,帮助读者提升他们的技能和知识。无论你是初学者还是有经验的开发者,这篇文章都将为你提供有价值的见解和技巧。
|
3月前
|
前端开发 JavaScript NoSQL
探索后端开发之旅:从基础到高级实战
【10月更文挑战第24天】在这个数字时代的浪潮中,后端开发如同一座巨大的宝藏岛,等待着勇敢的探险者去发掘。本文将作为你的藏宝图,引领你从浅滩走向深海,探索后端开发的广阔天地。无论你是初心者还是资深开发者,这篇文章都将为你提供价值连城的知识和技能。准备好了吗?让我们启航,一起构建强大、高效、安全的后端系统!
|
4月前
|
存储 网络协议 关系型数据库
探索后端开发:从基础到高级
【9月更文挑战第32天】在这篇文章中,我们将一起探索后端开发的奥秘。无论你是初学者还是有经验的开发者,这篇文章都将为你提供有价值的信息。我们将从基础知识开始,然后逐步深入到更复杂的主题。最后,我们将通过一些代码示例来展示这些概念的应用。让我们一起开始这段旅程吧!
|
5月前
|
存储 Java 数据库
探索后端开发:从基础到高级实践
【9月更文挑战第12天】本文深入探讨了后端开发的核心概念、关键技术和进阶实践。我们将通过一个实际的代码示例,展示如何搭建一个简单的后端服务,并解释其背后的原理。无论你是初学者还是有经验的开发者,这篇文章都将为你提供有价值的见解和技巧。
|
6月前
|
前端开发 Java PHP
探索后端开发之旅:从基础到高级
【8月更文挑战第28天】本文将带领读者走进后端开发的奇妙世界,从基础概念出发,逐步深入到高级技术。我们将通过易懂的语言和生动的比喻,让读者轻松理解后端开发的精髓。同时,文章还将分享一些实用的技巧和建议,帮助读者在后端开发的道路上越走越远。让我们一起踏上这场充满挑战与乐趣的旅程吧!
|
6月前
|
前端开发 API 数据库
探索后端开发之巅:从基础到高级实践
【8月更文挑战第29天】在技术的世界里,后端开发是一块基石,它支撑着无数应用的运行和数据的处理。本文将带你从零基础开始,逐步深入到后端开发的高级实践,包括语言选择、框架搭建、数据库设计、API开发以及性能优化等方面。我们将通过浅显易懂的语言和实际代码示例,帮助你构建起坚实的后端开发知识体系,让你能够自信地应对各种后端挑战。无论你是初学者还是有一定经验的开发者,这篇文章都将为你提供宝贵的学习资源和实践指导。

热门文章

最新文章