Здесь аноны изучают верстку, базовый фронт-енд и обсуждают все, что с этим связано. Полноценная инфа по материалам в пасте, здесь только краткая выкладка базиса и основные ссылки.Если ты ньюфаг, то тут тебе будут рады. Но только в том случае, если ты, перед тем как что-то спросить, погуглишь хотя бы минут 5 и прочитаешь фак/пасту. В противном случае будешь послан нахуй, и абсолютно заслужено. Совершенно идиотские вопросы, нытье и прочее - аналогично. Не говорите, что мы не предупреждали.====================КРАТКИЙ ФАК ДЛЯ НЬЮФАГОВ И ПРОЧИХ МИМОКРОКОДИЛОВ>Можно ли вкатиться в randomAge.Можно.>Можно ли вкатиться без знаний программирования/матана/функционирования гипертекст протоколов/етц. Можно.>С чего начать? Что учить? Куда смотреть?Внимательно прочитать ОП-пост, затем прочеть пасту от корки до корки. Подумать, надо ли оно тебе, перечитать все еще раз. Приступать к изучению материалов по порядку. >Есть ли работа?Была, есть и будет, устраиваются как версталой, так и джунами фронт-ендами. Верстала без хотя бы базового знания JS сейчас как мамонт, поэтому готовьтесь учить и Javascript. В любом случае он вам понадобится, если планируете развиваться хоть куда-то. Джун фронтенд, полноценный и востребованный на рынке, а не программист на джиквери - это спец, умеющий и сайтик сложный сверстать, и страничку оживить, и приложение на нативном сваять. >Сколько времени займет обучение?Плотно стоящий на ногах верстальщик с портфолио из 3-5 адаптивных макетов, но практически без знаний JS - 400+ часов.Верстала с пониманием JS и портфолио - 600+ часов.Фронт-енд джун с уверенной версткой, уверенным JS, умением в дополнительные техи/фреймворки/препроцессоры/либы/системы сборки/otherSkillName, своими пет-проджектами, в том числе наверстанным портфолио - 1000+ часов.>Могу ли учить верстку/JS после работы по 2 часа?Можешь но это вряд ли будет эффективно. Указанное время в таком случае можешь смело умножать на 1,3+.>Могу ли я спросить что-то в треде?Конечно. Но перед этим следует проделать следующие действия.1. Подумать.2. Погуглить.3. Попробовать решить задачу самостоятельно. 4. Еще раз подумать.Если решения все равно нет - спрашиваешь.Задачу описываем четко, код показываем только в песочнице тут не экстрасенсы сидят, нам нужно пощупать код, иначе никто не поможет Аноны с кодом в постах, на скринах, в архивах, сразу идут нахуй. Вас предупредили.Дополнительно можно приложить скрины где показано, что работает/что не работает/как хотелось бы/как планировалось/етц. Плюс текстовые пояснения конечно. Оформите вопрос правильно - практически гарантированно получите грамотную и своевременную помощь.Дальнейшая информация для ньюфагов в пасте в конце ОП-поста. Там ВСЕ расписано, в том числе самый удачный по мнению автора алгоритм изучения основ верстки, есть тонна полезных ресурсов для разработчиков начального-среднего уровня и прочая годнота. =====================Cразу скажу, времена, когда можно было сверстать две фиксированных странички и завалиться в хардкорный фронт-енд давно прошли. Нет, работу конечно найти можно будет. Позиция называется Markup или HTML/CSS Developer называйте как хотите хотя даже там требуется знание адаптивности и прочих ништяков, но это только старт, и ЗП там вряд ли вас сильно порадует, если конечно сможете найти такую позицию. На данный момент фронтендеру нужно учить больше, чем просто HTML/CSS. В частности необходимы продвинутые инструменты разработки, автоматизаторы, работа со скриптами, сам Js и Jquery, в перспективе что-то из Js фреймворков, MVC и прочего дерьма. Не помешает навык натяжки оболочки на движок. Можете даже в бэкенд завалиться, если интересно. Но продуктивно это совмещать со всем тем стаком технологий, что нужны для фронт-енда, получится не у каждого, особенно на старте. Впрочем, если есть желание - попробовать можно, оно того стоит. Только есть нюанс, материалов по бэкенду здесь в пасте представлено мало, если кто-то в будущем поделится – будем рады и включим в будущие редакции.Работу находим в конторках и крупных фирмах. Конторки/студии - основное направление деятельности. Альтернативой конторкам может стать фриланс, тут уже все опять же индивидуально, но конкуренция там больше, в начале может быть сложно, скучно и относительно дешево. Помните о портфолио, оно просто необходимо, да и за время его создания руку набьете.Дальше представлены первичные обучающие материалы в сильно сокращенном варианте, полные списки найдете в пасте. http://dash.generalassemb.ly/http://learnlayout.com/http://htmlacademy.ru/ - ультрагоднотаhttp://learn.javascript.ru/ - по JS на русском лютая годнота. Годнее только Флэнаганhttp://www.codecademy.com/http://codeschool.com/ - тут платно, но есть бесплатные курсы, годные вещи про jquery и githttp://htmlbook.ru/ Справочник. Каждый верстальщик пользуется им. Все непонятное смотрим там.http://teamtreehouse.com - тут все платно, но первые две недели бесплатно, можно успеть пройти пару курсов, объясняют хорошо. Для работы понадобятся текстовые редакторы или среды разработки, тут уж решать вам.Текстовые редакторы:http://brackets.io/http://www.sublimetext.com/3https://atom.io/ ПРИМЕРЫ ВЕРСТКИ ДЛЯ САМЫХ МАЛЕНЬКИХ:Внизу видеокурс о том, как верстать PSD шаблон. Просто пример, чтобы посмотрели как выглядит работа и как верстают С НУЛЯ.http://denweb.ru/put-veb-mastera_sodВерстка по БЭМhttp://habrahabr.ru/post/203440/Лично я все же посоветую черпать инфу по базовой верстке из интенсивов, ссылки чуть ниже. Там ребята показывают весь процесс и делают это качественно. Никаких ошибок, минимум стилизации и отсебятины. Гайд от анона по гитхабу:http://randomfederation.github.io/Базовый интенсив за 2015 год:http://nnm-club.me/forum/viewtopic.php?t=899131Продвинутый интенсив за 2015 год: http://nnm-club.me/forum/viewtopic.php?t=900609Базовый JS интенсив за 2015 год: http://nnm-club.me/forum/viewtopic.php?t=974803Макеты для верстки, тоже от академии. Все из их рассылки, поэтому лучше бы тебе на нее подписаться. Ребята вываливают кучу годноты, хоть и относительно редко. https://mega.nz/#!CtYGSCbB!3Y6fDxxL_N_LstGFPGjHrhXbIoNqk4BzmNjjEmk2jPc======================Все основная инфа и материалы здесь: Обновленная паста, она же FAQ - http://pastebin.com/ytWW0UfUСтарая паста если кому вдруг понадобится - http://pastebin.com/tvvwC7uzПрошлый >>480862 (OP)
JS интенсив стоит качать? Там что то новое есть из того что на сайте за 300 руб открывается?
>>486416>из тогокромеfix
Нет, не стоит.
>>486421Зашёл посмотрел. Ничё вроде так интенсивчик. Ну я и даун.
Подскажите нормальный бесплатный хостинг, плес
>>486443гитхаб
>>486416На сайте по JS разве есть курсы?
>>486452А с php?
>>486453в платных про Кекса, там совсем детское задание.
>>486456Еще и объясняется как-то идиотски.
Есть какой-нибудь гайд или статья, в которой рассказывается, какие задачи выполняют разные жс приблуды типа ангуляра, реакта, метеора? Хотя бы в паре абзацев, в чем профиты каждого с какими-нибудь примерами. Везде сразу лезут в какие-то блядские дебри, хотелось бы узнать буквально в паре фраз нахуя каждый из них нужен и где пригодится.
Новый devtools 10 из 10 о боже
>>486468https://habrahabr.ru/company/nixsolutions/blog/277869/
>>486470Перешел по ссылке а там ниже есть ссылка на вот эту статьюhttps://habrahabr.ru/post/278467/В прошлом треде один затесывался уже
А и кстати, раз пошла такая пьянка с вопросами про js.В js-треде уже приняли предложение о добавлении в шапку, что по всем вопросам верстки сюда.Теперь предлагаю тут добавить, что по всем вопросам js - туда.И будет нормальное такое сосуществование (хотя оно и так было негласное до этого). А так ньюфани будут знать. Тут учим основы и учимся верстать, за js - перекатываемся туда. А там в свою очередь тоже будут читать в шапке, что если хотят во фронт, то за основами и версткой к нам.И все будет чинно, благородно)
Фронтаны, поясните почему emmet в sublime text 3 не может в комментирование ктрл+шифт+/ не работает, в конфиге так и написано.
>>486577хуй знает я выделяю строку Ctrl+/ и все закоментированно
>>486583тоже не работает, че за хуйня
>>486586И еще вот такая хуйня, перебиндить не могу
>>486593Хз че там у тебя. Но вот по эммету есть видос от Громова - открой 9 дополнительный раздел в базовом.
>>486606все тоже самое делал, нихуя
>>486606ну пиздец, с нампада не работает, а форвард слэш ряжом с шифтом работает, ну блять нахуй так жить
>>486593свои конфиги пиши в кей биндинг.юзер если че то не работает, попробуй плагины по отключать, иногда бывает такое
>>486617Лол, не в обиду, но нормальные люди нампад юзают только для быстрого набора цифр и выражений, ибо в основном не удобно символы набирать - руки передвигать надо. Да и то некоторые небольшие числа можно понабирать и без нампада
>>486623>свои конфиги пиши в кей биндинг.юзерthis
>>486577у меня работает, но только в англ. раскладке.
>>486624да знаю, хуевая привычка
Есть какая нибудь фича для фотошопа чтобы при взятии цвета пипеткой он сразу переносился в буфер обмена?
>>486650бля, я даун, нашел
>>486653хотя не, если есть возможность копировать цвет в буфре в виде #ffffff, без колор, скиньте, буду признателен
Ребята - такая беда, есть один див, внутри которого кнопка. Так сделано для того, чтобы были прозрачные границы у кнопки. Надо чтобы при фокусе/ховере менялась граница у этого родительского блока. Можно ли это организовать на css?
Аноны, вот делаю макет по psd. Ну сверстал html, а дальше че-как? Картинки где брать? Или они мне не нужны? Я нипонел.
>>486727Смотри интенсив.
>>486727Вырезай из макета, очевидно же
>>486730Серьезно что ли?
>>486764Нет.
>>486764Смотри 3 урок там про работу с фотошопом
>>486708Что мешает кнопке сделать прозрачную границу?
>>486779Я смотрел, он там верстал и все такое с поясняшками, теперь сам по макету хочу сделать. Можешь кратко сказать: вырезать или че делать нахуй? Заранее спасибо.
>>486782Тебе уже сказали что вырезать.
>>486783Спасибо, просто мне казалось, что он хочет меня подъебать. Счастья тебе и любви.
>>486782Как он блядь мог верстать в фотошопе???
>>486727>>486782>>486783
>>486789Верстал он по псд макету.
>>486795правильно делал.
>>486800Ну вот. А картинки потом вырезать нужно из псд, так? А то он нихуя не вырезал, поверстал и съебал в закат.
>>486802каков подлец!
Чет проигрываю с треда
Хотя нахуя их вырезать, если можно слить слои и бекграундом поставить? Или я неправ?
>>486781Если делать прозрачную границу у кнопки, сквозь нее будет видеть только фон кнопки, а мне нужно видеть фон родительского элемента.
>>486795Просто пиздец. Уже не можем отличить урок в котором рассказано о работе в фотошопе от урока в котором верстают
>>486827Да, я тупой. Можно объяснить популярно?
Анон-нейм, здравствуйте.Мы завершили проверку заданий и начинаем отправлять всем результаты.На данный момент мы не готовы пригласить Вас в интернатуру.Так как количество мест ограничено, мы вынуждены выбрать кандидатов наиболее точно следовавших стандартам оформления кода и допустивших наименьшее количество ошибок в заданиях.Конкурс составил 40 человек на место.Мы будем рады Вашему участию в следующих наборах в интернатуру.
>>486829Я тебе говорил посмотреть урок по работе в фотошопе. Там Громов рассказывает, как нарезать макет, как брать параметры шрифта, замерять отступы и т.д. Он там НЕ ВЕРСТАЕТ!Ты же видимо не удосужился глянуть что я тебе сказал а рассказываешь что чтото глянул и там верстали и не знаешь откуда картинки брать. Так вот говорю еще раз СМОТРИ УРОК ПО РАБОТЕ С ФОТОШОПОМ там все рассказано, в смысле как картинки нарезать и т.д
>>486846Вот теперь спасибо. А то я читал интенсив по верстке.
>>486826А если через боксшадоу?http://jsbin.com/rezayiyubu/edit?html,css,outputС планшета не удобно, но смысл должен быть ясен
Ну ка поясните долбаебу, почему ховер не подцепляет анимацию второго объекта? Нет такой функции что ли? http://codepen.io/anon/pen/WwvBgP
>>486845Это ты получил? И от кого? Пили кул стори короче
>>486864Бля я разобрался. Оказывается нельзя вызвать анимацию одного объекта по ховеру другого, если другой не отец для этого объекта. Пиздец, кто бы знал. http://codepen.io/anon/pen/WwvBgP
>>486861Спасибо тебе, анончик, спас меня от этих диких оберток.
Потрахался же я с этими анимациями. Нюансов пиздец. http://codepen.io/anon/pen/JXdQZv
>>486918Кушайте на здоровье лол)
>>486865Увидел объявление о наборе на стажировку в какую-то айти-студию. Делал тестовое 4 дня, отправил. Сегодня получил такой вот имейл. Печальбеда.
>>487014Соглашаюсь на тестовые задания >3 часов только при условии, что они будут оплачены, независимо от решения о моём приеме на работу.
>>487018Это не прием на работу. Это прием на стажировку. И задание было уровня стажеров, даже не джунов.http://itcraft.com.ua/html-css-internship-2016-0439599340/
>>487025Это как работа, только без зарплаты? Норм.
>>487025А, это ты с этой формой мелькал в прошлом треде.
Поясните, как тут избежали пробелов между инлайн-блок элементами?https://hexo.io/
>>487055Я через комментирование делаю, можно через font-size: 0; для родительского элемента
>>487076Комментирование выглядит очень костыльно, на работе за такое обоссать могут, а font-size: 0; не работает на андроиде до 4.3.Но мне интересно, как на этом сайте сделали? И вообще я часто такое встречаю, сверстано инлайн блоками, но нету ни одного из решение по удалению пробелов.
>>487078вася. посмотри исходный код, там же эти ссылки захуячены в одну строку без переносов.
>>487084Лол, почему-то сразу не заметил. Спасибо.
>>487043Это как зарплата выдается опытом и знаниями.>>487045Йеп.
>>486845>Конкурс составил 40 человек на место.
>>487105Это пиздец же, нет?
>>487105Иллюстрация к конкуренции на низком уровне в айти.
>>487084Юзали бы флксы, такой хуйни бы не было.
>>487159да еще и не по бэму сверстано, вообще хуесос какой-то.
Мне нравятся флексы. Они мне гораздо более понятны и их свойства более очевидны, чем у блоков и тем более инлайн-блоков.Оправдано ли их повсеместное использование? Я стараюсь сразу придать свойства флексбоксов почти всем дивам и другим разделам страницы, чтобы мне сразу была очевидна ее работа. Хотя понимаю, что во многих случаях я мог обойтись боксами. Это нормально, или признак плозой верстки?
>>487161Кстати вопрос по поводу БЭМа. Часто у работодателей требования по использовании этой методологии?
>>487179В больших компаниях верстают под ие8 все еще, в можных мелких веб-студиях наверное можно будет и на флексах все строить.
А вот и утренняя запеканка.>Спасибо за макет) есть прикольные идеи, но в целом конечно этого совсем мало. Вам следует практиковаться и набираться опыта!Часов 12 делал говнодизайн. Хотя хули хотел, первый макет все таки. Вот такое вот уебище родил, лол.
>>487248Вырвиглазное чудо
>>487248Тебе лучше пойти в токари или сварщики.
>>487248Проиграл с пиццы Нищенской.
>>487258Тащемта, верстаю я хорошо, это первая работа в дизайне. Но да, нахуй туда лучше не лезть если вкуса нет. Буду дальше колонки двигать.
>>487248НЕ ОЧЕНЬ конечно, да. Но я бы не судил о наличию или отсутствию вкуса по первому макету. Читни книжку какую, запили еще парочку, практика решает. Если и тогда получается говно без признаков развития - тогда уже да, можно говорить что дизайнер из тебя не получится.
>>487248Я не дизайнер, но по-моему у тебя проблема прежде всего в сочетаемости цветов. А также в подборе шрифтов и их размере.Почитай про это. У них точно должны быть целые талмуты на эту тематику.
>>487248Адов пиздорез, глазам больношрифты - хуитаверхнее меню - двухэтажное - хуита( нужно все в одну линию)Сочетание цветов - даже сказать нечего надо было юзать вот эту штуку хотя бы http://colorscheme.ru/фон какое то невнятное говноВсе это нужно раскидать по колонкам хотя быи в футере по мимо ебенячего пустующего пространства которое нужно заполнить контактами нужно иконки соцсетей и надпись тоже в одну строку сделать
>>487248Джульетту надо было с селедкой делать.
>>487248Лол, за деньги?
>>487328Нет, тестовое. В мухосрани вакансия десигнера появилась, ну и попробывал, лол.
>>487334Пиздец ты попробовал.
>>487337Да и похуй. Все равно какой-то опыт получил. Раньше с PS только на уровне верстки работал.
>>487248кек. картинка как бы намекает, как будет примерно выглядеть блевота после их пиццы.
Как называется приблуда всаблайме омник или что то такое, вроде показывает где неправильный код или дописывает выражения, забыл
>>487216бывает. и дальше, думаю, все чаще будет.
>>486593папку добавь нужную
Пацаны, как такое же дерево с папками в саблайм сделать? Никак найти не могу.
>>487574open folder
Анончеги, как сделать чтобы feature 1-2-3-4 были как на скрине и чтобы справа вот эти бенефиты влезли? Клеарфикс в форме флажка уже вставлял себе в жопу, все равно нихуя. http://codepen.io/anon/pen/ONyjVV
>>487651Clearfix должен быть только у контейнера и только если есть флоаты внутри.А блок benefits у тебя вообще ни флоат, ни инлайн-блок. С чего он вообще должен с ними быть на одной линии?Внутри у тебя вообще элементы и инлайн-блоки и флоаты.В общем какой-то ад, приведи это в порядок.
>>487651Тебе нужно ul с фичерами зафлоатить влево, а враппер бенефитов зафлоатить вправо.Либо, если юзать флекс, то весь родитель в котором находиться все это говно принимает свойство display: flex, и, соотвественно, ul и врапер бенефитов будут флексовыми элементами
>>487659>>487657Спасибо, ануоки. Пойду про флексы читать.
>>487668Да погоди, сделай сначала на флоате, а потом на флексе
>>487670Да у меня с флоатами крыша едет, флекс вроде проще дается.
>>487672Та ну как это, лол
>>487108Типа большинство ньюфагов, которые нихуя не умеют, а подают заявки?
>>487706
>>487248одно дело что макет не оч, но это хуй с ним. но как на это можно было убить 12 часов - тайна сия велика есть.
>>487681Двачую того анона, флексы проще всего.
Господа сегодня встретился с товарищем, так вот умудряется не хуя не шарить,хуярит сайты на Adobe Muse и рубит бабки, как так???
На www.codeschool.com бесплатные выходные.БЫСТРО ВСЕ ПОБЕЖАЛИ УЧИТЬ ФРЕЙМВОРКИ!
>>487898Это он так тебе сказал?
>>487985А там есть что-то годное разве? После курсов по ЖС там будешь уметь разве что "Hello World" выводить.
>>487898Без лоха и жизнь плоха (это к тем людям, которые платят)
Хало, пачаны. Делаю блок типа рилейтед постс для страничек с миниатюрками. 1. Правильно ли я делаю или сейчас уже как-то иначе делают?2. Можно ли выровнять строчку с описанием относительно картинки по вертикали если только одна строка? Vertical-align: middle пробовал и при этом картику не флотить, но это норм работает когда только одна строка в описании. https://jsbin.com/ricopidoca/edit?html,css,output
>>488026> .relatedminiimgДелай так: .related-miniimg
>>488026ну, как-то так напримерhttps://jsbin.com/milotufeyo/edit?html,css,output
>>488030да я для себя сайтик делаю>>488041я флексов вообще боюсь. Если нет поддержки, то тэйбл у родителя не будет все ломать?
И кстати, для чего тэйбл у родителя если лишки на флексе?
>>488055Да я вообще разметку не вникал. Просто показал как можно сделать и все.>>488051Подключи полифил, если нужны старый браузеры
Лол увидел в мы вам перезвонимhttp://m.pikabu.ru/story/vakansiya_super_programmist_4040925
>>488077спасибо
>>488015Там есть неплохое введение в каждый фремворк и вообще по всем языкам. Побольше чем hello world. Их рекомендуют в js-треде, как один из хороших вариантов начать.И там дают баджики за прохождение! Их можно пихнуть в профиль на LinkedIn!
>>487651Анончеги, прошу помощи еще раз. Пробовал и с флексами, и со списками, как добродушный господин посоветовал мне здесь >>487659 , но не вышло. Что не так?
>>488262Забыл http://codepen.io/anon/pen/ZWbMjo
Где можно почитать про фоллбэки/полифилы? К примеру, я сделал пиздатый сайт на флексах, а заказчик ВНЕЗАПНО такой: "слушай, епту, сделай еще ие8-ие9, доплачу сотню нефти".
Анон, такая хуйня. Сижу прохожу сейчас курсы на хтмл академии и получается, что все курсы я благополучно прохожу со 100% результатом, но через пару часов я абсолютно нихуя не помню, о том что я делал раньше. Это нормально? Только что изучал формы и спустя 40 минут на финальном задании я позабыл все что делал до этого, буквально только что я проходил урок и уже не помню, что было на позапрошлом. Прохожу задания только с блокнотом где я благополучно каждый урок копирую. Что делать то блять? Я совсем тупой.
>>488527Расслабься. Просто так в памяти ничего не откладывается. Можешь посмотреть на эту тему на курсере learning how to learn.Надо просто практиковаться. Для того, чтобы в памяти закрепилось. Очевидные вещи например вообще если просто прослушал в памяти вряд ли отложатся ибо нет закрепления того, что слушал (нет нейронной связи, которая вырабатывается при основении навыка).Вариант записывать хорош - но надо потом еще некоторое время просматривать свои записи, ну и практика, как я уже сказал.Плюс делать перерывы при изучении. Скажем по тому же методу помодоро, либо просто 45 минут занимаешься 15 минут перерыв. В начале следующих 45 минут тратишь минут 5-10 на повторение того, что освоил в предыдущее время.Так же прогулки на свежем воздухе, качественный сон - все это банально, но влияет на память.
Вот эта хуйня в седоне не модальное окно?
>>488525https://github.com/10up/flexibility
>>488548Это форма. Но контейнер ее работать может как и модалка. Щелкаешь на кнопку коричневую - форма выезжает.
>>488554Хотя не, я чушь несу. Модалка обычно должна блочить работу со всем кроме нее
>>488557Но принцип описал правильно. Щелкаешь на коричневую кнопку - форма выезжает.
>>488550О, спасибо.А> PostCSS FlexibilityРаботает вместе с автопрефиксером?
>>488561Ну что автопрефиксер, что флексибилити как я понимаю части постцсс, так что конфликтовать не должны.Но сам не юзал вообще полифил этот. Может кто знающий точно скажет.
Верстаны, на codeschool все курсы бесплатно в эти выходные!
>>488594Ага, хочу попробовать успеть пройти вот эту дичь:https://www.codeschool.com/meanНадеюсь, успею.
есть ли какие-то реальные профиты в этом postcss?а то больно дохуя под видосами комментариев в стиле "нахуя козе баян".
>>488619у меня в закладках вот такое вот лежит (еще сам не изучал)http://webdesign.tutsplus.com/series/postcss-deep-dive--cms-889
>>488619А так вообще по крайней мере автопрефиксер смысл юзать есть)
>>488623ну это не одно и тоже сейчас, насколько я понимаю.
>>488639Автопрефиксер - это плагин постцсс
Аноны, спасайте, подключил шрифт через гугл, в гугл хроме нормально работает, в других браузерах стоит шрифт по умоолчанию почему-то.
>>488662*через гугл фонтс
>>488663код покажи
Пацаны, как пик весртать, есть специальный тип?>>488559Спасибо.
>>488670button:button +input:number (input:text) +button:buttonчерез двоеточие тип написан если че
>>488672Понял, спасибо.
>>488670Не надо писать текст капсом, юзай transform: uppercase
>>488676ага, только сам хотел ему написать.И еще классы странные. Если по БЭМ, то че это за чудо?map__block_titleБлок map у которого элемент block с модификатором title?Тогда где элемент без модификатора и вообще че за нафиг?
>>488679Я в бэм не могу, потому так написал.
>>488681Ясно, но лучше просто дефисы ставь тогда а не подчеркивания между словами
>>488684> map__block_titlemap__block-titleВ таком случае дефис?
>>488669http://codepen.io/anon/pen/YqyRBR
>>488687Ну да.
>>488690>>488676Оке, спасибо, пацаны.
>>488544Спасибо за помощь, добра тебе. Я правда еще шмаль курю это тоже довольно сильно бьет по мозгам.
>>488689font-family: 'Roboto', sans-serif;написано вставлять.а жирность выставляй уже через font-weight
>>488706Ну и еще лучше сначала подключить нормалайз, а потом шрифты
>>488670Лучше не использовать эти типы, если не понимаешь зачем ты это делаешь. Это нужно только для мобилок, а на десктопах создает проблемы в виде лишних кнопок, внезапной валидации и т.д.
>>488715Алсо, дефолтный тип — text. С ним проблем не будет.
>>488708Спасибо, но теперь такая хуйня вылазит, пиздец.
>>488718Запятую Пушкин будет ставить?
>>488719SOOOOQA, все уже спать хочу, но доделывать косяки надо, спасибо, анончик, добра!
Моя разметка похожа на Бэм?http://codepen.io/anon/pen/aNvPBj
>>488746Местами. Идет элемент block__column, а в нем column__title. А column где?Или блок social, а элементы soc__link.Элемент partners_btn, хотя должен быть partners__btn.Все ошибки не выискивал, но наверняка еще есть.
Рили столько одностраничник стоит?http://krsk.au.ru/6855566/
>>488750> Местами. Идет элемент block__column, а в нем column__title. А column где?Правильно будет column и column__title?> Или блок social, а элементы soc__link.Social и socila__link?
>>488757Да.
>>488766Благодарю.
>>488754Одностраничник может стоить сколько угодно. http://dodofranchise.ru тоже одна страница, но обошлась она, я думаю, не в одну сотню рублей.
>>488838Сверстал бы такое гавно в сто раз лучше за пару сотен рублей.
>>488840Доля верстки в этой сумме минимальна, не обольщайся.
>>488699О, бро. Тоже курю шмаль и тоже все быстро забываю. Запоминается самое основное, а остальное после пары-тройки раз использования. Расслабься, это все гораздо легче чем тот же английский. Ну, для меня по крайней мере.
Анонсы, что думаете за перспективы интернетов? Полагаю, есть тенденция к унификации и монополизации. Ударит ли это по доходу среднего верстальщика?
>>488853Верстальщики скоро будут не нужны, уже сейчас почти всегда берут на работу минимум джуниор фронтендеров.
>>488853У фронтов — прекрасные перспективы. Чистые верстальщики уже не очень нужны, посколько браузеры становятся совершеннее, а скрипты сложнее.
Я, наверное, совсем тупой, но как лучше сделать эти разделители в мобильной седоне?
>>488890Бордером?
>>488890Открой блин эффекты слоя там все написано
>>488838фу бля, от этой ебаной ильяховщины тошнит уже.
Ананасы, поясните почему треугольник не получается, а выходит трапеция, или забить на это хуй и сверстать картинкой?http://codepen.io/anon/pen/ZWbNNz
>>488967понял в чем фейл, вопрос снят
Как правильно говорить: ксс/цсс/сисс?Или хтмл/аштимл/эйчтмл?
>>488992сиэсэсэйчтиэмэл
Брэкетс не видит обновления в html вживую ( в отличие от css), немного погуглил - понял, что не у меня одного проблема - но как решить - неясно.
>>489027prepros or gulp/grunt with browsersync
>>487078Не костыльнее, чем верстать без переносов.
>>487248Ну так вполне корректно тебе ответили.Если ты не гуру дизайна - никогда не хуячь цветной фон.
>>487248И, кстати, я тоже не дизайнер и поначалу делал гораздо большую хуйню, чем у тебя нарисована. Но уже после сотого нарисованного сайта у меня весьма годные макеты стали получаться, в 90% случаев клиенты одобряют сразу.
Верстаны, помогайте. Есть три сайта, задача типо сделать их клоны, но на другом движке. От меня требуется примерно сказать сумму за а) верстку с нуля б) содрать существующую верстку и почистить от говна по каждому из трех сайтов.Сами сайты, собсно, вот:http://icf-ua.com/http://front.largos.com.dev.vintagedev.com.ua/ruhttps://www.infinity-group.ru/Я ваще не имею понятия, какая должна быть цена хоть приблизительно, так что помогайте.
>>489295Ну по 1-1.5к рублей за каждый я бы взял наверно.
>>489296За верстку с нуля или за спиздить то, что уже есть?Алсо я чето думал, что это будет дороже.
>>489298Ну с нуля-то нахуя делать, если даже надо перевести на бэм или что-то подобное, то всё равно стили-то останутся большинство, просто имена классов поменяешь и структуру немного.Я могу их все за два дня перевестать все, не думаю что сильно больше тут можно брать. Ну максимум по 2к за каждый, смотря по сколько там уникальных страниц ещё внутри, может там ещё какие-то скрытые разделы есть.
>>489307Окей, понял, спс.
>>489308Ну там смотри ещё, что за клиент, если он прям не шарит, можно ещё больше попросить
Пацаны, а как пики в седоне верстать? Там под разные размеры разное положение у них, есть пример какой нибудь?
https://github.com/hikka-kun/sedona/tree/ff380dd2169dac86ab7eb646d32567c900edcd0cДа-да, нужно использовать апперкейсы, спрайты, все дела. Это моя первая верстка полноценной страницы, потому сделано тяп-ляп и учусь я всего неделю.Вопрос: с помощью чего можно сделать вывод формы после нажатия на кнопку? Глянул все псевдоклассы - не нашел подходящего.
Я уже спрашивал, но пох, может, кто шарит.В общем, в лисе когда включаешь режим эмуляции устройств, если выставить большую ширину, внизу появляется полоса прокрутки.А в хроме - хуй. Как ее включить? И вообще это можно?
>>489474Через инпут выводи
>>489295Я бы по 10-25к за каждый взял, в зависимости от клиента
Походу, эти фильтры реализуются только через js, потому перехожу к следующему, продвинутому курсу. Или я ошибаюсь?А так - скляпал с неоправданно большим кол-вом строк главную страницу. Кому интересно: http://martov.comli.com/
>>489512> большим кол-вом строк css-правила имею в виду
>>489295До 500 долларов каждый за верстку с нуля плюс легкий адаптив. >>489296Проиграл с тебя.
как это сверстать? картинкой или через css, и если через css, как сделать тень?
Версталы, за что вам платят? Сейчас же сайты за 5 минут создаются?
>>489558Сделай за 5 минут хотя бы картинку над твоим постом. Не сделаешь - даун с дцп.
Вопрос про свг.Верстаю адаптивную седону, и там уже есть нарезанные свгшки, поэтому решил заодно попрактиковаться.Так вот.Вставляю свг как объект, внутри самой свгшки инлайновыми стилями прописываю размеры, например, и цвет, ну вот как тут примерно http://codepen.io/anon/pen/aNdNOxСами обжекты в дивах, которые в мобильной версии скрываются.Это нормальный подход вообще или говно, жопа?
>>489578Ах, да: верстаю на флексах, поэтому на ие8 я клал хуй.
>>489542Картинку вставить как метку карты. В допах у Сергея Попова (из академии наставника) было это. Сейчас скинуть наверное не смогу ибо валяюсь-болею, а закладка на компе. Но ты погугли, там он прям скрипт вставки карты показывает с меткой.>>489578Где-то видел такой способ, наверное норм. Я лично юзал свг-спрайт, как Громов говорил. Если надо - тоже погугли
>>489512Ну дохуя еще что не доделано или хуёво выглядит.
>>489594Сайт - точная копия, за исключением округленных размеров отступов, макета (статичного, правда). Только обосрался с иконками соцсетей - нужно было в лучшем качестве их сделать.
>>489609фон едет при сужении окнаскрипты не работаютоформление формы не оченьховерэффектов на иконках футера нетуховеры на меню неверныевторой страницы нетуэто только с первого взглядамимо-анон
>>489617> скрипты не работаютТолько неделю учусь, до js не дошел.> второй страницы нетуТам фильтры, их делать на js. > ховеры на меню неверныеНо я же никому не сдаю проект, сделал как мне нравится.> ховерэффектов на иконках футера нетуМне было 1) лень 2) оно и так неплохо выглядит.> оформление формы не оченьТвои предложения?> фон едет при сужении окнаБуду фиксить.
>>489618Заказчику так же отвечать будешь?
>>489620В данном случае - я сам себе заказчик - реализуются замыслы мои, а не дяди ССЗБ, лол.
>>489578>это всплывающее окноХости на github pages лучше.
>>489618Заебись, хули сказать
>>489630Формочка и правда была кривая, починил. Ну и js-скрипт добавил заодно, как раз сейчас параллельно смотрю 7 вебинар базы, где введение в js.
Пацаны, в мой хром не завезли вкладку с вычисленными(em->px) свойствами, что делать? Не могу найти в настройках ее включение.
>>489728нашел
Платина Можно ли вкатиться без опыта при наличии небольших знаний хтмл/css/js?
>>489792Иди нахуй
На гикбрейнсе бесплатный курс по макетам, записываемся посоны.https://geekbrains.ru/courses/80
>>489796Нет ты)))0
>>489792Шапку читай, сука.
http://martov.comli.com/alisayed/Запилил еще один макет из рассылки. Никаких скриптов, чисто верстка. Кому не лень - покритикуйте, пожалуйста.
>>489593Хмм, спасибо. Спрайтом выглядит логичней, на самом деле.>>489626Так нечего хостить еще, я просто спросить хотел, чтоб понятнее было.
>>489850Поправь эти места
>>489850Присмотрись к флексам.
>>489875В смысле нечего хостить? Макеты свои хости.
Это ссылки?
>>489888Я про то и говорю - еще не доделал макет.
>>489889Фильтры. Пишутся на js.
>>489890Для этого не обязательно его доделывать. Ты же сейчас выливаешь какой-то левый фтп недоделанные макеты.
>>489796>>489819Читал. Свой критерий не нашел. В глаза ебусь?
>>489893Пиздец ты.>Можно ли вкатиться без знаний программирования/матана/функционирования гипертекст протоколов/етц. >Можно.
>>489850- белая полоса между блоками Drawing Scketch, Best Strating (Starting?), Verified Dummy режет глаза, лучше сделай без разделения- когда пишешь собщение в форме, то текст набирается в центре вместо левого верхнего угла- в логотипе дизайнера углы выглядят покоцанными- Stay Connected With Us... и иконки соцсетей поместил бы в одной строке, а весь это текстовый блок сдвинул бы так, чтобы он оканчивался на уровне окончания текста левого блока (Graphic Designer)
>>489895> - в логотипе дизайнера углы выглядят покоцаннымиТам картинка кривая, без закругления выглядит некрасиво. Или ты что-то иное имел в виду?> - когда пишешь собщение в форме, то текст набирается в центре вместо левого верхнего углаЭто не знаю, как пофиксить. Не работает vertical-align для формы.> - белая полоса между блоками Drawing Scketch, Best Strating (Starting?), Verified Dummy режет глаза, лучше сделай без разделенияПофиксил по-иному, и довольно-таки забавным образом.http://martov.comli.com/alisayed/
>>489904>Это не знаю, как пофиксить. Не работает vertical-align для формы.Использовать textarea, а не input.
>>489889Ссылки, в видео было сказано
>>489905Сделано. Добра тебе.>>489885> 1 скриншотВ хроме оно выглядит без внешнего отступа, в лисе - с этим отступом. Не знаю, что с этим делать.
>>489913Наслаждайся флоатами, хули.
>>489914Флексбоксы в продвинутом гляну. Пока только базовый посмотрел.
Может тред пора переименовать в джуниор фронтенд тред или типа того?
>>489916В общем-то пора.Но тут если и обсуждают код, то 2-3 поста в тред или я свои стремные верстки скидываю. Остальное - платина и прочее бла-бла.
>>489913>В хроме оно выглядит без внешнего отступа, в лисе - с этим отступому тебя параграф с график дезигнер вывалился, лол.
>>489919Не должен, вроде. Высота колонки задана вручную.
>>489923кому ты пиздишь? попробуй в лисе задай этому параграфу маргин:0. и если ты высоту задал это не значит, что из блока ничего не вывалится, если конечно оверфлоу:хиддена нет.
>>489925Не ругайси, я нуфаня.Починил.
>>489927То, что ты ньюфаня не значит, что надо невнимательно смотреть видео/читать материалымимо
>>489943Ебать, ты у мамы гений и все схватываешь налету, притом не совершая ошибок? Ну молодец, чо.
>>489806Это же для дизигнеров.
>>489946Ошибки - это нормально. Без них не будет прогресса. Я говорю всего лишь о том, что надо повнимательнее быть. Тут вот в прошлых тредах анон был помнится, который несколько раз пересматривал, чтобы во все вникнуть. Вот таких ньюфань можно уважать. Сначала внимательно посмотрит видео, потом если есть вопросы еще погуглит и только потом уже спрашивает. Такой подход позволяет избежать вопросов об элементарных вещах и детских ошибок.
>>489956Не вижу ничего плохого, что в треде мне дали подсказку. Самому искать - долго, времени нет. Окей, ладно бы я пришел, сверстал криво-вырвиглазно сказал бы: "посони, помогите, чому так все ч-з жёппу". Нет. Недочеты если у меня и были, то весьма редкие. Посему считаю, что ничего криминального не совершил, а ругаться - лишнее. словно на доброчане пишу, лол
>>489542это уже через яндекс API, забей, тебе это нахуй пока не нужно, да и обычно ссылкой карту вставляют и не парятся
А есть ультрагоднота как хтмлакадеми, только на ангельском? генералассембли не понравился.
Caп, вepcтaч. Пытаюсь вкaтиться в вeрстку. Учу уже целых три дня. Устроил себе небольшой экзамен, сделал что-то вроде копии вёрстки одного, наверняка некоторым известного, сайта. Прошу указать на ошибки и прочие недостатки.Оригинал: https://nekto точка me/chat/Моё поделие: http://codepen.io/anon/pen/bpELNW
>>489997Пиздец.
>>489997А ты сам разницы не видишь?
>>490007Я не пытался сделать точно такой же.
>>490011Иди дальше учись.
>>490011А в чем смысл твоего экзамена тогда?
>>490018Выяснить, смогу ли я сделать хоть что-то после аутирования в обучающие ролики. Ну и показать анону, чтобы анон показал мне типичные ошибки новичка.
>>490021>>490012Тебе ответили, хуле ты тут забыл?
>>489991Бамп.
>>490024http://www.codecademy.com/
>>490021>после аутирования в обучающие роликиблиать, ты как там аутировал, если каждый первый в этих роликах талдычит, что стилизовать по айди западло?
>>490029>стилизовать по айди западлоСпасибо, анон.Похоже, мне достался каждый нулевой, или просто не досмотрел ещё до этого.
>>490026Вот прямо идентичная годнота?
>>490038Ой, иди нахуй.
>>490038проверь и расскажи
>>490037тут сидят модные люди, которые смотрят хтмлакадемию, а не левых васянов с ютуба.
>>489913А зачем ты логин и мыло textarea сделал? На них оставь инпуты. Алсо, используй атрибут placeholder, а то пользователю твой вбитый текст приходится удалять прежде чем написать.
>>490064>>489895>> - когда пишешь собщение в форме, то текст набирается в центре вместо левого верхнего угла
>>490039Всмысле иди на хуй? Хтмлакадеми годнота, но нахуй мне потом переучиваться на инглиш, если можно сразу?
>>490071Просто иди нахуй, дебил.
>>490076А, ну если тебе в кайф на собачьем обучаться, то можешь потявкать итт.
>>490069Так я это только про блок сообщения сказал, наркоман. Остальные нужно оставить инпутами и выровнять через паддинг, например.Про placeholder тебе все правильно сказали.Алсо, у тебя там скролл горизонтальный.
>>490071А что ты потом хочешь на инглишь-то переучить? Термины все равно все на английском. Я учился на treehouse, вроде норм, но практики мало было.
>>490071В смысле переучиваться? Ты ж блядь не 1с куришь, которое только в снг и на русском.
>>490083Себя. На русском быстро привыкаешь и расслабляешься, а мне такое нельзя, я и так 90% времени на собачьем пишу/пизжу. Неделю не почитаешь на английском и все, будто никогда и не учил.
>>490085Дело твое, конечно, но некоторые ресурсы лучше на русском. Например на ингрише нет охуеннейшего learn.javascript.ru.
>>490085Тебе никто не мешает смотреть конференции и ролики по теме на инглише
>>490081Пофиксил.> Алсо, у тебя там скролл горизонтальный.Где?
>>490092Ты паддинг-то убери сверху, а то съезжает.Скролл в Хроме, ширина экрана 1280.
>>490094Макет изначально предусматривает ширину 1366. > Ты паддинг-то убери сверху, а то съезжает.У меня все норм. О каком паддинге ты?
>>490098>Макет изначально предусматривает ширину 1366.Ад какой.Я о паддинге в инпуте.
>>490100Ну, типа это же ИЛИТНЫЙ сайт. Значит, целевая аудитория - айфоны с большим разрешениям (4s сосите хуй, ненужны) и десткопы с ноутами максимум 3-4-летней давности.Я или в глаза ебусь, или что-то другое, но в упор не вижу никаких проблем.
>>490103Настолько элитный, что не влазит в мой MBP Retina 13 купленный в том году.С инпутом теперь все ок, да.
>>490103>SentТаки send.
>>490106Подразумевается, что в мэссэдже - посыл няхуй, потому sent.
>>490105> 2560x1600 пикселей у 13-дюймового MacBook Pro Не понимат, чому у тебя ширина 1280.
>>490109Это физическое разрешение, а логическое 1280*800. На один логический пиксель приходится 4 физических и из-за этого все УЛЬТРАЧЕТКОЕ.
>>490113Лол. Забавная архитектура.
>>490115Так на телефонах давно уже высокие dpi. Тем более сейчас почти весь веб векторный, только некоторые картинки мыльноваты.
$ git add README.md$ git push https://github.com/hikka-kun/alisayed.gitEverything up-to-date//но на самом гитхабе ничего не появилось. В чем может быть проблема?
>>490127Как это не появилось? Вот же: https://github.com/hikka-kun/alisayed
>>490134>> $ git add README.md> README.mdНет его.
Смотрю сейчас базовый интенсив. Вот хитрые жопы, много нового услышал, чего в курсах небыло.
>>490134Все, понял. Пуш с коммитом перепутал.
https://rarity.github.io/oneluke/index.htmlрейт ми плиз
>>490142Я бы при .btn:hover выставил картинки соцсетей в цвете.
>>490140Предвосхищая твой вопрос как залить на pages:$ git -b gh-pages$ git push gh-pagesВетку master на гитхабе после этого можно снести и писать просто git push.
>>490153Обосраться слегка.$ git checkout -b gh-pages$ git push gh-pages
>>490153Этого в интенсиве не проходят. Так что НЕ ПРЕДВОСХИТИЛ.
>>490159Сам изучи, хоть избавишься от этого говнохостинга.
>>490160Он меня полностью устраивает.
>>490159Проходят в продвинутом гит
>>490160Чувак, ты просто пушишь изменения на гитхаб и они автоматом обновляются на сайте. Все, что это нужно сделать — сменить ебаную ветку. Хостинг статики на gh pages это индустриальный стандарт.Нет, блять, хочу ебаться с фтп, хочу показывать анонам баннеры.
>>490168>>490164
>>490167Досматриваю интенсив, прошли только пуш, коммит и пул.>>490168Интересно, чому у анонов не стоит эдблок. Энивэй, ща гляну чо-как. Спать просто охота пиздец, разбираться лень.
>>490142Хз к чему придраться особенно, к «Your E-mail (Requid)» разве что.Шапка неадаптивная, на моем мониторе даже счетчика не видно. Слишком большой контраст в весе шрифтов, но это больше к дизайнеру.
>>490170Ну тащемта там есть допы как бэ в интенсивах. как вы вообще хотите развиваться в области, если не изучаете даже выданные материалы, не говоря уже о том, чтобы поискать самому чтонибудь по теме.
>>490177Терять дохуя времени на git, когда есть еще куча другого материала? NYET.
>>490170>разбираться леньТебе еще повезло, что ты в той области знаний, которая хорошо задокументирована и отлично работает. Охуеешь разбираться, когда доков нет, а есть сорцы либы и один мутный issue полугодовой давности.
>>490142Коряво. Паддингов слева/справа не предусмотрено, контент начинается сразу с края экрана.
>>490179Немного поясню. Это я не к тому, что «мы говна пожрали, теперь и ты наверни», а к тому, что иногда встречаются такие, сука, баги, которые ты ищешь-ищешь-ищешь и никто — ни двачик, ни старшие товарищи, ни доки, ни SO не могут тебе помочь. Просто нихуя не работает и непонятно почему. Вот в таких условиях важно сжать зубы, разобраться и добить проблему, разобраться в ней до конца и понять почему оно так. Это важное качество разработчика.
>>490181Все норм. Накатываю чай, пытаюсь разобраться.По-твоему, стоит полную документацию git читнуть прямщас?
>>490181http://hikka-kun.github.io/На гитхаб загрузил.
>>490184Не стоит, охуеешь. Достаточно понимать базовые команды (init, add, commit, push, pull, clone) и работу с ветками (checkout, status). Всякие merge и rebase пока лучше оставить в покое.
>>490189Мне прост не лень, в принципе. Времени дохуя (сижу по 5-6 часов в день, не устаю бегу со школы скорей-скорей домой и сижу до ночи, лол - складывается у меня впечатление, что я ботаню жутко - так и до красноглазика недалеко), мог бы и почитать, даже самому интересно.Впрочем, оставлю на потом.
>>490186Заебсь теперь. Там, если что, можно публиковать любой репозиторий, он будет доступен по урлу http://hikka-kun.github.io/projectname. Просто фигачишь в ветку gh-pages.
>>490192Гит выглядит простым на поверхности, но на самом деле это монстр, который был написан специально для разработки Линукса. Можешь себе представить какой это сложности проект.
>>490194Чем сложнее - тем интереснее. Тем более, мне бы хотелось понимать устройство всей этой веб-архитектуры. Ну, чтобы понимать, откуда взялся тот баг, а почему есть такая фича. Хорошим спецом хотет стать, в общем.
>>490195Гит не имеет прямого отношения к вебу, если что. Это универсальный инструмент.>Хорошим спецом хотет стать, в общем.Дерзай.
>>490196Раз ты такой умный, скажи мне, какого хуя вагрант работает через жопу на винде
>>490160А если я через их гуи заливаю на гх-пэйджес и мне норм, это оче хуево?другой хуй
Я вообще нихуя не понял, отцентрировал боди, все норм было, начал стилизовать линки - все пизданулось, че за хуйня?
>>490208Я же умный, у меня мак.>>490212Не, не очень.
>>4902130px
>>490215Все работало и ок было, но внезапно наебнулось, яннп.
>>490215Или какой-то еще синтаксический проеб.
>>490213Зачем ты боди центрируешь, ты что - ебанутый?
>>490219Тоже хороший вопрос, кстати.
>>490219Я учусь.
>>490221И размеры туда еще прописал, ну ты даешь. Конечно у тебя все наебнулось. Тема_лебедев--жпг
>>490220.header,.main-content,.footer { width: 1200px; padding: 0; margin: 0 auto;}
>>490223> width: 1200px;Там резина, Седона же.>>490222А почему нельзя?
>>490224body должен тянуться от левого верхнего края окна браузера до правого нижнего края. содержимое уже получает размеры. боди - это боди.
>>490225Оке, спасибо.
>>490221Седона не лучший макет для учебы, судя по твоей разметке. Барбершоп твой лучший друг.В случае с седоной можно тупо все обернуть враппером (там ведь еще и тень нужна) http://codepen.io/anon/pen/MyKBVaА в боди прописывай фоновый цвет сероватый какой-то там. Ну и шрифты-хуе-мое.>>490224Можно. Но это уебанство. Погугли.
>>490214Ну и отлично тогда. Если пойду на работу устраиваться, пару часов в терминале посижу, разберусь.
>>490231Я верстал уже барбершоп и нердс, пытаюсь в бэм и резину.
>>490233Попробуй барбершоп по бэму в резине, серьезно. Я за пару часов переверстал, кучу говна перелопатил + с размерами пришлось самостоятельно играться, после этого седона адаптивная идет как по маслу.
>>490236Задумаюсь, благодарю.
>>490238Заодно можешь с флексами поиграться, после этого все эти клеарфиксы будут вызывать рвотные позывы.
>>490214>Я же умный, у меня мак.Да у меня тоже, я не для себя стараюсь
>>490222>Тема_лебедев--жпгв голосину с этого БЭМараста
БЭМАРАСТЫ, объйясните: есть у меня блок b-pagination, который я хочу запихать в слайдер. В слайдере нужно делать <div class="b-pagination b-slider__pagination"> или <div class="b-pagination b-pagination_slider"?Второй класс будет отвечать за позиционирование внутри слайдера.
Приветствую, аноны. Посоветуйте софта для вёрстки на пеку с такими характеристиками: http://puu.sh/nyWk0/97f3efcaf2.pngПока пользуюсь пиратским фотошопом, Notepad++, xampp и средствами отладки в хроме. Кажется, есть инструменты получше. Дополнительно от инструментов хотелось бы удобной компиляции небольших пнгшных картинок в спрайты.
>>490338> Пока пользуюсь пиратским фотошопом, Notepad++, xampp и средствами отладки в хроме. Кажется, есть инструменты получше. Разве что текстовый редактор можешь сменить на brackets, например.> Дополнительно от инструментов хотелось бы удобной компиляции небольших пнгшных картинок в спрайты.А фотошоп тебя чем не устраивает? Пека не тянет?
>>490232Ну просто как бы автоматизация через консольку работает, поэтому мне например удобнее и с гитом через нее работать. И быстрее даже, чем открывать еще какую-нибудь приложуху. Базовый проходил с соурстри, на продвинутом уже выучил основные команды и работал через консоль.Уточню еще что я вслепую неплохо шлепаю по клавишам, а то может возникнуть ощущение что пиздун по поводу того что в консольке быстро работатьмимокрокодил
>>490340>текстовый редактор сменить на bracketsзачем? Он лучше блокнотика?
>>490353Функциональнее.
>>490340Кстати, в какую сторону можно максимально бюджетно апгрейдить пеку? Хотелось бы работать с двумя мониторами, чтобы в одной - код с фотошопом, во втором - уже сразу отображаются изменения на сайте. Думаю, что начать надо с охлаждающей подставки, затем - ссд, затем - заменить одну двухгиговую планку четырёхгиговой, и потом может быть поставить внешнюю видеокарту.
>>490353http://nicothin.ru/page/sublime-text-3-plugins
>>490355какие новые функции добавляются?
>>490358Иди нахуй.
>>490360с чего такая агрессия?
>>490357Спасиб, анон. Правда, всё-таки пока посижу на Notepad++, привык к нему сильно. И работаю только под виндой.
>>490382Тебя не заебывает так много писать?Поставь саблайм с плагином эммет и не еби мозги.
>>490411у меня 500 символов в минуту, напечатать что-то вообще не проблема. В разы больше времени трачу на ПРОДУМЫВАНИЕ и альт-табанье во время подгонки. Хотя я за всю жизнь два макета только сверстал.
>>490338>Notepad++Как вы пользуетесь этим говном, он же чисто внешне уебищный? Бери саблайм
>>490351то не пробовал работу с гитом на продуктах jetbrains, вот уже где консолька сосет
>>490417Наркоман, представь сколько ты сможешь нахуярить с такой скоростью и эмметом.>альт-табанье во время подгонкивут?
>>490450Я в свой первый раз кончил быстрее, чем открывается МЕНЮШЕЧКА в Вебшторме.
>>490451смотришь, что какая-то фигня съехала слишком вправо, альт-табаешь, уменьшаешь отступ, альт-табаешь, смотришь,что теперь всё съехало слишком влево, альт-табаешь, увеличиваешь отступ. Как-то так. Верстаю на глаз просто пока, не пиксель-пёрфект.
>>490474Это можно делать прямо в браузере, в инструментах разработчика.
>>490476В основном бывает, что с первого раза всё норм, а это всё потом надо будет в css-файле дублировать, если через браузер отлаживать, поэтому я сразу в блокнотике меняю.
>>490478Ладно, делай как хочешь, мне уже надоело объяснять людям как делать вещи более удобно и быстро, но они продолжают копротивляться и говорить: "Да мне и так норм чо, я уже привык".
>>490479Так и не нужно распинаться. Один раз посоветовал и хватит. Кто умный - дальше сам дойдет, оценит и заюзает. Кому этого не надо - тому хоть на лбу рисуй, все равно не поймет.мимо
>>490479>>490484ребят, вы меня убедили. Извиняюсь за свою твердолобость. Иду качать Sublime text.
>>490484Видишь, не зря распинался, лел.
>>490461щито поделать, за все надо платить
>>490325Во-первых, зачем ты пишешь b- в начале? Так уже давно не делают.Во-вторых я нихуя не понял что ты хочешь. Этот блок b-pagination может жить вне слайдера? Тогда в слайдере нужно сделать элемент-контейнер и отпозиционировать его как надо. Но по-моему пагинация сама по себе без слайдера выглядит странно и тебе нужно просто сделать элемент слайдера.
>>490338>Дополнительно от инструментов хотелось бы удобной компиляции небольших пнгшных картинок в спрайты.gulp
>>490450Удваиваю, часто через GUI таки быстрее. У меня, правда, VSC, он не такой слоупочный как WebStorm. Для сложных ситуаций и мерджей SourceTree. Но консольку все равно нужно знать, потому что во-первых скрипты, а во-вторых иногда нужно бывает поковырять проект через нее, потому что что-то сломалось, а GUI не дает достаточно информации.
>>490507gulp работает под виндой без танцев с бубном? Или стоит перекатиться на бубунту?
>>490523Всё что угодно работает под виндой, надо лишь установить нормальную командную строку
>>490523Работает. Фронту не стоит перекатываться на убунту, потому что у него тогда отвалится фотошоп. Если куда и перекатываться, то на мак.
Создал в репозитории папку, туда перенес содержимое репозитория. сделал следующее:$ git add -A$ git commit -m "replace files"$ git push origin master // на последнее получаю следующее:To https://github.com/hikka-kun/hikka-kun.github.io ! [rejected] master -> master (fetch first)error: failed to push some refs to 'https://github.com/hikka-kun/hikka-kun.githu b.io'hint: Updates were rejected because the remote contains work that you dohint: not have locally. This is usually caused by another repository pushinghint: to the same ref. You may want to first integrate the remote changeshint: (e.g., 'git pull ...') before pushing again.hint: See the 'Note about fast-forwards' in 'git push --help' for details.Не могу перечитывать всю документацию, времени нет. Подскажите, что сделать нужно, пожалуйста?
>>490526>отваливается фотошопа вайн? Слишком криво работает?
>>490529Тебе вывело ошибку в консоль. Ты по английски читать не умеешь или гугл отключили?
>>490531Нах? Вот реально зачем тебе линукс, что есть на линуксе, чего нет на винде, для фронта? Ничего, говорю по своему опыту и опыту коллег на работе.
>>490529Тебе же все написали, епта. И в чем проблема и что сделать надо.
>>490534>>490536Перевести - я перевел, хуле толку-то? Он мне предлагает снова выкачать все файлы с сервера, но мне они напротив не нужны там - их нужно удалить. Вот я и не знаю, что делать.
>>490537У тебя рассинхронизация веток между гитхабом и локальным репозиторием. Ты внес какие-то изменения на гитхабе и какие-то изменения у себя, в итоге получается, что у тебя две разных последовательности коммитов. Их нужно слить вместе. Для этого забери все изменения с гитхаба (git pull), если конфликтов нет, то они смерджатся автоматом. После этого выливай.
>>490542Отмечу, что тебе, блять, ровно это же самое написали в консоли.
>>490542Спасибо за литературный перевод, но оно я уже понял.
>>490546Блядь, я запутался в этой консоли. Блядь. Со злости пойти и перечитать всю документацию, что ли. А то я нихуя не понимаю, как мне сделать удаление файлов без всяких смерджей, блядь.
>>490545>>490542Все, разобрался. По моей логике, после пулла у меня бы вернулось все удаленное, но чому-то этого не произошло. Не понял систему работы, в общем. Спасибо.
>>490547Так же как и добавление. Удали все, что не нужно, потому закоммить эти изменения. Собственно флаг -A в git add отвечает за то, чтобы записывались не только добавление файлов, но и изменение и удаление.
>>490549Этого не произошло, потому что гит корректно слил две ветки — гитхабовскую, где файлы были и твою (более позднюю), где файлов уже не было.
>>490524>нормальную командную строку Порекомендуйте нормальную командную строку плз.
Это нормально делать такую обертку в бэм?
>>490583Да. Ты пропустил подчекивание в footer__login.
>>490596Это не я, это из видео про бэм.
>>490578cmder
>>490505Да, может использоваться сам по себе. Мне нужно позиционировать пагинацию внутри слайдера. Варианты:1. Добавляю к блоку b-pagination класс b-slider__pagination, позиционирую в нем. Мне нравится этот вариант, потому что css-файл пагинации я вообще не меняю.2. Добавляю к блоку модификатор b-pagination_slider, позиционирую в нем. Хуево, что нужно добавлять новый код в файл-пагинации. Часто такое вижу, но мне кажется, что совсем неправильно и модификаторы должны использоваться только для описания состояния.3. Твой вариант. То же, что и первый, только добавляется дополнительный элемент. Если у моего варианта нет никаких подводных камней, то я препочту его.
>>490806Префикс b писать не надо. Модификатор лучше применять если блоки или элементы явно похожи и немного отличаются. Я чет сомневаюсь, что пагинация слайдера и обычная страничная у тебя почти не различаются, поэтому модификатор дичь. Где пагинация слайдера может использоваться сама по себе? Было бы кстати хорошо увидеть скрин того что ты хочешь сделать
>>490840Верстаю этот макет. Такую пагинацию легко можно представить как страничную.
>>490872https://yadi.sk/d/fQx2Xd4QovDEx
ньюфаг с платиновым вопросом иттпоясните, верстаны, можно ли выкатиться на работу через 1-3 месяца, если я планирую посвящать по 8-10-12 часов в день изучению этого дерьма?24 лвл, в программировании не полный нуб
>>490935Да. Верстка учиться за 2 недели. js на уровне "прикрутить к кнопке функцию" за месяц-два.
>>490971> за 2 неделиХуясе, я вчера целый день ебучее адаптивное меню седоны верстал, так и не смог анимацию на скрытие в мобайл версии прикрутить. Чувствую себя дауном.
>>490935И еще, если не полный нуб смотри лучше на python и django.
>>490972Там ширину в % и прописать условия в медиа-запросы, а анимацию с помощью префикса :focus для класса в ксс (типа .класс:focus и пишешь чтобы стал видимым, а для просто .класс скрываешь. и вешаешь эти классы на дивы).
Снова проблемы с git. Залил папку sedona с файлами. Sedona запушилась, содержимое - нет. git status ничего не говорит.делал:$ git add -A$ git commit -m "lala"$ git push origin masterГде проебался?
>>490935Вкатиться на работу можно и раньше,но смотря на каком уровне, в моей мухосрани можно за 20-25к работать зная основы верстки, бэмы лесс сасс и прочая хуйня не нужны, умению подключать джиквери библиотеки, основы пхп для отправки форм и прочей хуйни. Ну и с цмской разобраться.
>>490995Ну это разумеется самый низкий уровень, в сторону контент-менеджера даже не смотрите.
>>490973питоном планирую заняться после того, как буду хоть какие-то бабки за верстку получатьне полный нуб - это я когда-то поступал на прогера, но потом жизнь повернулась жопой, пришлось менять место жительства, работу и всё по пизде пошло, теперь планирую нормально взяться за дело
>>490935Шапку смотри, там все расписано, с часовыми промежутками блять. Жирным сука выделено.Что блять надо сделать чтобы эти дебилы читали шапку котаны? Пиздец просто.
>>490971Если он евередж юзер, то за 2 недели в лучшем случае сверстает свой первый фиксированный макет. О том как он его сверстает, я промолчу.
>>490991Это мне все переделывать придется...
>>491067> за 2 недели в лучшем случае сверстает свой первый фиксированный макетСверстал свой первый макет за сутки, второй - за три часа. ЧЯДНТ?
>>491074Пиздишь.
>>491076Нопе. Другое дело - первый макет был сверстан через жопу, второй был довольно-таки простеньким.Мартов-кун
>>491074Все равно не верю.Не зная ничего о html/css ты за сутки даже самый базовый материал не успеешь просмотреть/прочитать/усвоить. Не говоря уже про саму верстку.
>>491074За сутки, с нуля, без знаний верстки вообще? Сел и за сутки сбацал макет до того не отличая тег html от body?
>>491082>>491084Обосрался чуток. Думал, имеешь в виду сам процесс верстки. Курсы на хтмлакадеми+базовый интенсив были за 5 дней выучены. Я по 5-12 часов сидел за этим всем и наизусть зазубрил все значения css-свойстов. А так - думаю, за сутки-два можно выучить весь синтаксис, глянуть статьи на htmlbook про верстку сеток и кляпать верстку по макетам.
В упор не хочет видеть файлы.
>>491074Я за сутки успел узнать о существовании html/css, о том как они друг с другом связаны, о том зачем они в принципе нужны, о том, что есть такой ЯП как JS и зачем он нужен, получить самое базовое представление о фреймворках, и начать курс на codecademy, где сильно дальше p и остальных h1 с ul зайти особо не успел. А ты за сутки макет сверстал. Ок.
>>491093>>491087
>>491087>А так - думаю, за сутки-два можно выучить весь синтаксис, глянуть статьи на htmlbook про верстку сеток и кляпать верстку по макетам.Нельзя. От голой теории вызубренной за такой период толку ноль. Запутаешся и сделаешь только хуже. Инфу надо переварить. А то будет как тем бедолагой, который быстро прошелся по learn.javascript а потом не мог отличить свойство объекта от массива.
>>491096Да, ты прав. Больше 2 вебинаров в сутки смотреть противопоказано: крыша начинает ехать от обилия информации.Алсоу, на третий день учебы во сне писал МАРЖИНЫ и ПЭДДИНГИ. Прямо помню, что эти сраные свойства.
>>490994>$ git add -Agit add .
>>491125Нахуя ты это советуешь? Ключ -А по умолчанию пробегается по всему дереву.
>>486241 (OP)Вопрос платиновый, думаю.Сап. Я гуманитарий, в школе математика давалась крайне тяжело, единственно что физику изучал, нравилась. Смогу ли вкатиться в это дело, если я в математике дуб-дубом?
>>491139Нет.
>>491139ЧИТАЙ ШАПКУ СУКА НАХУЙ НУ ЕБАНЫЙ ТЫ В РОТ
>>491139Иди нахуй.
>>491132Ты прав анончик, проебался я чуток
>>491141>>491142>>491144Пиздец вас разорвало-то
>>491146Даун, плиз.
Посмотрел вебинар про адаптивную графику, вот наваял для ретины, ну и всякие srcset и svg. Гляньте по фасту кто понимает. Да и адаптив только на 1й странице, на остальные забил хуй. Ну и думаю blur на осле не заведется, я так понял его на js лучше делать.http://c12266.shared.hc.ru/good/index.html
>>491141>>491142>>491144Предлагаю невнимательных дебилов тупо игнорировать. Если шапку не прочитал и задаешь платину - твои проблемы. Додумаешся - найдешь ответ. Не додумаешся - значит тупой и пошел нахуй отсюда.мимо ОП
>>491150Сочетания цветов в футере можно получше подобрать. А так, чисто на первый взгляд, - заебись.
>>491153Можно зафорсить локальный мемес "иди нахуй".
>>491150В футере покемонов прозрачными еще сделай, заебись будет.
>>491150> You email address Your.Имэил еще отстилизируй, а то глаза режет.
>>491150Хватает всяких косяков если говорить конкретно о верстке. С адаптивом тоже нужно работать, сдвиги шрифтов, кнопок - это не дело.Эффект с переворачиванием иконок тестимоналс сам придумал?
>>491163Ты напиши конкретные косяки если не сложно. Для этого и спрашивал. Про адаптив, я его по быстрому за час сделал. Жаль что в макете не было адаптива, проще делать когда есть макет.
>>491173Завтра, если будет время - займусь, сегодня уже башка не варит.Если коротко - основной косяк конечно, проблемы с паддингами и отсутпами. Одни элементы слишком близко, другие слишком далеко. Часть со слайдером при ресайзе отвратительно едет. Под менюшкой хедера непонятная полоска, ее быть не должно. Белые полосы по краях, обрезают блоки, особенно заметно на футере и хедере.Конкретно в адаптиве большинство косяков размеры. Колонки растягиваются до пиздеца, превращаясь в макаронины, опять же смещения кнопок, некоторые элементы становятся нечитаемыми, заголовки занимают по пол области блока.В код не глядел, но уже по второму уровню видно что дальше тегов footer header в разметке HTML5 ты не пошел, а надо бы, могу впрочем, ошибаться, я не вглядывался.Это то что лежит на поверхности. Что понравилось так это эффект выездом поля поиска и ховеры на элементах портфолио.Если интересно как можно делать иначе - можешь глянуть мой макет. http://ykro314.github.io/Good_good/index.htmlНе претендую на истину в последней инстанции, там тоже говна хватает, да к тому же он и недописан, но опыта у меня побольше будет, может чего для себя откроешь.
Блядь, эта седона - какой-то апофеоз говнодизайна, меня уже тошнит от нее, хотя я суммарно всего часа 3 ее верстаю (адаптив).мимо крик души
Вопрос опытным версталам/фронтовикам.Насколько критично соблюдать полную пиксельную схожесть с макетом дизайнера? Прнятно, что случаи разные бывают, но все же, из вашего опыта, можно ли корректировать макет в плане паддингов и маржинов для большей симметрии и кратности размеров? Если (как я подозреваю) отклонения допускаются, то примерно в каком диапазоне?
>>491289да в половине макетов есть дизайнерские косяки, когда явно симметричные вещи расположены кривыми ручонками.
Аноны, поясните за разные типы аккаунтов на гитхабе. Да и вообще, поясните, зачем он вообще нужен, чтобы писать что-либо совместно?
>>491304Да, чтобы писать БЭМ вместе с другом.
https://habrahabr.ru/post/250901/Хуй знает. Просто вброшу, зачем? Хуй пойми.
>>491308Мне больше Angular нравиться.
>>491367А мне из всех языков программирования больше всего Jeikwerri и butstrup понравились.
>>491368JakeVeiry ты имел ввиду?
>>491370Точно, всегда ошибаюсь в написании.Еще Si Charpp интересная библиотека фоеймворка, но довольно сложный скелетон для начинающих.
Кек
Появился забавный вопрос.Имеется два селектора - первый с одиннадцатью селекторами элементов, второй - со всего лишь одним селектором класса. Какой будет приоритетней? наверное, второй
>>491400приоритет первого 0-0-0-11приоритет второго 0-0-1-0естественно приоритетней второй
>>491404Не, по твоей же логике приоритетнее первый. Потому что 11 к 10.
>>491404ну фиг знает, может, интерпретатор в браузере использует десятичную или шестнадцатиричную систему счисления для подсчёта приоритета, и огромным количеством селекторов низкого уровня можно перебить селектор класса.
>>491410Так не считается. Вообще схема с 1000, 100, 10 и 1 - в корне неверна. А/B/C/D.
>>491413Можно наверняка, но зачем?
>>491421интересно же. Правда, лень тестить.Кстати, недавно вот вновь решил обмазаться вёрсткой, в своё время прошёл весь базовый курс (почти все испытания на 100%) и треть продвинутого. Успел даже макет сверстать, даже светил им тут http://brauzerka-2014.tk . Как думаете, повторять стоит с базового курса, или с продвинутого?
>>491424Почему тогда забросил?
>>491426ушёл на стройку работать на два месяца :)
>>491410ты долбаеб? я специально блядь дефисами отделил чтобы числа не додумались собирать. пиздец.
>>491413нельзя
>>491424Проходи с базового, повторенье - мать ученья. Не ебись с испытаниями только долго. Без них за день можешь управиться, зато вспомнишь многое.
Посоветуйте как лучше организовать портфолио.Запилить на бесплатном хостинге сайт-визитку со сверстанными подсайтами? Или для этого лучше подойдет какой-нибудь гитхаб?
>>491606Запилить статический сайт на гитхабе. Туда же вылить все свои сверстанные макеты.
>>491628А как там можно сайт то разместить? Насколько я вижу (да и раньше натыкался) - у всех папочки-репозитории с перечнем подпапок и файлов с кодом.
>>491638https://pages.github.com
>>491647ОП, добавь в шапку что такое Github Pages и зачем он нужен. Для хостинга статики сложно придумать что-то лучше.
>>491647Спасибо, няша.Не знал, что у них и такое есть.
>>491650Окей, закину упоминание в фак.
Ооооох.8 часов работы, 1 час обеда и 2 часа дороги (туда и обратно).ПИЗДОС, ну вот кому надо жрать целый час.И все сидят рядом, даже пропердеться как следует нельзя.11 часов моей жизни, одиннадцать, мать их, часов.А на ламповой удалёнке я работал от силы 7 часов. И садился за работу, когда хотел.Ушёл в закат под громыхание своего пердака.Анон, который перекатился из версталы под Битрикс во фронт в офис.
>>491828В люди выбился) молодца
>>491842Да я не то чтобы выпендриться.Я просто не понимаю, как люди выдерживают по столько часов в офисах.Очень надеюсь найти себе потом выгодную удалёнку типа апворка, когда дорасту.
>>491650>>491628Что значит статический?
>>491404В твоем неудачном примере приоритетнее первый, потому что третий разряд меньше.
>>491289Зависит от клиента. Я по умолчанию делаю пиксель в пиксель, даже когда для этого приходится прописывать разные стили одинаковым элементам одной коллекции. Потом за деньги верстаю обратно к нормальному варианту.
>>491888Мда... совсем ебанулись люди тут смотрю
>>491882Без серверной логики
>>491961Ну вообще-то статикой называют сайт вообще без логики, в том числе клиентской.
>>491997Мне кажется, что сейчас это понятие размывается. Как еще назвать сайт без сервера?
Аноны, скачал себе базовый интенсив, сверстал сетку, оформление контента(позиционирование, псеводоэлементы и т.д.), пока все легко, но нихуя не понял про фотошоп, как там вырезать и что, на каких слоях, да и вообще фотошоп с его обилием функций пугает. Подкиньте статей гайдов по этой теме, особенно те, кто проходил интенсив. С меня нихуя, но иисус вас полюбит.
>>492005Я только начинаю осваивать вёрстку, и тема может не очень - не особо ещё ориентируюсь, но вот тут чел показывает как он работает с макетом когда верстает http://webdesign-master.ru/blog/adaptive-web-design/11.html
>>492005Ну Громов же нормально рассказал в 30 минутном видео как работать с макетом. Смотри, вкуривай
>>491890И как на это клиенты реагируют?
>>491890ебать хитрец.
>>492044А мне он не понравился. Все видео не мог свою личинку успокоить, я даже не досмотрел его.Че вы с фотожопом мучаетесь, когда есть бажественный Brackets?
>>492064Какую личинку? Я говорю за урок именно по фотошопу, а не про вопросответ к нему
>>492065Урок по фотошопу тоже тяжело смотрится. Чувак крайне хуево знает английский. Першин, кстати, тоже не фонтан в этом плане.
>>492071Ну эт не англокурсы так то, чтобы цепляться к произношению.(самого это тоже раздражает если че) Хотя даже индусов на той же курсере люди смотрят и ниче, никто не умер. Если инфа годная то можно и потерпеть. А так там все по полочкам и не растянуто (я про видос о фш). Есть ГОРАЗДО худшие примеры подачи инфы.
Так все-таки: зачем нужен Ps, когда есть Brackets? Он же намного удобнее: все делвется в одном окне, нет лишнего функционала, может тут же прописывать свойства в CSS, и даже более того: при прописывани background-image сам будет сохранять выделенную картинку из макета по тому пути, который ты указываешь в src.Это же имба-фича, которой нет больше ни в одном другом IDE.
Подписался на тред. Выперли с работы и я снова загорелся идеей верстки, в прошлый раз был в такой же ситуации и проходил курсы на htmlacademy, но устроился на работу и забил пытался продолжить проходить курсы на работе, но отвлекали постоянно.Теперь думаю по быстрому устроится или не по-быстрому и дождаться расчета с послднего места работы на днищеработу и оплатить за ближайший интенсив. В связи с этим возник вопрос, если я буду работать около 9-10 часов по пятидневки хватит ли времени пройти интенсив? Интересует мнения тех, кто был в такой ситуации или проходил интенсив на htmlacademy.
>>492115Прохожу сейчас - времени не хватает. Вот банально вчера: пришел уставший с работы, так еще и друг в гости прийти захотел. В итоге за вчера вообще нихуя не сделал.Хотя, если ты с родителями живешь, и девушки/жены у тебя нет - будет проще.
>>492083Бро, поясни поподробней за brackets. Там есть вырезание слоя в отдельный файл одной кнопкой? Там есть css некоторых теней и градиентов? Насколько он лагучий? Вообще, это полноценная среда для веб-разработки вроде веб-шторма, или так, текстовый редактор с читалкой псд-макетов?
>>492118>Вот банально вчера: пришел уставший с работы, так еще и друг в гости прийти захотел.Бля, хреново. А я же ещё на курсы английского хожу и в качалочку. Ладно, подожду расчета.
>>492119>Там есть вырезание слоя в отдельный файл одной кнопкой?Ну, не одной прям кнопкой. Кликаешь на слой или картинку (что в принципе одно и то же) в макете, кликаешь в код, тебе предлагается отдельным окошком список свойств для экспорта в код. Выбираешь саму картинку, тут же появляется код с src и относительной ссылкой, которую ты можешь подправить (в т.ч. название картинки и ее формат). Нажимаешь энтер - и картинка волшебным образом сохраняется по пути, указанному тобой в коде src, переименовываясь и принимая указанный тобой формат. По-моему это охуенно.>Там есть css некоторых теней и градиентов?Если я правильно понял тебя, то да. Если макет сверстан руками не из жопы, то переносить свойства слоев в код css -одно удовольствие.>Насколько он лагучий?Тормозной в сравнении с сублаймом, и иногда лагает live preview (отдельное окно хрома, где отображается верстаемая тобой страница).>Вообще, это полноценная среда для веб-разработки вроде веб-шторма, или так, текстовый редактор с читалкой псд-макетов?Понятия не имею, я нуб на самом деле. На шторм взглянул, но он мне пока показался черезчур тяжелым и с кучей бесполезных для меня пока функций.
>>492061Благодарны за грамотные советы, ценят мой профессионализм.
>>492136Как думаешь, за такой пекой норм будет? http://puu.sh/nBfsc/d3da1b709d.png
>>492153>370M>M
>>492153У меня не сильно лучше. i3-2100, 8Gb DDR3, GTX560. Думаю, раницы для брэкетсов не будет.Пойми, они тормозные только в сравнении с быстрыми редакторами типа сублайма. На самом деле это дело привычки, через десять минут работы ты уже забудешь о разнице. Поймешь, что они слегка медленноваты только, если вдруг снова пересядешь на суб.
>>492153И да, все зависит от размера проекта. Если это какие-то огромные ебанутые страницы с кучей стилей, скриптов и картинок, на тысячи строк кода - это одно. А если ты макеты хтмлакадеми верстаешь - то совсем другое.
>>492162>370Mчто, совсем дно? Я думал, по сравнению со всем остальным хламом, проц у меня ещё ничего. На ноуте вообще наклейка i5, (смех).
>>491828А по деньгам какая разница?
гайз выручайте,нужен нормальный гайд по инструментам бэм(сборщики,шаблонизаторы и т.д)в документации все не однозначноа я хочу понять алгоритм действий
>>492359Нахуя?
https://2ch.hk/wrk/res/492412.htmlhttps://2ch.hk/wrk/res/492412.htmlhttps://2ch.hk/wrk/res/492412.htmlhttps://2ch.hk/wrk/res/492412.htmlhttps://2ch.hk/wrk/res/492412.htmlПЕРЕКАТ
