{"id":22568356,"url":"https://github.com/vanstrouble/frontend-store-html","last_synced_at":"2025-03-28T13:43:50.685Z","repository":{"id":223758917,"uuid":"761457429","full_name":"vanstrouble/frontend-store-html","owner":"vanstrouble","description":"Simply webstore to practice HTML/CSS Frontend.","archived":false,"fork":false,"pushed_at":"2024-02-26T03:19:56.000Z","size":1359,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-02-02T14:14:02.765Z","etag":null,"topics":["css3","html-css","html5"],"latest_commit_sha":null,"homepage":"https://vanstrouble-frontend-store-html.netlify.app","language":"HTML","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/vanstrouble.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,"governance":null,"roadmap":null,"authors":null,"dei":null}},"created_at":"2024-02-21T21:41:39.000Z","updated_at":"2024-03-01T02:25:06.000Z","dependencies_parsed_at":"2024-02-21T23:40:13.557Z","dependency_job_id":null,"html_url":"https://github.com/vanstrouble/frontend-store-html","commit_stats":null,"previous_names":["vanstrouble/frontend-store-html"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vanstrouble%2Ffrontend-store-html","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vanstrouble%2Ffrontend-store-html/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vanstrouble%2Ffrontend-store-html/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vanstrouble%2Ffrontend-store-html/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/vanstrouble","download_url":"https://codeload.github.com/vanstrouble/frontend-store-html/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":246041443,"owners_count":20714138,"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":["css3","html-css","html5"],"created_at":"2024-12-08T00:12:54.621Z","updated_at":"2025-03-28T13:43:50.643Z","avatar_url":"https://github.com/vanstrouble.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Frontend Website HTML/CSS Project\nThis Frontend HTML/CSS practice project uses the BEM methodology.\n\n## BEM Methodology in HTML and CSS\n![BEM image](https://i.ytimg.com/vi/rL-j02QLUMk/maxresdefault.jpg)\n\nThe BEM (Block Element Modifier) methodology is a web development approach that focuses on modular structure and organization of CSS code. It is based on three main concepts:\n- **Blocks**: Represent independent and reusable components of a user interface. Each block has a unique name and encapsulates a set of elements and modifiers.\n- **Elements**: Are parts of a block that cannot exist independently. They are closely related to the block they belong to and are named after the block followed by two underscores and the element name.\n- **Modifiers**: Are classes that modify the appearance or behavior of a block or element. They are used to create variations of the same block or element.\n\nAdvantages of BEM:\n- **Improves code readability**: By following a clear naming convention, it makes CSS code easier to understand and maintain.\n- **Encourages reuse and modularity**: Allows for the creation of independent and reusable components that can be easily incorporated into different parts of the website.\n- **Avoids excessive specificity**: By using classes with descriptive and specific names, it reduces the likelihood of conflicts and improves code scalability.\n\nDisadvantages of BEM:\n- **Generates additional classes**: The BEM methodology can result in more verbose HTML due to the need to add additional classes for each block, element, and modifier.\n- **Initial learning curve**: For those unfamiliar with BEM, it may take time to get used to its naming convention and structure.\n- **Possible redundancy**: In small or simple projects, the overhead of following the BEM methodology may be unnecessary and lead to more complex code than necessary.\n\nBy using the BEM methodology, it promotes a more organized and maintainable code structure in web projects, facilitating collaboration between developers and improving development efficiency. However, it is important to evaluate its advantages and disadvantages in relation to the specific needs of each project.","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fvanstrouble%2Ffrontend-store-html","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fvanstrouble%2Ffrontend-store-html","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fvanstrouble%2Ffrontend-store-html/lists"}