Detta är min Silicon Page, där jag använder HTML och CSS för att skapa en webbsida. Syftet med projektet är att demonstrera mina kunskaper inom frontend-utveckling. Det finns även ett dokument som kompletterar vissa betygskriterier, samt en Figma-fil som innehåller en ny page med komponenter för design och struktur.
- Huvudfil (styles.scss): Här finns grunden för all styling som gäller för alla enheter.
- Tablet-only styles (tablet.scss): Responsiva regler som gäller enbart för tablet-storlek.
- Desktop-only styles (desktop.scss): Anpassningar för desktop-skärmar.
- Partials (partials/): Här är mindre moduler för olika sektioner av CSS.
- Mixins, variabler, och funktioner: Jag har skapat och använt mixins, variabler och funktioner för att effektivisera och modularisera SCSS-koden.
Jag har valt att inkludera alla dessa delar, även om jag inte har implementerat SCSS i hela koden. Det hade varit lättare att göra från början, men de delar jag har med visar mina kunskaper och vad som behövs för att börja skapa mitt eget projekt eller ramverk.
Jag ser fram emot kommande kurser, att lära mig mer om Git, dynamisk utveckling och vidareutveckla mina SCSS-kunskaper. SCSS har varit väldigt lärorikt, och jag kan tänka mig att många företag använder ramverk som Tailwind och Bootstrap.
Tack för att du tittar på mitt projekt!
This is my Silicon Page, where I use HTML and CSS to build a web page. The purpose of the project is to demonstrate my frontend development skills. There is also a document that complements certain grading criteria, along with a Figma file that includes a new page featuring components for design and structure.
- Main Styles (styles.scss): This contains the base styling applied to all devices.
- Tablet-only styles (tablet.scss): Responsive rules specifically for tablet-sized screens.
- Desktop-only styles (desktop.scss): Customizations for desktop screens.
- Partials (partials/): This folder contains smaller modules for various sections of the CSS.
- Mixins, variables, and functions: I’ve created and used mixins, variables, and functions to optimize and modularize the SCSS code.
I’ve chosen to include all these parts, although I haven’t implemented SCSS throughout the entire codebase. It would have been easier to do this from the start, but the parts I’ve included showcase my knowledge and the essentials needed to start building a personal project or framework.
I look forward to future courses, learning more about Git, dynamic development, and further expanding my SCSS skills. Learning SCSS has been a great experience, and I can see how many companies might use frameworks like Tailwind or Bootstrap.
Thank you for checking out my project!