10 आपल्याला आवश्यक असलेल्या कोडपेन युक्त्या कधीही माहित नव्हत्या

सामग्री

• 01. विषय वापरुन काहीतरी नवीन एक्सप्लोर करा
• 02. टेम्पलेटसह प्रोटोटाइप द्रुत
• 03. संग्रह प्रारंभ करा
• 04. प्रीप्रोसेसरसह कार्यक्षमता सुधारित करा
• 05. कोडेपेनचे छान नवीन वैशिष्ट्य एक्सप्लोर करा: प्रकल्प
• 06. टेलि चालू करा
• 07. समुदाय भाव आत्मसात
• 08. मीटअप आयआरएलला उपस्थित रहा
• 09. प्रो वर श्रेणीसुधारित करा
• 10. प्रेरणा चांगले मध्ये बुडणे

कोडपेन वेगवान प्रोटोटाइपिंगसाठी एक किलर टूलकिट आहे, ज्यात योगदानकर्त्यांचा प्रेरणादायक आणि समर्थक समुदाय आहे. क्रिएटिव्ह कोडची त्रास-मुक्त पुनरावृत्ती करून, नवीन विकास वातावरण निर्मितीची डोकेदुखी काढून टाकणे आणि व्यावहारिक आणि उपयोजित करणे यासंदर्भात लहरी आणि हास्यास्पद अशा असंख्य फ्रंटएंड संकल्पना सहजपणे हाताळण्यास वापरकर्त्यांना सक्षम बनवून हे उद्योगांचे एक आवडते वेब डिझाइन साधन बनले आहे. -तयार.

या लेखात आम्ही वेब उद्योगाच्या पसंतीच्या कोडिंग क्रीडांगणामधून अधिक मिळविण्यासाठी 10 शीर्ष टिपा एकत्र आणल्या आहेत - आपण कोडपेन कायमचा कसा वापरता हे या बदलत जाईल. हे आपणास सर्जनशील होण्यासाठी प्रेरणा देत असल्यास आपण आमचे सीएसएस अ‍ॅनिमेशन उदाहरणे किंवा वेबवरील सर्वात उत्साही मुक्त स्त्रोत प्रकल्प देखील तपासू शकता.

गोष्टी आणखी त्रास-मुक्त बनवू इच्छिता? सुलभ पेसी वेबसाइट बिल्डरसह आपली साइट तयार करा आणि एक सुपर-उपयोगी वेब होस्टिंग सेवा मिळवा.

01. विषय वापरुन काहीतरी नवीन एक्सप्लोर करा

कोडपेन विषय हे सर्व स्तरांच्या वापरकर्त्यांसाठी ऑफर केलेले तुलनेने नवीन समुदाय-चालविणारे वैशिष्ट्य आहे आणि नवीन फ्रेमवर्क, यूआय पॅटर्न्स किंवा जेएस लायब्ररीचा शोध घेण्याबद्दल ते सेट करण्याचा एक चांगला मार्ग आहे. विषय पृष्ठ उघडल्यानंतर, आपल्यास श्रेणीसह फिल्टर केलेले आणि पुढील उपश्रेणींद्वारे बरेच पर्याय उपलब्ध होतील. एकदा प्रसंगी श्रेणी पाहणे, उदाहरणार्थ व्ह्यू.जे.एस., आम्ही एकाधिक पर्यायांसह विहंगावलोकन स्क्रीनवर भेटलो.

