CSS - Cascading Style Sheets

Create Icons in CSS Without Image

This is not the kinda stuff you should do in production, but there is a little #CSS trick that might help you. The problem with us developers is that it's much quicker and easier for us to write couple of lines of code than find an appropriate image and place it on a page. If that's about you, then here is a little css hack for you that will make your life easier. Say you make all sorts of action links on your page, thins like edit, delete, add new and so on. Normally you would just add related css…
Continue Reading »
HTML

HTML vs. xHTML vs. DHTML : Professional View

HTML:  HTML (HyperText Markup Language): HTML is the most widely accepted language used to build websites. It is the main structure of a website. It builds tables, creates divisions, gives a heading message (In the title bar of programs), and actually outputs text. XHTML (eXtensible HyperText Markup Language): : XHTML is extremely similar but follows the rules of XML. The main differences between HTML and XHTML are the case-sensitivity, the need to use closing tags for all tags, the need to use quotes around all attribute values and that all attributes must be in lowercase as XML requires. Special characters between tags…
Continue Reading »
CSS - Cascading Style Sheets

Practical CSS3 tables with rounded corners

There has been some discussion in the past about how/when to use tables in web development. Though, the conclusion is the same: when you're dealing with tabular data, tables are absolutely required. Designing a table is a challenge – and here I'm not talking only about the way it looks. It's (mostly) about how easy is your table to read. If your table isn't easy to scan, usually users get annoyed as they lose focus when trying to find the right column and row. Having said that, today we're going to create beautiful and practical tables styled using CSS3. Also, jQuery will be used to…
Continue Reading »
CSS - Cascading Style Sheets

jQuery Mobile framework – Beginner Tutorial

Being able to reach your audience via a mobile page is becoming almost as important as having a page at all but getting started in mobile site development can be frustrating. The jQuery library provides many handy mobile features that you can use to get started making great mobile-friendly web sites. In this article I will discuss the jQuery mobile framework features and give you a little demo on how it works. What is jQuery Mobile? jQuery Mobile is a unified framework that is designed to work on all major mobile platforms. This allows us to save a lot of…
Continue Reading »

9 Ways to Speed Up Your Web Pages with HTML5 & CSS3

Web designers/developers are always looking for new ways to improve the speed and performance of the pages. With some of the new features available in HTML5, there are several ways that you can improve your web applications/pages to give your user a better experience. We’ve compiled 9 easy-to-implement HTML5 tips and tricks here that would help you streamline your website without investing in additional infrastructure. 1. Use HTML5 Forms and Inputs HTML5 has introduced a whole new set of form attributes and input types to upgrade your existing HTML forms. Not all browsers are supporting these yet, but for the…
Continue Reading »

jQuery Basics Tutorial – How To Use jQuery & How jQuery Works?

jQuery: The Basics This is a basic tutorial, designed to help you get started using jQuery. If you don't have a test page set up yet, start by creating a new HTML page with the following contents: <!doctype html> <html> <head> <meta charset="utf-8"> <title>Demo</title> </head> <body> <a href="">jQuery</a> <script src=""></script> <script> </script> </body> </html> Edit the src attribute in the script tag to point to your copy of For example, if is in the same directory as your HTML file, you can use: <script src=""></script> You can download your own copy of jQuery from the Downloading jQuery page Launching Code on Document Ready The…
Continue Reading »
CSS - Cascading Style Sheets

Tutorials : Introducing $(document).ready()

jQuery This is the first thing to learn about jQuery: If you want an event to work on your page, you should call it inside the $(document).ready() function. Everything inside it will load as soon as the DOM is loaded and before the page contents are loaded. $(document).ready(function() { // put all your jQuery goodness in here. }); The $(document).ready() function has a ton of advantages over other ways of getting events to work. First of all, you don't have to put any "behavioral" markup in the HTML. You can separate all of your JavaScript/jQuery into a separate file where…
Continue Reading »

10 Tips for Writing Awesome jQuery Plugins

Introduction I've been developing and studying plugins, particularly in jQuery for quite sometime and through this process I have learned a lot about what works and what doesn't work. There are a ton of great plugins out there that look great on the surface but are sometimes very frustrating to work with behind the scenes. So many plugins if only had a little extra effort could be taken from good to great and become much more widely used. These are some simple tips that I have put together that will help any developer write truly great plugins. There are some…
Continue Reading »
CSS - Cascading Style Sheets

Cheat Sheets – CSS

Cheat Sheets Property CSS 1 CSS 2 CSS CSS 3 Initial Value Property CSS 1 CSS 2 CSS CSS 3 Initial Value alignment-adjust auto alignment-baseline baseline animation depending on individual properties animation-delay 0 animation-direction normal animation-duration 0 animation-iteration-count 1 animation-name none animation-play-state running animation-timing-function ease appearance normal azimuth center backface-visibility visible background depending on individual properties background-attachment scroll background-clip border background-color transparent background-image none background-origin padding background-position 0% 0% background-repeat repeat background-size auto baseline-shift baseline binding none bleed 6pt bookmark-label content() bookmark-level none bookmark-state open bookmark-target none border depending on individual properties border-bottom depending on individual properties border-bottom-color current color…
Continue Reading »

HTML : Introduction and Basics

HTML BASICS HTML and XHTML are the foundation of all web development. HTML is used as the graphical user interface in client-side programs written in JavaScript. Server-side languages like PHP and Java also receive data from web pages and use HTML as the output mechanism. The emerging Ajax technologies likewise use HTML and XHTML as their visual engine. HTML was once a very loosely-defined language with very little standardization, but as it has become more important, the need for standards has become more apparent. Regardless of whether you choose to write HTML or XHTML, understanding the current standards will help…
Continue Reading »