CSS3 Gallery with Lightbox

December 29, 2011 CSS3 3 comments

CSS3 Gallery

In this tutorial we will create a simple image gallery with lightbox effect using only CSS3. The idea is to have the gallery thumbnails that are clickable, and once a thumbnail is clicked, the respective image is displayed in large size in the lightbox style, which often refers to a pop-in window with a clickable semi-transparent layer covering the rest of the page. Upon clicking the layer, it closes the window and returns to the page.

Continue Reading →

HTML5 In-line text editing and storing to database

September 28, 2011 HTML5, jQuery, PHP 54 comments

The HTML5 specification includes contentEditable attribute, which has been supported by most of browsers for quite some time. It gives ability to edit the page directly in the browser window. You can specify particular parts of a page which should be editable in a very easy way. At its simplest, all you have to do is to add the tag attribute contentEditable to the element. The contenteditable attribute can be applied to any HTML element, for example images, lists, and even video content. However, it allows to edit the text only, the other elements can be only removed.

Continue Reading →

Getting started with HTML5

May 24, 2011 HTML5 16 comments

HTML5 is the latest revision of HTML, with the goal to make it easier to develop web applications. HTML5 has much simple syntax compared to HTML 4 and it offers lots of new features. This articles gives introduction to HTML5.

Continue Reading →

Embedding web fonts with @font-face

March 13, 2011 CSS3 4 comments

With the new CSS property @font-face you can use the remotely hosted custom fonts in the web design. The font will be displayed properly on every computer even if it is not installed.

Continue Reading →

Clean and Stylish CSS3 Form

February 28, 2011 CSS3 90 comments

This article is about creating a form using some of CSS3 properties. You can easily customize the style.

Continue Reading →