इसे व्यक्त

अगर कुछ ब्लॉग में इस पढ़ें ... सोचा कि यह अच्छा था भविष्य रेफरी के लिए इस सूची ... यह भी एक महत्वपूर्ण साक्षात्कार प्रश्न हो सकता है कि आप कुछ दिन से पूछा होगा सकता है ....

सीएसएस का एक टुकड़ा है कि नए ब्राउज़रों में पुराने ब्राउज़रों में नीले रंग में एक पैरा, लाल प्रदर्शित करने के लिए, हरी जाएगा IE6 और IE7 में काले रंग में लिखें

#content p{color:blue}
html>body #content p {color:red}
* html #content p{color:green}
html>body #content p {*color:black;}

यह अजीब मुद्दा है, जहां जावास्क्रिप्ट का एक टुकड़ा सामान्य पट्टी IE के रूप में सभी ब्राउज़र ans में ठीक काम किया था ... यह सरल था, लेकिन बाद से स्क्रिप्ट मेरे द्वारा नहीं लिखा गया था, यह एक समय लिया करने के लिए इस 'ऑब्जेक्ट इस गुण या विधि का समर्थन नहीं करता है "त्रुटि है कि केवल IE फेंक रहा था डिबग. शायद! अगर मैं स्क्रिप्ट लिखने थे, मैं इस त्रुटि पर नहीं मिलता, मेरी चर नाम के रूप में क्षेत्र आईडी मुस्कान के साथ मिश्रण नहीं है.

समस्या: ऑब्जेक्ट इस गुण या विधि का समर्थन नहीं करता है (3 लाइन पर)

 function funzoneSP(){ document.getElementById('video_id').style.visibility="hidden"; shortdesc = document.getElementById('shortdesc').value; .... } 

समाधान:
त्रुटि (3 पंक्ति ... "shortdesc document.getE = ...") ऊपर के उदाहरण में thirdrow पर उत्पन्न होता है. मैं बेकार की बातें की सभी प्रकार है, मैं नहीं भी उल्लेख है यहाँ के लायक करने की कोशिश की और अंत में लगता है क्या! अभी कुछ और करने के लिए shortdesc var बदल त्रुटि से छुटकारा मिल गया. असल में! चर नाम fieldID से अलग करने के लिए किया था

कुछ घंटों के लिए अब मैं समाधान पर देख रहा है चलाने के लिए / ग्रहण / Android के emulator है मेरे स्थिर HTMLs परीक्षण. अभी तक नहीं किया गया है पूरी तरह से सफल .... मैं क्या मतलब है "पूरी तरह" एचटीएमएल ठीक लोड हो जाता है लेकिन सभी सीएसएस और जे एस, यानी दृश्य अभिव्यक्ति नहीं देखा है. डेवलपर शब्दों में, सीएसएस पृष्ठ के लिए लागू नहीं है ...

सोचा था कि यह कुछ साथी नौसिखिया Android के यूआई डेवलपर्स होगा, यदि मैं टुकड़ा नीचे है कि मैं करने के लिए HTML प्रदर्शित किया जाता है का उल्लेख किया.

और Android गुरु, कृपया अपनी टिप्पणी जोड़ने के लिए हमें मोबाइल आवेदन यूआई डेवलपर्स में novices के आगे मदद!

क्षमा करें! लेकिन Im यह सोचते हैं कि आप जानते हैं कि कैसे ग्रहण में एक Android मोबाइल अनुप्रयोग बनाने के लिए.

अपनी गतिविधि के रूप में बनाएँ, यह आपके परियोजना संपत्ति / फ़ोल्डर से फ़ाइल index.html 'पढ़ा होगा.

 public class Test extends Activity {  /** Called when the activity is first created. */  @Override  public void onCreate(Bundle savedInstanceState) {    super.onCreate(savedInstanceState);    WebView webview = new WebView(this);    setContentView(webview);    try {      InputStream fin = getAssets().open("index.html");        byte[] buffer = new byte[fin.available()];        fin.read(buffer);        fin.close();        webview.loadData(new String(buffer), "text/html", "UTF-8");    } catch (IOException e) {      e.printStackTrace();    }  } } 

पुनः सायक्लिंग मंत्र है और वेब विकास में कोई अलग मतलब है. यह ऊर्जा, संरक्षण के प्रयास के मामले में!

सीएसएस लेखन और डिजाइन से HTML बनाने के वर्षों में, मैं कुछ सर्वोत्तम प्रथाओं का पालन किया है, क्या हम सामान्यतः "पुनः आविष्कार व्हील" के रूप में कार्यकाल में समय और ऊर्जा की बचत की खोज में. समय और बार फिर, मैं अपने आप को कहा है, कि मैं कुछ टेम्पलेट्स बनाने चाहिए, कुछ मानक सीएसएस फिर से प्रयोग करने योग्य है कि मैं बाहर बॉक्स का अपने भविष्य के काम में प्रयोग करेंगे. पूरी तरह से नहीं हालांकि, लेकिन मैं लक्ष्यों के कुछ हासिल करने के लिए प्रबंध किया था.

