{"id":13621917,"url":"https://github.com/yegor256/tacit","last_synced_at":"2025-05-13T23:05:45.070Z","repository":{"id":30017569,"uuid":"33565912","full_name":"yegor256/tacit","owner":"yegor256","description":"CSS framework for dummies, without a single CSS class: nicely renders properly formatted HTML5 pages","archived":false,"fork":false,"pushed_at":"2025-04-09T04:27:01.000Z","size":594,"stargazers_count":1736,"open_issues_count":16,"forks_count":91,"subscribers_count":25,"default_branch":"master","last_synced_at":"2025-04-10T00:11:58.533Z","etag":null,"topics":["css","css-framework","css3","dummies","grunt","html","html5","responsive"],"latest_commit_sha":null,"homepage":"https://yegor256.github.io/tacit/","language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/yegor256.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE.txt","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2015-04-07T20:15:45.000Z","updated_at":"2025-04-07T19:49:39.000Z","dependencies_parsed_at":"2023-10-04T03:56:44.044Z","dependency_job_id":"e80e7197-0528-4b5a-abc2-f63e02e30822","html_url":"https://github.com/yegor256/tacit","commit_stats":{"total_commits":370,"total_committers":38,"mean_commits":9.736842105263158,"dds":0.7162162162162162,"last_synced_commit":"0292b9d90cac32950ebd4d60b481bdd6a3120fc3"},"previous_names":[],"tags_count":101,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/yegor256%2Ftacit","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/yegor256%2Ftacit/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/yegor256%2Ftacit/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/yegor256%2Ftacit/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/yegor256","download_url":"https://codeload.github.com/yegor256/tacit/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248131317,"owners_count":21052819,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["css","css-framework","css3","dummies","grunt","html","html5","responsive"],"created_at":"2024-08-01T21:01:11.974Z","updated_at":"2025-04-10T00:12:32.114Z","avatar_url":"https://github.com/yegor256.png","language":"HTML","funding_links":[],"categories":["SCSS","⚙️ Backend \u0026 APIs","\u003e 1k ★","Frameworks / Resources","css","html5","HTML"],"sub_categories":["T"],"readme":"# CSS Framework for Dummies\n\n[![DevOps By Rultor.com](https://www.rultor.com/b/yegor256/tacit)](https://www.rultor.com/p/yegor256/tacit)\n\n[![grunt](https://github.com/yegor256/tacit/actions/workflows/grunt.yml/badge.svg)](https://github.com/yegor256/tacit/actions/workflows/grunt.yml)\n[![JSDeliver stats](https://data.jsdelivr.com/v1/package/npm/tacit-css/badge)](https://www.jsdelivr.com/package/npm/tacit-css)\n[![PDD status](https://www.0pdd.com/svg?name=yegor256/tacit)](https://www.0pdd.com/p?name=teamed/yegor256/tacit)\n[![License](https://img.shields.io/badge/license-MIT-green.svg)](https://github.com/yegor256/tacit/blob/master/LICENSE.txt)\n[![NPM version](https://badge.fury.io/js/tacit-css.svg)](https://badge.fury.io/js/tacit-css)\n[![Hits-of-Code](https://hitsofcode.com/github/yegor256/tacit)](https://hitsofcode.com/view/github/yegor256/tacit)\n\n**Tacit** is a primitive [CSS](https://en.wikipedia.org/wiki/CSS) framework\nfor dummies, like myself, who\ndon't know anything about graphic design but want their web services to\nlook edible. No classes, no layouts, just design plain and simple web pages\ncompliant with [HTML5](https://en.wikipedia.org/wiki/HTML5), and they\nwill look OK.\n\nThe details are here:\n[yegor256.github.io/tacit](https://yegor256.github.io/tacit/)\n\nSimply add this to your HTML (you may also add the\n[`integrity`][SRI] attribute, generated\nby [srihash.org](https://www.srihash.org/)):\n\n```html\n\u003c!DOCTYPE html\u003e\n\u003chtml\u003e\n  \u003chead\u003e\n    \u003clink rel=\"stylesheet\"\n      href=\"https://cdn.jsdelivr.net/npm/tacit-css@1.9.0/dist/tacit-css.min.css\"/\u003e\n  \u003c/head\u003e\n\u003c/html\u003e\n```\n\nOtherwise, download [`tacit-css.min.css`][CDN]\nand use it together with your HTML by adding the following:\n\n```html\n\u003c!DOCTYPE html\u003e\n\u003chtml\u003e\n  \u003chead\u003e\n    \u003clink rel=\"stylesheet\" href=\"tacit-css.min.css\"/\u003e\n  \u003c/head\u003e\n\u003c/html\u003e\n```\n\nOf course, it is\n[responsive](https://en.wikipedia.org/wiki/Responsive_web_design)\nand mobile-friendly, but you have to add this line too:\n\n```html\n\u003c!DOCTYPE html\u003e\n\u003chtml\u003e\n  \u003chead\u003e\n    \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"/\u003e\n  \u003c/head\u003e\n\u003c/html\u003e\n```\n\nThis blog post explains it in even more detail:\n[Tacit, a CSS Framework Without Classes][blog].\n\n## Browser/OS Compatibility\n\nThe following list contains tested browsers for compatibility.\nWe don't have any guarantees of compatibility for other browsers,\nbut we will verify and add more to the list as soon as possible.\nSome of these browsers present minor issues that are reported in our\n[issues](https://github.com/yegor256/tacit/issues) list.\n\n| Browser/OS        | Version | Compatible |\n|-------------------|---------|------------|\n| Chrome            | \u003e= 60   | Yes        |\n| Firefox           | \u003e= 56   | Yes        |\n| Safari            | \u003e= 11   | Yes        |\n| Opera             | \u003e= 48   | Yes        |\n| Edge              | \u003e= 14   | Yes        |\n| Chrome (iOS)      | \u003e= 60   | Yes        |\n| Safari (iOS)      | -       | Yes        |\n| Internet Explorer | \u003e= 11   | Yes        |\n\n## Built on top of Tacit framework\n\nTacit's goal is to be super simple and always with the same look-and-feel.\nIf you want something more custom, like a different theme,\nfeel free to make it on top of Tacit. Here are some frameworks\nbuilt on top of Tacit:\n\n* [kacit](https://github.com/Kimeiga/kacit) Kacit is the\nTacit CSS classless framework but with a yellow accent and Georgia font\n* [Bahunya](https://github.com/kimeiga/bahunya) is a CSS framework\nwith responsive typography, navbar, syntax highlighting, and much more,\ninspired by Tacit\n\n## Usecases of Tacit framework\n\n* [jare.io](http://www.jare.io) Free and instant CDN\n* [wring.io](http://www.wring.io) GitHub notification filtering hosted inbox\n* [wts.zold.io](http://wts.zold.io) Web Wallets of Zold cryptocurrency\n* [jpeek.org](http://www.jpeek.org) Java projects code cohesion analyzer\n* [socatar.com](https://socatar.com/) Web service to use profile\nphotos in your page\n* [filfreire.com](https://filfreire.com/)\n[@filfreire](https://github.com/filfreire)'s personal blog\non software testing and development\n* [moneeee](https://filfreire.com/Moneeee/) joke app to track\nhow much money you're making during a boring meeting\n* [golang.cafe](https://golang.cafe) Go (golang) job board\nwith no recruiters and clear salary ranges.\n* [tinyfts](https://github.com/dbohdan/tinyfts) Very small\nstandalone full text search HTTP/SCGI server\n\n## How to contribute\n\nFork repository, make changes, send us a pull request. We will review\nyour changes and apply them to the `master` branch shortly, provided\nthey don't violate our quality standards. To avoid frustration, before\nsending us your pull request please run full Grunt build:\n\n```bash\nnpm install\ngrunt\n```\n\nTo develop it locally, open `index.html` in a browser and then run:\n\n```bash\ngrunt dev\n```\n\nNow you can make changes to `.scss` files and refresh the page in the browser.\nCSS will be recompiled automatically on every change you make.\n\nIf installation fails\n([fails for me](https://github.com/sass/node-sass/issues/3184)\non Apple Silicon MacBook), you may try to use Docker:\n\n```bash\ndocker run -it --rm -v \"$(pwd):/tacit\" yegor256/python /bin/bash\n# Now, inside the container:\ncd /tacit\n/usr/bin/install-node.sh\nnpm install\nnpm install --force -g grunt-cli\ngrunt\n```\n\n\n## Logo\n\nTacit's logo was designed by Akshay Vinchurkar\n([@akshayvinchurkar](https://github.com/akshayvinchurkar))\n\n[CDN]: https://cdn.jsdelivr.net/gh/yegor256/tacit@gh-pages/tacit-css.min.css\n[blog]: http://www.yegor256.com/2015/04/13/tacit-css-framework-for-dummies.html\n[SRI]: https://developer.mozilla.org/en-US/docs/Web/Security/Subresource_Integrity\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fyegor256%2Ftacit","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fyegor256%2Ftacit","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fyegor256%2Ftacit/lists"}