Fronteers 2012 - सर्वश्रेष्ठ ग्राहक विकास सम्मेलन, भाग 1

इस साल मैं पहली बार एम्स्टर्डम में पहली बार (5 वीं पंक्ति में) सम्मेलन Fronteers # fronteers12 में भाग लेने के लिए भाग्यशाली था।

यूरोप में सबसे ज़ोरदार क्लाइंट-साइड सम्मेलन, असामान्य पाथे टस्किन्स्की सिनेमा की दीवारों में 2 दिन, 4-5 अक्टूबर तक चला।

सभी रिपोर्टें अंग्रेजी में थीं, साथ में क्रिश्चियन हेलेमन । कटौती के तहत स्लाइड के लिंक और सम्मेलन के पहले दिन प्रस्तुतियों के मुख्य बिंदु हैं।

पाँच सेंट

सबसे पहले, यह ध्यान देने योग्य है कि घटना का संगठन अपने सबसे अच्छे रूप में था! यह तुरंत स्पष्ट है कि फ्रॉन्तेर्स डेवलपर्स के ग्राहक पक्ष समुदाय के लोग बहुत जिम्मेदारी से इस मामले में संपर्क करते हैं और पिछले सम्मेलनों के अनुभव को ध्यान में रखते हैं। सॉकेट्स की कमी और अच्छे वाई-फाई को महसूस करने की आवश्यकता नहीं थी (जीवन के लिए और क्या आवश्यक है :)।

सभी रिपोर्ट दर्ज की गईं, और जल्द ही Vimeo पर सार्वजनिक रूप से पोस्ट की जाएंगी।

केवल एक चीज जो मुझे वास्तव में पसंद नहीं आई थी वह थी रिपोर्ट्स का बहुत लंबा सत्र, प्रति व्यक्ति 50 मिनट बहुत अधिक था, जिससे रिपोर्टें थोड़ी कमजोर पड़ गईं।

सम्मेलन का पहला दिन

उत्तरदायी डिजाइन के लिए अनुकूल

मार्क बॉल्टन - storify


