Positioning with CSS: child element above its parent element

How can we display these two div elements? Here, the parent element is displayed below its child element.

The trick is that the child element is defined with an absolute position, and so its parent element gets a relative position:

 

Continue reading Positioning with CSS: child element above its parent element

11 resources for building mobile apps with HTML5

11 resources for building mobile apps with HTML5:

  • Installable Web Apps with the WebApp Manifest in Chrome for Android
  • Field Guide to Web Applications
  • Tutorial: Developing a PhoneGap Application
  • Apache Cordova Tutorial
  • PhoneGap From Scratch: Introduction
  • Best Practices for a Faster Web App with HTML5
  • Building Mobile Apps with Kendo UI
  • HTML5: Vibration API
  • HTML5: Battery Status API
  • HTML5: Network Information API
  • Build Mobile Apps with Sencha Touch

Thanks to @codecondo

How to design the perfect single page website

High detailed guidelines on how to design the perfect single page website

  • Intuitive to use
  • Faster and easier to maintain
  • It forces to simplify
  • Better SEO potential
  • Easier to organize
  • It reduces bandwidth
  • Easier to fit with mobile devices thanks to simple responsive design

+ some resources and templates to design single page sites

Thanks to Cameron Chapman