{"id":18888048,"url":"https://github.com/codex-team/html-css-practice","last_synced_at":"2026-05-01T18:31:56.825Z","repository":{"id":66293386,"uuid":"85364865","full_name":"codex-team/html-css-practice","owner":"codex-team","description":"Making Facebook for several minutes","archived":false,"fork":false,"pushed_at":"2017-04-26T12:27:58.000Z","size":5,"stargazers_count":9,"open_issues_count":0,"forks_count":5,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-05-31T12:28:52.418Z","etag":null,"topics":["beginner-friendly","css","html"],"latest_commit_sha":null,"homepage":null,"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/codex-team.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","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}},"created_at":"2017-03-18T00:16:40.000Z","updated_at":"2022-07-04T23:19:19.000Z","dependencies_parsed_at":"2024-01-29T19:40:40.574Z","dependency_job_id":null,"html_url":"https://github.com/codex-team/html-css-practice","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/codex-team/html-css-practice","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/codex-team%2Fhtml-css-practice","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/codex-team%2Fhtml-css-practice/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/codex-team%2Fhtml-css-practice/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/codex-team%2Fhtml-css-practice/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/codex-team","download_url":"https://codeload.github.com/codex-team/html-css-practice/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/codex-team%2Fhtml-css-practice/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":32508900,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-30T13:12:12.517Z","status":"online","status_checked_at":"2026-05-01T02:00:05.856Z","response_time":64,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"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":["beginner-friendly","css","html"],"created_at":"2024-11-08T07:41:45.938Z","updated_at":"2026-05-01T18:31:56.804Z","avatar_url":"https://github.com/codex-team.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Sources from CodeX Meetup: HTML+CSS Practice\n\nJust another one exercise for frontend beginners. Making the Facebook-view on a fast-coding example.\n\nEnjoy.\n\n\n## Base knowledges\n\n- `display` https://developer.mozilla.org/en-US/docs/Web/CSS/display\n- `position` https://developer.mozilla.org/en/docs/Web/CSS/position\n- `float` https://developer.mozilla.org/en/docs/Web/CSS/float\n- `Clearfix Hack` https://css-tricks.com/snippets/css/clear-fix/\n- `Media queries` https://developer.mozilla.org/en-US/docs/Web/CSS/Media_Queries/Using_media_queries\n\nand other.\n\n## More interest\n\n### Native fonts\n\n- Medium Team https://medium.design/system-shock-6b1dc6d6596f#.eycroax4i\n- Smashing Magazine https://www.smashingmagazine.com/2015/11/using-system-ui-fonts-practical-guide/\n\n### CSS Variables\n\n- Spec https://www.w3.org/TR/css-variables/\n- Using https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_variables\n- Supporting http://caniuse.com/#feat=css-variables\n\n### BEM style\n\n- Naming http://getbem.com/naming/\n- [ru] Методология https://ru.bem.info/\n\n### CSS Triangle\n\n![CSS Triangle](https://ifmo.su/public/img/external/css-triangle.png)\n\nhttps://css-tricks.com/snippets/css/css-triangle/\n\nHow its possible: http://stackoverflow.com/questions/7073484/how-do-css-triangles-work\n\n### Position: sticky\n\nhttps://css-tricks.com/position-sticky-2/\n\n## Result 😺\n\nhttp://html.ifmo.su/\n\n![CodeX Meetup:HTML+CSSS](https://ifmo.su/public/img/external/html-css-meetup.png)\n\n## About CodeX\nWe are small team of Web-developing fans consisting of IFMO students and graduates located in St. Petersburg, Russia.\nFell free to give us a feedback on \u003ca href=\"mailto::team@ifmo.su\"\u003eteam@ifmo.su\u003c/a\u003e\n\nhttps://ifmo.su\n\n### Follow us!\n\nVK: https://vk.com/codex_team\n\nTelegram: https://t.me/codex_team\n\nInstagram: https://www.instagram.com/codex_team\n\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcodex-team%2Fhtml-css-practice","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcodex-team%2Fhtml-css-practice","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcodex-team%2Fhtml-css-practice/lists"}