{"id":13517293,"url":"https://github.com/troyericg/awesome-design","last_synced_at":"2025-12-30T01:04:44.216Z","repository":{"id":63265687,"uuid":"25366927","full_name":"troyericg/awesome-design","owner":"troyericg","description":"An ever-growing/changing collection of tools, resources, tutorials, guidelines and examples. ","archived":false,"fork":false,"pushed_at":"2022-08-19T14:04:30.000Z","size":176,"stargazers_count":73,"open_issues_count":1,"forks_count":6,"subscribers_count":6,"default_branch":"master","last_synced_at":"2024-05-19T19:00:49.084Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"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/troyericg.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":"2014-10-17T16:29:02.000Z","updated_at":"2023-12-12T16:37:07.000Z","dependencies_parsed_at":"2022-11-16T02:00:36.817Z","dependency_job_id":null,"html_url":"https://github.com/troyericg/awesome-design","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/troyericg%2Fawesome-design","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/troyericg%2Fawesome-design/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/troyericg%2Fawesome-design/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/troyericg%2Fawesome-design/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/troyericg","download_url":"https://codeload.github.com/troyericg/awesome-design/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":245249197,"owners_count":20584497,"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-08-01T05:01:32.247Z","updated_at":"2025-12-30T01:04:44.188Z","avatar_url":"https://github.com/troyericg.png","language":null,"funding_links":[],"categories":["Technical","Other Lists"],"sub_categories":["awesome-*","TeX Lists"],"readme":"## Awesome Design\n\nAn ever-growing/changing collection of tools, resources, tutorials, guidelines and examples for digital designers. \n\n- [Resources](#resources)\n    - [General Resources](#general-resources)\n    - [Colors](#colors)\n    - [CSS](#css)\n    - [Grids/Structure](#grids-structure)\n    - [Icons \u0026 Entities](#icons-entities)\n    - [Images](#images)\n    - [Typography](#typography)\n- [Bookmarklets](#bookmarklets)\n    - [General Extensions](#general-extensions)\n    - [Chrome-Only Extensions](#chrome-only-extensions)\n- [Videos](#videos)\n- [Books](#books)\n- [Demos](#demos)\n- [Examples](#examples)\n    - [General](#general)\n    - [Typographic](#typographic)\n- [Guidelines](#guidelines)\n- [Other Lists](#other-lists)\n- [Contribution](#contribution)\n\n\n### Resources\n-----------\n#### General Resources\n* [16:9 Aspect Ratio Calculator](http://size43.com/jqueryVideoTool.html)\n* [Character Entities](http://brajeshwar.github.io/entities/)\n* [Convert Case](http://convertcase.net/)\n* [Cursors - All available cursors](http://chrisnager.github.io/cursors/)\n* [Domainr (vanity url finder)](https://domai.nr/)\n* [Entity Conversion Calculator](http://www.evotech.net/articles/testjsentities.html)\n* [iPhone Resolution](http://www.iphoneresolution.com/)\n* [PXtoEM](http://pxtoem.com/)\n* [The Ultimate Guide To iPhone Resolutions](http://www.paintcodeapp.com/news/ultimate-guide-to-iphone-resolutions)\n* [Visual Designers Checklist for the Web](http://webdesignerschecklist.com/)\n* [Word Counter](http://www.wordcounter.net/)\n\n#### Colors\n* [0 to 255](http://0to255.com/)\n* [Adobe Kuler](https://kuler.adobe.com/create/color-wheel/)\n* [Color Brewer (for maps)](http://colorbrewer2.org/)\n* [Color Lovers](http://www.colourlovers.com/)\n* [Color Scheme Designer](http://colorschemedesigner.com/)\n* [Hex to RGBA](http://hex2rgba.devoth.com/)\n* [Paletton - The Color Scheme Designer](http://paletton.com/)\n* [Rainbow Text Maker](http://rainbow.arch.scriptmania.com/tools/rainbow_text/rainbow_text.html)\n* [The Day’s Color](http://thedayscolor.com/)\n* [Ultimate CSS Gradient Generator](http://www.colorzilla.com/gradient-editor/)\n\n#### CSS\n* [CSS Beautifier](http://html.fwpolice.com/css/)\n* [CSS Border Radius](http://border-radius.com/)\n* [CSS clip-path maker](http://bennettfeely.com/clippy/)\n* [CSS Color Names](http://www.w3schools.com/cssref/css_colornames.asp)\n* [CSS FilterLab](http://html.adobe.com/webplatform/graphics/customfilters/cssfilterlab/)\n* [CSS Values](http://cssvalues.com/)\n\n#### Grids/Structure\n* [960 Grid Generator](http://960.gs/)\n* [Grid Calculator](http://www.29digital.net/grid/)\n* [Responsive Grid System](http://www.responsivegridsystem.com/)\n\n#### Icons \u0026 Entities\n* [App Icon Template](http://appicontemplate.com/)\n* [CopyPasteCharacter (HTML Entities)](http://copypastecharacter.com/)\n* [Favicon Generator](http://www.favicon.cc/)\n* [iOS 7 App Icon Template for Obsessive Designers](http://savvyapps.com/blog/ios-7-app-icon-template-obsessive-designers/)\n* [Loading GIF Generator](http://ajaxload.info/)\n* [Ready to use SVG icons for the web](http://bbriel.me/svgicons/)\n* [The Noun Project](http://thenounproject.com/)\n\n#### Images\n* [LICEcap: simple animated screen captures](http://www.cockos.com/licecap/)\n* [PLACEHOLD.IT](http://placehold.it/)\n* [PlaceKitten](http://placekitten.com/)\n* [ZorroSVG - The transparency of PNGs for the file size of JPEGs](http://quasimondo.com/ZorroSVG/)\n\n#### Typography\n* [Font Stacks 1](http://css-tricks.com/snippets/css/font-stacks/)\n* [Font Stacks 2](http://cssfontstack.com/)\n* [Golden Ratio Typography Calculator](http://www.pearsonified.com/typography/)\n* [Google Web Fonts](http://www.google.com/fonts/)\n* [Gridlover (tool to establish a typographic system with modular scale and vertical rhythm)](http://www.gridlover.net/app/)\n* [I Font You: Find Great Font Combinations](http://ifontyou.com/)\n* [Jan Tschichold’s Penguin Composition Rules adapted for web writing](http://www.stephenhawkes.com/2013/08/23/jan-tschicholds-penguin-composition-rules-adapted-web-writing/)\n* [Medium-style customizable, retina-pixel underlining](http://codepen.io/ghepting/pen/tLnHK/)\n* [Modular Scale](http://modularscale.com/)\n* [Normalize-OpenType.css](http://kennethormandy.com/journal/normalize-opentype-css)\n* [Open Typography: Font List (fonts with OpenType features)](http://opentypography.org/fontlist.html)\n* [Scale \u0026 Rhythm](http://lamb.cc/typograph/)\n* [Spaces - from zero-width to em space](http://www.aresluna.org/spaces/)\n* [The State of Web Type](http://stateofwebtype.com/beta/)\n* [Type Connection: Matches](http://www.typeconnection.com/matches.php)\n* [Type Genius](http://www.typegenius.com/)\n* [Type Scale](http://type-scale.com/)\n* [Typekit Lists](https://typekit.com/lists)\n* [Web Font Combinator](http://font-combinator.com/)\n\n\n\n### Bookmarklets\n-----------\n#### General Extensions\n* [ColorZilla](http://www.colorzilla.com/)\n* [Colorize Text Between 45-75 Characters](http://css-tricks.com/bookmarklet-colorize-text-45-75-characters-line-length-testing/)\n* [RWD Bookmarklet](http://responsive.victorcoulon.fr/)\n* [Type Sample](http://www.typesample.com/)\n* [WhatFont](http://chengyinliu.com/whatfont.html)\n\n#### Chrome-Only Extensions\n* [Webpage Screenshot](http://www.webpagescreenshot.info/)\n\n\n### Videos\n* TK\n\n\n### Books\n* TK\n\n\n### Demos\n* TK\n\n\n### Examples\n-----------\n#### General \n* TK\n\n#### Typographic \n* [Beautiful Web Type (Google Fonts)](http://hellohappy.org/beautiful-web-type/)\n* [Google Web Fonts Typographic Project](http://femmebot.github.io/google-type/)\n* [Just My Type (font pairings)](http://justmytype.co/)\n* [Typ.io - Fonts that go together](http://www.typ.io/)\n* [Typewolf](http://www.typewolf.com/)\n\n\n### Guidelines\n* TK\n\n\n### Other Lists\n* [Frontend Development](https://github.com/dypsilon/frontend-dev-bookmarks)\n* [Awesome Awesomeness](https://github.com/bayandin/awesome-awesomeness)\n* [Awesome](https://github.com/sindresorhus/awesome)\n\n### Contribution\nPlease contribute! We all get better when we do it together.","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftroyericg%2Fawesome-design","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ftroyericg%2Fawesome-design","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftroyericg%2Fawesome-design/lists"}