Browsed by
Category: HTML5

HTML5 and CSS3 References

HTML5 and CSS3 References

The following section contains references to latest HTML5, CSS3 and more… HTML5 / XHTML Tags The following section contains a complete list of standard tags belonging to the HTML5 and XHTML 1.0 specifications. All the tags are ordered alphabetically. A <a> <abbr> <acronym> <address> <applet> <area> <article> <aside> <audio> B <b> <base> <basefont> <bdi> <bdo> <big> <blockquote> <body> <br> <button> C <canvas> <caption> <center> <cite> <code> <col> <colgroup> D <datalist> <dd> <del> <details> <dfn> <dir> <div> <dl> <dt> E <em> <embed> F…

Read More Read More

നിങ്ങൾക്കും ഒരു വെബ്സൈറ്റ് വേണ്ടേ?

നിങ്ങൾക്കും ഒരു വെബ്സൈറ്റ് വേണ്ടേ?

ഇന്റെർനെറ്റിന്റെ ലോകത്തേക്ക് എത്തിയപ്പോൾ തന്നെ മനസ്സിൽ തങ്ങിയ ഒരു മോഹമായിരുന്നു സ്വന്തമായി ഒരു വെബ്സൈറ്റുണ്ടാക്കുക എന്നത്. 1998 ഇൽ ആണ് ആദ്യമായി ഒരു മെയിൽ ഐഡി യാഹുവിൽ ഉണ്ടാക്കുന്നത്.

CSS3 new attribute selectors

CSS3 new attribute selectors

CSS3 introduce 3 new selectors for the sub-string or matching attributes. they are [att^=val], [att$=val] and [att*=val]. these selectors coming under Sub-string Matching Attribute Selectors section. [att^=val] This is the “begins with” selector. This selector allows for the selection of elements where a specified attribute begins with a specified string. example: <pre>a[alt~=”Kerala”] { color:#00aa00; font-size:14px; border:1px solid #00aa00; padding:3px 10px; font-family:Arial, Helvetica, sans-serif;  text-decoration:none; margin:2px; background:#afa }</pre> <code>a[alt~=”Karnataka”] { color:#0000aa; font-size:14px; border:1px solid #0000aa; padding:3px 10px; font-family:Arial, Helvetica, sans-serif; text-decoration:none;…

Read More Read More

CSS3 Gradient Backgrounds

CSS3 Gradient Backgrounds

 The CSS gradient feature was introduced by Webkit for about two years but was rarely used due to incompatibility with most browers. But now with the Firefox 3.6+, which supports gradient, we can style create gradient without having to create an image. This post will show you how to code for the CSS gradient to be supported by the major browsers: IE, Firefox 3.6+, Safari, and Chrome. Read more >> Linear Gradient (Top → Bottom) #linearBg2 { background-color: #fddfa4; background:…

Read More Read More

New Markup Elements for HTML5

New Markup Elements for HTML5

New Markup Elements New elements for better structure: Tag Description For external content, like text from a news-article, blog, forum, or any other content from an external source For content aside from the content it is placed in. The aside content should be related to the surrounding content A button, or a radiobutton, or a checkbox For describing details about a document, or parts of a document A caption, or summary, inside the details element For grouping a section of…

Read More Read More

HTML5

HTML5

നെറ്റിലൂടെയുള്ള ആശയവിനിമയത്തിനു ചുക്കാന്‍ പിടിക്കുന്ന വളരെ ലളിതമായ ഒരു കമ്പ്യൂട്ടര്‍ ഭാഷയാണ് HTML. ഈ അടുത്ത് ഇറങ്ങിയ HTML5 ആണ് HTML -ന്റെ പരിഷ്കരിച്ച അവസ്സന പതിപ്പ്. ഒരുപാട് പുതിയ ടാഗുകളും എപിഐ കളും ഉള്‍ക്കൊള്ളിച്ചുകൊണ്ട് വളരേ നൂതനമായൊരു ബ്രൗസിംങ് അനുഭവം പ്രദാനം ചെയ്യാന്‍ HTML5 നു കഴിയും എന്നു വേണം കരുതാന്‍. HTML 4.01, XHTML 1.0 , DOM Level 2 HTML ഇവയ്ക്കു ശേഷം ഇറങ്ങിയ അടുത്ത വെബ്‌സ്റ്റാന്‍‌ഡേര്‍ഡായിട്ടാണ്‌ HTML5 ഇറങ്ങിയിരിക്കുന്നത്. Flash, Silverlight, Java തുടങ്ങിയ RIA Technologies നെ കുറിച്ചുള്ള വേവലാതി ഇനി വേണ്ട. ഇവ സപ്പോര്‍‌ഡ് ചെയ്യാനുതകുന്ന ടാഗുകളും അതിനു വേണ്ട എപിഐ കളും HTML5 നോടൊപ്പം കൂട്ടിച്ചേര്‍ത്തിരിക്കുന്നു. ഔദ്യോഗികമായി ഇതു പുറത്തിറങ്ങിയെങ്കിലും HTML5…

Read More Read More

Universal selector

Universal selector

The universal selector, written “*”, matches the name of any element type. It matches any single element in the document tree. If the universal selector is not the only component of a simple selector, the “*” may be omitted. For example: * *[LANG=fr] and [LANG=fr] are equivalent. * *.warning and .warning are equivalent. * *#myid and #myid are equivalent.

Font Size Conversion Chart

Font Size Conversion Chart

Font Size Conversion Chart Points Pixels Ems Percent Keyword Default sans-serif 6pt 8px 0.5em 50% CSS Tricks 7pt 9px 0.55em 55% CSS Tricks 7.5pt 10px 0.625em 62.5% x-small CSS Tricks 8pt 11px 0.7em 70% CSS Tricks 9pt 12px 0.75em 75% CSS Tricks 10pt 13px 0.8em 80% small CSS Tricks 10.5pt 14px 0.875em 87.5% CSS Tricks 11pt 15px 0.95em 95% CSS Tricks 12pt 16px 1em 100% medium CSS Tricks 13pt 17px 1.05em 105% CSS Tricks 13.5pt 18px 1.125em 112.5% large CSS…

Read More Read More

Grouping

Grouping

When several selectors share the same declarations, they may be grouped into a comma-separated list. Example(s): In this example, we condense three rules with identical declarations into one. Thus, H1 { font-family: sans-serif }H2 { font-family: sans-serif }H3 { font-family: sans-serif } is equivalent to: H1, H2, H3 { font-family: sans-serif } CSS offers other “shorthand” mechanisms as well, including multiple declarations and shorthand properties.