Migrating Tachyons to Tailwind CSS (III – learnings)

• Slim

  31 5,275 7.8 Ruby

  Slim is a template language whose goal is to reduce the syntax to the essential parts without becoming cryptic. (by slim-template)

  

Luckily none of these issues affect how the templates themselves work in Rails, they just clash with presenting and working with them in Rubymine. And Slim itself already supports all special characters that Tailwind uses nicely.

• Webpacker

  55 5,312 4.1 Ruby

  Use Webpack to manage app-like JavaScript modules in Rails

  

The additional_paths array can be used to add more filenames or globs to the ones automatically watched by Webpacker. If any of these files changes, the Webpacker assets recompilation is automatically triggered upon the next page load. The default files can be found in the default_watched_paths method of the Webpacker gem.

• InfluxDB

  www.influxdata.com featured

  Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.

  

• Overcommit

  5 3,874 6.6 Ruby

  A fully configurable and extendable Git hook manager

By the way, it’s nice that adding (or completely redefining) the scale system is so easy in Tailwind. On the other hand, care must be taken that modifying the defaults is not overused. In the end, we added an Overcommit rule banning further updates of the Tailwind configuration (of course, this can be temporarily disabled, when truly needed).

• Tailwind CSS

  1,285 78,752 9.4 TypeScript

  A utility-first CSS framework for rapid UI development.

  

Tailwind 2.0 changes the meaning of font size utilities – they now set the line height (”leading“) as well. Sadly, this broke too many places on our site so, as advised, we redefined the font size scale to include only font sizes again. And we left this small issue to a future refactoring.

• tachyons

  41 11,592 7.6 CSS

  Functional css for humans

  

Apart from the rather technical issues above, there are also important differences in the way the two systems are designed and how they approach page styling in general. Sure, the core concepts are basically the same. But the two systems often emphasize different aspects of styling and this fact must be taken into account when migrating. We already mentioned the base styles above but there is more.

• SaaSHub

  www.saashub.com featured

  SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives

  

Suggest a related project