वेब डेवलपर के लिए कुछ रोचक और उपयोगी बातें (रिलीज़ 5)

शुभ दिन, प्रिय Kravravchians। हाल ही में, मैंने कई दिलचस्प और उपयोगी उपकरण / पुस्तकालय / कार्यक्रम देखे जो मैं ह्रब के साथ साझा करना चाहता हूं।

Stackedit

मुक्त स्रोत संपादकों के बीच एक उत्कृष्ट कृति! यह पेजडाउन की मार्कडाउन लाइब्रेरी पर आधारित है, जिसका उपयोग स्टैकऑवरफ्लो और अन्य स्टैकएक्सचेंज परियोजनाओं द्वारा किया जाता है। स्टैकेडिट ड्रॉपबॉक्स और Google ड्राइव के साथ सिंक्रनाइज़ होता है, और स्थानीय भंडारण में सभी दस्तावेजों को भी बचाता है, इसलिए ऑनलाइन और ऑफलाइन दोनों ही संपादन संभव है। मार्कडाउन और HTML को आयात / निर्यात / परिवर्तित करने की क्षमता। WordPress, Tubmlr, Blogger, Github, Gist और किसी भी SHH सर्वर पर प्रकाशित करें। सांख्यिकी, रीयलटाइम काम, विभिन्न वाक्यविन्यास समर्थन (Prettify / Highlight.js), LaTeX, थीम्स ... यह सिर्फ एक महान उत्पाद है ।


App.io आपको एक ब्राउज़र में iOS एप्लिकेशन चलाने की अनुमति देता है। यह पहले से ही मोबाइल विकास का एक विषय है, लेकिन हाल ही में मैंने स्प्रिंटी ड्राइवर के बारे में एक लेख पढ़ा और देखा कि बीटलप्ले फ्लैश पर डेमो विकसित कर रहा है। मैंने इसे साझा करने का फैसला किया। मैं IFTTT से UIKit में एनिमेशन बनाने के लिए रूपरेखा भी सुझाता हूं।


मेरी एक डाइजेस्ट में, मैंने वेबफ्लो को एक लिंक दिया। अब मैं एक और कम लोकप्रिय जीयूआई को उत्तरदायी लेआउट बनाने के लिए साझा करना चाहता हूं - आईएम क्रिएटर । मुख्य अंतर विषयों का व्यापक चयन है। कुछ कुछ वाईएक्स की याद दिलाता है।



ऑटो उपसर्ग एक उपयोगिता है जो आपको उपसर्गों के बारे में भूलने की अनुमति देता है। वह Can I Use के साथ ब्राउज़र के उपसर्ग और लोकप्रियता का नवीनतम डेटा लेती है। रूबी, कम्पास, Rework, Node.js, जावास्क्रिप्ट, PHP, उदात्त, और यहां तक ​​कि Prepros के लिए उपलब्ध है ।

कीप्रेस

कीबोर्ड से घटनाओं को कैप्चर करने के लिए सर्वश्रेष्ठ जावास्क्रिप्ट समाधान:

keypress.combo("shift s", function() { console.log("You pressed shift and s"); }); // There are also a few other shortcut methods: // If we want to register a counting combo keypress.counting_combo("tab space", function(e, count) { console.log("You've pressed this " + count + " times."); }); 

dropzone

एक महान स्क्रिप्ट खींचें और ड्रॉप फ़ाइल अपलोड क्षेत्रों बनाने के लिए। Chrome 7+, फ़ायरफ़ॉक्स 4+, IE 10+, ओपेरा 12+, सफारी 6+ में समर्थित है। सब कुछ बहुत सरलता से काम करता है:

हम Dropzone.js कनेक्ट करते हैं (इसमें आवश्यकताएँ के लिए AMD मॉड्यूल है):

 <script src="./path/to/dropzone.js"></script> 

एक फॉर्म बनाएँ:

 <form action="/file-upload" class="dropzone" id="my-awesome-dropzone"></form> 

यह भी संभव है कि ड्रॉपजोन को प्रोग्रामेटिक रूप से बनाया जाए:

 // Dropzone class: var myDropzone = new Dropzone("div#myId", { url: "/file/post"}); // jQuery plugin $("div#myId").dropzone({ url: "/file/post" }); 

अंत में:

$ 10 के लिए आप अपने सब्मिट में Git के साथ काम कर सकते हैं

• Yandex पिछले YaC 2013 (कमरे 4 में सामने के छोर से सामग्री प्रकाशित करता हूं, मैं सलाह देता हूं)
• ओडोमेट्र - सुंदर काउंटर बनाने के लिए एक स्क्रिप्ट
• Prerender - अपने जावास्क्रिप्ट अनुप्रयोगों की पूर्ण खोज अनुक्रमण के लिए एक खुला स्रोत समाधान
• Odnoklassniki से स्रोत - फ्रंट-एंड प्रलेखन इंजन
• Odnoklassniki MCSS OCSS और BEM पर आधारित एक बहु-परत CSS संगठन प्रणाली है
• सीएसएस ट्रिक्स से आविष्कार - सीएसएस में शंक्वाकार स्नातक
• सर्न ने इंटरनेट सर्फिंग के आदिम रूप को प्रदर्शित करने का निर्णय लिया और लाइन मोड ब्राउज़र बनाया
• बहुत ही असामान्य Fontwalk साइट, "पूरी तरह से लंबन"

अगला संग्रह (अंक 6) पिछला संग्रह (अंक 4)