docsify 可以快速帮你生成文档网站。不同于 GitBook、Hexo 的地方是它不会生成静态的 .html 文件,所有转换工作都是在运行时
Docute 本质上就是一个 JavaScript 文件,它可以获取 Markdown 文件并将它们呈现为单页面应用。 它完全由运行时驱动,因此并不涉及服务端组件,这就意味着没有构建过程。你只需创建一个 HTML 文件和一堆 Markdown 文档,你的网站就差不多完成了!
draftjs 一个用于构建文本编辑器的React框架
travis-ci.持续集成部署项目
CSS Triggers
快速生成Css样式,在任意网站复制内容,再到本页面 Ctrl+ V,即可css文件剥离出来,并合并相似样式,将css压缩至最小。
很方便地查找一个CSS属性,并且可以迅速地浏览可能的value值
imagesLoaded是一个用于来检测网页中的图片是否载入完成JavaScript工具库。
flex.css is 是一个声明式的布局框架,能够兼容多个 MVVM框架和浏览器。
HTML5 元素标签含义大全(元素周期表)—HTML5星空
一个基于 Preact / React / React Native 的 UI 组件库。
css3 clip-path在线生成器
Swiper是一个开源、免费强大的纯javascript打造的滑动特效插件,面向手机、平板。
云开发 Webify:专为 Web 开发者打造的应用托管平台,极速开发、部署、上线
腾讯云开发云原生一体化部署工具 ? CloudBase Framework:一键部署,不限框架语言,云端一体化开发,基于Serverless 架构
一份清单,按字母表顺序列出了每个CSS属性
Css在线解压缩工具/整理/格式化。
多张图片生成雪碧图
JSON Web Tokens - jwt.io
jQuery Mobile 是用于创建移动 Web 应用的前端开发框架。
CSS Grid Generator 是一个由Sarah Drasner创建的免费工具。它是一个可视化设计工具,允许咱们创建一个基本的 Grid 布局,然后就可以使用生成对应的代码,帮助咱们快速布局。
一个基于css3实现的漂亮的关键帧动画生成工具和类库
Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页。
RequireJS是一个非常小巧的JavaScript模块载入框架,是AMD规范最好的实现者之一。
来自于腾讯SNG(社交网络事业群),是主要负责腾讯Q+、WebQQ、QQ群空间项目的团队,致力于Web前端技术的研究。
Less 是一门 CSS 预处理语言,它扩展了 CSS 语言,增加了变量、Mixin、函数等特性。
css按钮生成器
国外一个CSS3阴影在线生成器网站
各种各样的loading效果
JSR is the open-source package registry for modern JavaScript. JSR natively supports TypeScript, and works with all JS runtimes and package managers.
CodeMirror 是一个为浏览器定制的全能的文本编辑器,用 JavaScript 实现。专门用来编写代码,支持超过100个语言,以及各种各样的扩展让我们实现更高级的编辑功能
为腾讯微信优化的H5动效模板,帮助你快速构建全屏滚动型H5页面。
Grunt是基于Node.js的项目构建工具,它可以自动运行你所设定的任务。
前端技术选型工具
将 svg 转换成 React 不够用,还需要转换成 React Native
腾讯Web前端团队推出的轻量级的多点触控手势库。
为开发人员分享快速参考备忘清单【速查表】
美丽的一页网站,提供灵感和参考
一站式云端内容管理系统 - An open source Node.js headless cms based on CloudBase
A browser based code editor
Tailwind Generator - Collection of useful tools and generators for Tailwind to create, design and customize all kind of web components using a graphical editor.
一种学习 React API 的方法,即通过将其组织成一个空间地图来帮助理解。作者将 React 的不同部分联系在一起,形成了一个可供探索的结构,并在 “推荐阅读” 部分中添加了一些经过筛选的优质博客文章链接,以便更好地理解 React API
Preview and share your site with mobile style
使用 NextJS + Notion API 实现的,支持多种部署方案的静态博客,无需服务器、零门槛搭建网站,为Notion和所有创作者设计
React 渲染流程可视化
Find quickly all the class names and CSS properties with this interactive cheat sheet. The only Tailwind CheatSheet you will ever need!
Unstyled, accessible components for building high‑quality design systems and web apps in Vue. Get Started View on GitHub
将 CSS 转换为 TailwindCSS
Pick the right UI Library for your Vue 3 or Nuxt 3 Project.
Shiki Magic Move Demo
一个可视化定制浏览器滚动条的网站,很方便
为开发者打造的演示文稿工具
Node Version Manager Desktop - A desktop application to manage multiple active node.js versions.
Having trouble memorizing all 37080 utility classes in Tailwind? Remembered the CSS code, but did not remember which is the corresponding Tailwind CSS utility class? Search for it here!
facebook出品的富文本编辑器
有点类似于 Animation.css ,不同的是,Animation.css 集成了很多 CSS 关键帧的动画效果,而 Transition.css 集成了很多过渡动画效果
一款功能强大的网站分析工具:Web-Check。 可以分析任何网站的 IP 信息、SSL 链、DNS 记录、Cookie、域名信息、服务器位置、网站性能等等信息。
@程序员poetry,编程知识博主,全网同昵称
- 主页:博客 | Github | 知乎
- 进阶学习:前端系统进阶 & 面试指南
- 关注公众号『 前端进阶之旅 』学习不迷路
- 面试刷题小程序『 前端进阶之旅 』
扫码关注「前端进阶之旅」发送:「动态码」