أو - لنتحدث عن التصميم
©
artemerschowفي أعقاب
إعادة التصميم والدمج التاليين ،
تم فتح العديد من الموضوعات المخصصة لمشاكل البوابة المحدثة ، وعدم تجانس المقالات المنشورة عليها ، ونظام الكارم ، والمزيد. في هذا ، أود أن أتحدث عن أفكاري على واجهة Habr وأدعو جميع المهتمين لمناقشة تصميمه. قبل ذلك ، كتبت عن أفكاري فقط في التعليقات ، وقد لاحظت الإدارة بعضها وقبولها ، والبعض الآخر إما لفت انتباه المطورين ، أو اعتبروا غير ذوي صلة. الآن قررت ترتيب كل قائمة أمنياتي (وليس فقط) في منشور واحد.
المشكلة الأولى - تخطيط ثابت
هذا ما يبدو عليه هبر على شاشتي العاملة
(وصلة ، حتى لا تمزق الخيط بلقطة شاشة 5K. الوزن 1.6 ميجا بايت) .
أنا شخصياً لا أقرأها على هذا النحو ، لكن المشكلة لا تزال موجودة: الموقع لديه تخطيط ثابت والعديد من العناصر غير القابلة للفصل حول الحواف. هل من الضروري رؤية النرد "اقرأ الآن" باستمرار أثناء قراءة مقال أو تعليق؟ لماذا لا تضعها في الأعلى (جنبًا إلى جنب مع الإعلان) وتعين لها التفافًا حتى عند التمرير - سيتم توسيع نص المقالة والتعليقات إلى نافذة المتصفح بالكامل ، دون وجود مسافة بادئة كبيرة على اليسار واليمين؟ (لا تندهش ، إذا كان كل شيء معقدًا مع التدفق ، فأنا لست مصمم تخطيط حقيقي. ولكنه يعمل على فكونتاكتي) ليس من الضروري توسيع المتصفح من حافة إلى أخرى (على الرغم من أن الكثيرين يفعلون ذلك ، من أجل راحة أو طبيعة العمل) ، ولكن يبدو أن كل هابر يشبه أحيانًا في لقطة الشاشة الأولى ، في رأيي ، هذا استخدام غير منطقي تمامًا للفضاء.
هذا هو شكل هابر بالنسبة لي ، بعد التلاعب بـ uBlock و Stylish: الصفحة الرئيسية هي
(نقانق عمودية طويلة في PNG ، 1200 * 12500 بكسل ، 4 ميجا بايت) ؛ المقال -
(نقانق عمودية أطول في PNG ، 1200 * 28000 بكسل ، 10 ميجابايت) . أو PDF:
2.7 ميجابايت و
4.2 ميجابايت . (لقد تم القيام بذلك على نطاق واسع ، ولكنه واضح وأبسط من استضافة صفحات هابر المعاد صياغتها في مكان ما. عذرًا)
لقد قمت بزيادة عرض العنصر بالنص ، وقمت بتعيينه كنسبة مئوية وحصلت على فرصة لضبط طول الأسطر في المقالات والتعليقات بمرونة. أصبحت الخطوط أطول ، وبدأت التعليقات تشغل مساحة أقل وأصبحت أكثر ملاءمة لمتابعة المناقشة في سلسلة محادثات منفصلة. إذا أصبحت الأسطر في المقالة طويلة جدًا وغير مريحة ، فأنا ببساطة أقوم بتقليل عرض النافذة.
CSS للأناقة.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 ;)