எளிய தமிழில் CSS – 9 – Gallery

Gallery என்பது ஒரே அளவிலான பல்வேறு படங்களின் தொகுப்பு ஆகும். Galary-க்குள் இருக்கும் ஒவ்வொரு படத்தின் மீது சென்று சொடுக்கும் போதும், அதற்கான முழு படம் பெரிய அளவில் வெளிப்படும். இது போன்ற ஒரு gallery-ஐ உருவாக்குவதற்கான code பின்வருமாறு அமையும். [code] <html> <head> <style> div.one {margin:5px; padding:5px; border:1px; solid red; float:left; text-align:center;} div.one img { display:inline; margin: 5px; border:1px solid yellow; width:170px; height:150px;} div.one a:hover… Read More »

எளிய தமிழில் CSS – 7 – Combinators

Combinator என்பது இரண்டு selector-க்கு இடையில் அமைக்கப்படும் ஒரு உறவு ஆகும். <div> எவ்வாறு அமைக்கப்பட வேண்டும், <p> எவ்வாறு அமைக்கப்பட வேண்டும் என்பதெல்லாம் selectors. இவை இரண்டையும் இணைத்து ஏதேனும் ஒன்று சொல்லப்படுமாயின் அது combinator ஆகும். div p { —– } : இவ்வாறு div, p எனும் இரண்டு selector-க்கும் இடையில் இடைவெளி விட்டு style-ஐக் குறிப்பிட்டோமானால், அந்த style-ஆனது divக்குள் இருக்கும் p-க்கு மட்டுமே பொருந்தும். [code] <html> <head>… Read More »

எளிய தமிழில் CSS – 7 – Positioning

Positioning-ஐப் பயன்படுத்தி வலைத்தளப் பக்கங்களில் ஒருசில வார்த்தைகளை ஒரு குறிப்பிட்ட இடத்தில் வெளிப்படுமாறு செய்யலாம். Left, Right, Top, Bottom எனும் நான்கு வகையான பண்புகள் இதற்காகப் பயன்படுகின்றன. இங்கு Fixed, Static, Relative எனும் 3 வகையான positioning-ஐப் பற்றி பார்க்கலாம். வலைத்தளப் பக்கங்களில் இயல்பான விதத்தில் வரிகள் வெளிப்படுவதே static positioning ஆகும். இது மேற்கூறிய 4 பண்புகளாலும் பாதிக்கப்படாது. இது பின்வருமாறு. [code] <html> <head> <style> p.a {position:static; top:5px; right:30px}… Read More »

மென்பொருள் உருவாக்கும் விந்தையுலகம் 13: தன்னமைவு மற்றும் பன்முக செயல்பாட்டுக் குழுக்களை ஊக்குவித்துத் தகவல் யுகத்துக்கு வந்து சேருங்கள்!

Agile/Scrum பற்றி தொடர் கட்டுரை – 13 அப்பொழுது நான் ஒரு வணிக ஊடக நிறுவனத்தில் வேலை செய்து கொண்டிருந்தேன். நான்கு அணிகள் இருந்தன. ஒவ்வொரு அணியிலும் வடிவமைப்பாளர்கள், நிரலாளர்கள் மற்றும் சோதனையாளர்கள் இருந்தனர். இரண்டு வாரக் குறுவோட்டம், மொத்தம் பத்து வேலை நாட்கள். முதல் இரண்டு மூன்று நாட்களுக்கு வடிவமைப்பாளர்கள் மிகவும் ஓய்வில்லாமல் வேலை செய்வர். நிரலாளர்களும் சோதனையாளர்களும் வடிவமைப்புகள் தயாராகி பங்குதாரர்கள் ஒப்புதல் தரும் வரை ஏதாவது செய்து கொண்டிருப்பார்கள். ஆனால் உற்பத்தித்திறன் குறைவு.… Read More »

எளிய, இனிய கணினி மொழி – ரூபி – 14 – ரூபியில் பொருள் நோக்கு நிரலாக்கம்

ரூபி பொருள் நோக்கு பயன்பாடுகளை (object oriented applications) உருவாக்க ஏதுவான சூழலைத்தருகிறது. பொருள் நோக்கு நிரலாக்கம் பற்றிய களம் மிகவும் பெரியது. அதை பற்றிய முழுமையாக விளக்கத்தை அளிப்பது இந்த பதிவின் நோக்கமல்ல. ஆகையால் பொருள் நோக்கு நிரலாக்கத்தின் அடிப்படை கருத்துகளையும், ரூபி நிரலாக்கத்திற்கு தேவையான கருத்துகளையும் மட்டும் பார்க்கலாம். பொருள் என்றால் என்ன: பொருள் (Object) என்பது எளிமையான, சிறு செயல்பாட்டினை, தன்னுள் கொண்டதாகும். இது பலமுறை பயன்படுத்தக்கூடியதாகவும், ஒரு மென்பொருளை நிர்மாணிக்க தேவையான… Read More »