तो व्ह्यू घटक तयार करण्यात मदत करण्यासाठी स्टार्टर टेम्पलेटची आवश्यकता आहे? आम्हाला प्रारंभ करण्यात मदत करण्यासाठी येथे लोकप्रिय घटकांची सूची आणि एक निफ्टी ’टेम्पलेट कडील नवीन पेन’ आहे. कार्यक्षेत्रातील काही कुशलतेने तयार केलेली उदाहरणे पाहू इच्छिता? ‘फीचर्ड व्ही पेन’ वर फिल्टर करा आणि तुम्हाला फ्रेमवर्क मास्टर आणि नवशिक्या यांच्या सारख्याच प्रेरणादायक कार्ये भेटल्या.हे विषय विहंगावलोकन ब्राउझ करताना, आम्हाला अधिकृत साइट्स, फ्रेमवर्क किंवा लायब्ररी दस्तऐवजीकरण आणि मार्गदर्शक आणि प्रोजेक्टचे मुख्य गिटहब उपस्थिती यांचे सतत दुवे ऑफर केले जातील.

02. टेम्पलेटसह प्रोटोटाइप द्रुत

स्थानिक विकासाचे वातावरण स्थापित करताना प्रत्येक विकसकास खरोखर वेदना जाणवल्या पाहिजेत, स्टॅक काहीही असो; बॉयलरप्लेट सेटअपसाठी देखील काही सबमिट बटण नमुना तयार करण्यासारखे काही तयार करण्यासाठी आणि त्याची चाचणी घेण्यासाठी गुंतवणूकी करण्यापेक्षा कितीतरी जास्त वेळ लागतो. कोडपेनसह, आपण आधीपासून तेथे आहात - आपल्या सर्जनशील मनाची सामग्री सहजतेने टाकण्यासाठी आपल्यासाठी एक आयडीई तयार आहे.

परंतु कोडपेनचे टेम्पलेट वैशिष्ट्य वापरुन, आपण कार्य करणे आवश्यक आहे असे अचूक वातावरण फिरविणे आता अधिक सुलभ आहे. टेम्पलेटमध्ये असंख्य पूर्वनिर्धारित बाह्य स्क्रिप्ट्स असू शकतात (आपण बाह्य मालमत्ता म्हणून दुसर्या पेनचा समावेश करू शकता), आपल्याला आपल्या प्राधान्यकृत एचटीएमएल / सीएसएस / जेएस प्रीप्रोसेसरची प्रीसेट करण्याची परवानगी देईल (जे फ्लायवर सुबकपणे स्वयं कंपाईल करेल) आणि जतन करेल आपण जतन करण्याची काळजी घेत असलेला कोणताही विद्यमान कोड.

टेम्पलेट म्हणून पेन निर्दिष्ट करणे अगदी सोपे आहे - आपले पेन उघडल्यास, ते सेटिंग बटणावर मॅश करुन पेन तपशीलांवर क्लिक करा आणि तेथून आपल्याला नियमित पेन किंवा जतन म्हणून पर्याय उपलब्ध करुन देणारा एक व्यवस्थित टॉगल दिसेल. टेम्पलेट.

तर अस्तित्वातील पेन बनवण्यापेक्षा हे कसे वेगळे आहे? टेम्पलेट म्हणून पेन सेट केल्याने आपल्याला नवीन पेन तयार करण्याचा पर्याय निवडताच हा सेटअप ताबडतोब निवडण्याची अनुमती मिळते, आपल्या मागील पेनमध्ये काटा काढण्याची आणि त्यास सुधारित करण्याची आवश्यकता नसते, त्यामधून आपल्या पसंतीच्या सर्व स्क्रिप्ट पुन्हा आयात करण्याची आवश्यकता नाही. तयार करा आणि आपण दिलेल्या संकल्पनेसाठी प्राधान्य देऊ शकणारे सर्व वाक्यरचना पर्याय आणि सेटिंग्ज पुन्हा शोधण्याची आवश्यकता नाही. याव्यतिरिक्त, टेम्पलेटमधून नवीन पेन प्रारंभ करणे आपल्या पेनला संपूर्णपणे नवीन निर्मितीसारखे मानते, तर फॉर्किंग रिक्त स्लेटऐवजी वेगळ्या इतिहासासह मूळशी परत दुवा साधणारी पेन तयार करते. कोडपेन प्रो खात्यात श्रेणीसुधारित करणे आपल्याला विस्तृत वैशिष्ट्यांचा एक अविश्वसनीय मूल्यवान संच प्रदान करते, परंतु विनामूल्य वापरकर्ता खाती देखील अमर्यादित टेम्पलेट निर्मितीस अनुमती देईल.

