Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/huogerac/awesome-web-frontend

A curated list of awesome web frontend related resources 😎
https://github.com/huogerac/awesome-web-frontend

List: awesome-web-frontend

Last synced: 16 days ago
JSON representation

A curated list of awesome web frontend related resources 😎

Host: GitHub
URL: https://github.com/huogerac/awesome-web-frontend
Owner: huogerac
License: mit
Created: 2022-03-07T01:32:16.000Z (almost 3 years ago)
Default Branch: main
Last Pushed: 2022-06-28T02:42:15.000Z (over 2 years ago)
Last Synced: 2024-11-26T13:02:11.614Z (25 days ago)
Size: 4.88 KB
Stars: 23
Watchers: 3
Forks: 6
Open Issues: 0
Metadata Files:
- Readme: README.md
- License: LICENSE

Awesome Lists containing this project

ultimate-awesome - awesome-web-frontend - A curated list of awesome web frontend related resources 😎. (Other Lists / Monkey C Lists)

README

        ![Awesome](./media/awesome.svg)

# Awesome Web Frontend

A curated list of awesome web frontend related resources 😎

## HTML

- [Documentação](https://devdocs.io/html/)

- [MDN Tutorial](https://developer.mozilla.org/pt-BR/docs/Web/HTML)

- [Tags](https://www.w3schools.com/TAGS/ref_byfunc.asp)

- [All tags](https://allthetags.com/)

## HTML Cursos Free

- [Freecodecamp](https://www.freecodecamp.org/learn/responsive-web-design/basic-html-and-html5/)

## Frameworks JS

- [Frameworks mais populares 2012-2019](https://www.youtube.com/watch?v=3xKxSNw26ZU)

## Web Templates (Most Free html templates)

- [https://html5up.net/](https://html5up.net/)

- [https://uideck.com/](https://uideck.com/)

- [https://startbootstrap.com/](https://startbootstrap.com/themes?showPro=false&showAngular=false&showVue=false)

- [https://bootstrapmade.com/](https://bootstrapmade.com/)

- [https://themefisher.com/](https://themefisher.com/free-bootstrap-templates/)

- [https://www.creative-tim.com/](https://www.creative-tim.com/bootstrap-themes/free)

- [https://themewagon.com/](https://themewagon.com/theme-price/free/)

- [https://bootswatch.com/](https://bootswatch.com/)

- [https://www.styleshout.com/](https://www.styleshout.com/free-templates/)

- [https://mobirise.com/](https://mobirise.com/html-templates/free-html-css-templates/)

- [https://freebiesbug.com/](https://freebiesbug.com/psd-freebies/website-template/)

- [https://www.tooplate.com/](https://www.tooplate.com/free-templates)

- [https://www.graphberry.com/](https://www.graphberry.com/category/free-html-web-templates)

- [https://htmltemplates.co/](https://htmltemplates.co/free-html5-templates)

- [https://www.themevault.net/](https://www.themevault.net/free-responsive-website-templates)

- [https://tympanus.net/codrops/](https://tympanus.net/codrops/category/freebies/)

- [https://www.free-css.com/](https://www.free-css.com/free-css-templates)

- [https://www.templatemonster.com/](https://www.templatemonster.com/free-html-website-templates/)

- [https://onepagelove.com/](https://onepagelove.com/templates/free-templates)

- [https://graygrids.com/](https://graygrids.com/templates/category/free-html-templates/)

- [https://templatemo.com/](https://templatemo.com/)

- [https://freehtml5.co/](https://freehtml5.co/)

- [https://www.html5xcss3.com/](https://www.html5xcss3.com/c/free-website-templates)

- [https://themesfor.app/](https://themesfor.app/all-themes/)

- [https://www.landingfolio.com/](https://www.landingfolio.com/)

- [https://saaspik.pixelsigns.art/](https://saaspik.pixelsigns.art/)

- [https://uicookies.com/](https://uicookies.com/)

- [https://nicepage.com/](https://nicepage.com/)

- [https://webthemez.com/](https://webthemez.com/)

## Ferramentas visuais

- [Melhorar foto avatar](https://pfpmaker.com)

- https://coolbackgrounds.io/

- https://www.shapedivider.app/

- https://app.haikei.app/

- https://neumorphism.io/

- https://css.glass/

- https://getwaves.io/

- https://www.blobmaker.app/

- https://www.photopea.com/

- https://www.gimp.org/

## CSS

- [Documentação](https://devdocs.io/css/)

- [Seletores Game](https://flukeout.github.io/)

- [Dev Samples CSS](https://www.devsamples.com/)

- [Responsive Design Checker](https://responsivedesignchecker.com/)

- [Box Shadow](https://neumorphism.io/#e0e0e0)

## Ferramentas CSS & Fonts

- [Tipografia CSStypetset](http://csstypeset.com)

- https://fonts.google.com

- https://fonts.adobe.com

- https://www.mixfont.com

## CSS Prática

- [Frontend Mentor](https://www.frontendmentor.io/challenges?sort=difficulty|asc)

## Icons / Favicon

- https://fontawesome.com

- https://www.flaticon.com/

- https://toolcool.org/random-favicon-generator/

## Extra

- [Como as fontes recontam a história da escrita - Atila Iamarino](https://www.youtube.com/watch?v=ORfyYK24CRQ&list=WL&index=8)

## Inspirações ⭐️

- [Dribble](https://dribble.com/)

- [Behance](https://www.behance.net/)

- [awwwards](https://www.awwwards.com/websites/)

- [One Page Love](https://onepagelove.com/)

- [Up Labs](https://www.uplabs.com/)

## Bibliotecas CSS

- https://una.im/CSSgram/

- https://www.cssfilters.co/

## Javascript Prática

- [beecrowd](https://www.beecrowd.com.br/judge/pt/problems/index/1)

## Awesome Websites

- [Josh Comeau](https://www.joshwcomeau.com/)

- [Mario Saul](https://www.mariosaul.com/)

- [Stripe Press](https://press.stripe.com/)

## Outros

- https://ihateregex.io/