freddy03h / heart.css

CSS micro-framework for Single Page Application

Heart.css

CSS micro-framework for Single Page Application

See the documentation

heart.css's Issues

Landscape orientation not working very well

Hi Freddy :)

I tested the iOS and Android examples and when rotating my device (iPhone 5c iOS 7.1.1) a weird behavior happens : I get an empty zone at the bottom of the screen. Screenshot :

Add heart.css to the description

Hi,
I tried to find your micro-framework on the web (i.e asked Google) and it seems that it's not referenced yet.

You could try to give your framework some visibility as I feel it could help some folks out there is their designs & prototypes.

You could -I mean if you want to- add the name "Heart.css" in the README as well as renaming you repo ?

Anyway, good job !

data-state instead of class ?

I read this article : Stop toggling classes with JS, use behaviour driven DOM manipulation with data-states and Thinking in states is exactly what I try to do with Heart.css

What do you think about change this

<div class="layer-toggle open">
    …
</div>

to this ?

<div class="layer-toggle" data-state="open">
    …
</div>

Example app 3 : no way of hiding browser bars in portrait orientation

Testing again. In the demo 3, portrait orientation, when the page loads and no matter how I try to scroll, I can't make the browser address bar and the bottom bar disappear. They disappear in landscape orientation, but not when I revert to portait orientation. iPhone 5c w/ iOS 7.1.
It impairs a little bit the experience, since it's a waste of screen space.
Screenshot :