Мартин Минчев - Черно море 2020 Цели и умения

Работили ли сте някога с вертикален изглед като уебмастъри? Или само с хоризонтална?

Цялата CSS литература, която някога съм чел, е включена (хоризонтално) изглед; както в @media screen and (min-width: 959px). За мен min-width има "хоризонтална" добродетел вместо min-height че щях да помисля за „вертикална“ добродетел.

Е вертикален прозорец (теоретично @media screen and (min-height: 959px) дори нещо в уеб дизайна (или за приложения, използвани за смартфони, или за браузъри)?

  • 2 Всеки път, когато видя някой да използва телефона си, за да сърфира в мрежата, той ги държи във вертикално положение. Google images показва вертикални снимки, ако търсите: google.com/search?tbm=isch&q=phone+web+browse Откъде получавате информацията за проектирането за хоризонтала?
  • Взех го от мен винаги определящ @media screen and (min-width или max-width), но никога не давайте никакви указания за вертикални / височинни скалари.
  • Какво точно имате предвид под „вертикален / хоризонтален прозорец“? Предполагам, че имате предвид съотношението / ориентацията на екрана? Това обаче всъщност няма нищо общо с използването min-width / max-width във вашите медийни заявки и като уеб дизайнер не можете наистина да избегнете работата както с вертикални ("вертикални"), така и с пейзажни ("хоризонтални") визуализации ?!
  • За мен хоризонтал означава "ширина", а вертикал означава "височина", поне в контекста на HTML-CSS.
  • И така, защо използвате min-width / max-width и не min-height / max-height? Какво би използвал височина в този контекст означава? Как би променило начина, по който проектирате страницата? Проектирате ли към ширината или височината на прозореца?

min-width има тенденция да бъде предпочитан min-height в CSS поради начина, по който се прелистват уеб страниците. Уеб страниците обикновено имат една лента за превъртане, която превърта страницата нагоре и надолу вертикално. Наличието на две посоки за превъртане обикновено е лошо за използваемостта. Наличието само на хоризонтално превъртане е технически трудно.

  • Текстът работи по-добре с вертикално превъртане, защото редовете се четат отдясно наляво. Дългите редове на текста с хоризонтално превъртане изискват превъртане напред-назад между края на един ред и началото на следващия.
  • HTML блоковете по подразбиране са 100% ширина и разширяване по височина, за да се побере съдържанието им.
  • Компютърните мишки обикновено имат само вертикални колела за превъртане. Това прави хоризонталното превъртане по-малко удобно за настолни потребители.

Възможно е да създадете уеб страница, която се превърта хоризонтално, но не вертикално за някои случаи на ограничена употреба. Мога да си представя, че оформлението на изображенията едно до друго може да работи много добре.

За да накарате текста да работи добре хоризонтално, ще трябва да използвате оформление на колона като вестник, където текстът от дъното на една колона се увива динамично в горната част на следващата колона в зависимост от височината на екрана. Броят на колоните ще зависи от количеството текст. Не мисля, че такъв звяр съществува в HTML. Оформлението на CSS колони ви кара да посочите броя на колоните отпред. Вижте този въпрос за Stack Overflow: HTML5 CSS Хоризонтално превъртане на множество динамични брой колони

Можете дори да намерите няколко примера за хоризонтално превъртане на уеб страници. Този сайт изглежда дава награди за добре проектирани. Забелязах обаче няколко от тях и установих, че някои от тях все още работят добре, като се превъртат хоризонтално. Изглежда, че няколко са променили дизайна си на стандартен вертикален свитък. Други ме молят да завъртя устройството си (портретен монитор!), За да мога да използвам страницата. Ясното проектиране на хоризонтално скролиране на уеб страници е технически предизвикателство, дори за печеливши награди уеб дизайнери.

е работил за вас: Charles Robertson | Искате ли да се свържете с нас?