03. संग्रह प्रारंभ करा

आपण कोडपेन विषय वापरुन संसाधने शोधण्याची क्षमता बाळगण्यास आनंद घेत असल्यास परंतु आपण आपले स्वत: चे क्युरेट करू इच्छित असाल तर संग्रह आपण शोधत असलेले उत्तर आहे. संग्रहात पेन जोडणे इतके सोपे आहे की कोणत्याही पेनच्या संपादन दृश्यातून ‘संग्रह’ ड्रॉप-डाऊन निवडणे, जिथे आपण संग्रह निर्दिष्ट करू शकता किंवा नवीन तयार करू शकता. पुन्हा, हे कोणाचेही पेन असू शकते (आणि आपण प्रो वापरकर्ता असल्यास आपण आपला संग्रह खाजगी वर सेट करू शकता). संग्रहांचे सौंदर्य म्हणजे आपले सर्व संग्रह एका ठिकाणी मजबूत फिल्टर, क्रमवारी आणि शोध पर्यायांसह पाहण्याची क्षमता - स्टॅक किंवा फ्रेमवर्कद्वारे संसाधनांची व्याख्या करण्याचा एक चांगला मार्ग, प्रेरणा यादीची चालू यादी ठेवणे किंवा UI संकल्पनांनुसार क्लस्टर पेनद्वारे संग्रहित करणे. दुसर्‍या वापरकर्त्याच्या सार्वजनिक संग्रहात स्वारस्य आहे? अद्यतनांच्या शीर्षस्थानी राहण्यासाठी आपण आरएसएस मार्गे संग्रहात सदस्यता घेऊ शकता.

04. प्रीप्रोसेसरसह कार्यक्षमता सुधारित करा

चला यास सामोरे जाऊ, आपल्यापैकी बहुतेक लोक पडद्यामागे जास्तीत जास्त वेळ आपल्या संभाव्यतेपेक्षा जास्त खर्च करतात. आपल्यापैकी बरेच जण व्यावहारिक करिअरशी संबंधित प्रयत्नांनी भारावून गेले आहेत निरुपयोगी टॉगल स्विच किंवा वेबजीएल पृष्ठ संक्रमणाची एक लायब्ररी तयार करण्याची वेळ शोधणे कठीण आहे आणि कोडपेन विशिष्ट सेटअप वेळ काढून टाकत असताना आणि आम्हाला थेट काम करण्यास अनुमती देते, कार्यक्षमता नेहमी सुधारले जा. येथूनच कोडपेनचे नेटिव्ह प्रीप्रोसेसर उपयोगात येतात.

उदाहरणार्थ: काही शंभर एचटीएमएल सेल्सचा ग्रिड तयार करायचा आहे, तर प्रत्येकाची स्टाईल एट्रीब्यूट्स जावास्क्रिप्टद्वारे यादृच्छिकपणे अपडेट केले गेले आहे? आपण Div नंतर निश्चितपणे कॉपी आणि पेस्ट करण्याबद्दल जाऊ शकता. आणि शेवटी सर्व संपादक विंडो नेव्हिगेट करणे जवळजवळ अशक्य आहे.

येथे एचएएमएल, पग किंवा जेड चमकतात: पेनच्या सेटिंग्ज विंडोमधून सहजतेने एक एचटीएमएल प्रीप्रोसेसर निवडा, एक साधी लूप लिहा आणि हे घटक साधारणपणे दोन ओळींमध्ये व्युत्पन्न करा. कोठे सुरू करावे याची खात्री नाही? त्यासाठी पेन आहेः कोडपेन येथे ‘एचएएमएल लूप’ शोधण्यामुळे बॉयलरप्लेट पेनची चांगली संख्या मिळते जी आपल्याला आपल्या पृष्ठ घटकांची कार्यक्षमतेने कशी तयार करावी याबद्दल एक शोकविषयक समज देते.

