Tufte-css: Tufte CSS के अपने उपयोग साझा करें!

मैंने यहां TufteCSS का उपयोग किया: gwydion.uk ।

मैंने बहुत कम सीएसएस परिवर्तन किए (सभी index.html में), जिसमें लीड को फिर से संरेखित करने और शीर्ष # को संरेखित करने के लिए शीर्ष को पैडिंग करना शामिल है (# 29 देखें)। अन्य परिवर्तन लाइटबॉक्स को एकीकृत करने के लिए थे, और इसलिए लिंक की गई छवियों पर नीचे की सीमाओं से बचने के लिए। मैंने एक वैकल्पिक कैप्शन शैली को भी शामिल किया, जैसा कि (मेरी नज़र में) साइडबार-झुकाव वाला कैप्शन आंकड़ों के बजाय तस्वीरों के साथ अजीब लग रहा था।

मैं इस बारे में कम निश्चित हूं कि क्या यह उस प्रकार का पृष्ठ है जिसके लिए TufteCSS वास्तव में उपयुक्त है। यह निश्चित रूप से इच्छित उपयोग के मामले को झुका रहा है। हालाँकि, मेरे लिए इसका उपयोग करने के लिए एक मज़ाक वाला तत्व है, इसलिए यह इच्छित दर्शकों के लिए काम करता है ... यह सिर्फ इतना है कि इच्छित दर्शक मामूली है!

बधाई हो @jjsanderson! मैं मानता हूं कि मैंने एक जन्म की घोषणा को उपयोग के मामले के रूप में नहीं सोचा था, लेकिन यह काफी अच्छा है।

धन्यवाद! हाँ, यह एक अजीब उपयोग मामला है। आप इसे डॉक्स में एक उदाहरण के रूप में जोड़ने के लिए स्वागत करते हैं, हालांकि, यह दस्तावेज़ के इच्छित प्रकार से बहुत दूर है।

मैं इसे थोड़े से ब्लॉग पर इस्तेमाल करता हूं-कुछ चीजें जो मैंने कुछ सप्ताह पहले शुरू की थीं। जो मैं वहां लिखता हूं उसे लोग बहुत पसंद करते हैं! उस ने कहा, यह बहुत ज्यादा एक व्यक्तिगत परियोजना है।

ऑफ-टॉपिक, लेकिन मैंने उस साइट को लगभग तीन हफ्ते पहले (22 अक्टूबर ~ ish) बनाया था। क्या तब से Tufte CSS के लिए कोई महत्वपूर्ण अपडेट आया है जिसके बारे में मुझे पता होना चाहिए?

अद्यतन: अब उस परियोजना का उपयोग न करें, इसलिए मैंने लिंक हटा दिया।

@sotojuan अच्छा! मैं भी बेम्बो के ऊपर पैलेटिनो को पसंद करता हूं। : +1:

@jjsanderson मुझे बहुत अच्छा लगा कि आपने ओपन ग्राफ सामान जोड़ा!

@ मंदरिस हह! तुम्हें पता है, मैं भूल गया था कि मैंने किया है। मैं फेसबुक पर कालीन-बमबारी करने वाले बच्चे के फोटो के खिलाफ हो सकता हूं, लेकिन इस मामले में फेसबुक बहुत ज्यादा दर्शकों का इरादा था। तो ... हाँ, opengraph। :-)

मैं अपनी साइट _Fecretary of Foreign Relations_ ( Github repo ) पर Tufte CSS - और Tufte-LaTeX - का उपयोग कर रहा हूं। उस साइट पर प्रत्येक पृष्ठ एक वेब पेज और टफ्टे हैंडआउट वर्ग में पीडीएफ फाइल के रूप में मौजूद है, दोनों ही पराग के साथ एक ही मार्कअप से उत्पन्न हुए हैं।

प्रत्येक पृष्ठ को उत्पन्न करने के लिए पराग द्वारा उपयोग किए गए मार्कअप को देखने के लिए (मुख्य पृष्ठ को छोड़कर), आप शीर्ष ( उदाहरण ) पर "linkPollen स्रोत" लिंक पर क्लिक कर सकते हैं। पराग वास्तव में अच्छा है कि यह आपको अपना खुद का मार्कअप डिजाइन करने और किसी भी टेक्स्ट-सोर्स वाले प्रारूप को लक्षित करने की अनुमति देता है। भले ही Tufte CSS में HTML मार्कअप थोड़ा सा फिड हो, लेकिन प्रैक्टिस में इस्तेमाल करना काफी आसान हो जाता है: उदाहरण के लिए, ◊numbered-note{Sidenote text} एक साइड-नोट के लिए सभी मार्कअप उत्पन्न करेगा।

इसके अलावा, पराग का उपयोग अलग-अलग पन्नों को एक साथ किताब 'फ्लैटलैंड' की एक पूरी प्रिंट-तैयार पीडीएफ में सिलाई करने के लिए किया जाता है, वह भी तुफान शैली में।

मैं Tufte CSS के नवीनतम संस्करण का उपयोग कर रहा हूं जिसमें कोई वास्तविक परिवर्तन नहीं है; मैंने अपने किसी भी CSS को अलग स्टाइलशीट में रखा है।

@otherjoel बहुत अच्छा सामान। साझा करने के लिए धन्यवाद!

मुझे बूटस्ट्रैप के साथ एक दिलचस्प संयोजन मिला है जिसका उपयोग मैं एक परियोजना पृष्ठ में कर रहा हूं: http://frostbitten.github.io/ByeBox/

मैंने एक कांटा भी बनाया है जो tufte-css फॉर्मेट को कंपार्टमेंट करता है ताकि मैं मॉड्यूलर कंटेंट ब्लॉक बना सकूँ जैसे:

मैंने अभी एक कस्टम पहचानकर्ता .tufte-body साथ सभी css चयनकर्ताओं को उपसर्ग किया

एक और पुनरावृत्ति:
यह एक अनुकूलित फ़ॉर्म तत्व शामिल करता है:

डेस्कटॉप: मोबाइल:

मैंने इसे रैंकेड सिचुएशनल फ़्यूरी के लिए इस्तेमाल किया, जो कि ज्यादातर शब्दों की सूची, उनकी परिभाषा और उनकी परिभाषा के स्रोत हैं।

मैंने Tufte CSS के साथ एक नया ब्लॉग लिखना शुरू किया है। मुझे वास्तव में पसंद है कि यह कैसा दिखता है। मैंने पहले अपना खुद का CSS एक और साइट के लिए किया था जो Tufte CSS के काफी करीब आया था इसलिए मुझे लगा कि मैं पुराने कोड को नए स्थिर साइट जनरेटर में पोर्ट करने के बजाय Tufte का उपयोग कर सकता हूं।

मैं अब Lekor का उपयोग कर रहा हूं, जो IMO ने पिछले सभी स्थिर साइट जनरेटर (जैसे हेक्सो आदि) के कुछ मुद्दों को तय किया है।

एक बात मैंने देखी कि कोई भी प्रिंट मीडिया CSS नहीं है। क्या आप ऐसा कुछ जोड़ सकते हैं?

@steckerhalter वास्तव में शुरुआत में कुछ बेसिक प्रिंट मीडिया CSS वापस हुआ करता था। मुझे यकीन नहीं है कि अगर यह पिछले ~ जून / जुलाई में बड़े अपग्रेड में हटा दिया गया है या यदि यह पहले की तुलना में था, लेकिन इसका कारण QA ​​के लिए एक पूरी तरह से अलग उपयोग के मामले में इच्छा की कमी थी। मेरा सुझाव है कि कमिटमेंट हिस्ट्री को रास्ते से जाँचें। चियर्स!

मैंने एक Jekyll थीम बनाई जो Tufte CSS को लागू करती है! यह AMP- आज्ञाकारी भी है, इसलिए यह सुपर फास्ट है। इसे देखें: बेदाग ।

मैंने अपनी साइट के लिए TufteCSS को अपनाया है और इसे प्यार करता हूँ। अब तक, tweaks की न तो ज़रूरत थी और न ही (मुख्य पृष्ठ और कुछ अन्य लोगों के लिए) और मैंने जैसा भी है, फ्रेमवर्क का उपयोग किया है। अच्छा कार्य!

Markbucciarelli.com पर मेरे ब्लॉग के लिए इसका उपयोग करना। काम से बहुत खुश, धन्यवाद! (मैं पुल रैपिंग पुल अनुरोध के साथ इसका उपयोग कर रहा हूं।)

मैं अपनी निजी साइट के लिए TufteCSS का उपयोग कर रहा हूं, एक प्रोजेक्ट के माध्यम से मैंने ox-tufte नाम TufteCSS के साथ HTML में Emacs के

