И как такое сверстать?

Question

[Василь Бойко]

Интересует сайдбар, и контентная часть ..

Comments

[Василь Бойко]

ладно, буду делать через skewX+will-change: transform;

[Kovalsky]

Василь Бойко, will-change тут, кстати, не нужен, к верстке он не имеет отношения.

[dom1n1k]

Вот это тот самый случай, когда нужно ловить дезигнера, зажимать его в темном углу и ласково задавать вопрос - зачем ты так сделал?

[rell_nx]

Вот вопрос, не в тему, На хрена??=)) Неужели такой диз это удобно???=) Если только у тебя глаза также на искось)

[Иван]

dom1n1k, И ласкового прошептать на ушко, что с такими дизайнерами делают .

[Владимир Проскурин]

dom1n1k, сейчас 99% дизайнеров не знают как правильно проектировать UI. Если забить на UI, вполне норм, если под стиль компании. Верстается тоже довольно просто. Но это если говорить только об этой странице. На вопрос
- А что будет, если текста в контентной области будет много, экранов на два?
Дизайнер пожмет плечами.
Интересно было бы посмотреть на остальные макеты, например на страницу History, которая будет содержать длинную таблицу. Но мне кажется, их нет, но это уже ошибка верстальщика, что взялся за такую работу.

[sim3x]

Загрузите картинку на хабрасторадж

Спасибо

[Xeli]

Писец )))) Сетки это основа любого визуального дизайна. Тут же сплошной конфликт наклонного канваса с содержимым. Финиш ) Дизайнера-школие обратно в школу.

Answer 1

[Владимир Проскурин]

Вы уже задавали подобный вопрос Как правильнее сверстать такие элементы? , и должны были уже понять, как такое делается. Там вам дали внятные ответы, такие же как и тут. Какой смысл в вопросе?

Answer 2

[Евгений Вольф]

Интересует сайдбар, и контентная часть ..

Что именно Вас интересует?

• Как повернуть элемент на угол N? Написано, например тут
  
• Как сделать рамку? Скорее всего, это элемент подложка, подозреваю, что в его роли выступает какой-нибудь ::before, с рамкой в 1px и смещением.
  

Плюс к тому, Вы же это откуда-то скопировали? Наверняка там есть исходники и HTML и CSS, которые можно расковырять и выяснить интересующие моменты.

Answer 3

[Ваня]

skewX

Answer 4

[foxayb]

Что-то похожее? Если да, данный шаблон темы ищется в тырнетах или покупается.

Comments

[wufapexef]

Шаблон темы))) Ну клоун...

Answer 5

[Flur]

Это реклама. Расходимся
Киньте жалобу