1
1
Checkout [ ht-ml.cc] ( http://ht-ml.cc " HTML - Common patterns for reuse ")
2
2
3
- # HTML - Work in Progress
3
+ # HTML
4
4
5
- #### Common Markup Patterns
6
-
7
- Common markup patterns useful for developing prototypes or creating new themes.
5
+ Common markup patterns I use for developing websites.
8
6
9
7
# Features
10
8
9
+ * All non-media elements in the HTML5 spec are included on one page and are ready to be styled.
11
10
* Modular Structure - add your own patterns, or delete the ones you don't like.
12
- * Semantic markup examples for common design patterns.
11
+ * Semantic and accessible markup examples for common design patterns.
13
12
* 100% responsive except for the silly img element :)
14
- * Thoroughly commented code (Useful comments and reference links for new HTML developers)
13
+ * Thoroughly commented code (notes and reference links for new HTML developers)
15
14
16
- # Getting started
15
+ # Getting the Code
17
16
18
17
* Create a new repo for your project on Github
19
18
* In terminal run
@@ -31,12 +30,25 @@ Common markup patterns useful for developing prototypes or creating new themes.
31
30
origin git@github.com:yourUserName/yourNewRepoName.git (push)
32
31
```
33
32
34
- * Once you add & commit files you are ready to publish run:
35
- ``` bash
36
- git push -u origin master
33
+ Now your set up to use this in a new project.
34
+
35
+ # Getting Started
36
+
37
+ ## The HTML
38
+ * Open up index.html with your favorite text editor and hack away. It's that simple.
39
+ * To preview changes at http://localhost:8000 - open up terminal.app and type
40
+ ```
41
+ python -m SimpleHTTPServer
37
42
```
38
43
39
- Now your set up to use this in a new project.
44
+ ## The CSS
45
+
46
+ If you use sass you can run ``` rake sass ``` from the root of the directory and then
47
+ edit ``` _sass/_styles.scss ``` to style the content in index.html
48
+
49
+ If you'd like to just edit the vanilla css you can delete the _ sass directory and
50
+ just edit ``` css/i.css ```
51
+
40
52
41
53
# Author
42
54
[ MRMRS] ( http://mrmrs.cc " Adam Morse - Designer Developer ")
0 commit comments