From 0fe881c21a4b24092b4c7af6015fa27ad4529c30 Mon Sep 17 00:00:00 2001 From: Jonas Gierer Date: Sun, 13 Oct 2019 15:44:23 +0200 Subject: [PATCH 1/4] Add Typography category --- resources/design.json | 12 ---------- resources/index.js | 2 ++ resources/typography.json | 48 +++++++++++++++++++++++++++++++++++++++ 3 files changed, 50 insertions(+), 12 deletions(-) create mode 100644 resources/typography.json diff --git a/resources/design.json b/resources/design.json index bb98f75..69a4f22 100644 --- a/resources/design.json +++ b/resources/design.json @@ -80,12 +80,6 @@ "url": "https://www.lapa.ninja/learn/", "tags": [] }, - { - "title": "Typography Handbook", - "desc": "A concise, referential guide on best web typographic practices.", - "url": "http://typographyhandbook.com", - "tags": [] - }, { "title": "Hyperpixel.io", "desc": "Discover the latest designs for your own inspiration from our curated list of landing pages.", @@ -140,12 +134,6 @@ "url": "https://tympanus.net/codrops/", "tags": [] }, - { - "title": "Fontjoy", - "desc": "Generate font combinations with deep learning.", - "url": "https://fontjoy.com/", - "tags": [] - }, { "title": "Can't Unsee", "desc": "A game where your attention to details earns you a lot of coins. WARNING: Once you see the difference between the images, you won't be able to unsee it!", diff --git a/resources/index.js b/resources/index.js index 3e5b8a8..e9fa610 100644 --- a/resources/index.js +++ b/resources/index.js @@ -14,6 +14,7 @@ import server from './server' import utility from './utility' import icons from './icons' import accessibility from './accessibility' +import typography from './typography' export default [ css, @@ -32,4 +33,5 @@ export default [ utility, icons, accessibility, + typography, ] diff --git a/resources/typography.json b/resources/typography.json new file mode 100644 index 0000000..354b5a5 --- /dev/null +++ b/resources/typography.json @@ -0,0 +1,48 @@ +{ + "title": "Typography", + "slug": "/typography", + "resources": [ + { + "title": "Google Fonts", + "desc": "Large library of high-quality, free web fonts.", + "url": "https://fonts.google.com/", + "tags": [] + }, + { + "title": "The Font Loading Checklist", + "desc": "Four important considerations when loading web fonts.", + "url": "https://www.zachleat.com/web/font-checklist/", + "tags": [] + }, + { + "title": "Practical Typography", + "desc": "A just-deep-enough dive into typography for designers.", + "url": "https://practicaltypography.com/", + "tags": [] + }, + { + "title": "Wakamai Fondue", + "desc": "Extensive font file analyzer that tells you everything you need to know about your font.", + "url": "https://wakamaifondue.com/", + "tags": [] + }, + { + "title": "Typewolf", + "desc": "Discover trending fonts and pairings from around the web.", + "url": "https://www.typewolf.com/", + "tags": [] + }, + { + "title": "Typography Handbook", + "desc": "A concise, referential guide on best web typographic practices.", + "url": "http://typographyhandbook.com", + "tags": [] + }, + { + "title": "Fontjoy", + "desc": "Generate font combinations with deep learning.", + "url": "https://fontjoy.com/", + "tags": [] + } + ] +} From 6c2e59f725a205cb99a9b23cf09ae884ac2cfa6c Mon Sep 17 00:00:00 2001 From: Jonas Gierer Date: Mon, 14 Oct 2019 16:53:13 +0200 Subject: [PATCH 2/4] Move typography resources into design category --- resources/design.json | 42 ++++++++++++++++++++++++++++++++++ resources/index.js | 3 --- resources/typography.json | 48 --------------------------------------- 3 files changed, 42 insertions(+), 51 deletions(-) delete mode 100644 resources/typography.json diff --git a/resources/design.json b/resources/design.json index b2e2705..f91291f 100644 --- a/resources/design.json +++ b/resources/design.json @@ -169,6 +169,48 @@ "desc": "GoodBrief is a random generator for design briefs. Choose the type of creative work and the industry, and goodbrief will generate a unique brief.", "url": "http://goodbrief.io", "tags": ["generator"] + }, + { + "title": "Google Fonts", + "desc": "Large library of high-quality, free web fonts.", + "url": "https://fonts.google.com/", + "tags": [] + }, + { + "title": "The Font Loading Checklist", + "desc": "Four important considerations when loading web fonts.", + "url": "https://www.zachleat.com/web/font-checklist/", + "tags": [] + }, + { + "title": "Practical Typography", + "desc": "A just-deep-enough dive into typography for designers.", + "url": "https://practicaltypography.com/", + "tags": [] + }, + { + "title": "Wakamai Fondue", + "desc": "Extensive font file analyzer that tells you everything you need to know about your font.", + "url": "https://wakamaifondue.com/", + "tags": [] + }, + { + "title": "Typewolf", + "desc": "Discover trending fonts and pairings from around the web.", + "url": "https://www.typewolf.com/", + "tags": [] + }, + { + "title": "Typography Handbook", + "desc": "A concise, referential guide on best web typographic practices.", + "url": "http://typographyhandbook.com", + "tags": [] + }, + { + "title": "Fontjoy", + "desc": "Generate font combinations with deep learning.", + "url": "https://fontjoy.com/", + "tags": [] } ] } diff --git a/resources/index.js b/resources/index.js index 091ad56..cf8bceb 100644 --- a/resources/index.js +++ b/resources/index.js @@ -14,7 +14,6 @@ import server from './server' import utility from './utility' import icons from './icons' import accessibility from './accessibility' -import typography from './typography' const sortByTitle = ({ title: titleA }, { title: titleB }) => { if(titleA < titleB) return -1 @@ -39,6 +38,4 @@ export default [ utility, icons, accessibility, - typography, ].sort(sortByTitle) - diff --git a/resources/typography.json b/resources/typography.json deleted file mode 100644 index 354b5a5..0000000 --- a/resources/typography.json +++ /dev/null @@ -1,48 +0,0 @@ -{ - "title": "Typography", - "slug": "/typography", - "resources": [ - { - "title": "Google Fonts", - "desc": "Large library of high-quality, free web fonts.", - "url": "https://fonts.google.com/", - "tags": [] - }, - { - "title": "The Font Loading Checklist", - "desc": "Four important considerations when loading web fonts.", - "url": "https://www.zachleat.com/web/font-checklist/", - "tags": [] - }, - { - "title": "Practical Typography", - "desc": "A just-deep-enough dive into typography for designers.", - "url": "https://practicaltypography.com/", - "tags": [] - }, - { - "title": "Wakamai Fondue", - "desc": "Extensive font file analyzer that tells you everything you need to know about your font.", - "url": "https://wakamaifondue.com/", - "tags": [] - }, - { - "title": "Typewolf", - "desc": "Discover trending fonts and pairings from around the web.", - "url": "https://www.typewolf.com/", - "tags": [] - }, - { - "title": "Typography Handbook", - "desc": "A concise, referential guide on best web typographic practices.", - "url": "http://typographyhandbook.com", - "tags": [] - }, - { - "title": "Fontjoy", - "desc": "Generate font combinations with deep learning.", - "url": "https://fontjoy.com/", - "tags": [] - } - ] -} From ebe9f94fd330b59fff3b7ef523706fd4e5443cd7 Mon Sep 17 00:00:00 2001 From: Jonas Gierer Date: Mon, 14 Oct 2019 16:57:17 +0200 Subject: [PATCH 3/4] Add typography tags --- resources/design.json | 14 +++++++------- 1 file changed, 7 insertions(+), 7 deletions(-) diff --git a/resources/design.json b/resources/design.json index f91291f..d4d2240 100644 --- a/resources/design.json +++ b/resources/design.json @@ -174,43 +174,43 @@ "title": "Google Fonts", "desc": "Large library of high-quality, free web fonts.", "url": "https://fonts.google.com/", - "tags": [] + "tags": ["typography", "collection"] }, { "title": "The Font Loading Checklist", "desc": "Four important considerations when loading web fonts.", "url": "https://www.zachleat.com/web/font-checklist/", - "tags": [] + "tags": ["typography", "tips", "best practices"] }, { "title": "Practical Typography", "desc": "A just-deep-enough dive into typography for designers.", "url": "https://practicaltypography.com/", - "tags": [] + "tags": ["typography", "educational", "reading"] }, { "title": "Wakamai Fondue", "desc": "Extensive font file analyzer that tells you everything you need to know about your font.", "url": "https://wakamaifondue.com/", - "tags": [] + "tags": ["typography", "tools"] }, { "title": "Typewolf", "desc": "Discover trending fonts and pairings from around the web.", "url": "https://www.typewolf.com/", - "tags": [] + "tags": ["typography", "collection", "inspiration"] }, { "title": "Typography Handbook", "desc": "A concise, referential guide on best web typographic practices.", "url": "http://typographyhandbook.com", - "tags": [] + "tags": ["typography", "guide", "best practices", "educational"] }, { "title": "Fontjoy", "desc": "Generate font combinations with deep learning.", "url": "https://fontjoy.com/", - "tags": [] + "tags": ["typography", "tools"] } ] } From 89c368461c420a25ec1d630b33ed08d63bf8e67c Mon Sep 17 00:00:00 2001 From: Jonas Gierer Date: Mon, 14 Oct 2019 17:01:46 +0200 Subject: [PATCH 4/4] Move "Font Loading Checklist" into frontend It probably has more to do with front-end dev than design. --- resources/design.json | 6 ------ resources/frontend.json | 8 +++++++- 2 files changed, 7 insertions(+), 7 deletions(-) diff --git a/resources/design.json b/resources/design.json index d4d2240..c72d4a1 100644 --- a/resources/design.json +++ b/resources/design.json @@ -176,12 +176,6 @@ "url": "https://fonts.google.com/", "tags": ["typography", "collection"] }, - { - "title": "The Font Loading Checklist", - "desc": "Four important considerations when loading web fonts.", - "url": "https://www.zachleat.com/web/font-checklist/", - "tags": ["typography", "tips", "best practices"] - }, { "title": "Practical Typography", "desc": "A just-deep-enough dive into typography for designers.", diff --git a/resources/frontend.json b/resources/frontend.json index 80c11b6..35f152e 100644 --- a/resources/frontend.json +++ b/resources/frontend.json @@ -31,6 +31,12 @@ "desc": "Basic HTML & CSS for NON-WEB DESIGNERS", "url": "http://www.dontfeartheinternet.com/", "tags": [] + }, + { + "title": "The Font Loading Checklist", + "desc": "Four important considerations when loading web fonts.", + "url": "https://www.zachleat.com/web/font-checklist/", + "tags": ["typography", "tips", "best practices"] } ] -} \ No newline at end of file +}