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

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

Cloudconvert

एक महान ऑनलाइन फ़ाइल कनवर्टर जो निम्न प्रकार के कुल 140 स्वरूपों का समर्थन करता है: संग्रह, ऑडियो, कैड, दस्तावेज़, ईबुक, छवि, प्रस्तुति, स्प्रेडशीट, वीडियो। यह ड्रॉपबॉक्स और Google ड्राइव के साथ सिंक्रनाइज़ है, जो सभी स्मार्टफ़ोन पर उपयोग करना संभव बनाता है। और सबसे अच्छी बात यह है कि इस सेवा के लिए एक कार्यात्मक और सरल एपीआई है।

Munee

मल्टीफ़ंक्शनल PHP5.3 पुस्तकालय, जो एक परियोजना के अनुकूलन के लिए एक उत्कृष्ट समाधान है। इसके साथ, आप LESS, SCSS और CofeeScript फ़ाइलों को फ़्लाइ, संकलन और क्रॉप छवियों पर संकलित कर सकते हैं, CSS और JS को छोटा कर सकते हैं, उन्हें एक अनुरोध में संयोजित कर सकते हैं। मुनि भी सर्वर साइड और क्लाइंट साइड दोनों पर, संसाधनों को सही ढंग से कैश करने की क्षमता प्रदान करता है। जीथब प्रोजेक्ट

ब्रंच

Node.js. पर प्रथम श्रेणी परियोजना बिल्डर अनुकूलन के दृष्टिकोण से, यह मुनी के समान है (मैंने पहले PHP के बारे में लिखा था, क्योंकि पुराने लोगों को स्वीकार करना पड़ता है, और सामान्य तौर पर इस तरह की उपयुक्तता "अक्सर नहीं" होती है )। अन्यथा, इसके लिए बहुत सारे अलग-अलग बिल्ड विकल्प हैं: बॉयलरप्लेट, बूटस्ट्रैप, कंकाल, एंगुलर.जेएस, बैकबोन.जेएस, जेड, फोनगैप, आदि।

Favico.js

एक छोटा, लगभग अगोचर फ़ेविकॉन एक सक्षम इंटरफ़ेस में एक बहुत ही उपयोगी तत्व हो सकता है। यह स्क्रिप्ट आपको अपनी परियोजना में फ़ेविकॉन प्रदर्शित करने के सभी प्रकार के तरीकों में आसानी से हेरफेर करने की अनुमति देती है, यहां तक ​​कि एक वेब कैमरा से मनमाना वीडियो या रिकॉर्डिंग प्रसारित करती है। इसी तरह के साथ jQuery के नोटिफाई बेटर भी है, लेकिन कम व्यापक कार्यक्षमता।

Animo.js

आज, हम CSSe में Effeckt.css या Animate.css का उपयोग करते हुए विभिन्न तरीकों से खूबसूरती से और आसानी से चेतन करने में सक्षम हैं। Animo.js एक छोटी सी लाइब्रेरी (7kb) है जो आपको CSS एनिमेशन (चेतन + animo.css) में हेरफेर करने की अनुमति देता है और एक क्रॉस-ब्राउज़र ब्लर इफेक्ट जोड़ता है। JQuery 2 और बाद के साथ काम करता है। वाक्य रचना काफी सरल है:

$('#demo-a').animo({animation: "fadeOutLeft", duration: 0.5, keep: true}, function() { $('#demo-n').animo({animation: "fadeOutUp", duration: 0.5, keep: true}, function() { $('#demo-i').animo({animation: "fadeOutDown", duration: 0.5, keep: true}, function() { $('#demo-m').animo({animation: "fadeOutLeft", duration: 0.5, keep: true}, function() { $('#demo-o').animo({animation: "fadeOutRight", duration: 0.5, keep: true}, doMagicIn()); // function to fade them back in }); }); }); }); 

Gridism

यदि आप CSS चौखटे (बूटस्ट्रैप, फाउंडेशन, UIkit, आदि) का उपयोग नहीं करते हैं, तो मैं ग्रिडिज्म की सलाह देता हूं, क्योंकि एक उत्तरदायी ग्रिड बनाने का सबसे आसान और सबसे छोटा तरीका है।

rework

"Node.js और ब्राउज़रों के लिए कस्टम CSS प्रीप्रोसेसर।" जब तक मेरे पास इसे पूरी तरह से आज़माने का समय नहीं था। लेकिन सामान्य तौर पर, यह LESS, SCSS और स्टाइलस के उच्च-गुणवत्ता वाले मिश्रण की तरह दिखता है, क्योंकि सामान्य कार्यों के साथ जावास्क्रिप्ट है, अंतर्निहित कम्पास, उपसर्गों से मुक्ति, विभिन्न "सूक्ष्म" क्षण, जैसे पारदर्शी मिश्रण या अंतर्निहित .at2x पॉलीफ़ाइल्स ([विक्रेता])। रेटिना प्रदर्शित करता है।

Basiliq

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

क्लीवर

"हैकर्स के लिए 30 सेकंड का स्लाइडशो।"

 npm install -g cleaver 

 cleaver path/to/something.md 

 title: Basic Example author: name: "Jordan Scales" twitter: "@jdan" url: "http://jordanscales.com" output: basic.html controls: true -- # Cleaver 101 ## A first look at quick HTML presentations -- ### A textual example Content can be written in **Markdown!** New lines no longer need two angle brackets. This will be in a separate paragraph -- ### A list of things * Item 1 * Item B * Item gamma No need for multiple templates! 

और अंत में हमें सिर्फ एक ऐसी प्रस्तुति मिलती है

अंत में:

शायद किसी ने Shade.less / Shade.css नहीं देखा था।
हाल ही में, मैं फ्लैट रंगों को परिभाषित करने के लिए कुलर के समान एक उपकरण की तलाश में था और केवल यह पैलेट पाया (मैं टिप्पणियों में आवश्यक सेवा के लिंक के लिए आभारी रहूंगा)।
मनोरंजक सीएसएस नौटंकी: सीएसएस में क्लाइंट-साइड पूर्ण-पाठ खोज , शुद्ध सीएसएस में मोना लिसा ( image2css ) और कार्टमैन ।

ध्यान देने के लिए आप सभी का धन्यवाद।

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