Until 25 Jan 2017
First time learing HTML+CSS
Contents
- Learning HTML & CSS
- GIT: uploading website
HTML & CSS
Online lecture taught me little bit of everything from history, evolution of HTML, basic page structure, formatting page contents to CSS. After 10+ hours of video lecture, I made my own website!
- Introduction to HTML5(Web Design for Everybody: Basic of Web Deveoplement and Coding) by Colleen van Lent, Ph.D(University of Michigan)_ Coursera.org
- HTML Essential Training by James Williamson_ Lynda.com
- Design Aesthetics for the Web by Sue Jenkins_ Lynda.com
- Learn to Code HTML + CSS,
W3C,
Bootstrap,
jQuery,
Google Fonts,
typeconnection: A Typographic Dating Game,
Adobe Color CC
I've downloaded and wrote html with Sublime Text and used Adobe Illustrator for designing graphics and layout.
These are my original website graphic layout, set of colors and typography(from Google Font). I made some changes along the way. I made this layout before learning CSS, so I've practiced and applied the skills from lecture to my website. I'm using jQuery's selectable user interface for weeks menu.
I've spend long hours fixing simple errors(navigation within the website and etc.) and making changes in css margins.
GIT GIT GIT GITLAB: Pre-academy + Uploading my website for the first time!
GIT: As a distributed revision control system it is aimed at speed, data integrity, and support for distributed, non-linear workflows. Git was created by Linus Torvalds in 2005 for development of the Linux kernel, with other kernel developers contributing to its initial development.
Version control: A system that records changes to a file or set of files over time so that you can recall specific versions later. It allows support for non-linear workflows, coordinating work on these files among multiple people.
First time linking my html to the Fab Academy archive. Make an account in git.fabacademy.org and log-in.
- Kurinaui-MacBook-Pro:~ kurinasohn$ ssh-keygen -t rsa -C "$ksohn@mica.edu"(now my computer is linked)
- (Open terminal) Kurinaui-MacBook-Pro:~ kurinasohn$ cat ~/.ssh/id_rsa.pub(copied codes below and pasted on git account to connect my computer with archive)
Uploading website,
- Kurinaui-MacBook-Pro:~ kurinasohn$ cd desktop/fabacademy/archive2017/fablabseoul (inside the folder)
- Kurinaui-MacBook-Pro:fablabseoul kurinasohn$ ls
- Kurinaui-MacBook-Pro:fablabseoul kurinasohn$ git clone git@git.fabacademy.org:fabacademy2017/fablabseoul(clone is for the first time, duplicating the whole file.)
OR
- Kurinaui-MacBook-Pro:fablabseoul kurinasohn$ git pull(pull is to pull from archive to my computer, it renews and updates to latest version)
After adding/changing your file(use "git add ." and/or "git commit -a")
- Kurinaui-MacBook-Pro:fablabseoul kurinasohn$ git add .
- Kurinaui-MacBook-Pro:fablabseoul kurinasohn$ git status (current statue)
- Kurinaui-MacBook-Pro:fablabseoul kurinasohn$ git commit -m "changed by kurina"(making commit and comments)
- Kurinaui-MacBook-Pro:fablabseoul kurinasohn$ git status (current statue)
If there is no error,
- Kurinaui-MacBook-Pro:fablabseoul kurinasohn$ git push(Yay! done!)
I had an error, I've accidentally modified and erased Fablabseoul/index.html. Eduardo(Guru) helped by uploading his verison and I've git clone.
Useful links
Git,
Git Cheat Sheet,
Git Extended Cheat Sheet, Trygit.