( http://instagram.com/p/QWey8vDuAt )

मार्क ने फिल्म द मैट्रिक्स से पांच मिनट के अंश के साथ रिपोर्ट शुरू की, यह देखते हुए कि रिस्पॉन्सिव डिज़ाइन (इसके बाद आरडी) लाल मोर्फियस टैबलेट की तरह है। इससे पहले, हम सभी स्थैतिक साइटों की दुनिया में रहते थे, लेकिन अब हमने पूरी तरह से नए अवसरों की दुनिया खोल दी है।

रिपोर्ट में 3 खंडों पर प्रकाश डाला गया है - व्यवसाय, प्रक्रिया, सामग्री:

व्यापार

• आरडी अधिक महंगा है, ग्राहकों को इसके साथ जुड़ने की जरूरत है
• विज्ञापन बैनर आरडी के विकास में बाधा डालते हैं, विज्ञापन एजेंसियों को यह समझाना मुश्किल है कि रबर बैनर खींचने की जरूरत है

प्रक्रिया है

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

सामग्री

• अब "पृष्ठ" की अवधारणा नहीं है, सबसे पहले सामग्री के बारे में सोचें
• RD चुनौतियां सामग्री प्रबंधन प्रणाली (CMS)

मार्क ने सामग्री अनुकूलन के बारे में एक दिलचस्प बात का भी उल्लेख किया।

नया और बेहतर डेवलपर टूलबेल्ट

Addy उस्मानी - storify , स्लाइड्स



लगातार अपने काम के उपकरण विकसित करें, हम उन पर जितना कम ध्यान केंद्रित करते हैं, उतना ही अधिक काम करने की आवश्यकता है।

कमांड लाइन से प्यार करना सीखें, "300 बटन में से" GUI की तुलना में यह बहुत आसान है:

• इसे सेक्सी बनाएं - अपने टर्मिनल को रंग दें
• डॉटफाइल्स ( डॉटफाइल्स का एक दिलचस्प चयन )
• स्वत: पूर्ण और कमांड इतिहास का उपयोग करें

अपनी आईडीई का अन्वेषण करें! उदात्त पाठ के लिए कुछ सुझाव:

• एम्मेट (एक्स-ज़ेन कोडिंग)
• ढेर अतिप्रवाह पर कोड ढूँढना
• स्निपेट लाइब्रेरी
• अपने खुद के बांधें

और भी बहुत कुछ

• TodoMVC
• ब्राउज़र में डीबग करें
• स्रोत मानचित्र (अब तक केवल क्रोम कैनरी में) आपको SASS से उत्पन्न शैलियों को ट्रैक करने की अनुमति देगा
• येओमान - हम वेब अनुप्रयोगों के विकास की प्रक्रिया को तेज करते हैं ( जीत के लिए )
• ट्रैविस - क्लाउड में निरंतर एकीकरण
• Tincr - Chrome के लिए एक प्लगइन जो आपको सीधे ब्राउज़र में फ़ाइलों को संपादित करने की अनुमति देता है

अपने आप को यह देखने के लिए लगातार जांचें कि क्या आप वर्तमान में काम करने के लिए सबसे अच्छे, किफायती उपकरणों का उपयोग कर रहे हैं।

एक पिक्सेल एक पिक्सेल नहीं है

पीटर-पॉल कोच - भंडार , स्लाइड

स्पीकर ने हमें तीन प्रकार के पिक्सेल के बारे में बताया:

• CSS Pixels - वेब पर हम क्या काम करते हैं
• डिवाइस पिक्सेल - स्क्रीन पर वास्तविक पिक्सेल (रिज़ॉल्यूशन), उनके लिए मीडिया क्वेरीज़ सेट की जाती हैं
• घनत्व-स्वतंत्र पिक्सेल - आभासी पिक्सेल, वेब विकास में उपयोग नहीं किया जाता है। स्क्रीन पर पिक्सेल घनत्व में वृद्धि, इंटरफ़ेस को तोड़ने के लिए नहीं के रूप में आविष्कार किया गया था

और उन्होंने व्यूपोर्ट के प्रकारों के बारे में बात की (दोनों पिक्सेल सीएसएस में मापा गया):

• लेआउट व्यूपोर्ट - वास्तविक व्यूपोर्ट
• दृश्यमान - दृश्यमान (मोबाइल डिवाइस पर ज़ूम के साथ)

अगला, हमने स्थिति के बारे में बात की: भीड़ पर निश्चित समस्या। उपकरणों, लेकिन सबसे अच्छा समाधान, दुर्भाग्य से, खुलासा नहीं किया गया है।

डिवाइस स्क्रीन की चौड़ाई (चौड़ाई = डिवाइस-चौड़ाई) के साथ साइट की चौड़ाई के बराबर में उत्तरदायी डिज़ाइन का उपयोग करने का बिंदु:

<meta name=”viewport” content=”width=device-width” /> 

यह एक दिलचस्प डिवाइस - कैमहॉल्डर का उल्लेख करने योग्य है , जिसका उपयोग रिपोर्ट के दौरान किया गया था।

Mail.ru के हालिया टेक्नोलॉजी फोरम में , वादिम मेकव ने पिक्सेल प्रकारों के बारे में भी बात की ।

जेएस का उपयोग करने के लिए प्रबुद्ध और संभ्रांत करने के लिए बड़ा, बेहतर डेटाविस का निर्माण करना

एलेक्स Graul - stotify , स्लाइड


( http://twitpic.com/b0w9ua )

एलेक्स ने वेब पर डेटा विज़ुअलाइज़ करने की बात की:

• d3.js - एक पुस्तकालय जो आपको एसवीजी और एचटीएमएल / सीएसएस का उपयोग करके डेटा की कल्पना करने की अनुमति देता है
• मामूली नक्शे

दस बातें जो मुझे HTML के बारे में नहीं पता थीं

मैथियास ब्यनेंस @ मथियास - storify

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


( http://twitpic.com/b0wymk )

सम्मेलन के प्रतिभागियों के नाम के रंग।

फिर उसने HTML और CSS में उद्धरणों के विषय को खोला, वास्तव में, आप बिना उद्धरण के सभी मान लिख सकते हैं, लेकिन कुछ मामलों में, ऐसे कोड टूट सकते हैं। और उन्होंने जेएस में वैध चर नामों का उल्लेख किया।

एक न्यूनतम, मान्य HTML दस्तावेज़ में केवल सिद्धांत और शीर्षक शामिल हो सकते हैं। बाकी ब्राउज़र द्वारा जोड़ा गया है, और अपरिभाषित HTML, बॉडी टैग को CSS के माध्यम से भी स्टाइल किया जा सकता है।

एक और दिलचस्प तथ्य यह है कि जेएस में सभी वर्णों को समान नहीं माना जाता है, उदाहरण के लिए, गणितीय प्रतीक, मान "2" दे सकते हैं - एक उदाहरण ।

स्टाइल गाइड नए फोटोशॉप हैं

स्टीफन है - स्लाइड


( http://image.slidesharecdn.com/fronteers2012-121004104049-phpapp01/95/slide-30-728.jpg )

फ़ोटोशॉप इंटरफेस, डिज़ाइन साइट बनाने और तस्वीरें खींचने के लिए उपयुक्त नहीं है। संपादक में तैयार किए गए डिज़ाइन कार्यान्वयन के अंतिम परिणाम का सही प्रतिनिधित्व करना असंभव है। उत्तरदायी डिजाइन फ़ोटोशॉप में डिजाइन और संशोधित करना बहुत मुश्किल है।

Adobe Edge जैसे नए HTML प्रोटोटाइप टूल का उपयोग करें। कोड का उत्पादन स्तर नहीं होना चाहिए। जब ग्राहक एक साथ कई उपकरणों पर डिजाइन के विकास को देख सकते हैं तो वे प्रसन्न होते हैं।

फ़ोटोशॉप में चित्र न बनाएं, तुरंत स्टाइल गाइड करें, इससे डिज़ाइन समर्थन और डेवलपर्स के लिए मदद मिलेगी।

तब उन्होंने स्टीफन ने संकेत दिया कि आपको कमांड लाइन से डरना नहीं चाहिए, लेकिन आपको इसकी क्षमताओं का अधिकतम उपयोग करने की आवश्यकता है। उसके बाद, मैंने अपने स्टाइल गाइड को विकसित करने में मदद करने के लिए दिलचस्प उपकरणों के बारे में बात की:

• Dexy - शैली गाइड बनाने के लिए उपकरण
• Phantom.js और Casper.js - परीक्षण को स्वचालित बनाने और स्क्रीन शॉट्स बनाने के लिए
• जिंजा - अजगर टेम्पलेट इंजन

पहुँच पैनल

एंटोनी हेगमैन, बोर वर्कोरोस्ट, ब्रैम ड्यूविग्नो और क्रिस हेइल्मन - storify

वेब पर पहुँच की अमूर्त अवधारणाओं पर चर्चा करने के बजाय, हम मूल स्रोत से सीधे जानकारी सुनने के लिए भाग्यशाली थे। तीन डेवलपर्स को वेब एक्सेसिबिलिटी सेक्शन में आमंत्रित किया गया था, जिनके पास विभिन्न प्रकार की शारीरिक अक्षमताएं हैं।

अनुभाग के मुख्य बिंदु:

• होवर पर दिखाई देने वाले मेनू में "अतिरिक्त स्थान" होना चाहिए ताकि वे थोड़ी सी भी अनुपलब्धता पर गायब न हों
• स्क्रीन रीडर बहुत महत्वपूर्ण शब्दार्थ हैं, खासकर हेडर में, वे वेब नेविगेशन को लागू करते हैं
• पाठ पाठ होना चाहिए, और पृष्ठ पर खोज के माध्यम से पाया जाता है
• HTML विशेषता में साइट भाषा निर्दिष्ट करना उपयोगी है, वॉयस ओवर के लिए
• ARIA के साथ HTML शब्दार्थ में सुधार करें

प्रश्न और उत्तर अनुभाग में, मैंने पूछा कि क्लीनर सामग्री प्रदान करने के लिए वेब से उपयोगकर्ता के भौतिक दोषों को निर्धारित करना असंभव क्यों है। उन्होंने जवाब दिया कि उपयोगकर्ता की कमियों की पहचान करना, उपयोगकर्ता की नस्लीय भेदभाव, भेदभाव जैसे कारणों के लिए अनुमति नहीं थी।

वेब पर पहुंच के विषय पर थोड़ा और - लीह ने हाल ही में रंगों के विपरीत को आसानी से जांचने के लिए एक सुविधाजनक उपकरण की घोषणा की ।

अधिक सीएसएस रहस्य: अन्य 10 चीजें जिन्हें आप सीएसएस के बारे में नहीं जानते होंगे

ली वेरौ @leaverou - स्लाइड , पिछले वर्ष से स्लाइड


(स्लाइड्स से)

लीह ने पिछले साल की तरह दिलचस्प सीएसएस ट्रिक्स के बारे में बात की। यहां रिटेलिंग का कोई मतलब नहीं है, मैं आपको स्लाइड्स के माध्यम से देखने और उदाहरणों को लाइव महसूस करने की सलाह देता हूं।

संदर्भ

• @FronteersConf
• Lanyrd पर मोर्चों
• वीडियो रिकॉर्डिंग
• गिथूब पर सार्वजनिक टिप्पणी
• व्लादिमीर कुज़नेत्सोव द्वारा सम्मेलन की रिपोर्ट से स्लाइड

मैं वापस आ जाऊंगा

निकट भविष्य में मैं रिपोर्ट का दूसरा भाग तैयार करूंगा, जिसमें जाम सत्र के साथ शोध शामिल होंगे, जहां हमारे कुछ हमवतन लोगों ने बात की थी। देखते रहो!