Category Archives: HTML5

line break in code adds white space between elements.

line break in code adds white space between elements, specifically inline-block elements.  One fix is to add display:flex to the parent element. This doesn’t seem to work for Safari. Another fix is to add font-size: 0 to the parent element. … Continue reading

Posted in HTML/CSS, HTML5 | Comments Off on line break in code adds white space between elements.

Sidebar Transitions – cool CSS nav transitions

http://tympanus.net/Development/SidebarTransitions/

Posted in CSS3, HTML/CSS, HTML5 | Comments Off on Sidebar Transitions – cool CSS nav transitions

Hardware-Accelerated CSS

Great article on hardware acceleration and mobile web apps. http://www.smashingmagazine.com/2012/06/21/play-with-hardware-accelerated-css/

Posted in HTML/CSS, HTML5, Mobile | Comments Off on Hardware-Accelerated CSS

Vertically Align contents of DIV

I first put the contents in a DIV inside the parent DIV.  I used jQuery to get the height of both the main wrapper and the nested content DIV. Then, subtract to height of the content DIV from the height of … Continue reading

Posted in HTML/CSS, HTML5, JavsScript, jQuery | Comments Off on Vertically Align contents of DIV

Using GPS with jQuery Mobile

Nice simple tutorial on Geo location and maps for mobile. http://the-jquerymobile-tutorial.org/jquery-mobile-tutorial-CH23.php

Posted in HTML5, jQuery, Mobile | Tagged , , , | Leave a comment