44 lines
1.8 KiB
Markdown
44 lines
1.8 KiB
Markdown
|
---
|
||
|
|
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"> </div>
|