Introduction to CSS framework
A framework is a standardized set of concepts for dealing with a common type of problems, which can be used as a reference to help us to resolve new problems of a similar nature. Now, A CSS framework is a library allowing for easier, more standards-compliant web design using the Cascading Style Sheets language. It is also known as Front-end Frameworks. The front-end frameworks entail a package built from a structure of folders and files of standardized codes. HTML, (एचटीएमएल) CSS and JS documents are examples of files of standardized codes.
फ्रेमवर्क एक सामान्य प्रकार की समस्याओं से निपटने के लिए अवधारणाओं (कान्सेप्ट्स) का एक मानकीकृत सेट है, जिसे एक समान प्रकार की नई समस्याओं को हल करने में हमारी मदद करने के लिए एक रिफ्रेन्स के रूप में इस्तेमाल किया जाता है।
CSS फ्रेमवर्क एक लाइब्रेरी है जो कैस्केडिंग स्टाइल शीट्स भाषा का उपयोग करते हुए आसान, अधिक स्टैंडर्ड-काम्प्लीयेंट वेब डिजाइन की अनुमति देता है। इसे फ्रंटेंड फ्रेमवर्क के रूप में भी जाना जाता है। फ्रंटेंड फ्रेमवर्क कुछ मानकीकृत कोड्स के फाइल एवं फोल्डर द्वारा निर्मित एक पैकेज है। जिसमे एचटीएमएल, सीएसएस, जेएस डॉक्यूमेंट्स के कोड्स इसके फाइल के मानकीकृत कोड है।
W3.CSS is a css framework which is published by w3schools. It is open source modern framework, absolutely free to use i.e. no-license needed for their use. It is used to make a responsive websites that work across all common browsers like Chrome, Edge, Firefox, Internet Explorer and devices such as desktops, tablets, mobile etc. W3.CSS is based on plain CSS (सीएसएस) which makes it extremely fast. It doesn’t use JavaScript (जावास्क्रिप्ट) or JQuery which saves it from additional overhead which slows a website.
W3-CSS एक सीएसएस फ्रेमवर्क है जो w3schools द्वारा प्रकाशित किया गया है। यह एक ओपेन सोर्स मॉडर्न फ्रेमवर्क है, जो उपयोग करने के लिए बिल्कुल मुफ्त है यानी इनके उपयोग के लिए किसी लाइसेंस की जरूरत नहीं होती है। इसका प्रयोग रेस्पोंसिव वेबसाइट बनाने के लिए किया जाता है जोकि सभी कॉमन ब्राउजर जैसे क्रोम, एड्ज, फायरफॉक्स, इंटरनेट एक्सप्लोरर तथा डिवाइसेस जैसे डेस्कटॉप, टबलेट, मोबाइल आदि पर आसानी से वर्क करता है। W3.CSS प्लेन सीएसएस पर आधारित है जो इसे तेज गति से कार्य करने योग्य बनाता है। यह जावास्क्रिप्ट या jQuery का उपयोग नहीं करता है जो इसे अतिरिक्त ओवरहेड से बचाता है जो एक वेबसाइट को धीमा कर देता है।
W3.CSS (सीएसएस) is small and simple to learn, and is a worthwhile contender to consider when deciding on a CSS framework. It is much smaller than other frameworks and relies only on standard CSS. W3.CSS सीखने के लिए छोटा और सरल है, और एक सीएसएस फ्रेमवर्क पर निर्णय लेते समय विचार करने के लिए एक सार्थक दावेदार है। यह अन्य फ्रेमवर्कों की तुलना में बहुत छोटा है और केवल स्टैण्र्डड सीएसएस पर निर्भर करता है।
Some of the advantages of using CSS framework are: CSS framework का उपयोग करने के कुछ फायदे
• It is easier to learn, understand, use and quite fast for mobile application.
यह सीखने, समझने, उपयोग में आसान है और मोबाइल एप्लीकेशन के लिए काफी तेज।
• W3.CSS is a modern CSS (सीएसएस) framework with built in responsiveness smaller and faster than other frameworks.
W3.CSS एक आधुनिक सीएसएस फ्रेमवर्क है, जो अन्य फ्रेमवर्क की तुलना में जिम्मेदार, तेज और छोटा है।
• It helps in creating faster, beautiful, and responsive websites.
यह तेज, सुंदर और रिस्पोसिव वेबसाइट बनाने में मदद करता है।
• Speeds up and simplifies web development.
वेब डेवलपमेंट w3 को गति देता है और सरल बनाता है।
• Easier to maintain and update.
इसका अनुरक्षण एवं उच्चीकरण आसान है।
• Greater consistency in design.
डिजाइन में अधिक स्थिरता है।
• More formatting options.
इसमें अधिक फॉर्मेटिंग विकल्प मौजूद हैं।
• Light weight code.
लाइट वेट कोड।
• Faster download times.
फास्टर डाउनलोड टाइम्स ।
• Search engine optimization benefits.
सर्च इंजन ओप्टिमाइजेशन बेनीफिट बेनीफीट ।
• Ease of presenting different styles to different viewers, Greater accessibility.
यह अलग-अलग व्यूवर्स के लिए अलग-अलग स्टाईल को प्रस्तुत करने एवं एक्सेसिबिलिटी हेतु सुविधाजनक है।
Web Site Development using W3.CSS Framework
वेब साईट डेवलपमेंट में W3.CSS फ्रेमवर्क का उपयोग Since W3.CSS is a CSS-only framework, there are no components, which some of the other frameworks include. This means that while you can use the framework to handle the appearance and responsive design elements of your site, there is no JavaScript. Bootstrap, Foundation, and other such frameworks are built with both CSS styling and JavaScript components. If you need scripting functionality in your site, you should either build it yourself using libraries like jQuery, or consider a larger framework. W3.CSS एक सीएसएस-ओनली फ्रेमवर्क है, यह कोई कंपोनेंट नहीं है, इसमें कुछ अन्य फ्रेमवर्क सम्मिलित है। इसका मतलब यह है कि आप अपनी साइट के बनावट और डिजाइन एलिमेंट्स को संभालने के लिए कम्पोनेन्ट का उपयोग कर सकते हैं, यह कोई जावास्क्रिप्ट नहीं है। बूटस्ट्रैप, फाउंडेशन और इस तरह के अन्य फ्रेमवक सीएसएस स्टाइल और जावास्क्रिप्ट घटकों दोनों के साथ बनाए गए हैं। यदि आपको अपनी साइट में स्क्रिप्टिंग कार्यक्षमता की आवश्यकता है, तो आपको या तो jQuery जैसी लाइब्रेरी का उपयोग करके इसे स्वयं बनाना चाहिए, या एक लार्ज फ्रेमवर्क पर विचार करना चाहिए।
Using CSS framework modularizes your websites in the same way that programmers have been modularizing software code for year. Modular (माडूलर) code in your website allows for greater design consistency and easier maintenance. CSS framework is the new standard and has been now for several years. It’s time to separate the structure of HTML and the presentation of CSS (सीएसएस).
CSS framework का उपयोग आपकी वेबसाइटों को उसी तरह से मॉड्यूलाइज करता है जैसे प्रोग्रामर सॉफ्टवेयर कोड को एक वर्ष के लिए मॉड्यूलाइज करते हैं। आपकी वेबसाईट में मॉड्यूलर कोड अधिक से अधिक डिजाईन कंसिसटेंसी और आसान मेन्टेनेंस के लिए अनुमति देता है। CSS एक नया मानक है और अब कई वर्षों से इसका प्रयोग किया जा रहा है। HTML की संरचना और CSS की प्रस्तुति को अब अलग करने का समय आ गया है।
A website consists of three layers, but only the data (or HTML) layer is required. A user could possibly disable all scripting and CSS styling, and the data should still be readable. CSS styling improves the look of the site by providing the browser with a set of rules indicating how to display HTML elements. Scrip JavaScript) adds interactive features, such as table searching and sorting, and client size form validation.
एक वेबसाइट में तीन लेयर्स होती हैं, लेकिन केवल डेटा (या HTML) लेयर की आवश्यकता होती है। एक उपयोगकर्ता संभवतः सभी स्क्रिप्टिंग और सीएसएस स्टाइल को डिसेबल कर सकता है, डेटा पढ़ने योग्य होना चाहिए। सीएसएस स्टाइलिंग HTML एलिमेंट्स को डिस्प्ले करने के तरीके को दर्शाता है कि नियमों के एक सेट के साथ ब्राउजर प्रदान करके साइट के रूप में सुधार होता है। स्क्रिप्टिंग (ज्यादातर जावास्क्रिप्ट) इंटरैक्टिव फीचर्स जोड़ता है, जैसे टेबल सचिंग और सॉर्टिंग और क्लाइंट साइज फॉर्म को वैलिडेट कर सकते हैं।
| Layer लेयर | Content कंटेंट | Format फार्मेट |
| Data Layer डेटा लेयर | Text / images to display. डिस्प्ले करने के लिए टेक्सट/इमेज। | HTML एचटीएमएल |
| Presentation Layer प्रेजेंटेशन लेयर | Style rules to overwrite browser defaults. स्टाइल रुल ब्राउजर की डिफाल्ट को ओवरराइट करने के लिए। | CSS सीएसएस |
| Activity Layer ऐक्टिविटि लेयर | Scripting to provide interactivity to the site. साइट को इण्टरऐक्टिविटि प्रदान करने के लिए स्क्रिप्टिंग। | JavaScript, Type Script etc. जावास्क्रिप्ट, टाइपस्क्रिप्ट आदि। |
W3.CSS Intro
W3.CSS is a Cascading Style Sheet i.e CSS is developed by w3schools.com. It helps in creating faster, beautiful, and responsive websites so that the websites are easily adjustable to different screen sizes. W3.CSS is inspired from Google Material Design.
W3-CSS एक कैस्केडिंग स्टाइल शीट (CSS) है जिसे w3schools.com द्वारा विकसित किया गया है। यह तेज, सुंदर और रेस्पोंसिव उत्तरदायी वेबसाइट बनाने में मदद करता है जीससे वेबसाइटें आसानी से विभिन्न स्क्रीन आकारों के लिए एडजस्टेबल (समायोज्य) हैं। W3-CSS Google मैटेरियल डिजाइन से प्रेरित है।
Some of its salient features are – इसकी कुछ प्रमुख विशेषताएं हैं
In-built responsive designing, Standard CSS, Inspired by Google Material Design and Free to use.
इन-बिल्ट रिस्पॉन्सिव डिजाइनिंग, स्टैण्डर्ड सीएसएस, Google मैटेरियल डिजाइन से प्रेरित और प्रयोग हेतु मुफ्त है।
• Responsive Design: W3.CSS (सीएसएस) has in-built responsive designing so that the website created using W3.CSS will redesign itself as per the device size. W3.CSS (सीएसएस) has a 12 column mobile-first fluid grid that supports responsive classes for small, large, and medium screen sizes. W3.CSS classes crated in such a way that the website can fit any screen size. The website created using W3.CSS is fully compatible with PC, tablets, and mobile devices.
Introduction to CSS
About me
