Everything should be 100% responsive
Your website should be readable and work regardless of a users device or screensize. Don't break the functionality of HTML with CSS.
CSS for designing faster than the speed of light
v3.0.1
12.49 kB
Your website should be readable and work regardless of a users device or screensize. Don't break the functionality of HTML with CSS.
Just because it's readable to you on your laptop, doesn't mean it is readable by your users. Make sure your type is big. Make sure your contrast is high.
Code isn't for making a developers life easier. It's for improving the lives of our users. If it's not doing that, why write it. A developer's time is not precious. A user's time is.
If a computer can do it, you shouldn't have to.
Single purpose classes that are easy to grock.
Tachyons isn't a monolithic framework. It's a collection of 47 self contained modules that can be mixed and matched or used independently. Pick what you want, leave the rest.
A flexible plugin framework for preprocessing css. View on Github
Base classes are mobile by default. Can be overridden by namespaced classes targeting larger breakpoints.
Who cares about colors. Unless you're painting a bikeshed.
Small css modules for debugging stacking and layout issues. Can easily be turned on or off during development.
Powers of two. Starting at .25
Take what you need. Leave the rest. The small single-purpose modules make it easy to grab only what you need without needing to figure out dependencies.
Infinitely nestable. Fully fluid. Extremely light-weight.
Minification, auto-prefixing, and so much more.
Tachyons is also available as a series of modules on npm and github that you can mix and match to suit your project's needs.
npm install --save-dev tachyons-module-name