{"id":13452274,"url":"https://github.com/sdras/design-for-developers","last_synced_at":"2026-01-26T20:11:40.870Z","repository":{"id":66739373,"uuid":"149911333","full_name":"sdras/design-for-developers","owner":"sdras","description":"Design for Developers Workshop","archived":false,"fork":false,"pushed_at":"2019-01-15T00:44:00.000Z","size":74970,"stargazers_count":754,"open_issues_count":1,"forks_count":154,"subscribers_count":14,"default_branch":"master","last_synced_at":"2025-04-08T13:33:04.228Z","etag":null,"topics":["beginning-design","design","design-101","design-for-developers","design-for-devs","developers-learning-design","learning-design"],"latest_commit_sha":null,"homepage":"https://frontendmasters.com/courses/design-for-developers/","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/sdras.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,"publiccode":null,"codemeta":null}},"created_at":"2018-09-22T19:42:40.000Z","updated_at":"2025-04-07T03:35:28.000Z","dependencies_parsed_at":"2023-07-12T03:00:35.701Z","dependency_job_id":null,"html_url":"https://github.com/sdras/design-for-developers","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/sdras/design-for-developers","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sdras%2Fdesign-for-developers","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sdras%2Fdesign-for-developers/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sdras%2Fdesign-for-developers/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sdras%2Fdesign-for-developers/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/sdras","download_url":"https://codeload.github.com/sdras/design-for-developers/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sdras%2Fdesign-for-developers/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":28787159,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-01-26T13:55:28.044Z","status":"ssl_error","status_checked_at":"2026-01-26T13:55:26.068Z","response_time":59,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"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":["beginning-design","design","design-101","design-for-developers","design-for-devs","developers-learning-design","learning-design"],"created_at":"2024-07-31T07:01:19.081Z","updated_at":"2026-01-26T20:11:40.854Z","avatar_url":"https://github.com/sdras.png","language":null,"funding_links":[],"categories":["Others"],"sub_categories":[],"readme":"# Design for Developers\n\nAuthor: Sarah Drasner\n\nThis repo houses the materials and resources for the [Design for Developers course](https://frontendmasters.com/courses/design-for-developers/) on Frontend Masters. \n\nSometimes it seems like designing is an unlearnable skill, or that if you’re a developer, you might not be able to learn it because it’s a different discipline. Luckily, designing has rules just like development does — rules that can be understood both in theory and in practice. In this workshop, learn to how to become self-sufficient for the entire process of execution from concept to design to implementation. This workshop is also ideal for those that want to be a better collaborator to their design counterparts, and better able to execute the creation of complex and beautiful Frontend experiences.\n\n## Image Resources\n\n### SVG\n\n- Noun Project, Menu\n- Noun Project, Square Arrow Up\n\n### PNG\n\n- Block of Text for easy grid templating\n\n### Templates\n\nFirst, second, and third stages.\n\n## CodePen Resources\n\n- CSS Grid, [example 1](https://codepen.io/sdras/pen/54dcd199a9f3dbf851b9a8f9c706b8f7)\n- CSS Grid, [example 2](https://codepen.io/sdras/pen/927251d94ada804fea3af69537dbe212)\n- CSS Grid, [example 3](https://codepen.io/sdras/pen/f79830e540a17a3690ab9a9e103b5256)\n- CSS Grid, [example 4](https://codepen.io/sdras/pen/74d210572cdd934e60982fa742243ebd)\n- CSS Grid, [example 5, minmax](https://codepen.io/sdras/pen/2c40c78b80eda0f03010a6182376f29e)\n\n## Slide Decks\n\nAll slide decks are in the `slides-pdf` folder in pdf form ordered by number.\n\n## Twitter Contact Info\n\n- [Sarah Drasner](https://twitter.com/sarah_edo)\n\n## License\n\n[![Creative Commons License](https://i.creativecommons.org/l/by-nc-sa/4.0/88x31.png)](http://creativecommons.org/licenses/by-nc-sa/4.0/)\n\nThis work is licensed under a [Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International License](http://creativecommons.org/licenses/by-nc-sa/4.0/)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsdras%2Fdesign-for-developers","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsdras%2Fdesign-for-developers","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsdras%2Fdesign-for-developers/lists"}