எளிய, இனிய கணினி மொழி – ரூபி – 13 – ரூபி கணித செயற்கூறுகள்

ரூபியில் கணித கூறானது (math module) நிரலருக்கு பல செயற்கூறுகளைக் கொடுக்கிறது. இதை கொண்டு பல கணக்கீடுகள் செய்ய முடியும். கூடுதலாக இதில் இரண்டு பொதுவான மாறிலிகள் (mathematical constants) உள்ளன. ரூபி கணித மாறிலிகள்: கணித கூற்றில் உள்ள மாறிலிகளை, Constants என்ற செயற்கூற்றை பயன்படுத்தி, பட்டியலிடலாம். [code lang=”ruby”] Math.constants => ["E", "PI"] [/code] ரூபியின் தற்போதைய பதிப்பின்படி இரண்டு மாறிலிகளே வரையறுக்கப்பட்டுள்ளது. இதை :: குறியீட்டை பயன்படுத்தி அணுகலாம். [code lang=”ruby”]… Read More »

எளிய, இனிய கணிணி மொழி – ரூபி – 12 – செயற்குறிகளின் முன்னுரிமை

முந்தைய அத்தியாயத்தில் ரூபி செயற்குறிகள் மற்றும் expressions-யை பார்த்தோம். அதற்கு இணையாக செயற்குறிகளின் முன்னுரிமையை (precedence) புரிந்து கொள்ளுதல் அவசியமாகும். ஒன்றுக்கு மேற்பட்ட செயற்குறிகள் உள்ள expression-னை ரூபி interpreter எந்த வரிசையில் மதிப்பீடு செய்யும் என்பதை முன்னுரிமை நிர்ணயிக்கிறது. எடுத்துக்காட்டு: நாம் expressions இடது பக்கத்திலிருந்து வலது பக்கமாக மதிப்பீடு செய்வோம். உதாரணத்திற்கு, பின்வரும் expression-னை இடது பக்கம் முதல் வலது பக்கமாக மதிப்பீடு செய்தால் விடை 300என வரும்: [code lang=”ruby”] 10 +… Read More »

எளிய, இனிய கணிணி மொழி – ரூபி – 11 – ரூபி செயற்குறிகள்

இந்த அத்தியாயத்தில் ரூபியின் expressions உருவாக்க பயன்படும் செயற்குறிகளின் (operators) அடிப்படைகளை காணலாம். ரூபியில் பல்வேறு செயற்குறிகள் உள்ளன. Assignment Operators Math Operators Comparison Operators Bitwise Operators ரூபி செயல்பாடுகள்: எந்த மதிப்பை கொண்டு கணக்கீடு செய்யபடுகிறதோ அது செயலேற்பி (operand) ஆகும். கணக்கீடு செய்ய பயன்படுவதை செயற்குறிகள் (operators) எனலாம். செயற்குறிகளின் இரு பக்கமும் செயலேற்பிகள் இருக்கும். செயல்பாட்டின் விடையை assignment operator(=)-ரை பயன்படுத்தி ஒரு மாறிக்கு வழங்க வேண்டும். Irb-யில் பெரும்பாலான… Read More »

எளிய, இனிய கணிணி மொழி – ரூபி – 10 – ரூபி array-வின் மேம்பட்ட பயன்பாடுகள்

முந்தைய அத்தியாயத்தில் ரூபி array-யின் அறிமுகம் பார்த்தோம். இந்த அத்தியாயத்தில் விரிவாக பார்க்கலாம். ரூபி array-க்களை இணைத்தல்: ரூபியில் arrays-களை இணைக்க பல்வேறு அணுகுமுறைகளை பயன்படுத்தலாம். அதில் முதலவதாக கூட்டலை (+) பயன்படுத்தி இணைக்கலாம், [code lang=”ruby”] days1 = ["Mon", "Tue", "Wed"] days2 = ["Thu", "Fri", "Sat", "Sun"] days = days1 + days2 => ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"] [/code] மாற்றாக concat செயற்கூற்றையும் பயன்படுத்தலாம்.… Read More »

எளிய, இனிய கணிணி மொழி – ரூபி – 9 – ரூபி arrays

ரூபி மாறிகள் பற்றிய அத்தியாயத்தில் சொன்னதுபோல தரவுகளை நினைவக இடத்தில் வைப்பது மாறிகள் (variables) எனப்படும். பல்வேறு மாறிகளை ஒருங்கிணைத்து தன்னுள் கொண்டிருக்கும் பொருளாக (object) மாற்றுவது இன்றியமையாதாகும். இதை ரூபி array-யை கொண்டு செய்யலாம். இந்த அத்தியாயத்தில் array-யின் அறிமுகம், array உருவாக்குதல் மற்றும் கையாளுதலை காணலாம். ரூபி array என்றால் என்ன?: ரூபியில் array ஒரு பொருளாகும். அதில் பல உருப்படிகள் (items) இருக்கும், அது எந்த வகையான மாறியாகவும் (string, integer, fixnum, hash,… Read More »