🧔🏽 👩🏿‍🤝‍👩🏻 👦🏾 हैबर की वापसी के साथ अभी भी कुछ गलत है ✌️ 🤾🏽 👨‍👧‍👦

या - चलो डिजाइन के बारे में बात करते हैं

© कारीगर

अगले रीडिज़ाइन और विलय के मद्देनजर, अद्यतन पोर्टल की समस्याओं के लिए समर्पित कई विषयों को खोला गया , इस पर पोस्ट किए गए लेखों की विविधता, कर्म प्रणाली और बहुत कुछ। इसमें, मैं हबर इंटरफेस पर अपने विचारों के बारे में बात करना चाहता हूं और इसके डिजाइन पर चर्चा करने के लिए उन सभी को आमंत्रित करता हूं। इससे पहले, मैंने अपने विचारों के बारे में केवल टिप्पणियों में लिखा था, उनमें से कुछ को प्रशासन द्वारा देखा गया और स्वीकार किया गया, दूसरों ने या तो डेवलपर्स का ध्यान आकर्षित किया, या उन्हें प्रासंगिक नहीं माना गया। अब मैंने एक पोस्ट में अपने सभी (और न केवल मेरे) विशलिस्ट को व्यवस्थित करने का फैसला किया।

समस्या एक - फिक्स्ड लेआउट

यह वही है जो मेरे वर्किंग मॉनीटर (लिंक पर दिखता है , इसलिए 5K स्क्रीनशॉट के साथ थ्रेड को फाड़ने के लिए नहीं। वजन 1.6 एमबी) ।

व्यक्तिगत रूप से, मैं इसे वैसे नहीं पढ़ता, लेकिन समस्या अभी भी मौजूद है: साइट में एक निश्चित लेआउट और किनारों के आसपास कई गैर-डिस्कनेक्ट करने योग्य तत्व हैं। क्या किसी लेख या टिप्पणियों को पढ़ते समय लगातार "अभी पढ़ें" पासा देखना आवश्यक है? इसे शीर्ष पर क्यों न रखें (विज्ञापन के साथ) और इसे लपेटें ताकि जब स्क्रॉल किया जाए - लेख और टिप्पणियों का पाठ पूरी ब्राउज़र विंडो में विस्तारित हो जाए, बिना बाईं और दाईं ओर भारी इंडेंटेशन के? (किक न करें, अगर सब कुछ चारों ओर बहने के साथ जटिल है, तो मैं एक वास्तविक लेआउट डिजाइनर नहीं हूं। लेकिन यह VKontakte पर काम करता है) यह ब्राउज़र को एक किनारे से दूसरे तक फैलाने के लिए आवश्यक नहीं है (हालांकि कई ऐसा करते हैं, काम की सुविधा या प्रकृति के लिए), लेकिन सभी एक हीब्रे कभी-कभी लगभग समान दिखते हैं। पहले स्क्रीनशॉट में, मेरी राय में यह अंतरिक्ष का पूरी तरह से तर्कहीन उपयोग है।

यह उबर और स्टाइलिश के साथ छेड़छाड़ करने के बाद मेरे लिए कैसा दिखता है, यह है: मुख्य पृष्ठ है (पीएनजी में एक लंबी ऊर्ध्वाधर सॉसेज, 1200 * 12500 पिक्सल, 4 एमबी) ; लेख - (पीएनजी में एक भी लंबा ऊर्ध्वाधर सॉसेज, 1200 * 28000 पिक्सल, 10 एमबी) । या पीडीएफ: 2.7Mb और 4.2Mb । (यह बल्कि बेतहाशा किया गया है, लेकिन यह हबर के पुन: पृष्ठों को कहीं न कहीं होस्ट करने की तुलना में स्पष्ट और सरल है। क्षमा करें)

मैंने पाठ के साथ तत्व की चौड़ाई बढ़ा दी, इसे प्रतिशत के रूप में सेट किया और लेखों और टिप्पणियों में लाइनों की लंबाई को लचीले ढंग से समायोजित करने का अवसर मिला। लाइनें लंबी हो गईं, टिप्पणियों ने कम जगह लेनी शुरू कर दी और एक अलग सूत्र में चर्चा का पालन करना अधिक सुविधाजनक हो गया। यदि लेख की लाइनें बहुत लंबी और असुविधाजनक हो जाती हैं, तो मैं बस खिड़की की चौड़ाई कम कर देता हूं।

स्टाइलिश के लिए सीएसएस

.post__body_crop > .post__text-html > img {
    max-width: 20%;
}

.megapost-cover__img {
    max-width: 20%;
}    

.post__body_crop > .post__text-html > .oembed {
    max-width: 20%;
}


.post__body_crop > .post__text-html > * > img {
    max-width: 20%;
}

.layout__cell {
    max-width: 100%;
}

.content_left {
    padding-right: 10px;
}

.post__body_crop > .post__text-html {
    width: 100%;
}

.post_full {
    width: 100%;
}

.comments-section {
    width: 100%;
}

.comment__message_downgrade-5 {
    height: 20px;
}

.post__body_full > * > img {
    max-width: 50%;
    max-height: 50%;
}

.post__body_full > * > * > img {
    max-width: 50%;
    max-height: 50%;
}

.oembed {
    max-width: 50%;
    max-height: 50%;
}

.layout__cell {
    margin-left: 10px;
}

.post__body_crop > .post__text-html {
    max-height: 250px;
}

, :) — .

—

, — , End Home. , — , . , ? … “” “”, . , , . … :(

—

, Stylish, . , , , . — , , “ ” ©, , . , , …

, . , , , - . . , , — . , . . , , , “”.

—

, . -, , , . , , — , , , . , .

“- — ” ©
, . - , , . , , , , ( ), , , , , , , . , — , , — .

, , , 50% . — . , , : , , - , . , , ( , — ).

—

, ( ). — . , , . , , “”. , , . , , . , uBlock . , “” .

, , :

, . , , , , . , , “ ”. , , , , .
“” ”, , . , , — ~~!!!!1111~~ ! , “” … , , .
, - . . , , - . , .
Stylish — . — “”, , . , ( CSS), . , .
, . , , .
- — . . , . , Goodreads. , . , ! . , , , , , .
, “ ” . , , . , .
, . , “-”. — , . , , .

, , . — .

*.ps - «». ?..

, . , — :)
deniskin — , , -;
buxley — ;
boomburum — ;
pas — ;
illo — -;
daleraliyorov — ;
karaboz — « »;
nomad_77 — «».

Deus Ex ;)

हैबर की वापसी के साथ अभी भी कुछ गलत है

या - चलो डिजाइन के बारे में बात करते हैं

समस्या एक - फिक्स्ड लेआउट

—

—

—

—

More articles: