इस एडोब-स्टाइल वेब ऐप एडिटर के साथ डिजाइन सीएसएस

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

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

यदि आप यात्रा करते हैं बिल्डर पेज आप इसके साथ टिंकर कर सकते हैं कि यह कैसे काम करता है.

खिड़की के साथ आता है पांच अलग-अलग शैली के पैनल सभी फ़ोटोशॉप की नकल करते हैं। वे एक ही सेटिंग्स का पालन करते हैं और वे तुरंत अपडेट करें पृष्ठ पर एक डेमो बॉक्स के साथ.

ये वे पैनल हैं जिनसे आप चुन सकते हैं:

1. परछाई डालना
2. भीतरी छाया
3. पृष्ठभूमि
4. सीमा
5. सीमा त्रिज्या

वे सभी एडोब जीयूआई की नकल करते हैं जो डिजाइनरों के लिए इस उपकरण को इतना मजेदार बनाता है। आप भी प्राप्त करें पूरा सीएसएस कोड, मुक्त करने के लिए उत्पन्न.

बस निचले-बाएँ कोने वाले बॉक्स पर क्लिक करें “सीएसएस कोड” सेवा मेरे अपने स्निपेट प्राप्त करें. यह आपके द्वारा चुनी गई सभी चीजों के लिए सभी CSS3 गुणों के साथ आता है.

और सबसे अच्छा, यह परियोजना पूरी तरह से है खुला स्रोत और मुफ्त यदि आप एक स्थानीय प्रतिलिपि डाउनलोड करना चाहते हैं तो GitHub पर। इतना ही नहीं के लिए मजेदार हो सकता है सीएसएस पैदा कर रहा है, लेकिन यह सीखने का एक शानदार तरीका भी है कैसे एक वेब अनुप्रयोग बनाने के लिए.

साइट एक का उपयोग करता है बहुत का जावास्क्रिप्ट पुस्तकालयों, साथ में jQuery के प्लगइन्स. इसे डेवलपर फेलिक्स निकलास ने बनाया था जिसने इसे एक साइड प्रोजेक्ट के रूप में बनाया था.

तुम खोज सकते हो कोड जनरेटर के बहुत सारे अन्यत्र लेकिन यह वास्तव में अद्वितीय है। यह सबसे मजेदार और शायद सबसे अच्छा वेब ऐप है जिसे मैंने इस साल अब तक देखा है.

LayerStyles पर एक नज़र डालें और देखें कि आप क्या सोचते हैं। आप एक के साथ टिंकर कर सकते हैं लाइव संस्करण डेमो पेज पर और खोजें सभी उपलब्ध स्रोत कोड GitHub पर मुफ्त में.

या, यदि आप निर्माता को धन्यवाद देना चाहते हैं, तो आप अपने प्रशंसा @mrflix को ट्वीट कर सकते हैं.