एलईएसईएस आणि एसएएस सारख्या सीएसएस प्रीप्रोसेसरसह आम्ही मिक्सन आणि पूर्वनिर्धारित कार्ये तयार करू शकतो जे आपल्या युक्तिवादांच्या कोडेपेन टेम्पलेटमध्ये एक परिपूर्ण जोड बनवून आपल्याला सापेक्ष सहजतेने जटिल शैली लिहिण्याची परवानगी देतात. एखाद्या मोठ्या प्रकल्पासाठी आपण यूआय घटक तयार करीत आहात - आपण आता आपला रंग, टाइपफेस आणि स्पेसिंग व्हेरिएबल्स स्पष्ट आणि संक्षिप्त नामांकनासह परिभाषित करू शकता; आणि पुन्हा यासह कोडपेन टेम्पलेटमध्ये आपल्याला शून्य सेटअपसह पुनरावृत्ती करण्याची परवानगी मिळते.

कॉफीस्क्रिप्ट, टाइपस्क्रिप्ट किंवा बाबेलच्या कार्यक्षमतेचा आनंद घ्या? कोडपेन आपल्या निवडीचा जेएस प्रीप्रोसेसर देखील मूळपणे संकलित करू शकतो. कोणत्याही वेळी आपण प्रवाहाच्या खाली डोकावू इच्छित असल्यास आणि आपला कंपाईल केलेला कोड कसा दिसतो हे पहाण्यासाठी आपले अंतिम आउटपुट कसे दिसेल याची अनुभूती मिळविण्यासाठी आपण आपल्या कोड संपादन उपखंडातून 'व्ह्यू कंपाईल केलेले' निवडू शकता. - आणि आपण पाहिजे; पळवाट आणि प्रगत फंक्शन्ससह कार्य करणे सेटअप आणि पुनरावृत्ती आश्चर्यकारकपणे वेगवान बनवते, परंतु न वापरलेल्या वाक्यरचनाची चांगली मात्रा काढून टाकू शकते. कोणत्याही वेळी आपण या निर्मितीस उत्पादनांमध्ये वापरण्याचा विचार करीत असाल तर आपला सर्व कोड पूर्णपणे कंपाईल केलेला असल्याचे सुनिश्चित करा आणि कामगिरीसाठी आवश्यक असणारी कोणतीही कपात किंवा समायोजन करा.

05. कोडेपेनचे छान नवीन वैशिष्ट्य एक्सप्लोर करा: प्रकल्प

तरीही थोडीशी ताजी वैशिष्ट्य, कोडपेन प्रोजेक्ट्स एक अतुल्य नायकासारखे आहेत - कोडपेनचे मूळ थ्री-पेन एचटीएमएल / सीएसएस / जेएस सेटअप आधीपासूनच सानुकूल बाह्य समावेश आणि रीअल-टाइम प्रीप्रोसेसर संकलनास अनुमती देते. मग काय प्रकल्प उभे राहते? मानक संपादन पानांव्यतिरिक्त, आपण आपल्या स्वतःच्या स्थानिक फायली जोडण्यास सक्षम आहात - म्हणजे आपण स्थानिक वातावरणाप्रमाणे आपल्या स्वत: च्या फाइल स्ट्रक्चर्सचा आराखडा तयार करू शकता, बहु-पृष्ठे साइट्स किंवा creatingप्लिकेशन्स एकल, स्वयंपूर्ण वातावरणात तयार करू शकता. उदाहरणार्थ, जटिल गल्प किंवा वेबपॅक कॉन्फिगरेशन सेट अप करण्याची आवश्यकता न ठेवता.

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

06. टेलि चालू करा

