TE
TechEcho
Home24h TopNewestBestAskShowJobs
GitHubTwitter
Home

TechEcho

A tech news platform built with Next.js, providing global tech news and discussions.

GitHubTwitter

Home

HomeNewestBestAskShowJobs

Resources

HackerNews APIOriginal HackerNewsNext.js

© 2025 TechEcho. All rights reserved.

Tachyons – A CSS Toolkit

67 pointsby impoppyalmost 2 years ago

13 comments

omegabravoalmost 2 years ago
Tailwind before tailwind.<p>It&#x27;s strange, I never saw the point of it, however I saw the value in tailwind almost straight away.<p>I think that might be the difference in examples. The tachyon examples always look uninspiring.
评论 #36785902 未加载
评论 #36787695 未加载
评论 #36786672 未加载
评论 #36786691 未加载
评论 #36785883 未加载
评论 #36788574 未加载
meeritaalmost 2 years ago
The project is outdated. The grid system is not using any CSS3 feature. So, yeah, it&#x27;s an old framework. If you want better features, you may go Tailwind CSS.
评论 #36787801 未加载
评论 #36793977 未加载
评论 #36787631 未加载
mskaalmost 2 years ago
This is really Tailwind before Tailwind. I didn&#x27;t know about it.<p>I&#x27;m working on a css style copying project on the side (DivMagic <a href="https:&#x2F;&#x2F;divmagic.com&#x2F;" rel="nofollow noreferrer">https:&#x2F;&#x2F;divmagic.com&#x2F;</a>) and I might add Tachyons as an option there
评论 #36787968 未加载
stcgalmost 2 years ago
&gt; Functional css for humans (<a href="https:&#x2F;&#x2F;github.com&#x2F;tachyons-css&#x2F;tachyons">https:&#x2F;&#x2F;github.com&#x2F;tachyons-css&#x2F;tachyons</a>)<p>What makes this &#x27;functional&#x27;? Is it related to functional programming? Or is it used as a synonym for &#x27;usable&#x27;?
评论 #36789047 未加载
toastalalmost 2 years ago
Quick fix:<p><pre><code> - .sans-serif { - font-family: -apple-system, BlinkMacSystemFont, - &#x27;avenir next&#x27;, avenir, - helvetica, &#x27;helvetica neue&#x27;, - ubuntu, - roboto, noto, - &#x27;segoe ui&#x27;, arial, - sans-serif; - } + .sans-serif { font-family: sans-serif; } </code></pre> I already set my preferred sans serif in my user agent; if you don’t care enough about the design to provide a real font stack, I don’t need your site trying to override my preferred default with Ubuntu, Roboto, or <i>ugh</i> Arial. If you just want something sans serif, please just fall back to the user agent so users can define the value.
评论 #36786607 未加载
评论 #36788407 未加载
评论 #36787753 未加载
评论 #36786871 未加载
hit8runalmost 2 years ago
The version 5 branch is fully ongoing. I talked to Adam and it’s already in beta. You can check out the branch on GitHub.<p>A few minor things still to iron out but it’s the way to go. I also maintain a version with darkmode support based on v1 :)<p>Feature wise it has grid, css variables and a full color palette.
quadralalmost 2 years ago
I won&#x27;t be using this.<p>The grid system is still using floats instead of flex&#x2F;grid.
评论 #36788025 未加载
umtksaalmost 2 years ago
I love their components page and modular system. With article components any one can create a clean, responsible blog or landing pages. As a non profesional it&#x27;s a perfects system for me.
评论 #36786008 未加载
xswhiskeyalmost 2 years ago
I’ve been using it for a couple years now, absolutely love it. I personally prefer it over Tailwind (and don’t feel like learning _another_ css framework) and, ngl, the “components” section of the page is a big reason for it.<p>When I started using it, if I needed a card or a list I could go to the components section and pick one, copy-paste it and then change it to my liking. When I tried the same in tailwind I was faced with a paywall and automatically lost all interest.
评论 #36788647 未加载
no_wizardalmost 2 years ago
I don&#x27;t know if this is maintained anymore. Last commits are from 3 years ago
评论 #36787361 未加载
评论 #36788599 未加载
评论 #36787301 未加载
评论 #36787363 未加载
frankfrank13almost 2 years ago
always liked Tachyons, and honestly bootstrap. If HTMX catches on I could see both of these getting popular again on over Tailwind, since you won&#x27;t need a build step
qingcharlesalmost 2 years ago
No dark mode support? :(
PaulHoulealmost 2 years ago
I like it and I don’t. I mean<p><pre><code> &lt;b&gt;bold&lt;&#x2F;b&gt; </code></pre> is a little simpler than<p><pre><code> &lt;div class=“b”&gt;bold&lt;&#x2F;b&gt; </code></pre> Certainly designers have struggled to think systematically enough to define a set of classes that are basically semantic even though, when they do it puts their skills on wheels because they can design it and other people can knock out pages consistent with the design.<p>Things like this make me think CSS needs namespaces though, just the other day I found out there was more than one library in an application I am working on that declares properties of “.dropdown” which could be a problem.<p>More generally you really ought to be able to pull some HTML out of page A and transcode it into page B and that means copying the styles and a lack of namespaces for id(s) and class(es) gets in the way of that. In principle you could have syntactic macros for HTML or frameworks that work on the DOM more imaginatively than React does but you run headlong into the “macro hygiene” problem.
评论 #36786782 未加载
评论 #36786900 未加载