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://zoepje.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.
Misschien een section maken voor icons, zodat je dat hamburger icoontje wat je benoemd bij navigatie er in kan zetten. Zo kunnen mensen het direct copy pasten in hun code.
Er zijn verschillende meningen over het gebruik van all caps. BEETJE AGRESSIEF!
Je zou echter wel text-transform: uppercase; op de heading in CSS kunnen zetten. Dan is alle tekst standaard in caps.
In de plaats van padding: 0.5em 1em 0.5em 1em kan je hier ook padding: 0.5em 1em; neerzetten.
Hier staat nog een fallback font, zet een standaard font neer anders krijg je een dom OS font.
Het is gebruikelijk om niet lager dan 16px te gebruiken tenzij hier een hele goeie reden voor is. In het menu is het vaak wel handig om een goed leesbare grootte.
Ik zag het in het menu staan:
look-and-feel-living-styleguide/index.html
Line 166 in 9939dd5
Laat bij elke component zien hoe deze eruit komt te zien.
Hier gebruiken jullie een onClick(). Dit is een beetje lelijk...
Dit is wel een beetje moeilijkere JavaScript maar je kan beter eventlisteners gebruiken zoals hier: https://www.w3schools.com/js/tryit.asp?filename=tryjs_addeventlistener_displaydate
look-and-feel-living-styleguide/index.html
Line 373 in 9939dd5
Hier gebruik je eerst vh en vw en daarna px. Het is netter om in de plaats van px ook vh en vw te gebruiken. Zo blijf je consistent.
you meet all the criteria for a good styleguide , i would only add that you can use more of the screen to show it.
jullie hebben heel veel goede en mooie code voorbeelden gebruikt, alleen past de code tekst bij het stukje grid niet in het component, dus komt de tekst tot buiten de box
Probeer zo min mogelijk px te gebruiken en stap over naar eenheden zoals em, rem, wv of misschien wel %. Ik zag het hier bijvoorbeeld staan:
look-and-feel-living-styleguide/index.html
Line 255 in 9939dd5
Zodat je niet ineens onbedoeld twee zwarte divs hebt ;)
Alles zit best dicht op elkaar in de site, misschien kan je iets meer margins gebruiken
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.