Skip to main content

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.


CSS3 Properties

The following section contains a complete list of visual properties belonging to the CSS3 specifications. All the properties are ordered alphabetically.

A
align-content
align-items
align-self
animation
animation-delay
animation-direction
animation-duration
animation-fill-mode
animation-iteration-count
animation-name
animation-play-state
animation-timing-function
B
backface-visibility
background
background-attachment
background-clip
background-color
background-image
background-origin
background-position
background-repeat
background-size
border
border-bottom
border-bottom-color
border-bottom-left-radius
border-bottom-right-radius
border-bottom-style
border-bottom-width
border-collapse
border-color
border-image
border-image-outset
border-image-repeat
border-image-slice
border-image-source
border-image-width
border-left
border-left-color
border-left-style
border-left-width
border-radius
border-right
border-right-color
border-right-style
border-right-width
border-spacing
border-style
border-top
border-top-color
border-top-left-radius
border-top-right-radius
border-top-style
border-top-width
border-width
bottom
box-shadow
box-sizing
C
caption-side
clear

ചില സൂത്രപ്പണികൾ | Techies Tricks

ഒരു ഫോൾ‌ഡറിലുള്ള എല്ലാ ഫയലുകളുടേയും ഫോൾഡറുകളുടേയും ലിസ്റ്റ് എടുക്കണം എന്നുള്ളവർക്ക് ഏറ്റവും എളുപ്പത്തിൽ അതു സാധ്യമാക്കാനുള്ള ഒരു വിദ്യയാണു താഴെ കൊടുത്തിരിക്കുന്നത്. 
ഒരു ഫോൾഡറിൽ നിറയെ സിനിമകൾ ഉണ്ടെങ്കിൽ അവയുടെ ലിസ്റ്റ് എടുക്കുന്ന രീതി വെച്ചാണ് താഴെ ഈ സൂത്രപണി വിശദീകരിച്ചിരിക്കുന്നത്. നിങ്ങളുടെ കയ്യിലുള്ള PDF ഫയകുകളുടെ ലിസ്റ്റ്, പാട്ടുകളുടെ ലിസ്റ്റ് എന്നിങ്ങലെ ഏതു ഫയലുകളുടേയും പേരുകൾ ഇതുവഴി ലിസ്റ്റ് ചെയ്യാനാവും. 
ഇത് ഗൂഗിൾ ബസ്സിലും ഗൂഗിൾ പ്ലസ്സിലും അതുപോലെ ഫെയ്‌സ്ബുക്കിലും ഒക്കെയായി ഷെയർ ചെയ്തിട്ടുണ്ട്. അവിടെ കൊടുത്തിരിക്കുന്ന കമന്റുകളിൽ നിന്നും ഇതുമായി ബന്ധപ്പെട്ട കൂടുതൽ കാര്യങ്ങൾ മനസിലാക്കാൻ സാധിക്കുമെന്നും കരുതുന്നു.
ട്രിക്കിതാണ്
എന്റെ കൈയിൽ ഒരു 1 TB യുടെ എക്‌സ്റ്റേണൽ ഹാർഡ് ഡിസ്‌ക്ക് ഉണ്ടെന്നു കരുതുക…
ഹാർഡ്‌ ഡിസ്‌ക്കിന്റെ Drive Letter F: ആണെന്നു കരുതുക
ഹാർഡ് ഡിസ്‌ക്കിൽ MalyalamFilms എന്നൊരു ഫോൾഡർ ഉണ്ടെന്നും കരുതുക
ആ ഫോൾഡറിൽ 482 മലയാളം സിനിമകൾ ഉണ്ടെന്നും ചുമ്മാതങ്ങ് കരുതുക

ഇനി
1. ഈ സിനിമയുടെ പേരുകളൊരു ലിസ്റ്റായി എടുക്കാൻ നിങ്ങൾക്ക് ആഗ്രഹമുണ്ട് എന്നു കരുതുക

2. കൂട്ടുകാർക്ക് കാണിക്കാൻ വേണ്ടി നോട്പാഡിലോ മറ്റോ ഈ പേരൊക്കെ 1 ബൈ 1 ആയി എഴുതി വെയ്‌ക്കണം എന്നാഗ്രഹം ഉണ്ടെന്നു കരുതുക

