Post by alincoln0761 on Feb 8, 2016 0:53:03 GMT -8
Hello,
Here is my site: gc.palomar.edu/32950/32950alincoln0761/
I couldn't think of a specific design I wanted to make, so I made a simplistic version of this artbytes site. The header/title is at the top, the navigation is on the side, and the main content on the other side. I also added a nice footer at the bottom.
I decided to hand code the entire site with vim as my text editor, referencing Mozilla docs for semantic HTML, then used jade as a templating engine to easily hand code the HTML without having to write so much code. Once I created all the sections of the layout, I was then able to create the pages themselves, just extending the layout and adding my specific content for the page. This makes it very easy to update portions (like the header/footer) without having to modify each page.
Next was the CSS, I wrote vanilla CSS (although stylus seemed interesting), and referenced the Mozilla docs in the case I wasn't aware what certain properties did (like box-sizing). Once I created all the styles, the final part was to bundle it all together into a nice distribution using gulp. Gulp is streaming build system that manages task automation, meaning I could run a single gulp command and I'm able to compile/minify/concat/move files with a single command.
Once that was done, I wanted to test out my site by using a node.js package that runs a simple little http server on any directory I pointed it to. This provided me an easy way to check my work, however running two commands seemed pretty good so far.
Finally, I was able to use ftp on the command line to upload the files to the student directory provided (which I found I had a made a couple mistakes with path errors), which I was able to easily fix and provide you with the site I have now. All in all, not so bad.
Here is my site: gc.palomar.edu/32950/32950alincoln0761/
I couldn't think of a specific design I wanted to make, so I made a simplistic version of this artbytes site. The header/title is at the top, the navigation is on the side, and the main content on the other side. I also added a nice footer at the bottom.
I decided to hand code the entire site with vim as my text editor, referencing Mozilla docs for semantic HTML, then used jade as a templating engine to easily hand code the HTML without having to write so much code. Once I created all the sections of the layout, I was then able to create the pages themselves, just extending the layout and adding my specific content for the page. This makes it very easy to update portions (like the header/footer) without having to modify each page.
Next was the CSS, I wrote vanilla CSS (although stylus seemed interesting), and referenced the Mozilla docs in the case I wasn't aware what certain properties did (like box-sizing). Once I created all the styles, the final part was to bundle it all together into a nice distribution using gulp. Gulp is streaming build system that manages task automation, meaning I could run a single gulp command and I'm able to compile/minify/concat/move files with a single command.
Once that was done, I wanted to test out my site by using a node.js package that runs a simple little http server on any directory I pointed it to. This provided me an easy way to check my work, however running two commands seemed pretty good so far.
Finally, I was able to use ftp on the command line to upload the files to the student directory provided (which I found I had a made a couple mistakes with path errors), which I was able to easily fix and provide you with the site I have now. All in all, not so bad.