At first

Дизайн доделан, можно выдохнуть ~~и может быть даже начать писать~~.

Подводим итоги. Благодаря блогхаусу и упорному желанию сделать так, как мне удобно, я:
1. Разобралась с css позиционированием
2. Победила z-index
3. Вспомнила флексбоксы
4. Раскурила гриды
5. Узнала основы типографики
6. Поняла, как надо верстать отступы
7. Нашла замечательный live editor для css
8. Накатала около 800 строк сss кода *
9. Окончательно задолбалась за неделю
* Код не минифицирован, с комментариями и форматированием, но всё равно

скрытый текстИзначально планировался темплейт с удобным верхним меню, читаемыми постами, упорядоченными дискуссиями и всем таким. Но душа запросила этих дурацких цветных вкладочек

, а потом этой фотокарточки в углу, которая ~~распидорашивает мобильный вид к чертям~~ стала очередным вызовом.
Уверена, ещё остались баги и недосмотренные косяки. У меня нет подписчиков, чтобы проверить меню сверху, и нет личных сообщений, чтобы настроить соответствующую вкладку. Но ладно, буду фиксить проблемы по мере их поступления.

А вот так выглядят некоторые разделы в этом дизайне:
Лента
Сохранённое
Сообщения
Дискуссии
Общая лента

За вдохновение спасибо Айлонe и её вордо-дизайну :)

Тайя, Heavy Rain, спасибо, очень приятно)
Правда на странице автора в мобильной версии баг с фотокарточкой, не знаю как починить. Она выходит за края body и растягивает страницу по ширине. Почему-то решение, которое сработало в блоге, там не катит.

Кирилл Панфилов 2 февраля 2018 (00:34:11)

Сольвейг,
на ие 10-11, кстати, вполне должно работать))
Разные иконки — потому что отвечают за две разные сущности)
Про обратный слэш — сейчас нет, в обозримом будущем поправлю. Это связано с некоторыми вопросами безопасности вводимых данных на общем уровне, вот кое-где и сказывается в излишних ограничениях.)

Тайя 2 февраля 2018 (00:37:16)

Мой внутренний перфекционист страдает)
Мой, кстати, тоже))
Поэтому я сделала одинаковые)

Сольвейг 2 февраля 2018 (00:46:35)

Кирилл Панфилов, должно-должно, я даже в caniuse глянула, забочусь о своих возможных читателях. Но боюсь, некоторому, пусть и крайне малому проценту пользунов будет ... странно)
А про безопасность я понимаю, это так, на будущее)

Поэтому я сделала одинаковые)
Вот и я хочу) Поэтому и вспомнила эти обратные слэши))

Сын Дракона 8 февраля 2018 (22:28:45)

Кроме 6 и 9 пункта, в каждом есть как минимум одно слово, которое я не понял

Сольвейг 9 февраля 2018 (11:19:48)

Сын Дракона, css, он такой

. Я бы могла объяснить по каждому пункту, но это долго и тянет на несколько постов))

Сын Дракона 9 февраля 2018 (17:09:34)

Сольвейг,
Нет-нет, не надо! )
Это я просто так свое восхищение выражаю!
Кстати, у Вас очень приятно получилось )

Сольвейг 11 февраля 2018 (13:04:44)

Сын Дракона, спасибо) не зря, значит, неделю трудилась :D

Сольвейг 16 февраля 2018 (22:44:42)

Бля-семпай, воу, спасибо за такой восхищённый отзыв)

очень мотивирует фигачить что-нибудь ещё, всё равно писать не о чем

Тайя 18 февраля 2018 (22:29:02)

Правда на странице автора в мобильной версии баг с фотокарточкой, не знаю как починить. Она выходит за края body и растягивает страницу по ширине.

Сольвейг, я у себя, чтобы не прокручивалась страница при отрицательном позиционировании меню, задала body {overflow-x: hidden;}
В инспекторе браузера вроде срабатывает.

Страницы: ← предыдущая 1 2 3 следующая →

At first

Комментарии