diff --git a/Wireframe/index.html b/Wireframe/index.html index 0e014e53..9c14713a 100644 --- a/Wireframe/index.html +++ b/Wireframe/index.html @@ -3,30 +3,79 @@ - Wireframe + wireframe +
-

Wireframe

+

Structuring Projects: README, Wireframes & Git

- This is the default, provided code and no changes have been made yet. + "This wireframe outlines the essential components of a well-structured development workflow, + covering README files, wireframing, and Git. A clear and informative README file helps developers + and contributors understand a project’s purpose, setup, and usage. Wireframing plays a crucial role + in planning and visualizing user interfaces before coding begins, ensuring a smooth design process. + Git, as a version control system, enables efficient collaboration, tracking changes, and managing code repositories. + Together, these elements form the foundation of an organized and maintainable software development project +

- -

Title

+ +

README file

- Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam, - voluptates. Quisquam, voluptates. +

- Read more + Read more
-
+
+
+ +
+

wireframe

+

A wireframe is a simple visual representation of a webpage, app, or software interface, outlining + its structure and layout without detailed design elements. It serves as a blueprint, showing where + key components like buttons, images, and text will be placed. + Wireframes are usually created in black-and-white or grayscale and focus on functionality rather + than aesthetics. They help designers, developers, and stakeholders plan the user experience (UX) + before moving on to full design and development. + Common tools for creating wireframes include Figma, Adobe XD, Balsamiq, and Sketch +

+ Read more +
+
+
+
+
+ +
+

Git

+

+ Git is a version control system that helps developers track changes in their code, collaborate + efficiently, and manage project history. It allows multiple people to work on the same project + without overwriting each other’s work. + + Key Features of Git: +Version Control – Tracks changes and allows reverting to previous versions. +Branching & Merging – Developers can work on separate branches and merge changes when ready. + Collaboration – Teams can contribute without conflicts using platforms like GitHub, GitLab, or Bitbucket. + Distributed System – Every developer has a full copy of the project history. + +Basic Git Commands: +git init – Initializes a Git repository. +git add . – Stages changes for commit. +git commit -m "Message" – Saves changes with a message. +git push – Uploads changes to a remote repository. +git pull – Retrieves the latest changes from a remote repo. +Git is widely used in software development to ensure code safety, collaboration, and efficient +project management. +

+ Read more + diff --git a/Wireframe/style.css b/Wireframe/style.css index be835b6c..987314b0 100644 --- a/Wireframe/style.css +++ b/Wireframe/style.css @@ -18,7 +18,7 @@ As well as useful links to learn more */ ====== Design Palette ====== */ :root { --paper: oklch(7 0 0); - --ink: color-mix(in oklab, var(--color) 5%, black); + --ink: color-mix(in oklab, var(--color) 5%, rgb(0, 0, 0)); --font: 100%/1.5 system-ui; --space: clamp(6px, 6px + 2vw, 15px); --line: 1px solid; @@ -52,7 +52,8 @@ main { footer { position: fixed; bottom: 0; - text-align: center; + text-align: left; + background-color: rgb(212, 126, 12); } /* ====== Articles Grid Layout ==== Setting the rules for how articles are placed in the main element.