For Applied Art & Design at Sierra College
This week I learned about Parallax. I felt the application and how its applied was really cool. When I was in my introduction class I really wanted to know how to styles backgrounds and overlay text to some degree. So this project while being challenging was extremely fun for me.
Continue reading “What I learned In Week 12 AAD 0062”
Week 10 was really good , It felt like a review week and helped me get more confident with styling in general. I was able to be more specific with the styles I applied to my sites and portal page. Also helped understand code higher arks.
Continue reading “What I learned about in Week 10”
Week 8 was pretty challenging to put it simply. I was having some trouble with the concentric challenge at first it took me way longer then expected to understand how it works. The final mid term draft was fun though it at least showed me that I had to think about how much text I put for a mobile page and design layout really play a role in presentation.
Continue reading “What I learned Week 8 AAD86”Learning Parallax was fun! It makes me feel like an actual designer. Its cool that something like this doesn’t need JavaScript.
The link I shared above is an excellent example of parallax scrolling. The design feels so interactive!
The link bellow also has some parallax but something extra is going on at the end, when you move the mouse so do the fruit and veggies.
And this last one is INSANE! There is a lot going on but smoothly.
Over the past couple of weeks, we touched on a completely new approach to styling our websites.
Continue reading “Sass and Parallax”We have done so much writing and research that not having the right word can make or break what you are trying to say or look for or code. Having a name or word for something is power. Once you have the word you can learn how to use it and bend it to your will.
Continue reading “Terminology is Everything.”This week was quite interesting since we went more in-depth with a technique that I’ve been wanting to learn about.
Continue reading “Impressions on Parallax”Web styling and designing are always audience specific. It is just like the old proverb, “It is not what you say but how you say it.” Here are some articles to think about trends for 2022.
https://www.theedigital.com/blog/web-design-trends.
https://webflow.com/blog/web-design-trends-2022
The examples that initially popped out to me that I liked were the use of large texts and pictures for a landing page to create an experience that creates a world that an audience can relate to, a beckoning of sorts for the viewers to relate to view in close at the web site.
However, the most critical trend is that of mobility and the design feature that I like the most for that was the scroll effect on mobile. In one article the mobility is even addressed for users who are left or right handed.
In my years of academia I mostly focused on creative arts and to be considerate of the audience was next to none, I had little in mind. My intention were set my own trends and not rely on any others. So this is an interesting experience for me to consider for web-design and the creation of content that is made primarily for the viewer. The creation of a world for the viewer to funnel in the call to action. To see what other designers are coming up with to take it a step further for the audience.
I’ve often felt like Goldilocks when interacting with websites that utilize parallax. Too many parallax effects in a site can be extremely overwhelming. Too little can seem underwhelming for the excitement of the effect. But when it’s done just right, it can be incredible.
Continue reading “Parallax – fashionable web design?”What is bootstrap? To put it simply, bootstrap is a CSS framework that allows designers to develop responsive, mobile-first websites. There are times when using bootstrap is ideal, and other times when it is now. To learn more, keep reading!
Continue reading “Fasten Your Bootstraps!”Growing up I was always told I had sass, but that’s not what we’re talking about here! Sass in relation to coding has nothing to do with attitude, but everything to do with looks (of your website).
Continue reading “An Intro to Sass”As the class is coming to an end the final project for the class, I’m working on right now were going to be developing our own website to a target audience and my audience will be anyone who is interest in the fantasy of the comic book world to see and understand some interesting and some non-interesting characters from the Marvel and DC universe’s. I’m excited to find and create the research for this project it’s something I’m interested in and also watched and read all the movies and comic books.
For this journal entry, I will share a resource found on Github for a simple parallax scrolling effect nearly identical to the examples shown in this week’s lecture. The difference here is that it uses Javascript and jQuery.
Continue reading “Parallax Universe”Parallax- an interesting name for an interesting design tool! Using parallax in your designs allow for an engaging and interactive experience for users, causing an illusion and offering some great creative design opportunities. Here’s a fun guide of resources to help you explore this world!
Continue reading “Parallax: What is it?”When 2 or more layers are moving at different speeds in the same or opposite direction it creates a sort of gliding effect. This effect is known as parallax. There are many ways we can achieve the parallax effect using CSS.
This week we studied Bootstrap one of my favorite ways of coding, if you never tried coding with bootstrap, you should. I will provide you with multiple reasons for the good and bad sides of bootstrap.
Continue reading “BootStrap”Who could of imagined 11 weeks of intermediate web-design would feel like a years worth of learning? Not me.
The switch to beginner to intermediate is a pretty big leap of information that I could of never imagined. Now I am learning how computer science fits in to the big picture. It makes sense. Since recently, I have been listening to Ed Snowden’s book Permanent Record on audible loan from my local library. I highly recommend it if you haven’t heard it already had a chance to listen or read it this spring season as a nod to a new awakening or greener field.
None the less, computer programmers have been scripting code for computers to do their work for a while. It makes sense especially when dealing with a huge project. At this point in my web-design journey I wonder if I will use it. I feel it is too much of a technical path to go down and use. I am at a point, I am tired of having a digital lifestyle in terms of using so-called smart devices. I honestly want a beeper/pager again. It’s two fold- screen calls and a voicemail.
The one exception that peaks my interest is web-design. So far learning the basics of lay-out- flex, grid, positioning and in relation to responsive design has opened my eyes to a whole new aspect of seeing web-design online. I am also am stoked that I learned the Span tag is an inline element that can be used as a div. I am finding myself revisiting old notes and revised a way to keep track of all my projects now too. These are important in terms of saving time and not spinning my wheels. I am finding the tidbits of information starting to add up. Now, I need to revisit to see how it adds up while I practice my mark-up and styles. I have a note by my desk now– Inheritance, Cascade, and Specificity. I also now have a greater appreciation for typography. I feel like I need to round up my top ten stable type-faces on hand to use at any time instead of having to search to what feels endlessly because of all the options.
The journey is exciting. I can’t wait for the summer to be able to get my artist website updated. First and foremost to solidify my organization skills and notes for this class. I am working on 6 different mind maps for different projects, which is also kinda exciting to be able to manage other outside projects while getting my web work accomplished.
Imagine having to design for like 30 screens, that’s a lot of work and a waste of time. Responsive design helps make designs for all screen sizes. I understand now why the professor said to start at the mobile level first and work yourself up. Make sure you have the important things like font, color, padding, images down. Tip: Don’t give elements specific heights and widths because then you will have problems and have to add a lot of code. Then start adding media queries for responsive design.
In these past two weeks, I feel like I hit a bit of a road block. There were two assignments in particular that I struggled with.
Continue reading “Working Through Difficulties”Responsive design is what I’ve always wanted to know how to do.
Continue reading “Some thoughts so far”