#CSS
Awesome-Marp - Markdown演示文稿创作工具 支持多样化主题与样式
Marp演示文稿MarkdownCSS主题Github开源项目
Awesome-Marp是基于Marp的开源项目,提供6种主题和38种自定义样式,支持多种页面布局功能。该工具能够通过Markdown语法创建美观的演示文稿,提高了创作灵活性和效果。Awesome-Marp可在VS Code和Obsidian中使用,为演示文稿制作提供了一种替代PowerPoint和LaTeX Beamer的简便方案。
gcss - 纯Go实现的CSS生成工具
gcssCSSGo样式表主题Github开源项目
gcss是一个纯Go实现的CSS生成工具,允许开发者在Go代码中直接定义和管理样式。它提供了服务器端CSS控制的新方法,无需预处理器。gcss支持主题、媒体查询和复杂样式结构,提高了CSS管理的灵活性和可维护性。该工具易于集成到Go项目中,并可与其他CSS框架协同工作。
stylelint-config-clean-order - 自动化CSS属性排序的Stylelint配置工具
stylelintCSS代码规范样式排序npm包Github开源项目
stylelint-config-clean-order是一个Stylelint配置包,专门用于自动化CSS属性排序。该工具基于stylelint-order插件,提供了一套经过精心设计的属性排序规则,旨在提升CSS代码的可读性和可维护性。用户可以根据项目需求自定义排序规则,灵活性较高。除了属性排序功能外,该配置还包含了额外的空行规则,进一步优化了代码的视觉结构,使CSS文件更加清晰易读。
stylelint-config-twbs-bootstrap - Bootstrap专用Stylelint配置规则集
stylelintBootstrapCSSSCSS配置Github开源项目
stylelint-config-twbs-bootstrap是Bootstrap项目使用的Stylelint配置规则集。它为CSS和SCSS提供统一规则,自动处理.scss文件。通过简单扩展即可在Stylelint中使用,有助于维护Bootstrap项目的代码一致性和质量。这个规则集适用于需要遵循Bootstrap编码规范的前端开发项目。
rainbow-sprinkles - 为 vanilla-extract 提供动态主题驱动的样式属性工具
vanilla-extractRainbow SprinklesCSS动态样式主题驱动Github开源项目
Rainbow Sprinkles 是一个基于 vanilla-extract 的样式属性工具,支持动态主题和自定义 CSS 属性。它生成的 CSS 体积更小,支持灵活的动态值和内联样式变量。该工具保留了 TypeScript 编辑器提示功能,适用于追求高度定制和性能的前端开发项目。
FF-ULTIMA - Firefox浏览器的高度可定制主题体验
Firefox主题定制用户界面CSSFF ULTIMAGithub开源项目
FF-ULTIMA是一款功能丰富的Firefox主题,为用户提供垂直标签栏、单行导航栏等多种自定义选项。该主题支持插件兼容、自定义配色、深浅模式自动切换,适用于Windows、Linux和Mac系统。通过简易的安装过程,用户可以获得高度个性化的Firefox浏览体验。
iCSS - 探索CSS技巧与动画效果的开源资源库
CSSWeb动画布局技巧现代CSS动画效果Github开源项目
iCSS是一个聚焦CSS和Web动画的开源项目,收录了众多创新的CSS技巧、布局方案和动画效果。项目内容涵盖基础到高级的多个主题,包括3D效果、性能优化和现代CSS特性等。通过实例展示和详细说明,iCSS致力于拓宽开发者的CSS思路,提升Web设计与开发能力。
github-markdown-css - 简化GitHub Markdown样式的轻量级CSS库
GitHubMarkdownCSS样式主题Github开源项目
github-markdown-css是一个轻量级CSS库,用于复制GitHub Markdown样式。它提供自动切换明暗主题功能,包含三种主题选项,支持npm安装。使用时只需导入CSS文件并添加markdown-body类。项目提供详细使用说明和自定义CSS生成方法,适合开发者快速实现GitHub风格的Markdown展示。
50projects50days - 50个HTML、CSS和JavaScript前端开发实战项目集合
前端开发HTMLCSSJavaScript项目实践Github开源项目
50projects50days是一个包含50个HTML、CSS和JavaScript实践项目的开源资源库。项目涵盖从基础UI组件到复杂交互应用,每个项目提供源代码和在线演示。适合前端开发者学习实战技巧、获取灵感和参考代码,旨在通过实践提升Web开发技能。项目内容包括扩展卡片、进度步骤、旋转导航动画等50个不同主题的前端实现。资源库由Traversy Media创建,采用MIT许可证开源。开发者可以通过这些项目练习和掌握现代Web前端技术,提高实际项目开发能力。
fubukicss-tool - 将Figma设计一键转换为TailwindCSS、UnoCSS或CSS的浏览器插件
FigmaCSS浏览器扩展开发工具样式导出Github开源项目
fubukicss-tool是一个浏览器扩展,可将Figma设计样式快速转换为TailwindCSS、UnoCSS或CSS。此工具支持导出Figma框架节点为图像,并能列出Figma颜色,简化了设计到代码的转换过程。目前在只读模式下暂不可用,但可通过复制到草稿在编辑模式下使用。
satori - HTML和CSS转SVG的轻量级开源解决方案
SatoriSVG生成HTMLCSSJSXGithub开源项目
Satori是一个开源库,可将HTML和CSS转换为SVG。它采用JSX语法,简化了使用流程。该库能处理布局计算、字体和排版,生成的SVG与浏览器渲染效果一致。Satori支持多种HTML元素和CSS功能,包括Flexbox布局、文本样式和背景设置等。这个工具主要用于创建Open Graph图像和社交媒体卡片。
CodalityUI - 智能化Web组件快速生成与实时编辑平台
AI工具Codality UIAIWeb开发JavaScriptCSS
CodalityUI是一款创新的Web开发工具,融合了先进的智能技术,实现JavaScript、HTML和CSS组件的即时生成、编辑和可视化。平台提供实时编辑和反馈功能,简化设计流程。开发者可快速创建3D动画、交互式组件等自定义元素,生成时间不超过10秒。基于优化的GPT-4模型,CodalityUI确保输出高质量结果。直观的界面和灵活的提示系统使Web开发更加高效和富有创意。
Front-End-Web-Development-Resources - 精选前端开发资源大全
前端开发学习资源GitHubHTMLCSSGithub开源项目
该项目汇集了前端开发所需的各类资源,包括学习路线图、实用工具、在线课程、技术博客、代码编辑器、CSS框架等。内容覆盖广泛,适合不同水平的开发者学习使用。资源持续更新,紧跟技术发展,是前端开发者提升技能的优质参考库。
must-watch-css - CSS讲座精选 前沿技术与最佳实践探索
CSS前端开发网页设计性能优化响应式设计Github开源项目
该项目收录了多个高质量CSS讲座视频,主题包括CSS Grid、flexbox、自定义变量、性能优化等。内容来自业内知名专家,适合各层级前端开发者学习参考。讲座涵盖CSS前沿技术和最佳实践,有助于提升开发技能和拓展知识面。
front-end-interview-handbook - 前端开发面试准备与实践资源汇总
前端面试JavaScriptHTMLCSS系统设计Github开源项目
Front End Interview Handbook汇集前端面试各类资源,包括面试形式、系统设计、常见问题和公司特定题目。推荐GreatFrontEnd平台供实践,并提供多语言版本。面向全球前端开发者,助力系统备战技术面试。
Web-Dev-For-Beginners - Microsoft全面Web开发课程 通过实践项目掌握编程基础
Web开发JavaScriptHTMLCSSGitHubGithub开源项目
Microsoft提供的12周Web开发入门课程,涵盖JavaScript、CSS和HTML基础。通过24个实践项目如植物温室、浏览器扩展和太空游戏,培养编程技能。课程采用项目制学习,配合测验和讨论,帮助初学者掌握Web开发并提高学习效果。适合想要开始Web开发之旅的编程新手。
You-Dont-Need-JavaScript - CSS实现丰富网页交互效果 无需JavaScript
CSSJavaScript前端开发网页设计用户界面Github开源项目
该项目通过大量示例展示了CSS实现交互效果的潜力。常见UI组件如手风琴、轮播图、下拉菜单等均可通过纯CSS实现,无需JavaScript。这种方法可减少对JavaScript的依赖,同时提高网页性能和加载速度。