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.
HTML5 In-line text editing and storing to database
Creating HTML5 Offline Applications
The Application Cache or AppCache is a new feature of HTML5, which offers a smarter way to cache the web application, making it available offline. The AppCache is a simple mechanism, it allows a developer to specify which files should be cached by the browser and available to the offline users. Once the resources are cached, the user browser retrieve them from local computer instead of web server.
Form validation with jQuery and CodeIgniter
In this tutorial you will learn how to validate form fields with jQuery and CodeIgniter. We will use jQuery to validate in client side and PHP with CodeIgniter framework to validate server side. Therefore it will be very easy to follow this tutorial if you have basic knowledge of jQuery and CodeIgniter. Even if you don’t have knowledge of jQuery or CodeIgniter, it should not be a problem as i will start from very basics.
At the end of this tutorial, you can find a working example as well as all files to download.
Opacity with CSS3 RGBa property
The CSS3′s RGBa property allows to set not only the RGB color but also a level of opacity. The A stands for Alpha, which refers to the opacity level of the color.
Embedding web fonts with @font-face
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.
Clean and Stylish CSS3 Form
This article is about creating a form using some of CSS3 properties. You can easily customize the style.
Creating text effects with CSS text-shadow
The text-shadow is not new property in CSS3, infact it was introduced in CSS 2, however the browsers have implemented it recently. As the name refers, the text-shadow property allows to create text shadow. Following is the syntax of the text-shadow.
Syntax
Using CSS3 Transforms
With the CSS3 Transform property we can transform the appearance of elements. The transform property allows to translate, rotate, scale, and skew.
Each property is explained below:
Translate
With translate property, we an move an element from its original position by x-axis from the left side and y-axis from the top side. The Syntax of translate is
translate (x, y)
Creating CSS3 buttons in easy way
This tutorial demonstrates how to create simple scalable button using some of CSS3 properties such as border-radius and linear-gradient.
CSS3: Creating Radial Gradients
In my previous post, I explained how to make linear gradients in CSS3. In this post, I will explain how to create radial gradients in CSS3 with radial-gradient property without using any image.
