A Pen by exarcheia-web on CodePen.
Tim Coomar exarcheia-web
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* Box Model - old and new */ | |
| html { | |
| background: #f06; | |
| background: linear-gradient(45deg, #f06, yellow); | |
| min-height: 100%; | |
| font-family:Tahoma,sans-serif; | |
| } | |
| * { |
exarcheia-web
/ dabblet.css
Created
June 18, 2013 20:09
— forked from vasilisvg/dabblet.css
A simple menu with a :hover action
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /** | |
| * A simple menu with a :hover action | |
| */ | |
| html { | |
| background: #f06; | |
| background: linear-gradient(45deg, #f06, yellow); | |
| min-height: 100%; | |
| font: 100%/2.5 helvetica, arial; | |
| } |
exarcheia-web
/ index.html
Last active
October 17, 2018 19:53
LESSON 1-2
Html Basic Essential Markup
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!doctype html> | |
| <html> | |
| <head> | |
| <meta charset="utf-8"> | |
| <title>Example page</title> | |
| </head> | |
| <body> | |
| <h1>Hello world</h1> | |
| <p>Lorem ipsum dolor sit amet, consectetur.</p> |
exarcheia-web
/ html-boilerplate
Last active
October 17, 2018 19:52
LESSON 2
Standard html5 boilerplate - 2013
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!doctype html> | |
| <html lang="en"> | |
| <head> | |
| <meta charset="utf-8"> | |
| <title>Example page</title> | |
| <meta name="description" content=""> | |
| <meta name="viewport" content="width=device-width, initial-scale=1"> | |
| <link href="favicon.ico" rel="shortcut icon"> | |
| <link href="apple-touch-icon.png" rel="apple-touch-icon"> |
exarcheia-web
/ example-html
Created
August 4, 2013 22:58
LESSON 2
An example of a typical html5 page structure with commonly used tags
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!doctype html> | |
| <html lang="en"> | |
| <head> | |
| <meta charset="utf-8"> | |
| <title>Example page</title> | |
| <meta name="description" content=""> | |
| <meta name="viewport" content="width=device-width, initial-scale=1"> | |
| <meta http-equiv="X-UA-Compatible" content="IE=edge"> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| .grid { | |
| display: block; | |
| } | |
| .grid:after { | |
| content: " "; | |
| display: table; | |
| clear: both; | |
| } |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| ## WEEK 1 | |
| ------ | |
| #### WHAT WE KNOW SO FAR | |
| HTML | |
| - Basic html structure | |
| - What goes inside `<head>` [Gist](https://gist.github.com/exarcheia-web/6152183) |
exarcheia-web
/ 3-Grid-Layout-Techniques.markdown
Created
November 2, 2013 06:38
A Pen by exarcheia-web.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!doctype html> | |
| <html> | |
| <head> | |
| <meta charset="utf-8"> | |
| <title>Example page</title> | |
| <link rel="stylesheet" href="style.css"> | |
| <style> | |
| h1 { | |
| font-size: 30px; |
OlderNewer