कोडपेनद्वारे ऑफर केलेल्या सर्व सामर्थ्यवान, व्यावहारिक साधनांमध्ये लपलेले एक लहरी विचलन आहे जे कोडपेन टीव्ही म्हणून ओळखले जाते. कोडपेन टीव्ही हे फक्त निवडलेल्या पेनचे एक यादृच्छिक नमुना आहे जे हळूहळू स्क्रीन सेव्हर सारख्या फॅशनमध्ये फिरते. कदाचित आपणास पेनची यादृच्छिक निवड पाहण्याची काळजी नाही आणि आपल्या स्वत: च्या पेनची वैशिष्ट्यीकृत पेनचे ‘चॅनेल’ क्युरेट करायचे आहे - आपण कोणत्याही कोडपेन संकलनावर आधारित कोडपेन टीव्ही चॅनेल देखील लाँच करू शकता (इतर वापरकर्त्यांद्वारे तयार केलेल्या संग्रहांसह). आणि आपण मॅक वापरकर्ता असल्यास, आपण स्टँडअलोन ओएसएक्स नेटिव्ह स्क्रीनसेव्हर म्हणून कोडपेन टीव्ही देखील वापरू शकता!

07. समुदाय भाव आत्मसात

कोडिंग समुदाय अनन्यतेसाठी कुख्यात आहेत, इंपॉस्टर सिंड्रोमसाठी वास्तविक प्रजनन मैदान तयार करतात जे अगदी पनीर डिझाइनर आणि विकासकांनाही अभेद्य आणि अप्रिय वाटू शकतात.

येथूनच कोडपेन वेगळा आहे - आणि समुदायाचा सक्रिय सदस्य बनण्यामुळे असे फायदे का दिले जातात. आनंद पेन करणारा पेन पहा? ते हार्ट बटण मॅश करा आणि दुसर्‍या वापरकर्त्यास थोडेसे प्रेम दर्शवा. आपण पुढे जाऊन त्यापर्यंत तीन वेळा क्लिक करू शकता जर आपल्याला खरोखरच त्यांचे खरोखर केलेले कार्य आवडले असेल.

प्रेरणा वाटत आहे, किंवा कदाचित दुसर्‍या वापरकर्त्याच्या पेनवर वैकल्पिक विचार करण्याचा विचार करत आहात? एका क्लिकवर, आपण पेन काटा आणि आपल्या स्वत: च्या सर्जनशीलतेची भरपाई करू शकता किंवा आपण योग्य दिसताच त्यास रिफेक्टर देखील देऊ शकता.

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

समुदायामध्ये बुडण्याचा सर्वात उत्तम मार्ग म्हणजे कोडपेनच्या स्पेक्ट्रम चॅटमध्ये सामील होणे - कार्य सामायिक करणे, सल्ला मागणे आणि सर्जनशील सहकार्य यासाठी एक मुक्त मंच. पास पेन ही एक उदाहरणे आहे, कोडपेन वापरकर्ता क्रिस्तोफर व्हॅन सांत यांची संकल्पना, ज्यामध्ये पेन तयार केला गेला आहे आणि नंतर ज्या वापरकर्त्यांना योगदान देऊ इच्छित आहे त्यांनी पुनरावृत्ती केली.

कोडपेन आपल्याला सर्जनशीलतेने व्यस्त ठेवण्यासाठी साप्ताहिक आव्हानांचे संकेत देते. आपणास वाटले आहे की आपले कार्य सामायिक करण्यास पात्र आहे परंतु आपण कदाचित चुकीचे आहात. कोडपेनच्या स्पेक्ट्रम चॅटवर जा आणि आपण कितीही मोठे किंवा छोटे असले तरीही आपण काय कार्य करीत आहात हे दर्शवा. सरासरी कोडपेन वापरकर्ता किती सहाय्यक आणि उपयुक्त आहे याबद्दल आपण आश्चर्यचकित व्हाल आणि कदाचित त्या मार्गाने काही भिन्न गोष्टी शिकू शकाल.

