Оцените адаптированную верстку

@verstalshik · Регистрация: 13.02.2013

Студворк — интернет-сервис помощи студентам

Здравствуйте! Оцените, пожалуйста, адаптированную верстку.
Сайт: http://versttestter.eu5.org/adaptive/

@anonymous_23 · 16.01.2014, 17:54

Просто и со вкусом!

По мне так на первый взгляд хорошо!
Только вот я бы меню при маленьком экране сделал по середине, чуть увеличил шрифт и по ширине сделал равным с нижним его контентом. Затем логин и под ним пароль поле и ниже таких же размеров кнопку войти. Сами посудите с телефона не нужно чтобы были поля мелкие. Как то так.

@verstalshik · 16.01.2014, 17:59 **[ТС]**

Учту исправлю

@anonymous_23 · 16.01.2014, 18:19

Сообщение от verstalshik

Учту исправлю

Накидал на быструю руку, как то так я имел ввиду верхнюю часть.
Пример прикрепляю:

@verstalshik · 16.01.2014, 18:46 **[ТС]**

от 550px и ниже изменения сделал

@Мотороллер · 16.01.2014, 21:23

не знаю, может так и было задумано, но при наведении на слово "Категории" рука не появляется, хотя по идее это ссылочный элемент

@dolte · 17.01.2014, 11:11

Сообщение от verstalshik

адаптированную верстку.

мб адаптивную ?

@KaRaNTiN · 17.01.2014, 11:31

1. "меню сайта" и "категории" можно клацать и происходят действия. Можно добавить

CSS
1
cursor: pointer

2. Меньше 640px
- можно сделать "меню" слева, "категории" справа, чтобы убрать пустоту
- лого и форму авторизации по центру поставить
- картинку новости можно сделать слева, справа от неё название и информация о добавлении "дата, комментарии, кто добавил, ...) и под этим всем уже текст
3. Меньше 435px в пагинации исчезает первая страница). Эффект наблюдается до 385px.
4. Меньше 300px всё "сыпется" (:

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): Обработчик клика мыши в браузере ПК и касания экрана в браузере на мобильном устройстве 8Observer8 02.02.2026 Содержание блога Для начала пошагово создадим рабочий пример для подготовки к экспериментам в браузере ПК и в браузере мобильного устройства. Потом напишем обработчик клика мыши и обработчик. . .	Философия технологии iceja 01.02.2026 На мой взгляд у человека в технических проектах остается роль генерального директора. Все остальное нейронки делают уже лучше человека. Они не могут нести предпринимательские риски, не могут. . .	SDL3 для Web (WebAssembly): Вывод текста со шрифтом TTF с помощью SDL3_ttf 8Observer8 01.02.2026 Содержание блога В этой пошаговой инструкции создадим с нуля веб-приложение, которое выводит текст в окне браузера. Запустим на Android на локальном сервере. Загрузим Release на бесплатный. . .	SDL3 для Web (WebAssembly): Сборка C/C++ проекта из консоли 8Observer8 30.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .
SDL3 для Web (WebAssembly): Установка Emscripten SDK (emsdk) и CMake для сборки C и C++ приложений в Wasm 8Observer8 30.01.2026 Содержание блога Для того чтобы скачать Emscripten SDK (emsdk) необходимо сначало скачать и уставить Git: Install for Windows. Следуйте стандартной процедуре установки Git через установщик. . . .	SDL3 для Android: Подключение Box2D v3, физика и отрисовка коллайдеров 8Observer8 29.01.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами. Версия v3 была полностью переписана на Си, в. . .	Инструменты COM: Сохранение данный из VARIANT в файл и загрузка из файла в VARIANT bedvit 28.01.2026 Сохранение базовых типов COM и массивов (одномерных или двухмерных) любой вложенности (деревья) в файл, с возможностью выбора алгоритмов сжатия и шифрования. Часть библиотеки BedvitCOM Использованы. . .	SDL3 для Android: Загрузка PNG с альфа-каналом с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 28.01.2026 Содержание блога SDL3 имеет собственные средства для загрузки и отображения PNG-файлов с альфа-каналом и базовой работы с ними. В этой инструкции используется функция SDL_LoadPNG(), которая. . .

@verstalshik 5 / 5 / 3 Регистрация: 13.02.2013 Сообщений: 100

	Оцените адаптированную верстку 16.01.2014, 17:36. Показов 826. Ответов 7 Метки нет (Все метки) Здравствуйте! Оцените, пожалуйста, адаптированную верстку. Сайт: http://versttestter.eu5.org/adaptive/ 1

@anonymous_23 27 / 27 / 10 Регистрация: 26.01.2013 Сообщений: 231
	16.01.2014, 17:54
	Просто и со вкусом! По мне так на первый взгляд хорошо! Только вот я бы меню при маленьком экране сделал по середине, чуть увеличил шрифт и по ширине сделал равным с нижним его контентом. Затем логин и под ним пароль поле и ниже таких же размеров кнопку войти. Сами посудите с телефона не нужно чтобы были поля мелкие. Как то так. 0

@verstalshik 5 / 5 / 3 Регистрация: 13.02.2013 Сообщений: 100
	16.01.2014, 17:59 [ТС]
	Учту исправлю 0

@verstalshik 5 / 5 / 3 Регистрация: 13.02.2013 Сообщений: 100
	16.01.2014, 18:46 [ТС]
	от 550px и ниже изменения сделал 0

@Мотороллер 435 / 246 / 43 Регистрация: 05.08.2013 Сообщений: 1,670
	16.01.2014, 21:23
	не знаю, может так и было задумано, но при наведении на слово "Категории" рука не появляется, хотя по идее это ссылочный элемент 0