{"id":1395,"date":"2022-04-26T08:05:25","date_gmt":"2022-04-26T08:05:25","guid":{"rendered":"https:\/\/appliedartand.design\/lj\/?p=1395"},"modified":"2022-04-26T08:05:25","modified_gmt":"2022-04-26T08:05:25","slug":"sass-and-parallax","status":"publish","type":"post","link":"https:\/\/appliedartand.design\/lj\/2022\/04\/26\/sass-and-parallax\/","title":{"rendered":"Sass and Parallax"},"content":{"rendered":"\n<p>Over the past couple of weeks, we touched on a completely new approach to styling our websites.<\/p>\n\n\n\n<!--more-->\n\n\n\n<p>We learned about a different way to approach CSS, known as Sass or SCSS. It was something that I&#8217;ve never worked with before, so it was a new experience for me. I thought that certain parts of it were helpful, such as being able to define different things, such as colors, so you don&#8217;t have to type or paste the same color over and over, and instead use the simpler term you defined. You could also nest the code within each other, so it is easier to collapse certain sections.<\/p>\n\n\n\n<p>Another thing that I thought was interesting was that you could create separate documents for the same code, and insert it in the main document. I can see this being both a good and bad thing. It is helpful for large parts of the code into isolated spaces, so it doesn&#8217;t take up too much room. It can become a problem if you over complicate things, though. If you have too many documents it will become a problem when you need to update them, since you will need to move past a bunch of different ones. <\/p>\n\n\n\n<p>Parallax is another new concept that we touched on. It&#8217;s something that I want to learn more about because I think it adds visual interest to your site. I was able to get five different parallax images to work on my site, and I want to experiment more with different types of parallax.<\/p>\n\n\n\n<p>I will continue to experiment with both parallax and SCSS in the future, so I can figure out what works for me and what doesn&#8217;t.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Over the past couple of weeks, we touched on a completely new approach to styling our websites.<\/p>\n","protected":false},"author":57,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[178],"tags":[],"class_list":["post-1395","post","type-post","status-publish","format-standard","hentry","category-aad-086-sp22"],"_links":{"self":[{"href":"https:\/\/appliedartand.design\/lj\/wp-json\/wp\/v2\/posts\/1395","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/appliedartand.design\/lj\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/appliedartand.design\/lj\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/appliedartand.design\/lj\/wp-json\/wp\/v2\/users\/57"}],"replies":[{"embeddable":true,"href":"https:\/\/appliedartand.design\/lj\/wp-json\/wp\/v2\/comments?post=1395"}],"version-history":[{"count":1,"href":"https:\/\/appliedartand.design\/lj\/wp-json\/wp\/v2\/posts\/1395\/revisions"}],"predecessor-version":[{"id":1396,"href":"https:\/\/appliedartand.design\/lj\/wp-json\/wp\/v2\/posts\/1395\/revisions\/1396"}],"wp:attachment":[{"href":"https:\/\/appliedartand.design\/lj\/wp-json\/wp\/v2\/media?parent=1395"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/appliedartand.design\/lj\/wp-json\/wp\/v2\/categories?post=1395"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/appliedartand.design\/lj\/wp-json\/wp\/v2\/tags?post=1395"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}