diff --git a/subjects/ascii-art-web/ascii-art-web-stylize.en.md b/subjects/ascii-art-web/ascii-art-web-stylize.en.md new file mode 100644 index 000000000..47261eb3a --- /dev/null +++ b/subjects/ascii-art-web/ascii-art-web-stylize.en.md @@ -0,0 +1,26 @@ +## ascii-art-stylize + +### Objectives + +You must follow the same [principles](https://github.com/01-edu/public/blob/master/subjects/ascii-art-web/ascii-art-web.en.md) as the first subject. + +Ascii-art-stylize consists on making your site : + +- more appealing, interactive and intuitive. +- more user friendly. +- give more feedback to the user. + +This project will help you learn about: + +- The basics of human-computer interface. +- The basics of CSS. +- Linking CSS and HTML. + +### Instructions + +- Your project must contain **CSS**. +- The code must respect the [**good practices**](https://github.com/01-edu/public/blob/master/subjects/good-practices.en.md). +- We suggest you to search for the principles of a good website design. + +- It must be possible to see the text properly despite the colors used. +- The website must be [consistent](https://digitalcommunications.wp.st-andrews.ac.uk/2016/04/07/why-is-consistency-important-in-web-design/), [responsive](https://smallbiztrends.com/2013/05/what-is-responsive-web-design.html) and [interactive](https://en.m.wikipedia.org/wiki/Interactive_design). diff --git a/subjects/good-practices.en.md b/subjects/good-practices.en.md index 8f5b4f7f4..708e962e3 100644 --- a/subjects/good-practices.en.md +++ b/subjects/good-practices.en.md @@ -28,6 +28,10 @@ - [**goimports**](https://godoc.org/golang.org/x/tools/cmd/goimports) - [**foimports vs gofmt**](https://goinbigdata.com/goimports-vs-gofmt/) +### CSS + +- [**CSS**](https://www.tothenew.com/blog/10-best-practices-in-css/) + ### Dockerfile - [**Dockerfile**](https://docs.docker.com/develop/develop-images/dockerfile_best-practices/)