Giter Club home page Giter Club logo

cmput404-assignment-css-hell's Introduction

Assignment: CSS Hell

Resources:

Part 1:

http://stackoverflow.com/questions/7961721/how-do-i-install-a-custom-font-on-an-html-site 2016-02-07

http://www.dafont.com/oldstyle-hplhs.font 2016-02-07

http://www.computerhope.com/htmcolor.htm 2016-02-07

http://www.w3schools.com/css/ 2016-02-07 (used in both Part 1 and 2)

http://stackoverflow.com/questions/6464383/how-to-make-images-line-up-in-a-row-regardless-of-browser-zoom-level 2016-02-12

Part 2:

http://stackoverflow.com/questions/14854900/how-to-move-text-up-using-css-when-nothing-is-working 2016-03-08

http://stackoverflow.com/questions/30788131/css3-flexbox-maintain-image-aspect-ratio 2016-02-08

http://stackoverflow.com/questions/23695090/spin-rotate-image-on-hover 2016-02-09

Modifications to Part 1 HTML:

Pride and Prejudice:

Changed header 'CONTENTS''s class from 'toc' to 'toc2' (line 68);

Added font color to the links (starting line 74-254);

Alice's Adventures in Wonderland:

Added "tdhover" class and font color to the chapter links (starting line 78-166);

Huckleberry Finn:

Added "hfin-content" class to first h2 header for css (line 13);

Moved the first 3 images into a new div with the id "image-container" to line up all 3 images horizontally.

Added "hfin-content" class to links under CONTENTS header (below line 101-179), left the Illustration links untouched.;

Changed tags of paragraph tags to h2 tags for the Chapter headings (ex: from 'CHAPTER I' (line 349-351) to 'CHAPTER THE LAST' (line 15404 - 15406));


You will skin 3 project gutenberg stories with custom CSS.

You will skin 2 versions of a possible professional homepage for your self with 2 versions of CSS.

Read requirements.org

Read this comic http://theoatmeal.com/comics/design_hell

git clone https://github.com/abramhindle/CMPUT404-assignment-css-hell.git

License/Copyright

Textual content is copyright Abram Hindle (C) 2013 under the CC-BY-SA 4.0 unported license. Attribution should be a hyperlink to the repository and (C) 2013 Abram Hindle visibile in the text.

Code is licensed under the Apache 2.0 license.

cmput404-assignment-css-hell's People

Contributors

rkdhatt avatar abramhindle avatar

Watchers

James Cloos avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.