AI மனிதனின் மூன்றாவது கண் – விஞ்ஞானம் வளர்த்த நம்பிக்கை!

திறமை மற்றும் திறனின் புதிய வரையறை why is ai important to the future!;

Update: 2025-07-11 10:40 GMT

why is ai important to the future


AI வேலைவாய்ப்பை பறிக்குமா? | NativeNews.in /* CSS Reset and Custom Properties */ * { margin: 0; padding: 0; box-sizing: border-box; } :root { --nn-primary-blue: #8aa4e7; --nn-accent-red: #f21218; --nn-dark: #1a1a1a; --nn-light: #f5f5f5; --nn-gray: #666; --nn-success: #27ae60; --nn-warning: #f39c12; --nn-font-tamil: 'Noto Sans Tamil', 'Hind Tamil', sans-serif; --nn-font-english: 'Roboto', 'Arial', sans-serif; --nn-shadow: 0 2px 10px rgba(0,0,0,0.1); --nn-radius: 8px; --nn-transition: all 0.3s ease; } /* Dark Mode Support */ @media (prefers-color-scheme: dark) { :root { --nn-light: #1a1a1a; --nn-dark: #f5f5f5; --nn-gray: #ccc; --nn-shadow: 0 2px 10px rgba(255,255,255,0.1); } } /* Base Styles */ html { font-size: 16px; scroll-behavior: smooth; } body { font-family: var(--nn-font-tamil); line-height: 1.6; color: var(--nn-dark); background: var(--nn-light); } /* Container */ .nn-infographic { max-width: 1200px; margin: 0 auto; padding: 1rem; background: white; border-radius: var(--nn-radius); box-shadow: var(--nn-shadow); } /* Header Section */ .nn-header { text-align: center; padding: 2rem 1rem; background: linear-gradient(135deg, var(--nn-primary-blue) 0%, #6b8dd6 100%); color: white; border-radius: var(--nn-radius) var(--nn-radius) 0 0; position: relative; overflow: hidden; } .nn-header::after { content: ''; position: absolute; bottom: -2px; left: 0; right: 0; height: 4px; background: var(--nn-accent-red); } .nn-title { font-size: clamp(1.5rem, 5vw, 2.5rem); font-weight: 700; margin-bottom: 0.5rem; animation: fadeInUp 0.6s ease; } .nn-subtitle { font-size: clamp(1rem, 3vw, 1.25rem); opacity: 0.9; animation: fadeInUp 0.8s ease; } .nn-timestamp { font-size: 0.875rem; opacity: 0.8; margin-top: 0.5rem; } /* Stats Grid */ .nn-stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 1.5rem; padding: 2rem 1rem; background: var(--nn-light); } .nn-stat-card { background: white; padding: 1.5rem; border-radius: var(--nn-radius); box-shadow: var(--nn-shadow); text-align: center; transition: var(--nn-transition); position: relative; overflow: hidden; } .nn-stat-card:hover { transform: translateY(-5px); box-shadow: 0 5px 20px rgba(0,0,0,0.15); } .nn-stat-icon { width: 48px; height: 48px; margin: 0 auto 1rem; fill: var(--nn-primary-blue); } .nn-stat-number { font-size: 2rem; font-weight: 700; color: var(--nn-accent-red); margin-bottom: 0.5rem; } .nn-stat-label { font-size: 1rem; color: var(--nn-gray); } /* Timeline Section */ .nn-timeline { padding: 2rem 1rem; background: white; } .nn-section-title { font-size: 1.75rem; color: var(--nn-dark); margin-bottom: 2rem; text-align: center; position: relative; padding-bottom: 1rem; } .nn-section-title::after { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 60px; height: 3px; background: var(--nn-accent-red); } .nn-timeline-items { position: relative; padding-left: 2rem; } .nn-timeline-items::before { content: ''; position: absolute; left: 0.75rem; top: 0; bottom: 0; width: 2px; background: var(--nn-primary-blue); } .nn-timeline-item { position: relative; padding-bottom: 2rem; animation: fadeInLeft 0.6s ease; } .nn-timeline-item::before { content: ''; position: absolute; left: -1.25rem; top: 0.25rem; width: 12px; height: 12px; background: var(--nn-accent-red); border-radius: 50%; border: 3px solid white; box-shadow: 0 0 0 3px var(--nn-primary-blue); } .nn-timeline-title { font-weight: 600; color: var(--nn-dark); margin-bottom: 0.5rem; } .nn-timeline-desc { color: var(--nn-gray); } /* Comparison Slider */ .nn-comparison { padding: 2rem 1rem; background: var(--nn-light); } .nn-comparison-container { position: relative; max-width: 800px; margin: 0 auto; overflow: hidden; border-radius: var(--nn-radius); box-shadow: var(--nn-shadow); } .nn-comparison-grid { display: grid; grid-template-columns: 1fr 1fr; min-height: 400px; } .nn-before, .nn-after { padding: 2rem; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; } .nn-before { background: #f8f9fa; border-right: 2px solid var(--nn-accent-red); } .nn-after { background: #e3f2fd; } .nn-comparison-title { font-size: 1.5rem; font-weight: 600; margin-bottom: 1rem; } .nn-before .nn-comparison-title { color: var(--nn-gray); } .nn-after .nn-comparison-title { color: var(--nn-primary-blue); } /* Benefits Grid */ .nn-benefits { padding: 2rem 1rem; background: white; } .nn-benefits-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 1.5rem; margin-top: 2rem; } .nn-benefit-card { padding: 1.5rem; border-radius: var(--nn-radius); border-left: 4px solid var(--nn-success); background: #f0f9ff; transition: var(--nn-transition); } .nn-benefit-card:hover { transform: translateX(10px); } .nn-challenge-card { padding: 1.5rem; border-radius: var(--nn-radius); border-left: 4px solid var(--nn-warning); background: #fef3c7; transition: var(--nn-transition); } .nn-challenge-card:hover { transform: translateX(10px); } /* CTA Section */ .nn-cta { padding: 2rem 1rem; background: var(--nn-primary-blue); color: white; text-align: center; border-radius: var(--nn-radius); margin: 2rem 0; } .nn-cta-title { font-size: 1.5rem; margin-bottom: 1rem; } .nn-cta-buttons { display: flex; gap: 1rem; justify-content: center; flex-wrap: wrap; } .nn-button { padding: 0.75rem 1.5rem; border: none; border-radius: var(--nn-radius); font-size: 1rem; font-weight: 600; cursor: pointer; transition: var(--nn-transition); text-decoration: none; display: inline-flex; align-items: center; gap: 0.5rem; } .nn-button-primary { background: var(--nn-accent-red); color: white; } .nn-button-primary:hover { background: #d91016; transform: scale(1.05); } .nn-button-secondary { background: white; color: var(--nn-primary-blue); } .nn-button-secondary:hover { background: var(--nn-light); transform: scale(1.05); } /* Share Section */ .nn-share { padding: 1rem; text-align: center; border-top: 1px solid #eee; } .nn-share-buttons { display: flex; gap: 0.5rem; justify-content: center; margin-top: 1rem; } .nn-share-button { width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: var(--nn-transition); cursor: pointer; } .nn-share-whatsapp { background: #25D366; color: white; } .nn-share-facebook { background: #1877F2; color: white; } .nn-share-twitter { background: #1DA1F2; color: white; } .nn-share-button:hover { transform: scale(1.1); } /* Source Attribution */ .nn-source { padding: 1rem; text-align: center; font-size: 0.875rem; color: var(--nn-gray); border-top: 1px solid #eee; } /* Animations */ @keyframes fadeInUp { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } } @keyframes fadeInLeft { from { opacity: 0; transform: translateX(-20px); } to { opacity: 1; transform: translateX(0); } } @keyframes countUp { from { opacity: 0; } to { opacity: 1; } } /* Responsive Design */ @media (max-width: 768px) { .nn-infographic { padding: 0.5rem; } .nn-header { padding: 1.5rem 0.5rem; } .nn-stats { grid-template-columns: 1fr; gap: 1rem; } .nn-comparison-grid { grid-template-columns: 1fr; } .nn-before { border-right: none; border-bottom: 2px solid var(--nn-accent-red); } .nn-benefits-grid { grid-template-columns: 1fr; } .nn-cta-buttons { flex-direction: column; } .nn-button { width: 100%; justify-content: center; } } @media (min-width: 1024px) { .nn-infographic { padding: 2rem; } .nn-stats { grid-template-columns: repeat(3, 1fr); } } /* Print Styles */ @media print { .nn-share, .nn-cta-buttons { display: none; } .nn-infographic { box-shadow: none; } .nn-stat-card { break-inside: avoid; } } /* Accessibility */ .nn-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } /* High Contrast Mode */ @media (prefers-contrast: high) { .nn-stat-card { border: 2px solid var(--nn-dark); } .nn-button { border: 2px solid currentColor; } } /* Reduced Motion */ @media (prefers-reduced-motion: reduce) { * { animation: none !important; transition: none !important; } } /* Tamil Numerals Option */ .nn-tamil-numerals .nn-stat-number[data-tamil] { font-family: 'Noto Sans Tamil', sans-serif; } /* Loading State */ .nn-loading { display: inline-block; width: 20px; height: 20px; border: 3px solid rgba(0,0,0,0.1); border-top-color: var(--nn-primary-blue); border-radius: 50%; animation: spin 1s linear infinite; } @keyframes spin { to { transform: rotate(360deg); } }

🤖 AI வேலைவாய்ப்பை பறிக்குமா?

தமிழ்நாட்டின் எதிர்காலம் பற்றிய முழுமையான ஆய்வு

40 கோடி
வேலைகள் மாறலாம்
97 கோடி
புதிய வேலைகள்
2030
வருடத்திற்குள்

📜 வரலாற்றில் தொழில்நுட்ப மாற்றங்கள்

🖨️ தாத்தா காலம்

Type writer-ல் வேலை செய்த காலம்

💻 அப்பா காலம்

Computer வந்தது - பயம் இருந்தது!

🚀 முடிவு

IT industry பிறந்தது - லட்சக்கணக்கான வேலைகள்

🤖 இன்று

AI revolution - அதே பயம், ஆனால் அதிக வாய்ப்புகள்

🔄 மாற்றத்தின் விளைவுகள்

AI க்கு முன்

  • ✓ Manual data entry
  • ✓ Basic customer service
  • ✓ Simple analysis work
  • ✓ Traditional manufacturing

AI க்குப் பின்

  • ✓ AI-powered automation
  • ✓ Advanced AI assistants
  • ✓ Deep learning analytics
  • ✓ Smart manufacturing

💡 வாய்ப்புகள் & சவால்கள்

🚀 வாய்ப்புகள்

Chennai, Coimbatore IT corridors
AI job demand அதிகரிக்கும்

Textile Industry
AI-powered quality control வேலைகள்

⚠️ சவால்கள்

Skills Gap
நிரப்ப training தேவை

Digital Literacy
அவசியமான தேவை

🎯 நீங்கள் என்ன செய்யலாம்?

இன்றே AI கற்றுக்கொள்ள தொடங்குங்கள்!

இந்த தகவலை பகிருங்கள்:

தரவு ஆதாரம்: McKinsey Global Institute, NASSCOM, Tamil Nadu e-Governance Agency

© 2024 NativeNews.in - Tamil Nadu's AI News Platform


Tags:    

Similar News