desuvin: Это тяжело назвать бэмом, не юзайте такое. h2 без класса, куча примитивных классов (title/btn) и так далее. У КАЖДОГО элемента (за исключением декоративных элементов, аля span'ы в гамбургер меню) должен быть класс, по названию которого можно сразу определить что находится внутри элемента.
bagerman: Компилятор, который превращает код одного языка в другой (в общем плане). В данном случае пишите код ES2015(ex ES6), а транспайлер его превращает в стандартный js текущего стандарта ES5.
Дмитрий: Тут речь шла о фрилансе. И под фрилансом конкретно я подразумеваю цивилизованный фриланс в долларах, а не рабство на русских биржах, где всем подавай верску 10 страниц за 2к рублей. + на фл никто никогда не считает полный рабочий день в офисе. Средняя цифра составляет 120 часов в месяц (6 часов в день). Хотя можно и по 200 работать, но это уже каждому свое.
Дмитрий: Мда, серьёные цифры, исходя из которых можно с уверенностью говорить что в области a денег больше чем в области b... 1к рублей это примерно 40-60 минут работы "обычного" специалиста на фрилансе.
Сверстать сайт, задизайнить сайт, запилить что-нибудь по бэкенду. Обычные задачи как и везде, только с той лишь разницей, что для нормального рейта вам желательно надо выбрать какую-то одну специализацию и по ней работать, делая что-то более продвинутое чем "сверстать тему для вп и присобачить её к бэкенду за 100 баксов".
Чисто по логике это должны быть margin'ы. Чтобы потом элемент можно было модифицировать с помощью паддинга, не прибегая к костылям в виде вложенного дива.
Иван Сараев: У меня Win7 и тут сейчас стоит ie11. На win7 вообще ниже 9 ие вроде как не может быть, если мне не изменяет память. Ие8 это уровень Windows XP Service Pack 2/3 примерно.
Aingis: Так, извиняюсь, я вас не так понял. Подумал что речь идет о сохранении соотношения сторон, а не о конкретно 60х60 пикселей в любой ситуации. Для такого в голову приходит только вариант, когда svg позиционируется в блоке с right: 0; bottom: $box-shadow-height; с каким-то большим фиксированным размером, и к основному блоку применяется overflow: hidden; В итоге нижний правый угол будет всегда 60х60, тень будет влезать благодаря bottom: $box-shadow-height; придется лишь только в высоту блока закладывать эту тень снизу. Решение явно не самое красивое, но ничего более автоматизированного в голову не приходит.
Aingis: Смогу. PreserveAspectRatio для этого и создан. xMaxYMax будет начинать отрисовку svg с правого нижнего угла. Дальше вам надо лишь поиграться с viewBox и выбрать между meet/slice в PAR.
А по дизайну какие примерно паддинги у контента подразмеваеются? Ибо если подразумевается паддинг на ширину скоса справа, то у мне кажется можно легко сделать с помощью SVG. Есть еще простой вариант с CSS Clip-path Polygon, но у него поддержка сейчас мизерная.
Serj-One: Благодарю за конструктивную критику :) Просто я работаю на винде (привычка + игры), и когда я год-полтора назад разворачивал на локалке все инфрастуктуру, то на винде это это было сопряжено с адскими страданиями, и все работало через одно место. По этому остался неприятный осадочек, и на локалке юзать скаффолдинг не хотелось. Сейчас вот за 15 минут поставил ноду и другие инструменты, влепил ейомановский генератор и все встало вообще без единой ошибки. Даже когда на убунте в те времена скаффолдил проект, все работало кое как и приходилось ручками ставить много вещей, прежде чем просто заюзать генератор. В общем сейчас всем этим пользоваться намного проще и приятнее, благодарю за то что пробили мою консервативную защиту, сейчас перетащу один из проектов на локалку :)
Johnny07: Я только сейчас заметил, что у вас там используется кастомный скроллбар. Конкретно в моем случае юзался нативный, по этому я легко отслеживал его положение и все работало идеально. В вашем случае надо танцевать от логики работы этого скроллбара, ведь любой кастомный скроллбар по сути дела является огромным таким костылем. Сам как то писал свой кастомный горизонтальный скроллбар, никому такого зла не посоветую :)
Serj-One: 1) Я нигде не говорил что это серебренная пуля, которую я использую для всего. Речь шла об обычной верстке обычного сайта. Если буду пилить серьезное SPA приложение с кучей страниц, то в кодпене разве что прототипы страниц будут верстаться.
2) Имеется удобная система поиска своих пенов по названиям/тегам. Так что свои готовые решения находятся там легко. Ну а если потребуется запиливание чего-то комплексное, с встраиванием полноценных JS модулей, то см. пункт 1.
3) Тут спору нет, работа на локалке выигрывает. Разве что все ассеты перед заливкой в облака я собираю в одной папочке, чтобы при переносе на сайт не выдирать их из облака обратно. Правда переименовывать пути все равно придется, но тут спасает тот факт, что я запиливаю лишь "обязательные картинки" типа бэкграунда и прочих вещей, которые потом не поменяются данными с сервера. По этому когда дело доходит до переименовывания путей, приходится менять пути 2-5 картинок на страницу (ну а про очень-многостраничные сайты снова см. пункт 1).
4) См. пункт 1 :)
5) Процесс переноса всего на живой сайт, дело чаще всего одноразовое, по этому потеря 1-2 минут тут абсолютно не играет роли.
Ну и странно что единственным плюсом вы считаете отсутствие необходимости все настраивать. А как же "живые" ссылки для клиента? Причем в неограниченных количествах, на любой стадии проекта и так далее. Вы же не хотите сказать что вы со старта верстаете сайт на VPS? А если вы трудитесь одновременно над 2-3 проектами, и помимо этого вы выполняете простые заказы на 1-2 часа? И всем при этом каждый день вы хотите показывать что-то? Я вот недавно делал анимацию SVG лоадера для клиента. Если бы не кодпен, наши коммуникации и правки с помощью пересылания кусков кода заняли бы намногооооо больше времени. А так я делаю изменения и он тут же их оценивает.
Я ничего не имею против полноценной инфраструктуры со сборкой и автоматизацией, просто очень часто это является оверкиллом и отнимает время на разворачивание проекта. Позже я конечно научусь делать свои хромированые генераторы Yoman'a, но в данный момент Codepen'a мне хватает с головой, если речь не идет о каком-то крупном проекте.
