Vipul Patel

In the last few years, responsive design has changed the way designers build websites and the way design programs work. Many of these programs have now been rebuilt to deliver results cross-platform, for desktop, tablet, and mobile devices. For many years, all you needed was a desktop site but as technology evolved, smart phones began […]

CSS has a dedicated module which goes into great detail to describe support for background. This module http://www.w3.org/TR/css3-background/ is currently in draft and extends the functionality laid out in CSS2. In addition to what CSS2 offered for background, this module discusses support for boxes with multiple backgrounds.   In an earlier article https://www.htmlgoodies.com/css/working-with-css-box-model-in-your-web-apps-part-1/ , we […]

While HTML5 provides basic support for font management (you can specify bold, italics, underline, and other effects), CSS3 takes the support for font to an entire new level. Let us take a look at a few CSS3 artifacts related to fonts. font-family This property allows web developers to specify a prioritized list of font family […]

CSS3 module http://www.w3.org/TR/css3-positioning/ describes features related to positioning and stacking of elements. This module extends CSS level 2, but the main difference between the two is the ability to position elements based on Region boxes. CSS3 supports positioning elements independent of document order. Elements can be placed in any order, overlapping, and even one over […]

To support the “newspaper” type layout in your web application, the W3C offers the multi-column layout in the CSS3 specification. This multi-column layout enables web developers to fit a given text in one or more columns. Use of multi-column layout supports flexibility since content can easily flow from one column to the other, and the […]

In an earlier article https://www.htmlgoodies.com/css/working-with-css-box-model-in-your-web-apps-part-1/ , we learned about block-level box layout, line box layout and inline-level box layout. In this article, we will explore another type – flexible box layout. Quoting the CSS3 specification for flexible box layout, Source: http://www.w3.org/TR/css3-flexbox/ In the flex layout model, the children of a flex container can be laid […]

CSS3 specification includes support for transitions which allows to change properties from one state to another. Classic example of transition in HTML include behavior defined under the ‘hover’ keyword. However, unlike the behavior observed with ‘hover’ keyword, CSS3 transitions have a time lapse element. CSS transitions are used to change styles from one to another. […]

All elements on a web pages are rendered as rectangular boxes. The CSS3 Box model helps us define how this rectangular box is made up. This definition includes specifying margins, border, padding, and content.   Per the CSS specification, there are three types of boxes: Block-level boxes – These are like paragraphs. Line boxes – […]

CSS3 expands the color options available to web developers. Before CSS3, web developers has a few different color formats to choose from:   Hexadecimal Format RGB Format (red, green, blue) Named Colors CSS3 extends the support for colors by offering support for defining colors in the following ways: HSL – Hue, Saturation and Lightness HSLA […]

CSS3 has changed how web pages are styled. Instead of having styling code with every element of your web page, you can now have your styling defined in one location and applied to all the elements of your web page. This enables having consistent styling which can be changed by making changes at one location […]

With Windows 8 (and later), the touch based operating system from Microsoft has provided two was to build Windows Runtime applications. One can build applications either using XAML or JavaScript.   In this article, we will learn how we can create a simple application powered by JavaScript and HTML.   For the purpose of this […]

Today’s web pages are so powerful with all the client-side processing that they are often referred to as web applications. Features which classically belonged to desktop applications now are expected of these “web applications”. One such feature is the cut/copy/paste which is used frequently. The HTML5 specification provides rich support for such uses cases through […]