Fork deze deeltaak en ga aan de slag. Onderstaande outline ga je gedurende deze taak in jouw eigen GitHub omgeving uitwerken. De instructie vind je in: docs/INSTRUCTIONS.md
This project is licensed under the terms of the MIT license.
This project forked from fdnd-task/living-styleguide
Ontwerp en maak een living styleguide voor een opdrachtgever.
Home Page: https://naddybs.github.io/look-and-feel-living-styleguide/
License: MIT License
Fork deze deeltaak en ga aan de slag. Onderstaande outline ga je gedurende deze taak in jouw eigen GitHub omgeving uitwerken. De instructie vind je in: docs/INSTRUCTIONS.md
This project is licensed under the terms of the MIT license.
Hey girls and guy!
Jullie hebben een mooi begin gemaakt! Mooi gedaan! ik heb wat feedback voor jullie!
Vermijdt het gebruiken van Divs, gebruik sections of articles!
Code snippets uitlijnen met de tekst . Misschien de code gewoon laten zien inplaats van in een summary tag! 😃
Verder hebben jullie het goed gedaan! code ziet er verder ook clean uit!😃
Zorg dat een zin niet meer dan 10 a 12 woorden heeft per regel
max-width: 30 em;
Je kan ook per regel instellen dat er 45 a 75 character per regel wordt.
Ik snap wat er gebeurd in de code maar het is handig om uitleg te geven als iemand aan jou site gaat werken wat het is
De website is niet responsief
look-and-feel-living-styleguide/index.html
Lines 71 to 88 in a424b6a
Bij dit voorbeeld is het niet super duidelijk wat de kleuren zijn. Hiervoor kan je dit beter laten zien door het volgende te doen
:root {
--primary-color: #fff;
--secondary-color: #fff;
--tertiary-color: #fff;
--active: #fff;
---disabled: #fff;
--action-color-1: #fff;
--action-color-2: #fff;
--action-color-3: #fff;
--action-color-4: #fff;
}
voor meer informatie over :root bekijk hier
PS: dit kan je in een code tag plaatsen zodat je dit op de pagina ziet
padding mist bij het uitklap van de code
Test je site op toegankelijkheid , en prestaties, hoe snel laadt je site
Zorg dat de site goede fallback fonts bevat
`font-family: "jou-font", arial, sans-serif;
Laat je eindresultaat testen door mensen in je omgeving om te onderzoeken hoe bruikbaar het is
Houdt rekening met de eindgebruiker en dat toegankelijk en makkelijk te gebruiken is voor iedeereen. Gestructureerde duidelijke navigatie, gebruik labels (wireflow)
Clean code, gestructureerde code, niet in herhaling vallen gebruik conventies
Website ziet er prima uit alleen zijn er sommige headers die ik slecht kan zien omdat de kleur wit is en de achtergrond is light grijs achtig. Probeer hier een goeie contrast te adden.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.