Wbsite Performance Optimization – part 1

First I will start with some basic questions that every developer should ask before start developing an app.

  • Do you use proper HTML tags?
  • Do you really need those extra tags just for a line of text or for a background image?
  • How fast it’s your page?
  • Your CSS files are not too big?
  • Have you minimized your JS/CSS files?
  • The images you use aren’t too big and to many?
  • Why so many http requests?

CSS Device Adaptation – using @viewport

CSS 2.1 [CSS21] specifies an initial containing block for continuous media that has the dimensions of the viewport. Mobile/handheld device browsers have a viewport that is generally a lot narrower than a desktop browser window at a zoom level that gives a CSS pixel size recommended by CSS 2.1.

Create a Fancy Menu with CSS3 and JQuery tabs

Create a Fancy Menu with CSS3 and JQuery tabs

Last week I started this tutorial but I didn’t had the time to finish it. But today finally I’ve done it.
So what is this tutorial about?
We will create a couple tabs each one with it’s one content. It can be used as a menu or as simple tabs.