轻便实用的 css 框架 TACHYONS

最新推荐文章于 2024-09-08 09:10:52 发布
最新推荐文章于 2024-09-08 09:10:52 发布
阅读量745 收藏
点赞数 1
分类专栏： 前端 angular
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/phj_88/article/details/81192804
版权
前端 同时被 2 个专栏收录
300 篇文章 5 订阅
订阅专栏
angular
101 篇文章 0 订阅
订阅专栏

TACHYONS 详细介绍

TACHYONS，快速构建和设计新的 UI ，而无需编写 css。

原则

  • 100％响应

  • 在任何设备上都可读

  • 尽可能快

  • 在浏览器中设计简单

  • 在不破坏任何现有接口的情况下，可以轻松地更改接口或接口的一部分

  • 尽量保证可重用性，减少重复工作

  • 文档有助于提高可重用性和共享知识

  • Css 不应该阻碍 Html 的可访问性或默认功能

  • 尽可能小的代码量

特性

  • Mobile-first 的 css 架构

  • 490 可访问的颜色组合

  • 8px 基准网格

  • 多个实用调试程序

  • Single-purpose 类结构

  • 针对最大的 gzip 压缩进行了优化

  • 轻便（〜14kB）

  • 跨项目使用

  • 不断成长的开源组件库

  • 适用于普通的 html、react、ember、angular、rails 等等

  • 无限可嵌套的响应格网系统

  • 与 Postcss 构建

