Card title links & CSS comments, variables – Week 14

This blog question talks about how comfortable I feel with VS Code and truthfully I came into this course with no knowledge in coding and not a lot of knowledge with computers. With VS Code I learned how to work a keyboard a lot more. You’ll still see me struggle with the shortcuts for the command palette or how to do live server but now I’m glad I know what these things are. I use a lot of beautify especially because I’m really bad at reading the code when it’s not in order. I know this is small but I’m able to set up all the files, html,and css files. This software is really beginner friendly and I recommended it to my friend who wants to start coding!

Blog Link:

http://mubyjess.com/webdesign1/week14/

Final: Trillo Project.

I finally finished the trillo project so here it is.

v1

v2

v3

v4

v5

v6

v7

v8

Trillo Final Project Blog Post

To start off, here’s the link to my Trillo Project. I was going to upload all the separate parts but I decided that I was already too behind to blow the blog up that many times.

Anyway, I’m finally done. This semester has been a wild ride for me. Quarantine has been tough on me so getting work done was kind of tough for me at the beginning. For me it’s hard to separate the being home mentality and the get work done mentality, so getting into a mood to work while at home was extremely difficult. I did however, enjoy this semester. I like the way that this class is taught and wish more professors would teach in this style. I had fun meeting everyone and making new friends (Pre-Quarantine), and I hope everyone stays safe and enjoys their summer. Goodbye Everyone!

Natours Final Version Blog Post

Heres the link to the final version of Natours

This project really opened my eyes up to a lot of the things that go into building a website. It’s actually a lot more work than I initially expected and I’ve gained a better appreciation for well put together sites. Even though the project just has you follow a code along, you still feel accomplished at the end because you learned how to implement everything that went into building that site. So THEORETICALLY, I would somewhat be able to piece together a site of similar quality, so that makes me happy.

Week 4 Blog Post

There is a ton of CSS architecture covered in these three videos and how to use Sass to implement your 7-1 architecture. But hidden in there are a few bits of interesting CSS to mull:

  • :not() pseudo selector
  • calc() function
  • [] attribute selector with the ^ operator used.
  • ::after pseudo selector to write a clearfix hack

Pick two of these and described how they were used in the tutorials. Give an example piece of code using Enlighter to support your description.

The :not() pseudo selector will select all children except the one specified within the parenthesis.

The ::after pseudo is used to add content after the elements content. This can be any form of text and can change how the element looks.

Here is a link to my directory with all of the work.

Week 3 Blog Post

Describe how you are using node.js for this project. What is node.js? What is the node package manager (npm)? What is the particular package you’re using for this project? How did you install it and note that it going to be required for your project moving forward? How did you setup the Sass compiler to run?

Node.js is what is used to write SASS CSS. SASS allows you to write CSS code much more intuitively, and often times makes things more optimal. The package manager helps convert the SASS into CSS code. To run sass you must first install node. J’s to your computer then you must select from the npm init to get package.Json and then npm install node-sass save-dev. If you want the compiler to run automatically you just have to set up -w.

Here is my directory link to all of my work.

05 Natours Project with Sass + Blogging Questions.

This has been one chaotic and unexpected ending of a semester. I dislike the fact that I had to finish my courses online, especially this one. The natours project has given me plenty of headaches but I’m glad that it’s finally over. I decided to combine all versions + blogging questions into one huge blog post, just to make things easier for myself. Below is a link to all of my work.

Directory: https://alisas.net/design2/

Blogging Questions:

There is a ton of CSS architecture covered in these three videos and how to use Sass to implement your 7-1 architecture. But hidden in there are a few bits of interesting CSS to mull:

  • :not() pseudo selector
  • calc() function
  • [] attribute selector with the ^ operator used.
  • ::after pseudo selector to write a clearfix hack

Pick two of these and described how they were used in the tutorials.

The ::after pseudo is used to add content after the elements content.

The calc () function is a feature in CSS that is an automatic calculation whenever the page loads.

Describe how the :not pseudo selector works.

The :notpsuedo selector represents elements that don’t match a list of selectors.

css.php