Tagged: css RSS Toggle Comment Threads | Keyboard Shortcuts

  • mohamed asfer 9:36 pm on December 15, 2011 Permalink | பின்னூட்டமொன்றை இட உள்நுழையுங்கள்
    Tags: css, , layout   

    அண்ணா எனது கேள்விக்கும் பதில் தருவீர்களா?? எனக்கு கொஞ்ஞம்

    , css layout தொடர்பான சந்தேகங்கள் உள்ளன. நான் கடந்த சில நாட்களாக ஒரு MIS application (assignment) ஒன்று செய்ய முயற்சித்துக் கொண்டிருக்கிறேன். அதில் UI வடிவமைப்பில் பல சிக்கல்களை எதிர்கொள்கிறேன்.

    button , textbox கள் நிறைய பாவிக்க வேண்டியுள்ளது. ஆனால் அவற்றினை position பண்ணுவதில் நிறைய குளப்பங்கள். width , height கொடுக்கும்போது % பயன்படுத்த வேண்டுமா ?? அல்லது pixel அளவு பயன்படுத்த வேண்டுமா??

    அடுத்தது, ஒரு விடயத்தை position பண்ணுவது அப்படி. top,bottom,right,left என்று கொடுப்பதற்கு சரியான அளவினை எவ்வாறு கண்டுபிடிப்பது?? இதற்கு ஏதாவது இலகு வழி ஏதும் உண்டா??

    block களை set பண்ணுவதற்கு ஏதாவது மென்பொருள் உண்டா. Boks முயற்சித்துப் பார்த்துவிட்டேன்..

     
    • பகீ 10:35 முப on மார்கழி 16, 2011 Permalink | Log in to Reply

      css இல் நீங்கள் %, em மற்றும் px இரண்டினையுமே பயன்படுத்தலாம். ஆனால் நீங்கள் இப்போதுதான் css பயன்படுத்த ஆரம்பிக்கின்றீர்களாயின் px இனை பயன்படுத்துவதே மிக இலகுவாக இருக்கும்.

      block களை position பண்ண என்று மென்பொருள் ஏதும் இல்லை. ஆனால் நீங்கள் css framework க்களை பயன்படுத்தி பார்க்கலாம். நான் உதவிக்கு பயன்படுத்தும் சிலவற்றை கீழே தந்திருக்கின்றேன் பாருங்கள். மேலும் கேள்விகள் இருப்பின் கேளுங்கள்.

      1. படிவங்கள் — http://formalize.me/
      2. responsive — http://lessframework.com/, http://www.columnal.com/, http://semantic.gs/
      3. புதியது – அனைத்தும் சேர்ந்தது. — http://foundation.zurb.com/
      4. 1140 css framework – http://cssgrid.net/
      5. CSS 3 buttons – http://www.geekeries.fr/buttons/

      சில பயன்தரக்கூடிய css மென்பொருள்கள்
      1. making cross browser css rules – http://prefixmycss.com/
      2. cross browser consistency – http://necolas.github.com/normalize.css/

    • mohamed asfer 11:00 முப on மார்கழி 16, 2011 Permalink | Log in to Reply

      பதிலுக்கு நன்றி அண்ணா.. மீண்டும் ஒரு சந்தேகம். முதலில் இந்த இமேஜினை பாருங்கள் https://plus.google.com/photos/108203786936362450320/albums/5686592549452387745?authkey=CPi4iufMlI734wE ..

      இங்கு நான் ஒரு மாதிரிப் படத்தை காட்டியுள்ளேன். அந்தப்படத்தில் நடுப்பகுதியில் உள்ள UI ஒன்றை போல் பெறுவதற்கு ஒன்றுக்கு மேற்பட்ட nested block களை பாவிக்க வேண்டுமா ?? இல்லை இதற்கு ஏதாவது மாற்றுவளிகளுண்டா???

      • பகீ 12:09 பிப on மார்கழி 16, 2011 Permalink | Log in to Reply

        படத்தை பாருங்கள்

        • mohamed asfer 12:24 பிப on மார்கழி 16, 2011 Permalink | Log in to Reply

          மீண்டும் ஒரு சந்தேகம். இந்தப் படத்தையும் பாருங்கள்.. https://plus.google.com/photos/108203786936362450320/albums/5686592549452387745/5686614052339035282?authkey=CPi4iufMlI734wE .. இங்கு நான் குறித்துக் காட்டியிருக்கும் element களை சேர்ப்பதற்கு position பண்ணுவதில் சில பிரச்சினை. உதவி செய்யுங்களேன். ஐடியா தாருங்களேன்..

          • பகீ 1:01 பிப on மார்கழி 16, 2011 Permalink | Log in to Reply

            இது மிக அடிப்படையான CSS.

    • mohamed asfer 2:40 பிப on மார்கழி 16, 2011 Permalink | Log in to Reply

      பதிலுக்கு நன்றி அண்ணா.. மீண்டும் கேள்விகளுடன் வருவேன்..

  • kannan 10:28 pm on December 13, 2011 Permalink | பின்னூட்டமொன்றை இட உள்நுழையுங்கள்
    Tags: css   

    வணக்கம்
    அநேகமான இணையவடிவமைப்பாளர்கள் reset.css பயன்படுத்துகிறார்கள். reset.css என்றால் என்ன? எதற்காக பயன்படுத்தப்படுகிறது?

     
    • பகீ 11:39 பிப on மார்கழி 13, 2011 Permalink | Log in to Reply

      reset.css என்பது மிக முக்கியமாள சில CSS definition களை கொண்டிருக்கும் ஒரு கோப்பாகும். அனைத்து இணையத்தள வடிவமைப்பாளர்களும் நிச்சயம் தங்கள் CSS கோப்பின் தொடக்கத்தில் அதனை வைத்திருக்க வேண்டும்.

      அந்த குறிப்பிட்ட இணையத்தளம் உலாவியால் ஏற்றப்படும் போது உலாவியை ஒரு ஆரம்ப நிலைக்கு கொண்டு வருவதற்கு இது பயன்படுகின்றது.

c
compose new post
j
next post/next comment
k
previous post/previous comment
r
reply
e
edit
o
show/hide comments
t
go to top
l
go to login
h
show/hide help
shift + esc
cancel