前端栈开发
关注
专栏目录
Tachyon的安装、配置和使用
南京大学PASA大数据实验室专栏
12-29 4842
0. 前言 在上一篇博文《Tachyon简介》中，我们简要地介绍了Tachyon，一个以内存为中心的分布式文件系统，及其一些基本工作原理。这一次，我们重点介绍如何在你自己的单机或集群环境下去安装、配置和使用Tachyon。具体地，会从怎样编译源码开始，到各项配置、命令的说明，再加上API的使用举例，让大家能够一步步地把Tachyon用起来。
jim-emacs-fun-tachyons-flex-css:功能CSS的列表
04-05
jim-emacs-fun-tachyons-flex-css功能CSS的列表（tachyons css） 相关资源 良好的第一性原则 尽量用padding撑开div盒子（每个盒子撑满的感觉），减少用边距（除非盒子与盒子之间，margin外边距，比较难调，会很乱）...
推荐开源项目：TACHYONS - 人类的功能性CSS框架
gitblog_00030的博客
05-10 329
推荐开源项目：TACHYONS - 人类的功能性CSS框架 tachyonsFunctional css for humans项目地址:https://gitcode.com/gh_mirrors/ta/tachyons 项目介绍 TACHYONS是一个专为快速构建和设计用户界面而设计的开源CSS框架。它旨在让开发者无需编写CSS就能完成设计任务，并且遵循一系列设计原则，包括响应式设计、可读性、...
Tachyons：为人类设计的实用CSS框架
gitblog_01007的博客
09-05 367
Tachyons：为人类设计的实用CSS框架 tachyonsFunctional css for humans项目地址:https://gitcode.com/gh_mirrors/ta/tachyons 在当今快节奏的开发环境中，快速构建美观、响应式的用户界面是每个前端开发者的追求。Tachyons，一个开源的CSS框架，正是为此而生。本文将深入介绍Tachyons的项目特点、技术分析以及应...
Tachyon框架的Worker心跳及Master高可用性分析
weixin_30614587的博客
09-23 87
0 概述 分布式框架中的Master-Slave类型，Slave节点负责工作的具体执行，Master负责任务的分发或者相关元数据的存储等。一般情况下，一个Master节点都会对应多个Slave节点，Master在分配任务时需要知道当前有哪些Slave节点是可以接受自己所发的命令的(Slave节点有可能因为各种原因挂掉)，因此需要在其内部维持一个链表来保存所有还活着的Slave节点。HBa...
探索TACHYONS：为人类设计的简洁功能性CSS框架
gitblog_00471的博客
09-07 450
探索TACHYONS：为人类设计的简洁功能性CSS框架 tachyons-verboseFunctional CSS for humans. Verbose edition.项目地址:https://gitcode.com/gh_mirrors/ta/tachyons-verbose 在快速迭代和响应式设计的时代，我们遇到了一个令人兴奋的开源宝藏——TACHYONS（冗长版）。这个框架以其人性化...
TACHYONS快速构建和设计新的UI而无需编写css
08-10
**TACHYONS：快速构建和设计UI的CSS框架** TACHYONS是一个独特的CSS库，它改变了我们构建用户界面（UI）的方式。这个库的核心理念是让你无需编写复杂的CSS代码，就能快速创建100%响应式、易读且速度极快的网页设计...
tachyons.js:TachyonsJavaScript辅助函数。 使用PostCSS模块构建
05-10
仅包含一次tachyons CSS。 这可以通过css文件中的import语句来完成，也可以通过将其包含在html的样式标签中来完成。 例子 import tachyons from '@jamr/tachyons.js' const classNames = 'pa3 center sans-serif' /...
R Markdown的实用CSS和JavaScript-JavaScript开发
05-26
安装您可以从GitHub安装Sprinkles：remotes :: install_github（“ gadenbuie / sprinkles”）实用程序Sprinkles包括两个实用程序Web开发库：Tachyons：人类实用CSS Alpine.js：一种坚固的最小框架，用于在您...
css样式框架
01-16
4. **其他CSS框架**：除了上述流行的框架，还有一些其他的CSS框架，如 Bulma、Tailwind CSS 和 Tachyons 等。Bulma简洁轻量，强调可定制性；Tailwind CSS 提供了一种原子化的设计方法，允许开发者按需组合样式；...
learn-tachyons:了解如何使用Tachyons通过功能强大CSS制作精美，响应Swift的UI！
04-14
学习短剑 了解如何使用Tachyons在最少的时间内用最少CSS编写美观，100％响应，功能和快速的用户界面/体验（UI / UX）。 :musical_notes: :musical_keyboard: 一成不变的 :gem_stone: :gem_stone: :gem_stone: 为什么选择速球？ 易于理解和使用 移动优先响应设计 辅助功能 自然的工作流程 与基于组件的UI一起很好地工作 可扩展的出色性能 怎么了 提交前先尝试（3个简单步骤） 在您自己的项目中 学习绳索 自适应修饰符 版式 布局 主题化 图像占位符示例 响应式导航菜单示例 资源 文章 问题与讨论 短剑的未来 为什么呢？ 用户界面（UI）或用户体验（UX）是人们（“最终用户”）看到并与之交互的应用程序的一部分。 确保UI / UX是它可以是最好的，很容易对我们的Web /移动项目的重中之重。 没有好的出色的UI / UX对使用您的应用程序的人else无关紧要” 。 UI / UX至关重要，而不是编程
tachyons-css.github.io:设计快于光速的文档
04-27
快球文档 Tachyons的文档-高性能，移动优先和100％响应的模块化CSS框架。 安装及使用 git clone https://github.com/tachyons-css/tachyons-css.github.io && cd tachyons-css.github.io npm i && npm start 还有其他一些脚本可以简化开发。 请参阅package.json的"scripts"部分。 index.html ， components和docs目录是内置文件。 它们的源可以在src/目录中找到。 css文档是使用名为script.sh的bash脚本创建的，可以与$ npm run doc一起$ npm run doc 。 组件文档是构建脚本的一部分，可以与$npm run build一起$npm run build 。 作者 执照 麻省理工学院 贡献 叉它 创建功能
tachyons-verbose, 用于人类的功能CSS详细版.zip
09-17
tachyons-verbose, 用于人类的功能CSS详细版 超光速粒子( 详细)用于人类的功能css详细版。快速构建和设计新用户界面，无需编写 css 。版本 4.9.1.原理所有内容都应该是 100%响应任何设备上都应该可以读一切都应该尽可能快在浏览器中设计应该很容易更改任何接
前端开源库-tachyons-tables
08-30
前端开源库-tachyons-tables超光速子表格，表格超光速子的CSS模块
tachyons-sass:Tachyons的已转移Sass零件
05-17
速动-无礼 速克的转​​译部分。 安装 npm install --save tachyons-sass 用法 @import " path/to/tachyons.scss " ; 执照 麻省理工学院 贡献 叉它 创建功能分支（ git checkout -b my-new-feature ） 提交更改（ git commit -am 'Add some feature' ） 推送到分支（ git push origin my-new-feature ） 创建新的拉取请求 由和。 这个包最初是由和。
Tachyons CSS Generator 使用教程
最新发布
gitblog_00933的博客
09-08 648
Tachyons CSS Generator 使用教程 generatorGenerate a custom Tachyons build from a config file项目地址:https://gitcode.com/gh_mirrors/generat/generator 1. 项目介绍 Tachyons CSS Generator 是一个基于 Tachyons CSS 框架的代码生成...
如何自定义tachyons_tachyons您从未知道需要的css框架
weixin_26715991的博客
09-07 224
如何自定义tachyonsAs a bootcamp student moving into React, UI/UX and the responsiveness of the applications have become increasingly important. 作为进入React的训练营学生，UI / UX和应用程序的响应能力变得越来越重要。 Ensuring that the ...
[CSS] Design for Mobile First with Tachyons
weixin_30672019的博客
05-12 55
Tachyons provides extensions (-ns, -m, and -l) to many of its classes to help you design for responsive layouts. This lesson walks you through designing for mobile first then adding a design for deskt...
探索前端开发：流行的CSS框架大盘点
OOCSS（面向对象的CSS）和Tachyons是这类框架的例子。 5. UI组件库：这类库通常由公司为其产品设计一套UI组件，但这些组件被设计为可以脱离原始产品独立使用。Ant Design是一个面向React的UI组件库的例子。 了解...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值