This repository was archived by the owner on Jan 14, 2024. It is now read-only.
Glasgow Class 5 - Andy Robertson - HTML/CSS - Week 1#70
Closed
Andy-Robertson wants to merge 15 commits intoCodeYourFuture:masterfrom
Closed
Glasgow Class 5 - Andy Robertson - HTML/CSS - Week 1#70Andy-Robertson wants to merge 15 commits intoCodeYourFuture:masterfrom
Andy-Robertson wants to merge 15 commits intoCodeYourFuture:masterfrom
Conversation
This was a major update which mainly focused on fleshing out the concept, design and function. Improved the html structure, added several class selectors, a page navigation system and split the content into paragraphs. Completed basic CSS with the aim of putting most styling options behind class selectors. Created a new folder for images and added a logo image.
Added meta tags for author and description to aid SEO. Added favicon to meta data.
Updated site meta description Updated page description content Removed news class Added both nth-last-type() and last-of-type pseudo selectors for fun Added margin and increased border-radius of first-child of article
Completed a major re-write of the navigation system which now properly uses pseudo classes, this was awesome to work on! Completed HTML structure Added content links Made many tweaks to the CSS
Changed name attribute to IDs for navigation Updated mailto links, removing the white space (?) Removed empty comment from CSS
…, and cool looking!
Following feedback from the Zoo project I updated the transition properties to include the property to be animated and curve of the animation values.
Following the Zoo project feedback, converted all class names to kebab case.
|
Your coursework submission has been closed because nobody has interacted with it in six weeks. You are welcome to re-open it to get more feedback. |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to subscribe to this conversation on GitHub.
Already have an account?
Sign in.
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Your Details
Homework Details
Notes
I decided to experiment further with pseudo selectors so I implemented a nav menu and practised with several pseudo selector variants to style and animate the buttons.
Using pseudo selectors to animate the nav menu was pretty tricky to figure out but I got there in the end and learned a lot about the syntax required to target specific link (a) elements using this type of selector.
I tried to be creative with the page design too and it was the first page Ive made with a black background, so I wasn't sure how it was going to turn out :)