3. ഇതൊക്കെ കുത്തിപ്പിടിച്ചിരുന്നു നോട്ട്പാടിലേക്ക് ടൈപ്പ് ചെയ്തെടുക്കാൻ നല്ല മടി ഉണ്ടെന്നു കരുതുക

എന്തു ചെയ്യണം
വിൻഡോസുപയോഗിക്കുന്നവർക്ക് ഒരു മന്ത്രം ഡോസേ ശരണം ഗച്ചാമി!

1. Start – ഇൽ ക്ലിക്ക് ചെയ്തിട്ട് XP ക്കാർ RUN ലും വിൻ7/വിസ്തക്കാർ Search Programs and Files എന്ന സ്ഥലത്തു ക്ലിക്ക് ചെയ്യുക
2. അവിടെ CMD എന്നു കൊടുത്ത് എന്റർ അടിച്ച്  കമാൻഡ്‌ പ്രോംപ്റ്റ് ഓപ്പൺ ചെയ്യുക…

ആ പഴയ കറുത്ത വിൻഡോ വന്നു!!
അതിൽ c:users ഇൽ ആയിരിക്കും നിങ്ങളിപ്പോൾ നിൽക്കുന്നത്.

ഓർക്കുക : Drive Letter F:, Folder Name MalyalamFilms ഇതിലാണു സിനിമകൾ!!

പണി ഇത്രേ ഉള്ളൂ

1. അങ്ങോട്ട് പോവാൻ കമാൻഡ്‌ പ്രോംപ്‌റ്റിൽ F: എന്നു ടൈപ്പ് ചെയ്തിട്ട് എന്റെർ അടിക്കുക
2. പിന്നെ CD  MalyalamFilms എന്നു കൂടി കൊടുക്കുക
3. ഇനി dir /b > %USERPROFILE%DesktopfilmNames.txt ഇങ്ങനെ കൂടി കൊടുക്കുക

സംഭവം ക്ലീൻ!!

ഇനി ഡസ്‌ക്‌ടോപ്പിൽ നോക്കൂ  filmNames.txt എന്ന ഫയൽ അവിടെ പുതിയതായി വന്നിരിക്കുന്നത് കാണാം. ആ ഫയൽ ഓപ്പൺ ചെയ്തു നോക്കൂ!!!

HTML5

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

Rounded Corners

When New WordPress started using this i though you know Internet Explorer is definitely out now when i’m doing some css work that needs rounded corners I’m mostly using only this technique because buyers are ok with it although it’s just for FireFox and Safari. And since most of people still don’t know about this i figured it’s good thing to share.

Of course i’m talking about Border-radius property for FireFox and Safari 3 (only). And here are some nice examples how to use it.

#box { background: #eee; border: 1px solid #ccc; padding: 15px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }

And of course you don’t have to make all corners rounded, it can be just top left etc, so the code goes like this (small not, for example you can’t make rounded corners on images and stuff like that)

* -moz-border-radius-topleft and -webkit-border-top-left-radius
* -moz-border-radius-topright and -webkit-border-top-right-radius
* -moz-border-radius-bottomleft and -webkit-border-bottom-left-radius
* -moz-border-radius-bottomright and -webkit-border-bottom-right-radius

The benefits of Web Standards to your visitors, your clients and you!

  1. The Web Standards
  2. What are Web Standards about?
  3. A mindset change
  4. Semantically correct markup
  5. What is valid code?
  6. What is accessible code?
  7. Why use CSS to separate content from presentation?
  8. A CSS based site in action
  9. How do your VISITORS benefit from Web Standards?
  10. How do your CLIENTS benefit from Web Standards?
  11. How do YOU benefit from Web Standards?
  12. What are the downsides
  13. How do you achieve Web Standards?
  14. Conclusion
  15. Web Standards resources
×

Hello!

താഴെ കാണുന്ന വാട്സാപ്പ് ഐക്കൺ ക്ലിക്ക് ചെയ്യുകയോ ഈ മെയിൽ ഐഡിയിലേക്ക് മെയിൽ അയക്കുകയോ ചെയ്യുക.

രാജേഷ് ഒടയഞ്ചാൽ

×
Verified by MonsterInsights