94 lines
3.3 KiB
JSON
94 lines
3.3 KiB
JSON
{
|
|
"title": "Frontend",
|
|
"slug": "/frontend",
|
|
"resources": [
|
|
{
|
|
"title": "Frontend Handbook 2019",
|
|
"desc": "A lovely guide made by frontendmasters.",
|
|
"url": "https://frontendmasters.com/books/front-end-handbook/2019/",
|
|
"tags": ["learning", "tools", "references", "resources"]
|
|
},
|
|
{
|
|
"title": "Frontend Style Guide",
|
|
"desc": "Example on how to style, format and organize your frontend project.",
|
|
"url": "https://kaliop.github.io/frontend-style-guide/2.0/",
|
|
"tags": ["formatting", "structure", "standards"]
|
|
},
|
|
{
|
|
"title": "Learn to Code HTML and CSS",
|
|
"desc": "Learn to Code HTML & CSS is a simple and comprehensive guide dedicated to helping beginners learn HTML and CSS. Outlining the fundamentals, this guide works through all common elements of front-end design and development.",
|
|
"url": "https://learn.shayhowe.com/html-css/",
|
|
"tags": ["book", "fundamentals", "newsletter", "lessons"]
|
|
},
|
|
{
|
|
"title": "Frontendmasters",
|
|
"desc": "Premium tier video courses for any modern stack. Monthly or yearly subscription.",
|
|
"url": "https://frontendmasters.com",
|
|
"tags": ["courses", "frameworks", "videos", "javascript"]
|
|
},
|
|
{
|
|
"title": "Don't fear the internet",
|
|
"desc": "Basic HTML & CSS for NON-WEB DESIGNERS",
|
|
"url": "http://www.dontfeartheinternet.com/",
|
|
"tags": ["videos", "layout", "typography", "wallpapers"]
|
|
},
|
|
{
|
|
"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": "My Device",
|
|
"desc": "Inspect the root css rules and viewport measurements of your device, and compare it to other devices.",
|
|
"url": "https://www.mydevice.io/",
|
|
"tags": ["viewport", "measurements", "responsive"]
|
|
},
|
|
{
|
|
"title": "Layers of CSS Box Model",
|
|
"desc": "Understand in which order the elements of the CSS box model are stacked.",
|
|
"url": "https://hicksdesign.co.uk/boxmodel/",
|
|
"tags": ["educational", "css", "visual"]
|
|
},
|
|
{
|
|
"title": "Flavio Copes Blog",
|
|
"desc": "I write tutorials for JavaScript and Web Developers.",
|
|
"url": "https://flaviocopes.com/",
|
|
"tags": ["mentor", "books", "tutorial"]
|
|
},
|
|
{
|
|
"title": "Interneting is hard",
|
|
"desc": "Friendly web development tutorials for complete beginners in HTML and CSS",
|
|
"url": "https://www.internetingishard.com/",
|
|
"tags": ["html", "semantic", "css", "typography"]
|
|
},
|
|
{
|
|
"title": "Periodic Table of Web APIs",
|
|
"desc": "A visual map of almost all browser APIs with links to tutorials and documentation, color-coded by browser support",
|
|
"url": "https://wwwperiodictable.surge.sh/",
|
|
"tags": [
|
|
"resources",
|
|
"aggregator",
|
|
"fundamentals",
|
|
"web",
|
|
"visual",
|
|
"browser",
|
|
"frontend",
|
|
"overview",
|
|
"guides",
|
|
"tutorial",
|
|
"compatibility",
|
|
"lists",
|
|
"obselete",
|
|
"reference",
|
|
"specification",
|
|
"standards",
|
|
"comprehensive",
|
|
"advanced",
|
|
"guides",
|
|
"links"
|
|
]
|
|
}
|
|
]
|
|
}
|