को आगे बढ़ाने में, सीएसएस के पुन: उपयोग करें, मैं खुद से कुछ सीएसएस चौखटे है कि आमतौर पर हमारे पास उपलब्ध हैं और उन का उपयोग करने के लिए डाल करने का निर्णय लिया, के रूप में इन की कोशिश की और परीक्षण कर रहे हैं और बहुत अनुभवी डेवलपर्स द्वारा बनाई गई पर एक नज़र था. इससे भी महत्वपूर्ण बात फिर से खोज करने से बचने के ".

हालांकि दिग्गजों के लिए सामान्य ज्ञान, मैं कलम की कोशिश की है कुछ महत्वपूर्ण अवधारणाओं / सर्वोत्तम प्रथाओं / विचार है कि इन चौखटे बनाने, सीएसएस के आरई सायक्लिंग को संभव बनाने में चला गया है. आशा है कि यह कुछ सीएसएस डेवलपर्स जो बस के बारे में हैं और हाल ही में सीएसएस की गाड़ी में सवार में सवार में मदद मिलेगी!

सीएसएस के पुन: साइकिल कुंजी:

नामकरण सम्मेलनों का उपयोग करें

यह सीएसएस / HTML पुनः प्रयोग करने योग्य बनाने में सबसे महत्वपूर्ण कारक है. पृष्ठ तत्वों को लगातार नाम देते पृष्ठ घटकों और उनकी शैली का थोड़ा या संशोधनों के साथ फिर से उपयोग में सक्षम बनाता है. इस तर्क के साथ लाइन में, यहां तक ​​कि HTML5, अपने पूर्ववर्तियों से एक बड़ा परिवर्तन में परिवर्तन करने के लिए कुछ अर्थात संरचनात्मक टैग का परिचय है. <article>, <section>, <header>, <aside>, और <nav> [है HTML5 क्या ले आए? ]. 4 HTML (या कम) के साथ भी, यह सबसे अच्छा है के लिए के तरह consistanly सरल उदाहरण में नीचे अपने पृष्ठ के मानक वर्गों के नाम ...

याद रखें, अपनी परियोजना पर अधिकांश पृष्ठों, अंत में एक ही मूल संरचनात्मक तत्वों. इन आम कोर पृष्ठ तत्वों को पहचानें ....

  <div id="container">
    <div id="header"> ... </ div>
    <div id="nav"> ... </ div>
    <div id="sidebar"> ... </ div>
    <div id="footer"> ... </ div>
   </ Div> 

रीसेट डिफ़ॉल्ट शैली (सीएसएस रीसेट करता है): चाहे आप एक रूपरेखा का उपयोग करें या अपने लिखने के लिए, आप सीएसएस रीसेट करता है प्रदान करना होगा [ सीएसएस रीसेट करता है क्या हैं? ], के रूप में वे कम या कभी कभी कि विभिन्न ब्राउज़रों के बीच होते हैं दृश्य विसंगतियों को खत्म करने. सरल शब्दों में सीएसएस रीसेट तंत्र शून्य या शून्य मान के लिए HTML तत्व की शैली सेट, इस प्रकार किसी भी ब्राउज़र डिफ़ॉल्ट मानों वे बन गया है हो सकता है अधिभावी. यह किसी भी प्रयोक्ता एजेंट डिफ़ॉल्ट के इन तत्वों शून्य [के गुण सेट करने के लिए एक साफ स्लेट प्रदान करता है CSS2.1 उपयोगकर्ता एजेंट स्टाइल शीट मूलभूत ]. सभी सीएसएस चौखटे रीसेट तंत्र की है. यदि आप आप अपने सीएसएस रीसेट करता है लिख रहे हैं, सतर्कता का एक शब्द है कि यदि आप करने के लिए एक महत्वपूर्ण संपत्ति रीसेट भूलना होगा, यह पार ब्राउज़र मुद्दों है कि डिबग करने के लिए बहुत मुश्किल हैं ले जा सकता है. याद रखें, रीसेट शैलियों की एक प्रतिलिपि रखें और उन्हें आप एक नई परियोजना बनाने में छोड़.

  शरीर, div, डेसीलीटर, डीटी, डीडी, उल, राजभाषा, ली,
  H1, H2, H3, H4, H5, H6,
  पूर्व, प्रपत्र, fieldset, इनपुट, चुनें, textarea,
  पी, blockquote, मेज, वें, टीडी
  {
    सीमा: 0px;
    मार्जिन: 0;
    padding: 0;
  } 

सेट (आधारभूत शैलियाँ) मूलभूत तत्वों को:

के बाद आप (शून्य या शून्य) कुछ HTML तत्वों की कुछ विशेषताओं के डिफ़ॉल्ट मान सेट है, यह इन तत्वों के हर उदाहरण में कुछ शैलियों को लागू करने के लिए आवश्यक है. इन डिफ़ॉल्ट सेटिंग के डिजाइन के अनुसार भिन्न हो या आप का पालन सर्वोत्तम प्रथाओं के अनुसार सकता है.

अधिकांश सीएसएस चौखटे, हमेशा कुछ नया चूक डिफ़ॉल्ट ब्राउज़र शैलियों को रीसेट करने के लिए इसके अलावा में, परिचय.
ये चूक उपयोगकर्ता - एजेंट (सीएसएस रीसेट से दूर छीन) डिफ़ॉल्ट शून्य किया जा रहा है, इन ब्राउज़रों भर में लगातार हो जाएगा.

