File: 2013-11-08-head.responsive-v2.0.0-alpha.md

package info (click to toggle)
node-headjs 1.0.3%2Bdfsg.1-1.1
  • links: PTS, VCS
  • area: main
  • in suites: bullseye
  • size: 2,888 kB
  • sloc: javascript: 18,509; xml: 33; sh: 14; makefile: 2
file content (44 lines) | stat: -rw-r--r-- 1,805 bytes parent folder | download | duplicates (3)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
---
layout: main
title: Head.Responsive() v2.0.0-alpha
excerpt: Getting things ready for 2.0, and looking for feedback
scripts: ["/site/assets/libs/jquery/jquery.min.js", "https://cdn.moot.it/latest/moot.min.js", "/site/assets/js/comments.min.js"]
---

#{{ page.title }} ({{ page.date | date_to_string }})

<hr />

v2.0 is gearing up and getting ready for prime-time.

Currently playing with the new head.responsive() which will add a few things like

- height/width breakpoints
- hashtag handling (same as page/section handling)
- event handling (to subscribe to UI & feature detect changes)

Not everything is ready, and even, there is a need for some feedback on how certain things are done. Please have a look here, play with it, look at the souce and then come provide some feedback. Thanks !

- This way --->
  - [Test Page](/src/2.0.0/tests/responsive.html)
  - [FeedBack](https://github.com/headjs/headjs/issues/269)

<br/><br/>
<hr style="border: thin dashed" />

P.S. The HeadJS site has been revamped to be more dynamic and more easily updateable. However i'm not a designer and as far as typographical choices etc go ..the site could use some Designer Luv !

I'd like to keep the current layout (more or less), but typo, color-scheme, ergonomics, and flat design revamps are very welcome.

If you have some Designer Luv to spread ...bring it on !

- Some designs i really like (though maybe overkill)
  - [Cassiopeia](http://themes.roussounelosweb.gr/cassiopeia)
  - [Moot](https://moot.it/)
  - Globally the bootstrap style: gray, black, white, or monochromatic with color highlights and large header/footer bars


<div onclick="blog.loadComments(this, 'posts/responsive/2.0.0-alpha', 'Leave a comment')" style="cursor: pointer;">
    <h2>Show Comments</h2>
</div>
<div id="moot">&nbsp;</div>