08. मीटअप आयआरएलला उपस्थित रहा

फ्रंटएंड विकसकांसाठी कोडपेनला आवश्यक साधन बनवण्याच्या मुख्य गोष्टी म्हणजे समुदाय. परंतु काहीवेळा आपली कौशल्ये ऑफस्क्रीन घेणे उपयुक्त ठरेल - आणि कोडेपॅनच्या बैठकीत होस्ट करण्याऐवजी कोणताही चांगला मार्ग नाही. कोडपेन आपल्याला उपस्थितांसाठी कृपापूर्वक स्वैग पुरवेल आणि त्यांच्या प्रायोजकांच्या मदतीने ते तुम्हाला खाण्यापिण्यास व परतफेड करण्यास मदत करू शकतील - स्थान आणि तारीख आपल्याकडे आहे. मीटअप्स प्रोग्राम जोडीची उत्कृष्ट संधी प्रदान करतात, सार्वजनिकपणे व्यूहरचना किंवा संकल्पना मागतात, एखादे कार्यसंघ आव्हान पूर्ण करतात किंवा आपल्या सहकाod्यांना काय प्रवृत्त करते हे जाणून घेणे चांगले. किंवा कदाचित आपण तेथे विनामूल्य पिझ्झासाठी आहात. आम्ही तुम्हाला माफ करतो.

09. प्रो वर श्रेणीसुधारित करा

कोडेपेन विनामूल्य ऑफर केलेल्या कार्यक्षमतेची खोली खरोखर उल्लेखनीय आहे, विशेषत: हजारो वापरकर्त्यांचा भार एकाच वेळी काही अविश्वसनीयपणे सर्व्हर-गहन क्रिएशन्स एकत्रितपणे विचारात घेत आहे. बॉक्सच्या बाहेर, तो एक चांगला गोलाकार अनुभव आहे - जोपर्यंत आपण कोडपेन प्रोकडून चावा घेत नाही तोपर्यंत. मग उडी कशासाठी? यात बर्‍याच उपयोगी विस्तारित वैशिष्ट्यांचा समावेश आहे, परंतु एकटे एक वैशिष्ट्य फायदेशीर ठरते: पेन खाजगीरित्या जतन करण्याची क्षमता.

गैर-प्रो वापरकर्त्यांसाठी, तयार केलेले प्रत्येक पेन सार्वजनिकपणे अनुक्रमित केले जाते, जे बर्‍याचदा चांगले असते. परंतु मला अद्याप-सुरू करण्यायोग्य क्लायंट प्रोजेक्टसाठी काही UI समृद्धीचे वाटेल तर काय करावे? येथेच खासगी बचत करण्याची क्षमता अगदी सुलभतेने येते - ‘खाजगी’ म्हणजे छुपे नसतात, तरीही आपण आपल्या पेनचे थेट दुवे आपल्या अंतर्गत कार्यसंघासह सामायिक करू शकता, उदाहरणार्थ. परंतु आपली पेन अन्यथा शोधण्यायोग्य नाही. कदाचित आपल्याला नवीन संकल्पना तपासण्यासाठी वातावरणाची आवश्यकता असेल किंवा आपल्याकडे एखाद्या निर्मितीवर काम करण्यासाठी थोडा वेळ असेल आणि नंतर परत यायचा विचार करा - येथेच गोपनीयता पर्यायांमध्ये फरक पडतो.

तर प्रो खात्यात आणखी काय समाविष्ट आहे? मालमत्ता होस्टिंग! प्रति फाइल मर्यादेच्या 2Mb मध्ये, कोडपेन आपल्या पेनची मालमत्ता होस्ट करेल, म्हणजे बाह्य होस्टवर प्रतिमा किंवा स्क्रिप्ट अपलोड करण्याची आवश्यकता नाही आणि कठोर क्रॉस-मूळ वैशिष्ट्यांसह फ्रेमवर्कसह कार्य करताना अधिक लवचिकता अनुमती.