@siawyoung (और @ क्लेह53 ) ने मुझे आंशिक रूप से हरा दिया है, लेकिन मैंने https://github.com/sdruskat/tufte-css-jekyll

मैंने टफ्ट-मार्कडाउन नाम की एक परियोजना बनाई है, ताकि आप बस

आप यह पता लगा सकते हैं कि यह कैसे टफ-मार्कडाउन पर है।

मैं mplewis.com ( स्रोत कोड ) में Tufte CSS का उपयोग करता हूं।

यह प्रगति पर एक काम है, लेकिन मैं अपने खुद के अनुकूलन का उपयोग कर रहा हूँ Tufte CSS का पारा.फोटो । मैं मार्जिन-नोट और साइड-नोट वर्डप्रेस शॉर्टकोड का उपयोग करने के बारे में एक लेख पोस्ट कर रहा हूं जिसे मैंने बाद में अपने वर्कफ़्लो को गति देने के लिए बनाया था; इसके तैयार होने पर मैं इसे लिंक करूंगा।

मैंने अभी-अभी अपनी निजी वेबसाइट को tufte-css के उपयोग के लिए तैयार किया है:

https://jasonpeacock.com

मैंने पांडोक, पंडोकोमैटिक, पंडोक-सिडेनोट और टफ्टे-पैंडोक-सीएसएस का उपयोग करके अपनी वेबसाइट बनाने के लिए उपयोग किए गए अपने ज्ञान और उपकरण को लिखा।

https://jasonpeacock.com/projects/markdown-websites/

सब कुछ मेरे रेपो में उपलब्ध है:

https://github.com/jasonpeacock/websites/tree/master/jasonpeacock.markdown

मैं बूटस्ट्रैप 4 का उपयोग करके टफेट सीएसएस लेआउट बनाने का प्रयास कर रहा हूं।
https://github.com/dylan-k/tufte-bootstrap
योगदानकर्ताओं का स्वागत है।

मैं बूटस्ट्रैप 4 का उपयोग करके टफेट सीएसएस लेआउट बनाने का प्रयास कर रहा हूं।
https://github.com/dylan-k/tufte-bootstrap
योगदानकर्ताओं का स्वागत है।

मैंने इंस्पेक्टर टूल्स में आपके बग पर एक नज़र डाली और यह पता नहीं लगा सका कि पैराग्राफ को नीचे धकेलना क्या था। मूल टुट्टे सीएसएस सीडोट्स और मार्जिनोटेस को पूरा करने के लिए एक सही फ्लोट का उपयोग करता है। आपका समाधान अधिक सुरुचिपूर्ण है - मुझे आशा है कि आप इसे ठीक करने में सक्षम हैं!

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

• मैथजैक्स के साथ अच्छी तरह से मिश्रण करता है।
• प्रत्येक पृष्ठ के शीर्ष पर सरल क्षैतिज नौसेना जोड़ी गई।
• मुखपृष्ठ 5 सबसे हाल के पदों को सूचीबद्ध करता है।
• अभिलेखागार पृष्ठ में रिवर्स कालानुक्रमिक क्रम में सभी पदों के लिए पर्मलिंक शामिल हैं।
• प्रत्येक पोस्टिंग html मार्कअप में लिखी जाती है, जिसमें Jekyll प्रत्येक पोस्ट को <article> टैग में लपेटता है।
• विषय के साथ पदों के लिए मार्कडाउन का उपयोग करने की व्यवहार्यता अनिश्चित है।

https://juliuso.com

अरे दोस्तों, लंबे समय के बाद टफेट सीएसएस के उपयोग के बाद, मैंने चीजों को विकी में स्थानांतरित करने का फैसला किया, जहां यह थोड़ा बेहतर है। मुझे लगता है कि मैंने हर चीज की नकल की; अगर मुझे कुछ याद आया, तो कृपया बेझिझक विकि को संपादित करें।

साझा करने के लिए धन्यवाद :)

मैं अपने छोटे से साइट पर टफ़्टे सीएसएस के लिए कुछ अपरंपरागत उपयोग करता हूं, मैंने जो फिनिश में लिखा है, उसके लिए मैं हूं फिनिश: palindromi.fi

एक अन्य साइट जो मैंने अभी-अभी टफ्टे सीएसएस में प्रयोग की है, वह है