Здравствуйте, начал учить веб дизайн, уже многое стало получаться, но не могу понять одно, как сделать вот такой блок на сайте, что бы он был под таким наклоном: Подскажите, пожалуйста.

всё содержимое тоже трансформируется. лучше псевдоэлемент

не помню:D

зачем? rem это относительная единица, она зависит от размера шрифта элемента html, ее значение в пикселях автоматически расчитывается браузерами.

Здравствуйте - здравствуйте

если у html шрифт указан 12px, а у тебя для какого-то блока 24px, то 24/12=2rem, если 18px, то 18/12=1.5rem

нет, этого не советовал)

не знаю, вряд ли они надо кому-то, в конце концов можешь сам миксин написать

я не использую непонятные плагины, тем более если они связаны с jquery

чот такое себе плагин для текста

чуваки как сделать чтобы сайт быстрее прогружался? чтобы открывался не только после того, как весь прогрузился

http://xn--80afccdrdv3anoene.xn--p1ai/

какую именно?

это плагин какойто творит чудеса:)

ну да

ну и стили бы с js сжать бы:)

Ты же линуксоед, как ты о ней не слышал? О ней ж больше всего говорили, тому что самая гиковская

А какой-нибудь freebsd?

Фряха же не линукс:D

Садись, два!

а CENTOS?:D

Что такое рэм?

гугл в помощь алек не до конца понимает что это такое)

Единица измерения чтоли?

Кто бы мог верстку глянуть?

Скажите пожалуйста, как наиболее грамотно будет сверстать такую рамку ?

Скажите пожалуйста, как наиболее грамотно будет сверстать такую рамку ?

С параллаксом на изображение круто было бы

Это должно быть именно border-image не фон ?

С параллаксом на изображение круто было бы

Не спорю, но то будет слишком шикарно с их копеечным бюджетом

Кто может помочь поправить отправку формы с сайта ?

Я бы вместе с фоном оставил ее.

парни, а какие есть способы сверстать такое:

без JS, новых grid

я сделал 4 колонки

но это некрасиво на этапе генерации (нужно 4 цикла с шагом в количество колонок)

о каких циклах ты говоришь?

типа masonry js ток без js

о каких циклах ты говоришь?

о циклах в шаблоне

для рендера страницы (сервер-рендеринг)

Такая структура div.emloyee>img.emloyee__photo + div.employee__inforamation. employee__information по умолчанию display: none; когда наводишь делаешь его inline-block, так же навешиваешь ему absotule, чтобы растянуть на весь контейнер. hover вераешь на employee

Такая структура div.emloyee>img.emloyee__photo + div.employee__inforamation. employee__information по умолчанию display: none; когда наводишь делаешь его inline-block, так же навешиваешь ему absotule, чтобы растянуть на весь контейнер. hover вераешь на employee

я про сетку, а не как элемент сам сверстать

Я уже сверстал (это скрин из браузера)

просто сейчас у меня list — column — el 0 — el 4 — el 8 — column — el 1 — el 5 — el 9 — column — el 2 — el 6 — el 10 — column — el 3 — el 7 — el 11

а это так и должно? одно ниже , другое выше?

и я от этого хотел бы уйти

а это так и должно? одно ниже , другое выше?

да, дизайнер так решил

http://masonry.desandro.com/ может все же в сторону js глянуть/

а это так и должно? одно ниже , другое выше?

если бы не сдвиг - не было бы вопроса

http://masonry.desandro.com/ может все же в сторону js глянуть/

да, с js я и без плагина сделаю за 10 минут

просто не хочется

я придумал))

делаем ровно сеткой с одинаковой высотой и шириной. И el:nth-child(2n) { transform: translateY(20px); }

Каждая четная колонка с отступом? В этом сложность?

Каждая четная колонка с отступом? В этом сложность?

скорее вторая

кто это сказал? Я люблю этот язык, но он нужен не для позиционирования элементов на странице

Каждая четная колонка с отступом? В этом сложность?

но да, в этом

сорри, прочитал четвертая

Каждая четная колонка с отступом? В этом сложность?

прочитал четвертая, сорри

делаем ровно сеткой с одинаковой высотой и шириной. И el:nth-child(2n) { transform: translateY(20px); }

Добавь лучше марджин/паддинг, лишний раз трансформ лучше не трогать

Добавь лучше марджин/паддинг, лишний раз трансформ лучше не трогать

так не выйдет

трансформ срабатывает именно из-за того, что общую сетку не трогает

вот так с марджином будет

хотя с отрицательным сработает вроде

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

Не надо всем внутренним элементам) Либо паддинг на саму колонку, либо марджин на первый элемент этой колонки)

Не могу с телефона пример сделать

на первый будет тоже самое

точнее будет дырка

но с отрицательным по-другому работает

не знаю правда, что лучше негативный марджин или трансформ

с отрицательным правда тоже есть проблема

вот такого плана

остановлюсь на трансформе. Мне он нравится

у jquery есть противоположная функция append? apphome или что-то в этом духе?

element.appentTo("body")