Bits N Tricks

A platform to contribute to the best of our knowledge so someone else can be benefited.

HTML

Introduction to Jquery Mobile 17Nov, 2015

Introduction to Jquery Mobile

What Is jQuery Mobile? jQuery mobile is an open-source multi platform UI framework to create mobile apps. jQuery mobile is a cross platform framework basically used for mobile apps development using HTML5, CSS3, jQuery and jQuery UI. This framework is not only easy to use it is very robust, maintainable, and well organized. jQuery Mobile is a framework used to create mobile applications. jQuery Mobile is compatible with all desktop browsers and looks same on all mobile devices (Android, iOS and Windows Phone etc). jQuery Mobile is based on HTML5 & CSS3 to make the structure of the page with small amounts of scripting. Purpose of jQuery Mobile? jQuery Mobile helps you to get quick and good results with less…

HTML5 Canvas 20Nov, 2013

HTML5 Canvas

HTML5 Canvas Introduction HTML 5 canvas element is a low level, procedural model that is used for creating dynamic, scriptable rendering of 2D shapes and bitmap images. HTML 5 is bitmapped area of the screen that works in an Immediate mode where Immediate mode refers to the order the canvas represents pixels on the screen. The bitmapped screen of every frame is updated with Canvas API calls from JavaScript. A programmer can draw different shapes, text and display images directly onto a defined area of the browser window using HTML 5 Canvas API that includes 2D context. HTML5 Canvas Browser Support Other than IE 8, almost all web browsers support HTML5 Canvas. The browsers that support HTML 5 Canvas are:…

Posted in: HTML
Rich Snippets and Breadcrumbs Structure 19Aug, 2013

Rich Snippets and Breadcrumbs Structure

What are rich snippets? In simple words rich snippets are designed for brief explanation of web-page content to make it easier for users to understand, what the page is about in search result. When considering, inheriting the advantages of rich-snippets, keep in mind that user would find your information helpful when selecting from different search results. Three different markup formats in which we can design rich-snippets data:- 1. Microdata Microdata uses straight forward attributes in markup language tags (often) to assign transient and descriptive names to things and properties. Microdata Consists of 3 elements:- 1. itemscope 2. itemtype 3. itemprop HTML marked up with microdata example:- <div itemscope itemtype=”http://schema.org/Product”> <a itemprop=”url” href=”http://www.buysellteach.com/Product-Detail/39/Bubble-Gum-Balancing-Equations-Center”> <div itemprop=”name”> <strong>Bubble Gum Balancing Equations Center</strong> </div>…

Posted in: HTML, SEO
How to convert HTML to PDF using PHP 5 18Feb, 2010

How to convert HTML to PDF using PHP 5

There are many tools on the internet that allow you to convert files of various formats to PDF – but sometimes you need to make such conversions using your code. In this article, we’ll specifically discuss how to convert an HTML file or content to a PDF file using PHP 5. For the task at hand, we’ll be using Dompdf – a CSS2.1 compliant HTML layout and rendering engine written in PHP. It is a style-driven renderer – it will download and read external stylesheets, inline style tags, and the style attributes of individual HTML elements. It also supports most presentational HTML attributes. Installation Download the latest stable version of Dompdf, additionally you can also download the detailed documentation if…

Posted in: HTML, PDF, PHP
How to develop a website in Hindi 17Feb, 2010

How to develop a website in Hindi

You can develop a website in Hindi – or any other language – by embedding custom dynamic fonts. Although, embedding custom fonts has always been a painful experience for web developers and designers, but the latest trends in web design brought the idea back to life with new techniques. In this article you’ll find the modern techniques that may help you with the topic at hand, however, one must note that no particular technique is perfectly compatible with every browser and each has its pros and cons. SIFR sIFR (Scalable Inman Flash Replacement) is a technique that replaces text elements on screen with Flash equivalents. Needless to say that website visitors must have Adobe Flash Player installed to see the…

Posted in: CSS, Fonts, HTML
How to include one HTML file inside another 12Feb, 2010

How to include one HTML file inside another

Including an HTML file inside another HTML file can be achieved using Apache’s SSI (Server Side Include). In this article, we’ll stick to the topic only and for further details on usage and scope of SSI you may refer to this article. Configuring your server to permit SSI To permit SSI on your server, you must have mod_include installed and enabled. Generally, this should be installed in Apache by default. Additionally, you must have the following directive either in your httpd.conf file, or in a .htaccess file: Options +Includes Not just any file is parsed for SSI directives. You have to tell Apache which files should be parsed. There are the following two ways to do this: You can tell…

Posted in: HTML