Category Archives: Graphics/Designing

Graphic design is a creative process most often involving a client and a designer and usually completed in conjunction with producers of form (i.e., printers, signmakers, etc.) undertaken in order to convey a specific message (or messages) to a targeted audience. The term “graphic design” can also refer to a number of artistic and professional disciplines that focus on visual communication and presentation.

Difference between html, dhtml and xhtml?

  By Gaurav Agrawal | April 24, 2013 - 4:13 PM |
1 Comment

HTML (Hyper Text Markup Language) 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 (eXtensive Hyper Text Markup Language) is the same as HTML, except it has a cleaner syntax. XHTML uses the same tags as HTML, so people who know HTML know messy – XHTML. New rules apply in XHTML, such as tags always needing to be ended; Tags need to be “Nested” properly, and such. dHTML (Dynamic Hyper Text … Click here to continue reading. →

Tabs by using CSS

  By Gaurav Agrawal | August 27, 2012 - 6:00 PM |
Leave a comment

Its highly unlikely that tabs using only CSS would replace JavaScript based ones. <!DOCTYPE html> <html lang=”en”> <head> <meta charset=”utf-8″ /> <meta http-equiv=”Content-Type” content=”text/html;charset=utf-8″ > <title>CSS Tabs</title> <style type=”text/css”> .css-tabs { position:relative; text-align:center; /* This is only if you want the tab items at the center */ } .css-tabs ul.menu { list-style-type:none; display:inline-block; /* Change this to block or inline for non-center alignment */ } .css-tabs ul.menu > li { display:block; float:left; } .css-tabs ul.menu li > a { color:#000; text-decoration:none; display:block; text-align:center; border:1px solid #808080; padding:5px 10px 5px 10px; margin-right:5px; border-top-left-radius:5px; -moz-border-radius-topleft:4px; -webkit-border-top-left-radius:5px; border-top-right-radius:5px; -moz-border-radius-topright:4px; -webkit-border-top-right-radius:5px; -moz-user-select:none; cursor:pointer; } … Click here to continue reading. →