{"id":16962407,"url":"https://github.com/aeharding/excellent-css","last_synced_at":"2026-05-08T08:04:15.019Z","repository":{"id":76942674,"uuid":"50047110","full_name":"aeharding/excellent-css","owner":"aeharding","description":"Presentation on tried and tested CSS best practices","archived":false,"fork":false,"pushed_at":"2016-01-27T16:11:04.000Z","size":4245,"stargazers_count":3,"open_issues_count":0,"forks_count":0,"subscribers_count":4,"default_branch":"gh-pages","last_synced_at":"2025-01-26T11:23:24.635Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://github.com/aeharding/excellent-css/blob/gh-pages/slides.md","language":null,"has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/aeharding.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2016-01-20T17:28:39.000Z","updated_at":"2023-12-15T19:41:50.000Z","dependencies_parsed_at":"2023-04-21T18:16:23.991Z","dependency_job_id":null,"html_url":"https://github.com/aeharding/excellent-css","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/aeharding%2Fexcellent-css","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/aeharding%2Fexcellent-css/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/aeharding%2Fexcellent-css/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/aeharding%2Fexcellent-css/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/aeharding","download_url":"https://codeload.github.com/aeharding/excellent-css/tar.gz/refs/heads/gh-pages","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":244825648,"owners_count":20516592,"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":[],"created_at":"2024-10-13T23:06:30.460Z","updated_at":"2026-05-08T08:04:12.776Z","avatar_url":"https://github.com/aeharding.png","language":null,"funding_links":[],"categories":[],"sub_categories":[],"readme":"# Read\n\n[Read the slides](slides.md)\n\n# Run the actual presentation\n\n```\nnpm install -g reveal-md\nreveal-md slides.md\n```\n\n# Presentation outline\n\n* \"CSS is hard!\" vs \"CSS is easy!\"\n* normalize.css (Know your reset)\n* CSS box model\n* `\u003cdiv\u003e` soup\n* BEM\n  * CSS overrides\n  * !important\n* EMs and REMs\n* CSS libraries vs Sass libraries (Bourbon/Neat/Bitters/Refills vs Bootstrap)\n* Actually, let's just make that a topic: BOOTSTRAP\n* CSS pre/post processors\n  * Sass\n    * @extend w/ placeholders, @mixin, variables\n* Proactive testing\n  * Linting (scss-lint, sass-lint)\n  * Pixel-perfect regression testing\n* Polishing\n* Animations\n  * Stop using Javascript (jQuery)\n  * Where JS is needed, use it to control CSS events\n* Falling back\n\n## Stuff to research\n * inuitcss\n * \n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Faeharding%2Fexcellent-css","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Faeharding%2Fexcellent-css","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Faeharding%2Fexcellent-css/lists"}