Ones and Zeros

 Personal Profile Website    I created my personal profile website ( ericwood8.github.io ) after inspiration from Chris Tran that I met at the ReactJs Dallas meeting.  I wished I did this earlier.  It is good to take account of all I have done.  It took about two weeks to create it.  So far I am happy how it turned out, with the exception that I need to add more pictures throughout.  I got to try out the buttons in Pico CSS that I decided against and Bulma CSS that I kept ( https://bulma.io/ ).  Basically the website is practically all HTML and vanilla CSS with a sprinkle of Bulma for buttons.  I used Github Desktop to push the profile code, instead of FileZilla that I use to push the changes to the Freestone County Archives. Github has a delay of a minute on average after the posting to update the site.    Website: ericwood8.github.io     Code: github.com/ericwood8/ericwood8.github.io    

 Browser parse first HTML DOM (script or head tags) and CSS Object Model at same time (mashed into render tree) (not 1 to 1), and JS later. Browser 1) Browser sends an HTTP request for page 2) Web server sends a response 3) Browser converts response data (bytes) into tokens, via tokenization 4) Browser turns tokens into nodes 5) Browser turns nodes into the DOM tree 6) Awaits CSSOM tree construction I) Construct render tree: 1) Starting at the root of the DOM tree, traverse each visible node. 2) Omit non visible nodes. 3) For each visible node find the appropriate matching CSSOM rules and apply them. 4) Emit visible nodes with content and their computed styles. 5) Finally, output a render tree that contains both the content and style information of all visible content on the screen. II) Actual painting of the screen:    CSS:      1) Layout (recursive process triggered on entire render tree from global style change, or incrementally where only dirty lai...