Midterm update

By -
Here is my portfolio webpage:
-My Goal for the first half of the semester:
     -Refresher on HTML and CSS
     -Build a portfolio page
-I started out by working on the tutorials on codeacademy.
-Planning for Portfolio Page:
     -I first started out by looking at templates on w3schools. The template I looked at was "Architect Template" and "Coming Soon Template"
-I ended up using the Architect Template at first but I did not like how it looks so I went on codepen to look at different styles of nav bar and such and such.
-I was able to find a template I liked and tried to understand the code used on the page.  I was able to figure out how to get the video embedded on the banner of the page.

 This is what I have so far:
iSkyxSora.github.io/advportfolio/home.html

 What I still need to do:

 -Need to rerender my contents to put on my page
-Make contents on the page clickable so the image will enlarge or open up a new page.
-Replace background of each page with my personal work

Comments

Post a Comment

Popular posts from this blog

Bootstrap Studio [demo]

By -
Image
Bootstrap Studio seems to have a lot of potential. It's user interface is simplistic and removes the need for hard coding. The software makes website design a swift process without the hassle. However, the demo is very limiting in terms of assets and restricting in design. I found it difficult to fulfill my idea and had to resort to using the templates.
Read more

A Case Study (?) of a JavaScript Problem

By -
This week at work, I ran into a very basic problem that needed to be solved with JavaScript. It involved lots of trial and error, but after 3 hours or so, I finally solved it. I wrote an article on my personal blog detailing my thought processes and research trail, in case anyone is interested:  http://emilyserven.net/2016/09/30/js-problem.html (I also included a bunch of footnotes, so if any jargon is confusing, it should hopefully be explained in those.)
Read more

UI Animations Medium Post

By -
v https://uxplanet.org/3-key-uses-for-animation-in-mobile-ui-design-4d7c482dd84b#.3p0xvb9y      So over the past few weeks I've been doing a lot of reading on animations and uses for animation on web.  To me being able to make a website or app feel like it's alive is a great feeling. It adds so much to the interactivity. By simply adding small animations the page suddenly feels alive. It can also make the user experience better overall.      An example is the use of animated loading screens or progress indicators. Using a creative progress indicator reduces the user perception of time. Animations can also make the sit or app seem better than it really is.  Another really useful time to use animations is when drawing the users attention. A good example of this is in notifications.  By animating the notification you can draw the users attention more easily. Overall animations should be used in most websites and can add a lot of value to the user and the creator.
Read more