याद रखें, आधारभूत शैलियों शैली है कि जा रहे हैं डिजाइन व्यापक इस्तेमाल किया जा सेट किया जाता है. जैसे.

  एचटीएमएल {font-size: 77%; font-परिवार: Arial, बिना सेरिफ़;}
 मजबूत, H1, H2, H3, H4, H5, H6 {font-वजन: बोल्ड;} 

आम एचटीएमएल अवयव और सामान्य श्रेणी के लिए सार शैलियाँ:

हाल मिलकर परियोजना के कई पन्नों के आम साइट भर में इस्तेमाल किया HTML रूपों, सचेतक और त्रुटियों, कस्टम पॉपअप, LightBoxes आदि जैसे कुछ प्रकार के लिए तत्वों, के बाद से इस प्रकार के उपकरणों पर इस्तेमाल कर रहे हैं परियोजनाओं के पार फिर, यह उपयोगी हो सकता है प्रदान इन घटकों के लिए पूर्वनिर्धारित शैलियों के साथ जुड़े वर्गों के सेट है और आप अपने समय की एक बहुत कुछ बचा सकता है.

आम HTML घटकों के लिए पुन: प्रयोज्य शैलियों परिभाषाओं को परिभाषित करने के अलावा, हम सार शैलियों कक्षाएं टाइपोग्राफी रंग, या भी लेआउट के लिए संबंधित सकता है. मैं खुद करते हैं आप का उपयोग करें ... Clearfix, Font08, FontGrey, AlignL, DisplayB आदि की तरह सामान्य वर्गों

  प्रपत्र इनपुट {सीमा: 0px; पृष्ठभूमि: # FFFFFF; padding: 10px 0px; _padding: 0px 0px; ऊँचाई: 26px; रंग: # 000000; रेखा से ऊँचाई: 30px, font-size: 1.1em;}
 प्रपत्र textarea {: # FFFFFF; रंग: # 000000, font-size: 0.9 उन्हें लाइन ऊँचाई: 1.5em, अतिप्रवाह: पृष्ठभूमि 0px सीमा दिखाई;}
 Fbold {font-वजन: बोल्ड, रंग: # cccccc;}.
 . Fgrey {रंग: # 666,666;}
 . Flightgrey {रंग: # bbbbbb;}
 . Clearfix {स्पष्ट: दोनों;}
 विभक्त {सीमा टॉप: 1px ठोस 647B06 #; सीमा - नीचे: 1px ठोस 9CC00A; ऊँचाई: 0px;}
 {प्रदर्शन: ब्लॉक;} displayb. Displayn {प्रदर्शन: कोई नहीं;}
 {पाठ संरेखित: सही} alignr के. Alignc {text-align: केंद्र}
 {फ्लोट: सही;} floatr floatl. {फ्लोट: छोड़ दिया;} 

सामान्य ब्राउज़र quirks के लिए फिक्स

विभिन्न ब्राउज़रों सीएसएस कोड लागू करने और सीएसएस विनिर्देशों के लिए समर्थन के स्तर अलग प्रदान करते हैं. इस का परिणाम .... "ब्राउज़र Quirks, कि हम डेवलपर्स से निपटने के लिए छोड़ दिया जाता है. विशेष रूप से, IE6 के समय सीमा को पूरा करने के लिए साथ सबसे सीएसएस coders के सत्ता. अच्छी खबर यह है कि अनुभव एक साथ लाया है इन मुद्दों (अक्सर के रूप में कहा संभव पुन: प्रयोज्य फिक्सेस सीएसएस भाड़े ).

याद रखें, इन हैक्स / फिक्सेस काम रखें

  / * निम्नलिखित ज़ूम: 1 नियम IE6 + IE7 के लिए विशेष रूप से है.  * /
    * Html clearfix.
    *: प्रथम बच्चे + html clearfix {
           ज़ूम: 1;
      } 

अपने सीएसएस को रिफ़ाइन

• दिन में फिर से साइकिल की आदत आप में नहीं आएगा. यह करने के लिए विकसित किया है. तो अपने पुनः सायक्लिंग की योजना है. मन में यह सहन कि आप सार शैलियों चूक, टाइपोग्राफी परिभाषाएँ, लेआउट, HTML तत्व शैलियाँ आदि के लिए आगे की सोचने की कोशिश करो सकता.
• इसके अलावा अपने अतीत परियोजनाओं पर वापस देखो, यह शैली है कि आप अक्सर porjects भर उपयोग करते हैं की पहचान में मदद करेगा. यह सार.
• किसी भी अप्रयुक्त शैली निकालें. इस अभ्यास "फूल" नामक एक आम लक्षण से अपने सीएसएस ढांचे रखेंगे
• दोहराव शैलियों निकालें.
• निर्माण शैलियों का एक सेट है कि काफी लचीला के लिए परियोजनाओं के पार बंदरगाह हैं.

सीएसएस चौखटे पर एक नज़र

अंत में. यदि आप प्रेरित कर रहे हैं और सीएसएस चौखटे में से एक या एक से अधिक उपयोग करना चाहते हैं, यहाँ कुछ लोकप्रिय लोगों में से एक त्वरित सूची है ....

• 960 ग्रिड प्रणाली : 960 ग्रिड प्रणाली एक 960 पिक्सल की चौड़ाई के आधार पर सामान्य रूप से उपयोग किए जाने आयाम प्रदान करके वेब विकास कार्यप्रवाह को कारगर बनाने का प्रयास है. 12, 16 और 24 कॉलम, जो अलग या अग्रानुक्रम में इस्तेमाल किया जा सकता है: वहाँ तीन वेरिएंट हैं. सोचा था कि कुछ भी नहीं है कि आप आसानी से अपने खुद के लिए पर्याप्त नहीं बना सकते हैं, ढांचे को PDF स्वरूप है, कि एक अपने पृष्ठ designs.Bet के स्केच का उपयोग कर सकते हैं प्रिंट के लिए ग्रिड टेम्पलेट्स प्रदान करता है, यह एक पेशेवर छाप बनाने के लिए, अगर आप कुछ जब पत्रक ले आप यूआई आवश्यकताओं सभा के लिए एक ग्राहक के लिए जाना. यह भी पटाखे, फ्लैश, InDesign, Illustrator, फ़ोटोशॉप, Visio, आदि दस के लिए एक "स्टार्टर" करने के लिए अपने डिजाइन का काम शुरू प्रदान की तरह लोकप्रिय डिजाइन सॉफ्टवेयर के लिए बुनियादी ग्रिड टेम्पलेट्स प्रदान करता है.
• खाका : खाका रीसेट करता है के लिए साफ़ तौर पर वर्गीकृत सीएसएस फ़ाइलों, ग्रिड, फार्म, मुद्रण, टाइपोग्राफ़ी के लिए प्लगइन्स बटन, टैब्स और sprites आदि यह भी शामिल हैं एक अलग रूप में IE के लिए सहायता प्रदान करता है प्रदान करता है.
• SenCSs : उपरोक्त दो के विपरीत, SenCSs (स्पष्ट नब्ज), लेआउट के लिए सीएसएस परिभाषा नहीं है. यह फोंट, paddings, मार्जिन, तालिकाएँ, सूचियाँ, हेडर, blockquotes, रूपों और अधिक शामिल है.
• BlueTrip : प्रसिद्धि के लिए मूल का दावा था कि, यह सबसे अच्छा ब्लू प्रिंट ट्रिप, ओली की तरह अन्य दूसरों से जहां यह उसका नाम हो जाता है ... चौखटे द्वारा उपलब्ध कराई गई सुविधाओं का एक संयोजन था. इसकी सुविधा सेट 24 स्तंभ ग्रिड, टाइपोग्राफी शैलियों, orm शैलियों, प्रिंट, बटन आदि शामिल हैं
• YUI ग्रिड : Yahooo डेवलपर नेटवर्क के द्वारा आप के लिए लाया, 750px, 950px और 974px पर तरल पदार्थ चौड़ाई (100%) के रूप में अच्छी तरह से पूर्व निर्धारित लेआउट निर्धारित चौड़ाई लेआउट का समर्थन करता है, और आसानी से किसी भी संख्या के लिए अनुकूलित करने की क्षमता है. जैसा कि आप देख सकते हैं, यह तकनीकी रूप से अभी लेआउट अवयव. YUI भी अन्य पृष्ठ तत्वों के लिए HTML / सीएसएस सेट प्रदान
• YAML (फिर भी एक अन्य एकाधिक स्तंभ लेआउट)
• Emastic

याद रखें, सीएसएस चौखटे का उपयोग मतलब है कि आप अपना खुद का बनाने के लिए आलसी नहीं कर रहे हैं ... यह अर्थ है कि आप स्मार्ट करने के लिए दूसरों के अनुभव और गलतियों से सीखते हैं, समय और उत्पादकता में वृद्धि बचाओ!!

सीएसएस इस साल 10 साल के अस्तित्व पूरा! उन जो थोड़ी देर के लिए आस पास कर दिया गया है, उनके (या नहीं) रोटी सीएसएस का उपयोग कर कमाई है, तो आप जानते हो सकता है कि कैसे हम फोंट का एक अच्छा चयन के लिए भूख से मर गया है. फोंट की कमी के साथ भी उन लोगों की तरह डिजाइनर सीएसएस ज़ेन गार्डन सीएसएस पृष्ठभूमि छवियों का उपयोग करने के लिए अपने डिजाइन करने के लिए कुछ न्याय करने का पीछा में फोंट की जगह बना दिया है. हम भी फ़्लैश / जावास्क्रिप्ट ® हैक्स हमारे डिजाइन लक्ष्यों को प्राप्त करने की कोशिश की है. कोई मतलब है इस फोंट हम हमारी वेब डिजाइन में इच्छा प्राप्त करने के लिए एक गलत तरीका है, लेकिन निश्चित रूप से, यह सबसे वांछनीय रास्ता नहीं है. और अधिक वर्षों में वेब डिजाइनर, मेरे जैसे, पूरी तरह से उनके डिजाइन के लिए दस या तो फोंट पर भरोसा है.

वेब मानकों और फ़ॉन्ट स्वरूप में हाल के घटनाक्रम से यह संभव करने के लिए वही पुरानी डिफ़ॉल्ट फ़ॉन्ट के अलावा अन्य टाइपफ़ेस में HTML पाठ प्रस्तुत करना. "@ Fontface" सीएसएस decleration के में आता है.

@ Fontface वास्तविक फ़ॉन्ट फ़ाइल के लिए लिंक और यह वेब से प्राप्त करने के लिए एक समाधान के provids. @ Fontface का प्रयोग, डिजाइनरों के लिए पृष्ठभूमि छवियों के रूप में पाठ स्थिर बिना फ़ॉन्ट का उपयोग कर सकते हैं. कार्यान्वयन बहुत सीधे आगे है, जैसा कि नीचे दिखाया गया है, लेकिन सभी अच्छी चीजों के रूप में इसे करने के लिए कांग्रेस हिस्सा है, नहीं सभी ब्राउज़रों एक एकल "फ़ॉन्ट प्रकार का समर्थन. यदि आप साइट में पार ब्राउज़र समर्थन की आवश्यकता के साथ @ fontface का उपयोग करने की योजना बना रहे हैं, तो आप उसी के विभिन्न फ़ॉन्ट प्रकार के सूत्रों प्रदान करना होगा.

1. ट्रू टाइप - एक प्रारूप स्क्रीन पर अच्छे लग रहे करने के लिए डिज़ाइन. विंडोज ब्राउज़र (क्रोम) के लिए विशेष रूप से सिफारिश की है.
2. ओपन टाइप (CFF) - इस प्रारूप मुद्रण कार्य के लिए बेहतर है और Windows पर हमेशा अच्छा नहीं लग रही.
3. ईओटी - आप इस प्रारूप की जरूरत है अगर आप इंटरनेट एक्सप्लोरर को लक्षित करना चाहते हैं. IE के किसी भी अन्य प्रारूप का उपयोग नहीं होगा. हमारे ईओटी "लाइट," क्योंकि वे न तो और न ही संकुचित कर रहे हैं डोमेन प्रतिबंधित विचार किया जाएगा.
4. एसवीजी यह एक XML प्रारूप iPhone सहित कुछ ब्राउज़र्स द्वारा समर्थित है.
5. WOFF इस पार ब्राउज़र, वेब ही फ़ॉन्ट स्वरूप हल्के है (फ़ॉन्ट डेटा ज़िप संकुचित है) और या तो ट्रू टाइप या पोस्टस्क्रिप्ट (CFF) की रूपरेखा के साथ संकलित किया जा सकता है. यह वर्तमान में फ़ायर्फ़ॉक्स 3.6 द्वारा समर्थित है +.

@ Fontface का उपयोग

  @ फ़ॉन्ट चेहरा {
 font-परिवार: 'CalligraphyFLFRegular';
 स्रोत: यूआरएल (CalligraphyFLF.eot ');
 ": स्थानीय (CalligraphyFLF ') (' CalligraphyFLF) स्थानीय, url ('CalligraphyFLF.woff') ('woff') प्रारूप, ('CalligraphyFLF.ttf) url प्रारूप (' ट्रू टाइप '), url (' CalligraphyFLF svg # CalligraphyFLF ') (' svg) स्वरूप;
 }
 @ फ़ॉन्ट चेहरा {
   font-परिवार: "आपका टाइपफ़ेस";
   स्रोत: url ("/ फोंट font_filename.eot");
   ": (वैकल्पिक नाम) स्थानीय, स्थानीय, (Alternatename")
     url ("/ फोंट font_filename.woff") प्रारूप ("woff)
     url ("/ फोंट font_filename.otf") ("ओपन टाइप) स्वरूप,
     url ("/ फोंट # font_filename font_filename.svg") प्रारूप (SVG ");
   }
 h2 {font-परिवार: "आपका टाइपफ़ेस, जॉर्जिया, सेरिफ़;} 

जैसा कि आप ऊपर के उदाहरण से देख, चुना फ़ॉन्ट टाइपफ़ेस शामिल कर सकते हैं, एक ही टाइपफ़ेस लिए fonttypes का एक सेट करने के लिए लिंक है. इसलिए लोगों को "फ़ॉन्ट किट के रूप में इसे देखें.
फ़ॉन्ट उपलब्ध किट कि एंड यूज़र लायसेंस एग्रीमेंट (EULA) के तहत सीएसएस @ फ़ॉन्ट चेहरा यह संपत्ति के साथ स्पष्ट रूप से जोड़ने की अनुमति देता है.

उपयोगी WebFont संसाधन:

• @ फ़ॉन्ट चेहरा एम्बेडिंग के लिए उपलब्ध फ़ॉन्ट्स पर विकी पृष्ठ http://webfonts.info/wiki/index.php?title=Main_Page
  
• रे Larabie . वह एक प्रसिद्ध फ़ॉन्ट डिजाइनर जो दिलचस्प ट्रू टाइप फोंट वेब पर उपयोग के लिए आसानी से उपलब्ध के सैकड़ों बना दिया है. अपने फोंट, सजावटी, सुरुचिपूर्ण और चंचल हैं.
• Dieter Steffmann एक और महान फ़ॉन्ट डिजाइनर है. वह भी, कई सुंदर फोंट उपयोग करने के लिए किसी के लिए उपलब्ध बना दिया है.
• फ़ॉन्ट दुकान : फोंट वेब के उपयोग के लिए विशेष रूप से डिजाइन प्रदान करता है. अधिक सबसे सफल FontFont के परिवारों के 30 अब वेब FontFonts के रूप में उपलब्ध हैं. FontShop भी एक विस्तृत WebFont उपयोगकर्ता पुस्तिका है http://www.fontshop.com/blog/newsletters/pdf/webfontfontuserguide.pdf
  
• फ़ॉन्ट गिलहरी : सभी फ़ॉन्ट कि फ़ॉन्ट गिलहरी @ फ़ॉन्ट चेहरा सीएसएस embedding के साथ उपयोग के लिए प्रदान करता है showcases. फ़ॉन्ट गिलहरी प्रकार के एक प्रभावशाली मात्रा प्रदान करता है, एक बाहर ले इसे मृत सरल बनाता है, और handily "किट" प्रदान करता है अपनी पसंद का टाइपफ़ेस कई प्रारूपों में, डेमो HTML और सीएसएस के साथ पैक किया है कि बहुत वर्तमान @ फ़ॉन्ट चेहरा वाक्यविन्यास का उपयोग करता है . उन्होंने यह भी एक तरह से अपने खुद के फ़ॉन्ट चेहरा किट प्रदान करते हैं . यदि आप उपयोग करना चाहते टाइपफ़ेस उचित लाइसेंस दिया गया है (है कि लोगों को अपने कंप्यूटर के साथ आने जरूरी ठीक नहीं हैं), जनरेटर ईओटी, एसवीजी, और हे उत्पादन! WOFF फ़ाइलें.

Photoshop और Illustrator जैसे उपकरणों के साथ अपने सीमित कौशल सेट के साथ, मैं ईमानदारी से कि मैं एक बेहतर डेवलपर है की तुलना में मैं एक डिजाइनर हूँ कबूल कर सकते हैं. लेकिन कोर के साथ मेरी पृष्ठभूमि (सर्वर साइड) जावा / PHP / कोबोल के साथ विकास, मेरे यूआई विकास कौशल पर एक बहुत ही सकारात्मक प्रभाव दिया गया है. मैं क्या मतलब है, जबकि मेरे डिजाइन बनाने, यानी जब भी मैं डिजाइन करते हैं, मैं कैसे डिजाइन सबसे अच्छा-HTML सीएसएस में परिवर्तित किया जा सकता है और जब HTML के सीएसएस कर के बारे में सोचते हैं, मैं बैकेंड प्रौद्योगिकी के बारे में एक विचार दे और यथोचित सुनिश्चित करें कि कि HTML XSL के छोरों या PHP के टुकड़े आदि में आसानी से लागू किया जा सकता है

इन वर्षों में, मैं डिजाइन करने के लिए किया गया है जो शायद donot एक सुराग HTML या सीएसएस क्या है यूआई डिजाइनर द्वारा सिर फेंक दिया. इन वर्षों में मैं सोच रहा है कि मैं बहुत अधिक के लिए पूछ रहा होगा, अगर मैं सिर्फ डिजाइनर, जो मेरे गले के नीचे अपने कोड के लिए डिजाइन "असंभव" Shov की कोशिश कर रहा है बस थोड़ा सा क्या अपने डिजाइन परिवर्तित किया जाएगा समझने के लिए उम्मीद में. कि सही में मदद मिलेगी?

तो, मैं आज इस पोस्ट के पार आया था ... वेब डिजाइनर, जो कोड नहीं कर सकते हैं ... धन्यवाद भगवान! मैं सिर्फ कई लोग ऐसा ही लगता है ... ऊपर artitle घना एक सा है .. लेकिन पढ़ा है, इसके बारे में हर शब्द के लायक.

इलियट जे स्टॉक धन्यवाद ... मैं निश्चिंत लग रहा है!

यहाँ से कुछ अंश प्रस्तुत है Elliots लेख .

वाह, क्या एक दिन! यह एक छोटे से चहक के साथ शुरू किया और चर्चा है कि पूरे वेब डिजाइन समुदाय भर झाडू लग रहा था के साथ समाप्त हो गया. ऐसा लगता है वहाँ कुछ बहुत मजबूत राय है कि वेब डिजाइनर कोड करने के लिए सक्षम होना चाहिए विषय पर आयोजित कर रहे हैं.
...
तो, इससे पहले कि हम इस में मिलता है, मुझे जल्दी से संक्षिप्त करने के लिए मैं क्या चहचहाना पर आज सुबह पर कहा की अनुमति:

ईमानदारी से, मैं हैरान हूँ कि 2010 में मैं अभी भी वेब डिजाइनर, जो अपने स्वयं के डिजाइन कोड नहीं कर सकते हैं भर में आ रहा हूँ. कोई बहाना नहीं है.

... मैं एक छोटे से अधिक मेरे कलरव में विशिष्ट किया गया है चाहिए. मैं डिजाइनर, जो भी सबसे मूल HTML और सीएसएस कौशल नहीं है एक वास्तविक साइट में एक फ्लैट डिजाइन बारी के बारे में बात कर रहा था. लोग हैं, जो जानबूझकर कोड के लिए नहीं चुन नहीं, जो लोग नहीं कर सकते. और मैं भी केवल सामने अंत कोड रहा हूँ यहाँ जिक्र है, निश्चित रूप से यह हास्यास्पद लगता है कि डिजाइनरों को भी अद्भुत वापस अंत प्रोग्रामर होना चाहिए ...

हम 'वेब', Illustrator 300dpi में भेजा डिजाइन, कोड के लिए असंभव है, कोई संगति / प्रयोज्य मिलता है.
~~ एमी Mahon

देर हो रही है, और मैं यह किसी भी तरह लपेट मिल गया है. मैं जानता हूँ कि वहाँ कई जो मुझसे असहमत हो जाएगा, और मेरा इरादा अपमान या किसी को भी, जो कोड नहीं कर सकते हैं परेशान नहीं है, लेकिन मुझे आशा है कि मैं क्या कहा है की कुछ कहते हैं कि हमेशा आते हैं जब में delving के कुछ दर्शाता है इस बहस.

दिन के अंत में, मैं जो कोड और नहीं कर सकते हैं जो कर सकते हैं पर किसी भी नींद नहीं खोना है. मैं सिर्फ सही मायने में हूँ तो कई डिजाइनरों है कि सामने अंत कौशल की कमी है, के रूप में मैंने सोचा कि यह अतीत की बात थी खोजने के लिए आश्चर्य है.

भी टिप्पणी पढ़ने के लिए, वहाँ 320 के आसपास टिप्पणी थे, के रूप में मैं लिखना ... वे कर रहे हैं एक पढ़ने के काबिल है.
कृपया Elliots पूरा पोस्ट यहाँ पढ़ें .. वेब डिजाइनर, जो कोड नहीं कर सकते हैं

चूंकि रेडियो बटन और पाठ इनलाइन हैं, ताकि पाठ ही रेडियो बटन के नीचे करने के लिए पंक्ति में होगा, पाठ के लिए रेडियो बटन के तहत थोड़ा दिखाई देगा.
यदि आप इन शीर्ष पर संरेखित करने के लिए चाहते हैं, तो आप के लिए से divs या spans (उचित के रूप में) की तरह अलग कंटेनर में रेडियो और पाठ जगह है और वे संरेखण का ख्याल रखना होगा. तालिका कक्षों भी उपयोग, के अपने डिजाइन संक्षिप्त परमिट आसान हो जाएगा.

यह वही हर ब्राउज़र में नहीं लग रहे, हर ब्राउज़र के रूप में रेडियो थोड़ा अलग प्रदर्शित करता है, इसलिए वहाँ हमेशा के लिए आकार मुद्दों पर कोई फर्क नहीं पड़ता कि तुम क्या करते हो जा रहा है.

HTML5 अभी भी एक मसौदा है. जैसा कि मैंने लिखना, HTML 5, जो 2004 में शुरू किया पर काम है, अभी भी बीच एक संयुक्त प्रयास के द्वारा किया जा रहा है आकार दिया W3C HTML विंग और WHATWG के के . शब्द है कि अगले जनरल HTML संवर्द्धन और सुविधाओं, होगा जो नई संरचना और अर्थ विज्ञान, प्रपत्र नियंत्रण, एपीआई, मल्टीमीडिया टैग आदि.

सरल अंग्रेजी में है ... यह हमें यूआई डेवलपर्स के लिए क्या मतलब होगा ...

• वहाँ कुछ अर्थात संरचनात्मक टैग का के अलावा होगा. <article>, <section>, <header>, <aside>, और <nav>, जो बहुमत <div> है एक वेब पेज पर इस्तेमाल किया बदलने के लिए, अपने पृष्ठों एक थोड़ा और अधिक अर्थ लेकिन अधिक महत्वपूर्ण बात यह आसान है, पढ़ने के लिए.
  अरे! बस प्रयास है कि एक लापता करीब DIV टैग खोजने में बच कल्पना.
  जैसे

  <body>
   <header> ... <हैडर />
   <nav> ... <नव />
   <article>
     <section>
       ...
     <अनुभाग />
   </ लेख>
   <aside> ... </ अलग>
   <footer> ... <पाद लेख />
 </ Body> 

के बजाय

  <body>
   <div id="header"> ... </ div>
   <div id="nav"> ... </ div>
   <div class="article">
     <div class="section">
       ...
     </ Div>
   </ Div>
   <div id="aside"> ... </ div>
   <div id="footer"> ... </ div>
 </ Body> 

• और यूट्यूब, वेबपेज पर एम्बेडेड मल्टीमीडिया के उपयोग की तरह ऑडियो और वीडियो सामग्री के आगमन के साथ गुना के द्वारा increaded है. इस खाते में ले रहा है, अब योजना के लिए ब्राउज़र ही में वीडियो और ऑडियो embedding के लिए देशी समर्थन जोड़ने के लिए है, इसलिए उपयोगकर्ताओं को खेलने के लिए अनुमति देते हैं, रोकते हैं, बंद करो, की तलाश है, और स्क्रिप्ट के लिए builtin डोम एपीआई का उपयोग करने के लिए प्लेबैक नियंत्रण मात्रा समायोजित है.

जैसे

  <video poster="poster.jpg">
     स्रोत <% = "video.3gp" प्रकार = "video/3gpp"
     मीडिया = "हाथ">
         src="video.mp4" type="video/mp4"> <source
 </ वीडियो>
 <audio>
   src="music.oga" type="audio/ogg"> <source
   src="music.mp3" type="audio/mpeg"> <source
 <ऑडियो /> 

• बेहतर परिभाषित उदाहरण के लिए मौजूदा तत्वों के लिए अर्थ की भूमिका. अब <strong> तथा <em> वास्तव में अलग अलग अर्थ अर्थात् वे अलग तरीके से व्यवहार हो सकता है.

नए संस्करण के लिए कई बदलाव / उन्नयन कर रहे हैं ... इस पोस्ट अद्यतन रखने के रूप में मैं भर में आ किसी भी दिलचस्प उपयोगी लोगों .... देखो यह जगह

इस दस्तावेज़ को सटीक जानकारी प्रदान नहीं करता है के रूप में HTML 5 विनिर्देश अभी भी विकास में सक्रिय रूप से हो सकता है. जब संदेह में, हमेशा की जांच HTML 5 विनिर्देश यहाँ .

समय और फिर से, सभी अन्य व्यवहार देखा ब्राउज़र के रूप में डब्ल्यू .3 सी. नियम, आईई आप एक गुस्से का आवेश फेंक द्वारा बढ़ता विकास भावना का ने कहा, कि एक तय है प्रतीत नहीं होता. बस इस तरह के एक एक IE7 में यह मुद्दा है.

समस्या विवरण:
मैं और अन्य गंभीर वेब डेवलपर्स की कई कई बार है, जब वहाँ लेआउट में कुछ लिंक (लंगर टैग) पर तैरता हॉवर पर नेस्ट किया कि अधिक से अधिक ध्यान हो सकता है, जिसमें कंटेनर सही करने के लिए कुछ पिक्सल बदलाव लगता है . मैं इस समस्या के समाधान करने के लिए गूगल की कोशिश की है, लेकिन शायद ही क्यों किसी भी उचित जवाब मिल गया और जब यह होता है (है कि हो रहा से इस मुद्दे को रोकने में मदद कर सकता है), इसलिए मैं इस समस्या के लिए एक स्पष्ट समाधान या तो कभी नहीं पाया है ...

संभव समाधान:
अनुभव के बाहर, मैं नोटिस बार यानी 90% प्रतिशत है, कि इस मुद्दे सीएसएस कंटेनर गलत व्यवहार की परिभाषा में एक ज़ूम संपत्ति जोड़ने के द्वारा तय हो गई है ...

 # Somediv {
       ज़ूम: 1;
 }

फिर से कारण अस्पष्ट हैं ... इस कोशिश ...
IE में कुछ तत्वों "hasLayout" संपत्ति है, जो डिफ़ॉल्ट रूप से "सच" है. कई दृश्य सीएसएस व्यवहार, उदाहरण के लिए, एक अल्फा फिल्टर कि hasLayout तत्व पर ही काम करता है. और ज़ूम: 1} लक्ष्य तत्वों hasLayout संपत्ति देने लगता है .... उपयोगी है? इतना मुझे लगता है कि न ...

ज़ूम संपत्ति भी क्रोम द्वारा समर्थित लगता है, लेकिन इसके उपयोग के सहारे अपने लेआउट पर बहुत प्रतिकूल प्रभाव बनाने लगता है ... यह कोशिश है, यदि यह आप के लिए काम करता है ... अगर यह नहीं करता है, "सीएसएस क्रेप्स" के तहत इस पृष्ठ को बुकमार्क

• दस्तावेज़ प्रकार घोषणा एक दस्तावेज़ है कि HTML सिंटेक्स का उपयोग करता है की शुरुआत में उपस्थित होने की जरूरत है. यह वैकल्पिक XHTML वाक्यविन्यास भीतर इस्तेमाल किया जा सकता है, लेकिन यह आवश्यक नहीं है. XHTML के दस्तावेज़ टैग शामिल करने की जरूरत नहीं है क्योंकि XHTML दस्तावेजों दिया जाता है जो सही ढंग से एक XML MIME प्रकार का उपयोग कर रहे हैं और ब्राउज़रों द्वारा XML के रूप में संसाधित कर रहे हैं, हमेशा नहीं quirks मोड में रेंडर करता है.

• XHTML के में, टैग नाम केस संवेदी हैं और आमतौर पर लोअरकेस में लिखा जा सकता है परिभाषित किया है. HTML में, तथापि, टैग नाम मामले असंवेदनशील हैं और सभी अपरकेस या मिश्रित मामले में लिखा जा सकता है, हालांकि सबसे आम सम्मेलन को लोअरकेस के साथ रहना है. प्रारंभ और अंत टैग के मामले के लिए एक ही नहीं है, लेकिन लगातार की जा रही कोड देखो क्लीनर है.

HTML का उपयोग करने के लाभ

• पीछे की ओर मौजूदा ब्राउज़र के साथ संगत
• लेखक पहले से ही वाक्य रचना के साथ परिचित हैं
• उदार और क्षमा वाक्यविन्यास मतलब है कि वहाँ कोई उपयोगकर्ता के प्रतिकूल होगा मौत का पीला स्क्रीन "अगर एक गलती गलती के माध्यम से फिसल जाता है
• सुविधाजनक आशुलिपि वाक्यविन्यास, जैसे लेखकों के कुछ टैग और विशेषता मूल्यों को छोड़ सकते हैं

XHTML के का उपयोग करने के लाभ

• सख्त XML के वाक्यविन्यास लेखकों को अच्छी तरह से गठन मार्कअप लिखने के लिए, जो कुछ लेखकों को आसान बनाए रखने के लिए मिल सकता है को प्रोत्साहित करती है
• एसवीजी और MathML के रूप में इस तरह के अन्य XML शब्दसंग्रह, के साथ सीधे एकीकृत
• XML प्रसंस्करण के उपयोग, जो कुछ लेखकों उनके संपादन और / या प्रकाशन की प्रक्रिया के हिस्से के रूप में उपयोग की अनुमति देता है