Skip to content

Commit 32a6f8d

Browse files
committed
add README file
1 parent 74aefd3 commit 32a6f8d

File tree

1 file changed

+20
-0
lines changed

1 file changed

+20
-0
lines changed

README.md

Lines changed: 20 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,20 @@
1+
# Facebook Mobile Slide Menu in HTML5 + CSS3
2+
3+
The goals of this small project are:
4+
5+
- Minimal javascript
6+
- Rely on CSS for animations
7+
- Behave as much like the iOS implementation as possible
8+
- Fixed search header in menu
9+
- Do not scroll main content area when menu is visible
10+
- Use new iOS overflow: scroll / -webkit-overflow-scrolling: touch if possible (buggy)
11+
12+
## Notes
13+
14+
The HTML and CSS are a work in progress and in no way production read. My initial goal was simply to get the page to resemble the current Facebook web site.
15+
16+
I have inline most of the images using data-uri's so that I could work on this offline. All images/icons used here belong to Facebook and I am simply using them to educational purposes.
17+
18+
## Preview in iOS device
19+
20+
Simply clone/fork this project and load it up in iOS simulator or on your ipod/iphone device if you can figure out how to host it locally on Apache or something. I'm working on putting together a demo page or screencast to show this off. Stay tuned!

0 commit comments

Comments
 (0)