Author: cheyfern

Wireframing E9

So for the past few days I’ve been designing my personal branding logo and wireframing my portfolio site using Illustrator. The next step is starting to code the final portfolio site. So I should probably get to that.

MM E9 – EXAM EVENT

Now for some portfolio site inspiration: https://zhenyary.com/ — this one is frickin sick https://dominic.bz/ http://robinmastromarino.com/ http://www.erminandoaliaj.com/ https://www.awwwards.com/inspiration/scroll-triggered-animation-prmo-portfolio http://eien.tokyo http://www.jcsuzanne.com/#/project/index/ https://www.martinehrlich.com/ https://www.sofiapapadopoulou.com/#front-page http://www.benmingo.com/ https://davideperozzi.com/ http://eumray.com/ http://cedricklachot.com/project/easytiger http://www.filippobello.com/portfolio

E8 Final Animation

Its been a long road to final render, and yes, there could still be some slight tweaking of my final and yes, the music could fade out, but you know what? I did it. I made the deadline and I feel proud of myself so here I am, half asleep typing this post but I…

Read More

Code: Flexbox

EX 6.1 of 3 The initial code before flexbox. Adding the flexbox line of code Making the code responsive using flexbox. This code replaces grid columns, rows and fractions. Ex 6.2 of 3 FLEX-WRAP: WRAP-REVERSE FLEX-WRAP: WRAP EX 6.3 of 3 FLEXBASIS Making the box minimum width a specific size (px). Much more specific than…

Read More

Code Help

CSS TRICKS CODEACADEMY WW3 SCHOOLS Kevin Powell – tuts on YouTube

Code: Media Queries

Keep scrolling for a basic step-by-step tut on how to make web responsive. THE MOST IMPORTANT LINE OF CODE IN MAKING SOMETHING RESPONSIVE. HTML CSS RESPONSIVE WEB In your CSS once you’ve inserted your media query line of code and specified the maximum pixels of when you want your code to change, the box specified…

Read More

Code: Responsive Web 1

VERY IMPORTANT LINE OF CODE FOR RESPONSIVE WEB RESPONSIVE WEB This works horizontally. Playing with the responsiveness, bottom right hand corner of the screen plays with the selected element. You can also play with the values by increasing and decreasing the pixels (px).

CDP: coding columns & amp; understanding fractions

NOTE all of the comments (the text in grey) as they explain the lines of code being used. Werner just put up some tuts and games on AERO to further explain rem/em/ pixels/ fractions/ %/ columns etc.