प्रो खाती लाइव्ह व्ह्यूमध्ये प्रवेश देतात - वापरकर्त्यांना एकाधिक विंडोजमध्ये उड्डाण करणारे हवाई परिवहन - कोलाब मोड - जे थेट जोडी प्रोग्रामिंगसाठी अनुमती देते आणि एक सुलभ गप्पा पर्याय समाविष्ट करते - आणि प्रोफेसर मोड, जे आपले कोड अद्यतने प्रसारित करतात, त्यांची संपादने पाहण्याची परवानगी देतात. रिअल टाइममध्ये पेनच्या थेट पूर्वावलोकनासह, कोड इन्स्ट्रक्टर किंवा कॉन्फरन्स-सर्किट मास्कोसिस्टसाठीदेखील आदर्श. कोडपेन प्रो सानुकूल सीएसएस आणि जेएससह आपले स्वतःचे प्रोफाइल पृष्ठ संपादित करण्याची क्षमता आणि पृष्ठ शीर्षलेख म्हणून वैकल्पिक पेन एम्बेड करण्याची देखील ऑफर देते - कारण त्यांच्या प्रेक्षकांना माहित असणे म्हणजे फ्रंटएंड विकसकांना सानुकूलित करणे, सानुकूलित करणे, सानुकूलित करणे या गोष्टींचा गोंधळ उडत आहे.

10. प्रेरणा चांगले मध्ये बुडणे

एक नवीन पेन रिक्त कॅनव्हाससारखे आहे, परंतु काहीवेळा क्रिएटिव्ह ब्लॉक येईल आणि तो कॅनव्हास आपल्याकडे एक लांब नित्झशियन टक लावून घेईल. बिनधास्त वाटत आहे? नवीनतम कोडेपेन आव्हान पहा किंवा कोडवेम्बर किंवा डेलीयूआय सारख्या कोडिंग आव्हान गटामध्ये सामील व्हा. कदाचित ड्राईबलकडे जा आणि पुन्हा तयार करा (किंवा कदाचित एनिमेट करा) सीएसएस मधील एक उदाहरण - देय देण्याची खात्री करा (आपल्या पेनच्या सार्वजनिक तपशीलांमध्ये बॅकलिंक्स जोडणे ही एक चांगली पद्धत आहे.)

हे व्यर्थतेचे व्यायाम असल्यासारखे वाटू शकतात आणि एखाद्याच्या मोकळ्या वेळेत कोडिंगविरूद्धच्या युक्तिवादाकडे आपण सर्वांचे लक्ष वेधून घेतो, परंतु कोडेपेन येथे (सार्वजनिकपणे) सर्जनशील कोडिंगच्या उलट आणखी एक थोडासा मान्यता प्राप्त आहेः संभाव्य नियोक्ते आणि भरती करणारे प्रत्यक्षात साइटवर काम करण्यासाठी वेळ घालवतात. सर्जनशील महत्वाकांक्षा प्रदर्शित करणारे लोकांसाठी. आपल्याला ज्या गोष्टींचा अभिमान आहे अशा काही गोष्टी बनवल्या? त्यांना आपल्या पोर्टफोलिओमध्ये समाविष्ट करण्याचे सुनिश्चित करा.

एकाधिक प्रदर्शन पर्यायांसह कोडपेन एम्बेड करणे सोपे करते आणि त्यांचे नवीन प्रीफिल एम्बेड वैशिष्ट्य वापरुन आपण आपल्या पोर्टफोलिओ साइटच्या कोडबेसमधून थेट कोडसह एक कोडपेन संपादक विंडो जोडू शकता.

हा लेख मूलतः सर्जनशील वेब डिझाईन मासिकात प्रकाशित झाला होता वेब डिझायनर.अंक 290 खरेदी करा.