А зачем нужен gulp-sourcemap? В интенсиве есть про это?
Кто-нибудь еще записался на интенсив в апреле?
Не особенно. Самый бюджетный i3 сэнди и 8гб дешевой RAM.
Привет анон. Прочитал шапку и тред.
Все было здорово, писал игрушки на юнити, а потом на флеше. Только вот нихуя именно 0 заработал с этого. Мамкины борщи конечно вкусные, но пора бы уже зарабатывать на свои.
спрашивал в программаче, посоветовали вкатиться во фронт-энд. Настроен я более чем решительно. Моя задача- начать зарабатывать.
Но я походу пошел не с той стороны. А именно начал изучать жс по http://learn.javascript.ru. Как думаешь анон, наверное сначала стоило заняться освоением html/css и верстки в целом?
Думал освоиться с этим, сделать проект для портфолио и начать ходить на собеседования. Может быть html и css стоит заняться уже во время создания своего проектика?
Как думаете, 2.5 месяца достаточно для этого?
И да, такой еще вопрос, имеет ли смысл решать все эти учебные задачи? Попрактиковаться я понимаю что полезно, легкие задачи делаю, но вот требующие времени дропаю.
объебался и запостил этот посто в жс-тред на программаче. Неудобно вышло.
Все было здорово, писал игрушки на юнити, а потом на флеше. Только вот нихуя именно 0 заработал с этого. Мамкины борщи конечно вкусные, но пора бы уже зарабатывать на свои.
спрашивал в программаче, посоветовали вкатиться во фронт-энд. Настроен я более чем решительно. Моя задача- начать зарабатывать.
Но я походу пошел не с той стороны. А именно начал изучать жс по http://learn.javascript.ru. Как думаешь анон, наверное сначала стоило заняться освоением html/css и верстки в целом?
Думал освоиться с этим, сделать проект для портфолио и начать ходить на собеседования. Может быть html и css стоит заняться уже во время создания своего проектика?
Как думаете, 2.5 месяца достаточно для этого?
И да, такой еще вопрос, имеет ли смысл решать все эти учебные задачи? Попрактиковаться я понимаю что полезно, легкие задачи делаю, но вот требующие времени дропаю.
объебался и запостил этот посто в жс-тред на программаче. Неудобно вышло.
Еще раз блядь напиши, заебали уже одно и то же спрашивать. Не ебем мы сколько тебе времени надо. Фронтенд начинается с H+C. Не думай, что в верстке нет нюансов и там все изи бризи, что на ходу все выучишь, лол. Про задачи сам думай, ебет что ли кто-то как ты материал воспринимаешь и закрепляешь и запоминаешь и готов реализовывать потом.
Думаю лучше освоить html, css, позже js. Наверстай говна поначалу, а потом делай портфолио. Может тебе и хватит времени если въебывать будешь как черт и всё понимать. Лично я не проходил всякие задачки на сайтах и прочее. тупо начал смотреть интенсив и вкатываться потихоньку. (на счет зада думаю что есть иногда в них смысл, т.к узнаешь некоторые фишки)
окей, спасибо. Просто думал пойти именно как программист. Одностраничные приложения, вот это все.
>Прочитал шапку и тред.
В шапке написано сколько времени нужно.
Начать нужно с html/css.
>И да, такой еще вопрос, имеет ли смысл решать все эти учебные задачи?
Это твое портфолио.
Сам подумай, что ты сможешь сделать как чистый программист во фронтенде без знаний верстки? Циферки в консоль выводить?
шалом, я вот залил верстку для потфолио https://github.com/LitvinenkoEvgeny/portf.github.io
че то не отображается по адресу https://LitvinenkoEvgeny/portf.github.io
поясните ЧЯДНТ
LitvinenkoEvgeny/portf.github.io котоны, по какой ссылке искать сайтец то ?
Ни по какой. Ты не залил его на хост, ты просто создал репозиторий. Гугли gh-pages
Все сделал не так.
Неверное название репозитория, должно быть LitvinenkoEvgeny.github.io или любой projectname.
Пытаешь зайти по неверному адресу, нужно заходить по LitvinenkoEvgeny.github.io или соответственно LitvinenkoEvgeny.github.io/projectname.
Проект находится в ветке master, а должен в gh-pages.
Ты как вообще мануал-то читал?
Ок, значит это только к страницам проектов относится.
Кароче поясняю так, как хотел бы чтоб мне объяснили, когда я с этим ебался. У тебя есть локальный проект HUI допустим, ты его комитишь, пушишь на удаленку и он у тебя есть на гитхабе удаленно, так же как и локально на пеке. Чтобы что-то захостить !нужно в твоем проекте HUI создать новую ветку gh-pages (git branch gh-pages -> git checkout gh-pages ->ты в новой ветке того же проета, теперь надо копирнуть сюда твой проект в текущем состоянии, а то gh-pages будет пустой. -> git merge master -> смержил и теперь эти ветки одинаковые -> перед пушем git commit -> git push -origin gh-pages. Теперь твое говно захостилось на HUI.github.io
>ты в новой ветке того же проета, теперь надо копирнуть сюда твой проект в текущем состоянии, а то gh-pages будет пустой.
Это неправда, ветка отпочковывается от текущего состояния и git merge там делать не нужно.
Алсо, в твоем примере не упомянуто, что название репозитория на гитхабе должно быть hui.
Это неправда, ветка отпочковывается от текущего состояния и git merge там делать не нужно.
Алсо, в твоем примере не упомянуто, что название репозитория на гитхабе должно быть hui.
Спасибо анончик, все запустилось.
Если хотите просто лить в pages для создания превью, то все гораздо проще делается.
Просто создаешь новую ветку прямо в интерфейсе на сайте с названием gh-pages. Вуаля, все готово.
Если ветку надо обновить, просто заходим в create pull request, выбираем ветки для сравнения, сравниваем бранч pages с мастером или любым другим актуальным рабочим билдом и мерджим, тоже в интерфейсе. Вот и все.
Не заебешься каждый раз обновлять-то? Проще всего выпилить с гитхаба и из локального репоизтория ветку master и разрабатывать прямо в gh-pages.
Если проект более сложный, то можно выливать поддерево в отдельную ветку командой git subtree push --prefix build origin gh-pages (здесь выливается папка build).
оговорился немного. При создании gh-pages ветки она будет не пустой, а будет копией mastera на момент создания, но так как разработку логичнее вести в мастере, то мержить потом все равно придется. Это Если конечно не хостить готовое, у меня какая-то привычка сколько сделал-столько захостил. На андроиде там загрузить посмотреть, то се.
В моем случае gh-pages нужен только для портфолио, вернее для отображения проекта в инете, а разработку веду на локальном сервере нодовском.
Поэтому работаю через master и дополнительные бранчи. Когда конкретный кусок сделал, тогда уже, если надо обновляю. К тому же, в pages я заливаю уже почти готовый или готовый проект, который разве что требует допила. Смысл постоянно обновляться в pages?
кстати, а что думаете об этом курсе: http://www.w3schools.com ?
Курс от организации занимающейся стандартизацией веба.
Курс от организации занимающейся стандартизацией веба.
>The site derives its name from the World Wide Web (W3), but is not affiliated with the W3C.
ебать я лох. А я повелся в свое время.
Как справочник он полезен, как курсы - хз.
> Как справочник он полезен
да я смотрю сейчас все как справочник полезно. Html не какая-то алхимическая наука и почти все подобные сайты говорят одно и то же.
Я не только о верстке. В нем лаконично перечислены JS методы, без кучи потробностей как в мозилле, и без отсебятины как в большинстве сайтов ру сегмента.
Если нужен справочник по верстке - используй css-tricks.
ну а истина в последней инстанции конечно же только спека
мимо
> как в большинстве сайтов ру сегмента
вот кстати да. Поэтому тот же htmlbook мне в свое время дико не понравился.
> используй css-tricks
Хорошо, учту.
Вообще, за последние пару дней мне столько советов дали, что голова кругом идет. Кучу вещей надо освоить. Единственное что радует что все довольно подробно растолковано да и в принципе сказывается опыт.
Значение переменных в зависимости от вьюпорта можно менять?
Зачем? Можно бесплатно посмотреть.
Решил попробовать разделять лесс-файлы в соответствии с бэм-блоками. Сделал и подключил main.less, в него импортирую блоки header.less, footer.less и т. д. А если надо повесить шрифт на body, для него тоже получается пилить отдельный файл штоле? Или в том же main.less прописать?
Думаю в мейне.
ну например в scaffolding.less как у Громова было
Нет. Не забывай, что все компилируется в самый обычный css, где вообще нет понятия переменной.
Используй vw и vh.
лол, надо полагать он подразумевал переменная в разработке, а не функционале, не?
В шапке написано что 2 часа после работы погоды не сделают. А сколько нужно? При этом что бы через час голова не пухла. Перерывы там.
ну я часов 6 в день хуярю без учета перерывов. Голова пухнет даже с перерывами, а хули делать.
Мне похуй. Занимаюсь сколько могу. Хочешь сказать мне нужно отказаться от этого?
Это уж только тебе решать надо оно тебе или нет.
font-face надо всегда в fonts.препроцессор
Объясните такую простую вещь как хостинг и домен. Где вы верстаете свои пробные макеты? Знакомый посоветовал установить локальный сервер и делать все на нем. Я скачал xampp, но честно говоря нихуя не понял. Как быть? Или все таки потратить 100 рублей на хостинг? Объясните совсем ньюфагу.
gh-pages
Нахуя хостинг для верстки пробных макетов? Хостинг нужен для составления портфолию, ссылку на которое уже будешь кидать работодателю.
А как мне посмотреть то, что я верстаю? Я глянул вводный раздел интенсива и они как раз разбирали хостинг.
Используй Github Pages.
Локально в браузере же.
Для верстки тебе этого не надо. Большинство редакторов имеет лайвпревью. Либо встроенное, как в брекетсе, либо в качестве аддона.
Можешь вообще сломать систему и тупо перед началом работы закидывать свой index.html в браузер, а затем уже верстать.
Еще вариант - локальный сервер. Но опять же для верстки не нужно ничего больше чем показано здесь https://learn.javascript.ru/ajax-nodejs
Может спрошу немного не по теме, но подскажите, на каком уровне нужно знать верстку, чтобы зарабатывать примерно 8к?
а мы не знаем, дружок.
контор дохуя, требования и нужды у всех разные.
и многим чистые верстаки уже давно нахуй не нужны.
>многим чистые верстаки уже давно нахуй не нужны
Особенно с уровнем знаний на 8к, лел
Всё ещё дрочите вёрстку, долбоёбы? Какого это, осознавать, что есть такие иждивенцы вроде меня, которым можно ничего не делать, и у них всё будет?
мимо живу с мамкой, ем её борщи, поясняю за жизнь младшему брату
Xampp очень простой, два часа на изучение уйдет. По любому придётся это знать.
Где-то я тебя уже видел. Рад за тебя, продолжай в том же духе)
Батя бы гордился тобой.
>дрочите вёрстку
у нас тип хобби такое.
я все общее выношу в common.scss а шрифты fonts.scss думаю и в main импортирую, думаю и в less так можно
почему я не слышу слов зависти? Вы же по-любому мне завидуете, разве нет?
борщ говно, а младшие братья нахуй не нужны. dixi.
>нахуй не нужны
на хуй как раз и нужны
Ну что же аноны, сегодня за послеобеденное время прошел. 5 из 18.
На самом деле для меня хтмл, не нов, но все-равно с ним я не работал.
На самом деле для меня хтмл, не нов, но все-равно с ним я не работал.
Как обычно принято стилизовать свгшки?
Что-то посмотрел на громовские примеры, он прикрутил width и height прямо в хтмл.
http://codepen.io/nicothin/pen/qbmwNP?editors=100
Не западло ли здесь просто навесить на свг какой-нибудь класс и через css менять у него width, height, fill и т. д? Что-то по-моему так никто не делает.
Что-то посмотрел на громовские примеры, он прикрутил width и height прямо в хтмл.
http://codepen.io/nicothin/pen/qbmwNP?editors=100
Не западло ли здесь просто навесить на свг какой-нибудь класс и через css менять у него width, height, fill и т. д? Что-то по-моему так никто не делает.
Смотри интенсив дальше.
Размеры надо дублировать в хтмл, чтобы в дальнейшем какие-нибудь долбоебы не поменяли мелкую картинку на огромную, например, что похерит верстку.
ПРИШЁЛ НА РАБОТУ НЕДЕЛЮ НАЗАД
@
ПЕРВЫЙ ОФИС ЗА 26 ЛЕТ
@
КОМПАНИЯ ОТМЕЧАЕТ СВОЁ ДЕСЯТИЛЕТИЕ
@
СКУШАЛ КУСОЧЕК ТОРТА, СТОЯ У СТЕНЫ
@
ПОСИДЕЛ НА СТУЛЕ
@
ПОШЁЛ ДОМОЙ ИГРАТЬ В ВОВ
@
ПОСИДЕЛ НА ДВАЧИКЕ
@
ПЕРВЫЙ ОФИС ЗА 26 ЛЕТ
@
КОМПАНИЯ ОТМЕЧАЕТ СВОЁ ДЕСЯТИЛЕТИЕ
@
СКУШАЛ КУСОЧЕК ТОРТА, СТОЯ У СТЕНЫ
@
ПОСИДЕЛ НА СТУЛЕ
@
ПОШЁЛ ДОМОЙ ИГРАТЬ В ВОВ
@
ПОСИДЕЛ НА ДВАЧИКЕ
Продолжай в том же духе!
это успех!
Эта корпоративная шиза меня убивает.
Вопросец. А что именно нужно кидать в github? Исходники (less, bower, gulp и т.д.) или готовый вариант (чисто html, css)? А может и то и другое?
Смотря куда апплаишься. В зависимости от требований. Что за вопросы блядь тупые. Ты ребенок чтоли? Кому твой компилированный копипаст в ксс нужен?
Ну я не думаю gh-pages заведёся с stylus
бля чувак ну полюбому dist в ветку gh-pages кидай че ты тупишь то ?
Ребят, подскажите плагин для ST3 что бы он мне либо выводил список из моих переменных, либо автодополнял, когда я ввожу $. Есть вот такой https://github.com/MaciekBaron/sublime-list-stylesheet-vars , но если мои переменные в другом файле, то он их не находит.
двачую, сам хз. приходится переключать файлы, чтобы найти переменную
ПИЗДОС, сгорела мамка, утянув за собой проц (судя по всему, на другой мамке он не заводится). Посему мне минимум недели две сидеть на некропекарне (селерон е1600, 2гига оперативки). Думаю поберечь нервы и сесть плотно за теорию JS. Или я не прав и надо продолжать верстать, превозмогая десятиминутное обновление лайвпревью?
попробуй browser sync
Тупой вопрос.
Допустим, есть фильтры товаров для магазина (чекбоксы и радиобаттоны). Интуиция подсказывает, что надо их делать ul. Но смысла в этом особого не вижу. Хотя видел как такое делают другие. Так вот, надо их обрамлять в список, и есла да, то зачем?
Допустим, есть фильтры товаров для магазина (чекбоксы и радиобаттоны). Интуиция подсказывает, что надо их делать ul. Но смысла в этом особого не вижу. Хотя видел как такое делают другие. Так вот, надо их обрамлять в список, и есла да, то зачем?
верстаны, го в скуп обмениваться опытом . я сейчас верстаю адаптивные сайты в портфолио на LESS, с использованием gulp. Js на уровне написания простых скриптов, XMLHttp request запросов и подключения плагином jquery вкупе с комфортный работой с командной строки. использую emmet и sublime text, знаю фш на уровне верстальщика. с вордпрессом работать пока не пробовал.
В общем - обмен опытом - очень полезная штука, да и возможность поболтать с людьми, близкими по духу, будет радовать.
мой скайп lad77752
В общем - обмен опытом - очень полезная штука, да и возможность поболтать с людьми, близкими по духу, будет радовать.
мой скайп lad77752
Это, типа, семантично. Никакого другого смысла нет.
может лучше реально конфу телеграмма создать как уже предлагали раньше? А то уже не первый раз предлагают куда-либо перебраться и там чатиться
го в скуп сначала а если взлетит перекатимся. Я тогда создам если взлетит в скупе
Мы тут хикки, вы о чем. Еще унизят за то что глупые вопросы задаю.
в как ты будешь в жизни продвигатся если ты хикка? ты ж нахуй не будешь нужен никому с таким характером
тут адекватные люди сидят, в треде дохуя тупых вопросов задаетсяда я и сам иногда задаю, аноны все равно отвечают и помогают
Нахуй этот скайп, он неудобный.
>Работу находим в конторках и крупных фирмах.
Возможно ли устроится без диплома? Дело том, что я великовозрастный хикки без полного среднего образования( не полное среднее), поэтому от ваших ответов зависит, буду ли я изучать верстку.
Возможно ли устроится без диплома? Дело том, что я великовозрастный хикки без полного среднего образования( не полное среднее), поэтому от ваших ответов зависит, буду ли я изучать верстку.
>от ваших ответов зависит, буду ли я изучать верстку
значит тебе не надо изучать верстку и вообще все, что связано с разработкой тоже
Смотри вакансии. Например, для джунов и стажеров часто встречаю требования высшего айти или технического образования. По сути оно и нахрен никому не нужно, но, я так понимаю, это один из множества фильтров для неадекватов и просто тупых, чтобы не тратить на них время.
Двачую.
Если тема интересует - ты бы уже сидел, смотрел интенсивы и проходил курсы. Если просто хочется денег или найти хоть какую-то работу - не стоит даже начинать.
Что за хуйня? Когда измеряю линейкой шрифт - есть одна высота, во вкладке Character - другая. Единица измерения точно пиксель.
Высота шрифта это еще и отступы сверху и снизу от самого шрифта.
Поясните, что это значит весь код не могу скопировать, курсы сука платные, и там блять картинки не вставлены в итоге нихуя не видно
for (var i = 0; i < controls.length; i++) {
controls.innerHTML = controls.dataset.filter;
clickControl(controls);
}
controls это переменная, что значит controls? И вот эта строчка еще не понятна, что происходит? i < controls.length
for (var i = 0; i < controls.length; i++) {
controls.innerHTML = controls.dataset.filter;
clickControl(controls);
}
controls это переменная, что значит controls? И вот эта строчка еще не понятна, что происходит? i < controls.length
controls это переменная, что значит controls - пофиксил вопрос
блять забейте короче, какого хуя код не показывается, че тут макака натворила пиздец
Вот короч, что происходит под цифрой 1?Что происходит когда мы указываем рядом переменную в квадратных скобках(цифра2)
for – это цикл, итерация. Ты задаёшь параметры (начальная инкрементируемая переменная ; условие, до которого будет происходить цикл; как инкрементировать)
controls – выбрать объект из массива controls под индексом i
у тебя есть коллекция controls
controls.length - количество элементов в ней (ну или последний элемент + 1)
controls - ты берешь i-й элемент коллекции.
Если ты такие основы не знаешь - то иди и читай их. Хотя бы на том же learn.javascript.ru или любую другую книгу для новичков или курс
>курсы сука платные
>этот код
Спасибо
Спасибо
> Если ты такие основы не знаешь - то иди и читай их
В продвинутых курсах думал все объяснят, но вот эти моменты проигнорировали, вот и не понятно.
В базовом или продвинутом интенсиве это есть вроде бы в разделах по js. Ну и само-собой в интенсиве базовом по js это тоже есть. Там разжевано
Я похоже не верно пошел изучать, я сделал так базовые курсы -> базовый интенсив -> продвинутые курсы а надо было как?
Алсо, работы с циклом в базовом интенсиве нет, там только найти переменную убрать\добавить класс
Как тогда правильно всякие паддинги считать? Подбирать?
На интенсиве чувак говорил: из высоты шрифта вычитаешь размер шрифта, делишь на 2 это будут внешние отступы сверху и снизу для твоего шрифта. А знакомый верстала говорил мне считать отступы по высоте палочки, которая появляется, когда ты печатаешь.
Да норм все. Просто я эти курсы прошел по акции в январе, когда уже немного знал js, поэтому как бы не заметил недосказанностей.
спасибо
Интересует, но если для работы требуется диплом, то смысла начинать нет.
Меня больше всего интересует нужно ли будет показывать при устройстве на работу документ об образовании или нет.
Чувак фронт-енд - это айти. Где ты видел чтобы при приеме на работу айтишники смотрели в первую очередь на такую хуйню как диплом?
Человек может иметь три диплома, но если он не умеет делать то что должен, то может сразу идти нахуй.
Устроился без вышки фронтендером в дс за 30к, ушел через 2 недели по-собственному. На собеседовании спрашивали что угодно, только не про диплом.
Нахуя ушел-то?
30к.
Давно протухшие и, самое главное, сложные и неудобные в использовании технологии.
Овердохуя джунов, что дает очень "интересный" эффект вкупе с предыдущим пунктом.
Низкие требования к продукту, чуть ли не до абсурда доходит.
Атмосфера там довольно ламповая, но мне надо расти, а не проебывать время. Если интересно, могу ПОДКИНУТЬ ссылку на вакансию и рассказать, что говорить на собеседовании - мне не жалко для анона.
lad77752 добавляйтесь в скайпу конфу
Сегодня всего три главы прошел. Чет я лажать начинаю. Хотя вроде полдня просидел за курсами.
Тогда молодец, все правильно сделал. Ссылки не надо, спасибо.
Сколько тебе лет?
Хуй знает, у меня первая работа была за 30к, норм
На каком уровне знал ЖС и какие нибудь фреймы, что уверенно шел на фронта?
СУКА КАК ЖЕ У МЕНЯ БОМБИТ, ХТМЛАКАДЕМИ ТАКОЕ ГОВНО ПИЗДЕЦ, НИХУЯ НЕ ОБЪЯСНИЛИ ТЕПЕРЬ ДЕЛАЙТЕ ЗАДАНИЕ ГДЕ ПОЛОВИНА КОДА НЕ ПОНЯТНА НИХУЯ
Расслабься, значит не твое просто)
Конечно не мое, ведь обьяснить нихуя мы не можем, оказывается не мое, пошли нахуй, все остальное нормально шло но тут они пиздец нахалтурили, даже комменты закрыли, пидоры.
Еще и на форуме пишут - ЕТА АЗНАКАМИТЕЛЬНЫЙ КУРС ПАДРОБНЫЕ КУРСЫ СКОРА ДАБАВИМ))))
Вот, ананасы, смотрите кто сможет сделать как на пикрелейтед? http://codepen.io/anon/pen/jqBVbR
Что конкретно не получается?
Разумеется при помощи JS
А, вспомнил, эт лнгкое задание. у тебя функции сет колор и намбер вызывай их.
Я уже от жара пердака уже видимо совсем нихуя не понимаю, он разве не вызваны?
Я ща с планшета. Доберусь до компа через минут 10 и наваяю тогда, если не разберешься или кто не поможет
Сможешь в скайпе объяснить? Если не трудно, конечно.
на, сделал с комментами
Спасибо!Но ты не сохранил похоже, ничего не отображается.
ну да, на скрине весь код.
Перепечатаешь)
Лол, это весь код который надо было дописать?Охуеть. Чувствую себя ничтожеством.
Я же говорил, что там легко)
Ты JS на learn javascript учил?
Еще нет, его досконально не читал) Учу 20 день. (с начала марта) Смотрю интенсив по js (там в допах ссылки на статьи по теме урока на learn.javascript.ru), и айти бурсу еще смотрю)
https://openssource.info/threads/itbursa-professionalnye-javascript-kursy-2015.8358/
Спасибо!Добавил в закладки!
22
Cам JS знаю хорошо, DOM API сильно похуже. На собеседовании спрашивали в основном по ООП.
>На собеседовании спрашивали в основном по ООП.
Тогда всё правильно сделал, что свалил.
Почему?
добавляйтесь в скайп-конфу верстальщиков и фронтэндеров. lad77752
сколько уже народу?
Вы там голосом общаетесь?
5 человек на данный момент. из них вчера активных 3 то есть я и еще двое.
нет мы переписываемся но может будет и голос под настроение.
Смысл конфы если можно писать в тред?
более личное общение. Возможность поговорить голосом. В скайпе люди более открытые чем на анонимной борде. Плюс больше ламповости.
но мне пох. Взлетит не взлетит это чисто эксперимент. скорее всего здохнет конфа конечно но значит, так и надо
Аноны веб мастеры.Кто нибудь из вас фрилансит?Или вы ток в офисе просиживайте.Имхо в рашке в офисе сидеть себя не алеть.Даже индусы больше получают
Есть набор элеменов блока с разными фонами (не только картинка, а еще всякие градиенты и т.п.). Как по БЭМ их называть, давать каждому свой модификатор?
Посоны, помните тут недавно было обсуждение специфичности? И многим было интересно перетрет ли вложенность классов селектор по id.
Короче, сегодня читая книгу по jquery наткнулся на абзац в котором написано:
"Говорят, что правило с 255 классами будет выше по приоритету, нежели правило с одним id, но надеюсь, такого кода в реальности не существует."
Короче мне стало интересно, и я сгенерил такую страницу. Результат можете наблюдать вот тут:
http://jsbin.com/hoturasusi/edit?html,css,js,output
Вот такая вот фигня)
Короче, сегодня читая книгу по jquery наткнулся на абзац в котором написано:
"Говорят, что правило с 255 классами будет выше по приоритету, нежели правило с одним id, но надеюсь, такого кода в реальности не существует."
Короче мне стало интересно, и я сгенерил такую страницу. Результат можете наблюдать вот тут:
http://jsbin.com/hoturasusi/edit?html,css,js,output
Вот такая вот фигня)
>В скайпе люди более открытые чем на анонимной борде
Чего блядь?
блин тупанул)
Вот. А то чет тупанул)
http://jsbin.com/hoturasusi/edit?html,css,js,output
так что нифига не перетирается). Если кто заметит ошибку - черкните
Парни, кто на хтмлакадеми занимается. Вы конспектируете или ебашите по памяти?
Сначала конспектирую, потом ебашу по памяти
Это очень странно. По идее класс добавляет 10 очков "Specificity", а айди всего 100. Поэтому должно быть достаточно 10 классов всего, но почему-то не работает.
Не 10 очков, а вот так
0-1-0
Ты не правильно понял
Это ты не правильно понял, читай внимательней спецификацию.
Очередной платиновый вопрос. Есть седона - https://ayrgrant.github.io/sedona/
Тут как бы шрифт PT Sans и размер шрифтов 14 px, но когда я выставляю такой шрифт у меня на странице это выглядит как говно. Когда выставляю для заголовка font-weight: bold- выглядит ужасно. Что автор сдеалал что бы его шрифты выглядели так няшно?
Тут как бы шрифт PT Sans и размер шрифтов 14 px, но когда я выставляю такой шрифт у меня на странице это выглядит как говно. Когда выставляю для заголовка font-weight: bold- выглядит ужасно. Что автор сдеалал что бы его шрифты выглядели так няшно?
Лол, мдя...
и да, может тебе не понятно будет почему я лольнул вот здесь
поэтому прилепляю скриншот спеки
Разберитесь в вопросе сначала, а потом спорьте. Ну и заглядывать в источники на которые ссылаетесь тоже рекомендую.
https://www.w3.org/TR/css3-selectors/#specificity
А теперь реши следующий ребус
.0.1.2.3.4.5.6.7.8.9 a=0 b=10 c=1 -> specificity = ???
Лол, ты даун? Там тебе черным по голубому всё написано, ты даже читать не умеешь штоле?
Это ты даун
Concatenating the three numbers a-b-c (in a number system with a large base) gives the specificity.
Читать умеешь? Я и писал ему 0-1-0. А не 10 очков. Подход с 10 очками не правильный ибо ведет к недоразумениям, которые он и написал, что 10 классов перебьют айди
Ни то, ни другое, всегда если что-то не помнишь можно загуглить, все запоминать не обязательно.
Давай, ответь, сколько будет тут, либо ты пидораха тупая
.0.1.2.3.4.5.6.7.8.9 a=0 b=10 c=1 -> specificity = ???
Если a=0, b=10, c=1
То специфичность 0-10-1
Что такое .0.1 и т.д. у тебя я так и не понял
>Что такое .0.1 и т.д. у тебя я так и не понял
Это просто классы. Ты пиздец тупой.
>Если a=0, b=10, c=1
>То специфичность 0-10-1
Теперь одной цифрой это напиши, как в спецификации. И сделай вывод, тупое ты хуйло
На сайте, который ты скинул, по другому пишут:
LI.red.level / a=0 b=2 c=1 -> specificity = 21 /
Одним числом, получается анон прав
Ох блядь. Смотрите у нас есть 1 класс и 1 элемент
0-1-1
Вы хотите писать 11?
Окей, у вас есть 10 классов и 1 элемент
0-10-1
Как вы будете писать?
Бля, ты просто безмозглое чмо, посмотри на ссылку сначала, которую ты скинул, уёбище.
Ответь на вопрос сначала вот этот
Анон, который говорит про систему очков прав. НО! система очков не десятичная, за первую графу дают сразу 65536 очков, за вторую 256, за третью - всего 1 очко. Поэтому 256 классов должно быть достаточно, чтобы переписать один id, странно, что в жсбине это не работает.
Пидораха, я тебе тот же вопрос задаю, я ебал, как можно быть таким долбоёбом как ты?
Спасибо за разъяснение. Меня этот пидор пиздец взбесил.
Блядь, я им и объясняю, что
вот это не правильно. Потому что блядь не 10 очков
А какое-то чмо еще и выступает
Нет, он вполне правильно говорит. Просто в большинстве браузеров используется система с 65536, 256 и 1 очком, но в спецификации ничего про это не сказано, это просто вопрос реализации. Можешь написать свой браузер, где будет 100-10-1 очков и это будет всё согласно спеке. Ты не прав, извини.
Нахуй иди, мразь, тебя рылом в говно ткнули, а ты ещё выёбываешься.
>в большинстве браузеров используется система с 65536, 256 и 1 очком
>чувак пишет о выдаче классу 10 очков
>говоришь ему, что он не прав
>ты сам оказываешься не прав
Охуеть у вас логика. Браво
Ты думаешь, что вот это твоё объяснение что-либо проясняет?
>Не 10 очков, а вот так
>0-1-0
"а вот так" это как? Ты ничего не объяснил, сразу начал флеймить, если ты знал про 256 очков, мог бы сразу сказать. Не думаю, что ты разбираешься в вопросе, просто хочешь потроллить. Подход с очками как раз таки правильный, просто там другая база, не 10. Может еще-то используется 10, это не важно, суть от этого не меняется вообще.
Concatenating the three numbers a-b-c (in a number system with a large base) gives the specificity.
>Concatenating the three numbers a-b-c (in a number system with a large base) gives the specificity.
Ну и лол? Сам подход с очками правильный. Ты реально идиот, правильно про тебя тут написали уже. Я сваливаю.
Ой, промазал. Это тебе, дебилушка
Кстати, в примере спеки на вк3 используется база 100-10-10, понятное дело, что многие думают изначально путаются, надо бы им поменять пример.
Точнее 100-10-1
быстрофикс
Сам же блядь пишешь через дефис и доказываешь что я не прав, когда пишу 0-1-0. Зато право тело, которое считает что 10 классами можно перебить айди. Кто из нас еще тролит?
Я ушел. Ну вас нахер. Считайте дальше как вам вздумается. Используйте вместо конкатенации сложение и т.д.
Идиот, я пишу сколько очков даётся за каждую колонку.
>Зато право тело, которое считает что 10 классами можно перебить айди.
Да, по примеру на сайте вк3 так можно сделать. Но в браузерах по-другому всё. Кстати, сейчас прочитал, что вроде в опере, например, другая база, не 65536-256-1, а больше.
В общем, ты тупое быдло, которые не разобравшись, начинает троллить других. Я тебе уже 10 раз объяснил, как это работает, любая макака бы уже поняла.
Аноны, заебался без цели верстать,короче думаю договориться с одним зоомагазином, в который сам хожу сделать интернет магазин.В городе порядка 10 а может и больше магазинов,сайт есть только у одного.По поводу баба, думаю решить,что по результат реализации сайта и получения/не получения заказов, попросить небольшой процент с интернет клиентов либо просто продать полностью интернет магазин хозяину.
Цели какие: улучшение навыков верстки, (хочу все это адаптивным сделать) свистоперделки js, вьехать в БД, частично Php, админку сделать, семантику для продвижения. Думаю если даже не удастся вырубить бабла, то такой сайт с большим стеком технологий можно использовать при трудоустройстве,а не всякую хуйню двустраничную. Что ананас как мой план охуенный?сегодня уже приступил к выполнению,если есть интерес могу заливать на гитхаб, на обозрение,ну и для критики.
Цели какие: улучшение навыков верстки, (хочу все это адаптивным сделать) свистоперделки js, вьехать в БД, частично Php, админку сделать, семантику для продвижения. Думаю если даже не удастся вырубить бабла, то такой сайт с большим стеком технологий можно использовать при трудоустройстве,а не всякую хуйню двустраничную. Что ананас как мой план охуенный?сегодня уже приступил к выполнению,если есть интерес могу заливать на гитхаб, на обозрение,ну и для критики.
Заебался без цели верстать?Иди устраивайся на работу в говноконтору, там тестовое задание сделаешь и будешь зарабатывать
Там и нужно использовать сложении. Складывают все столбцы с друг другом, за первый дают x^2 очков, за второй x^1, за третий x^0. Ананасы всё верно тебе говорили, непонятно, чего ты взорвался.
Если бы был варик с гавно конторой,то я бы уже там верстал
Я конспекитровал. Сидел на работе, проходил и записывал все в блокнот. Потом дома как-то сел, в ворд все записи перевел.
Какой-то совершенно тупой спор насчет специфичности.
Сколько вйди не юзай - встроенные стили не перебить. Сколько классов не юзай - айди не перебьешь. И никакое количество тегов в селекторе не перебьет класс. Вот и все, что нужно знать про специфичность.
Сколько вйди не юзай - встроенные стили не перебить. Сколько классов не юзай - айди не перебьешь. И никакое количество тегов в селекторе не перебьет класс. Вот и все, что нужно знать про специфичность.
Как раз таки всё это можно сделать.
Даже если можно - это не имеет никакого значения. Даже если у элемента 20 классов - это уже значит, что верстал долбоеб. Не говоря уже про мифическую возможность перебить по специфичности айди с 256 классами.
На специфичности построена вся каскадная модель ксс. Про неё нужно знать.
Осталось совсем немного до окончания базового курса.
Как верстать кроссбраузерно, если в сафари и фоксе разный размер у пикселей?
С чего ты взял? Пиксель это характеристика экрана, а не браузера.
ну я вот поставил у родительского элемента паддинги, и они были разные в разных браузерах. потом сделал паддинги у дочернего ul и элемент стал одинаковым.
Бляяяя причем тут пиксели и паддинги? Ебать ты лох
Нихуя не понял. Давай код.
Скорее всего у каких-то элементов разные дефолтные паддинги. Сделай * {padding: 0; margin: 0} и посмотри на результат.
* {padding: 0; margin: 0;}
Проебал вторую точку с запятой.
портфель собрал?
делал уже.
Да и кстати, откуда в сафари такие большие марджины между дивами? они просто решили взять и заебашить по 50 пикселей между дивами? яхуею
Открой в сафари инспектор и посмотри. Там же написано откуда что берется. И выложи уже код — у меня сафари есть.
даун блять пиксели и паддинги перепутал, хуйло
Пошел вон отсюда. Не можешь помочь — молчи лучше.
Пиксели у него разные бляхахаха, в сафари круглые штоле? Ебааать
lad77752 ламповая конфа в скупе.
Содомит, чтож ты делаешь.
Заебали, го в телеграм.
Пиздец, зашел в конфочку - трапы, бодибилдеры, анимудебилы и прочие эмоционально нестабильные пидоры. О чем угодно, только не о работе.
Ну логично, ваши конфы как идею отхуесосили уже тредов 50 назад, ибо понятно, что не нужна.
нахуя она нужна, если есть БЭМ?
я имею ввиду все эти ваши рассчеты
Кто-нибудь проходил курсы от Кантора? Учебник мне его понравился. Хочется углубиться в фреймворки, а у него как раз по ангуляру и реакту есть.
На торрентах нашёл только по основному js. Вот думаю, тратить сбережения или нет.
На торрентах нашёл только по основному js. Вот думаю, тратить сбережения или нет.
Ну определенно ему стоит доверять. Плюсом к тому, аноны тебя как аллаха вознесут, если сольешь ангуляр-реакт
Ведёт вроде как не он, а человек от него.
да пох, явно не даун
Что выбрать https://htmlacademy.ru или https://geekbrains.ru?
В смысле покупки? Тогда сорта. Учат тому, что итак все гуглится, разжевывают бухгалтерам про теги.
Нааахуй я блять проходил эти курсы на академии. Нахуй я терял время? Нахуяяяяя?????? НАААХУУУУЯЯЯЯЯ? Пиздец, это говно затянулось на 2 месяца ибо мне было фпадлу этим говном заниматься, было не интересно и тупо. По совету анона начал проходить интенсив и что бы вы думали? Все нахуй, сразу в работу, сразу верстать. Все блять понятно, все доступно. Интерес появился, вижу результат своих трудов. Пиздец, а с этими курсами ебаными только запутался и нихуя не понимал, что за див что за спан блять, проебал столько времени и нервов. Сплошная демотивация, а на самом деле блять как же все просто было оказывается. П И З Д О С И Н А!
лол
Если ты про курсы на сайте-то я так же считаю, они противоречат правильному алгоритму обучения. Я думаю тот кто проходит их все, помнит только несколько пройденных последних. Единственный профит-это запоминание того, что какие-то теги существуют. А так как там постоянное дрочево из-за несовпадения пиксела-то это пустая трата времени.
Именно про них.
Во бомбануло.
А как по мне - нормальные курсы. Самое то перед интенсивом их пройти.
Кстати запарился тут по методикам правильного запоминания материала, сложно сказать помогает ли это в реальном обучении, но на запоминание этой хуйни теперь уходит 40 секунд.
Практика помогает. И гугл. Запоминать кучу всего смысла мало.
Что за методики?
Выкладывай методики!
Погугли, материала полно, в данном случае например-это простейшая логическая цепочка и примитивный алгоритм трансформации. Если мне показать это через месяц, то 10 секунд хватит чтоб снова все воспроизвести в точности. Мне кажется-это конечно более полезно в целом для работы мозга, чем в частности для запоминания какого-то конкретного материала. Хотя если подумать я сейчас сижу с открытой форточкой и мне прохладно, так я делаю специально, ибо мозг в нештатной ситуации начинает работать куда более динамично. Это тупо биология. Так же я ничего не учу на сытый желудок, опять же по тем же причинам, достаточно хорошенько пожрать и твоему мозгу уже до пизды, что ты ты там запомнить хочешь.
Ну и плюс повторение и вопроизведение для укрепления нейронных связей. когда ложусь спать вспоминаю все, что учил за этот день и день предыдущий. Если не могу вспомнить встаю и смотрю, что забыл. Так же открываю рандомные записи и вспоминаю все по этой теме, потом читаю и вспоминаю все что позабыл. Нейроны-это как мышца. А если брать сам процесс изучения, тут главное связывать новую инфу с чем-то уже существующим. Так сказать протягивание к новой связи старых ниточек, которые с большей вероятностью удержат новую инфу. Допустим хороший пример у кантора по методу .splice Это типо такой нож складной на обратной стороне которого фломастер(вроде бы хуйня какая-то да?) У него есть 3 состояния так сказать-сложен, разложен, рисует фломастером. Следовательно он сложен-с какого резать, разложен-сколько отрезать, фломастер-что дописать. Вот такая маразматическая хуйня позволяет запомнить .splice[0,1,'вот так'] очень надолго. А это всего лишь ассоциация с ножами и фломастерами, о которых ты уже знаешь.
А конкретно по этой хуйне достаточно составить логическую цепочку. И мозг будет запоминать это как 1 единицу информации. Допустим: На картинке шар, потом треугольник потом квадрат, ок. Представим что шар падает на треугольную крышку квадратного дома, дальше 5гранник-это результат сплющщивания от падения, затем треугольник на право-это крышка которая отвалилась и падает на новый квадратный но перевернутый дом, который тоже плющщица и тоже вверх ногами(соответственно), дальше пиктограмма-это сектант который делает из сплющенного дома снова квадратный. Теперь попробуй так запомнить и воспроизвести. Вуа-ля.
А ну и еще простой алгоритм трансформации, повернуть все по часовой сперва на 90градусов, потом на 30 и еще раз на 30.
хотя не, невнимательно посмотрел после поворота на 30 отразить зеркально еще надо и снова просто повернуть на 30.
Типа ты идёшь по кривой забывания Эббингауза? Вот у меня как раз проблема с долгосрочной памятью. Могу запомнить на неделю - потом вытесняется.
Да, принцип повторения. Если можешь запомнить на неделю, значит надо повторить в конце недели. Если постоянно этим заниматься запоминание пойдет лучше и лучше. Мозг удивительный инструмент, главное научить его работать как тебе надо. Так же не стоит забывать, что есть мышечная память и если все это повторять руками, ну скажем писать при вспоминании метода какого-нибудь массива, то это еще сильнее ускорит процесс.
Кто знает как в редакторе brackets сделать, что бы подсвечивания скобок и цветной шрифт был изначально? Начал верстать в нем макет, но без подсвета как на нижнем пике сложновато разобраться закрыл я где-нибудь скобки или нет. А готовый код уже отредактирован как надо. В чем моя проблема?
Сам на божественном саблайме, но вангую не выбран синтаксис.
А как его выбрать?
1. Ты новый проект сохранил с правильным расширением файла (.html / .css)?
2. Ты выбрал синтаксис внизу справа?
Почаны, а что before и after нельзя у input въебать?
https://jsfiddle.net/wbcsh8yf/
https://jsfiddle.net/wbcsh8yf/
Можно.
А почему у меня не работает?
По-моему нельзя, но у тебя один хуй не работало бы, ибо dislplay: block;
Один говорит можно, другой нельзя. А если убрать block - один хуй не пашет.
Я прав: It's also not meant to be used on replaced elements such as form elements (inputs) and image elements.
Спасибо, разобрался.
чем figure от дива отличается? обязательно оборачивать изображение в этот тег или можно не ебать мозги?
Используется для группирования любых элементов, например, изображений и подписей к ним. рубрика догадайся сам, если гуглить не умеешь
Можешь на дивах хуярить йопта и так сойдет ебана))))Верстай семантично, пидор!
Я как раз таки загуглил, прежде чем спросить. Только вот ответ мне ничего внятного не объяснил. Что подразумевается под словом "группирования" ?
Пример там для кого? Он юзается для объединения в одном элементе связанные по логике, типа картинки с подписью=фигура. Или блок из нескольких картинок, или там блок социальный из иконок разных или аллах с поддаными . На самом деле он нахуй не нужен. Его смысл только в том, чтоб в куче дивов видеть другого типа див.
Халп! Хочу чтоб картинка немного увеличивалась при наведении. Работает сие везде кроме хрома, чому?
.parent img {
width: 96px;
height: 96px;
padding: 2px;
}
.parent:hover img {
width: 100px;
height: 100px;
padding: 0px;
}
В хроме просто убираюся паддинги, а пикча так и остается 96х96.
.parent img {
width: 96px;
height: 96px;
padding: 2px;
}
.parent:hover img {
width: 100px;
height: 100px;
padding: 0px;
}
В хроме просто убираюся паддинги, а пикча так и остается 96х96.
Через transform:scale попробуй.
двач, могу ли на джуна весталу претендовать с такой еботой ?
http://litvinenkoevgeny.github.io/elegant/
http://litvinenkoevgeny.github.io/storyteller/
второй будет допиливаться и работать на react
*первый который elegant будет на react
Да можно много через что попробовать, но мне интересно почему такая элементарная хуйня не хочет работать, чяднт.
да, я хотел об ентом спросить, как верстать для телефонов ? То есть я когда свой chromium сужаю до все выглядит прилично даже если эмулятор инструментах разработчика не помогает, а зайду с телефона, там лютый треш.
http://caniuse.com ищешь проблему-устраняешь.
эмуляторы есть какие нить, какова ваще good practice
бля ну с точки зрения не поддерживаемых свойств там проблем нет как я понимаю, там просто адаптивности нету и мало брейкпоинтов
кароч добавил к ним border-box - заработало. Хромог такой хромог. Какой же файрфокс няша, просто берет и работает.
Двачаны вопрос такой. Есть вот инлайн блоки, сежду ними невидимые пробелы. Так вот я учу jade и когда он мне выплевывает html там всё в одну строку (при этом пробелы пропадают) и соответственно стилизую я исходя из этого (ни каких обнуления fontsize и т.д). Возникнет ли у меня когда нибудь с этим проблема?
Читаю тред и блевать тянет от дебилов со скобками.
Если только ты работаешь, или если все работают с ним, то нет, но вообще это проблема прокшена и следующей поддержки. Если потом кто-то будет что-то править и не использовать jade возникнет проблема, а ты окажешься хуесосом.
это не браузер виноват а ты какую-то хуйню сделал.
Алсо этот прав.
Для подобных микроэффектов желательно юзать трансформации, потому как они не провоцируют перерисовку в браузере. Actually элемент остается таким как есть, а всякие преобразования делаются с его фантомом. Не говоря уже о гибкости инструмента трансформации как таковой.
Платиновый вопрос: сколько макетов лучше добавить в портфолио? У меня есть 3, которыми я горжусь (относительно), и еще штук 10 уебанских (типа "адаптивной" седоны, где я через жопы свг вкорячивал и объебался с меню-гамбургером в мобайл версии).
У самого нихуя нет, но считаю что пока в макете есть недочеты (по твоему мнению), то не стоит их выставлять.
разбил бы тебе ебыч
Значит всё таки лучше сделать всё по нормальному с костылями.
показывай
>У самого нихуя нет
оно и видно. недочеты эти все равно появятся, только поймешь ты это через пару месяцев после того, как закончил макет.
С такой же ситуацией столкнулся. На пару месяцев погрузился в джс, пилил для себя небольшие проектики, щас заканчиваю JS интенсив от академии полезная вещь кстати а из сайтов, которые можно показывать с гордостью - всего один. Остальные были наверстаны еще в конце лета, когда мой скилл верстальщика оставлял желать лучшего.
Как бороться с сдвигами как на пике? Задавать отступы справа ? Или создать жесткий каркас для inputов? Как в инспекторе посмотреть какие классы применены к элементу?
Посмотрел 4 вебинар и не могу понять, как мне сетку строить, на флоатах или инлайн-боксами? Кто фрилансит, чем сейчас чаще всего пользуются?
Какую? Поменял ширину и высоту картинки при наведении, ужас-то какой.
Зато мой вариант будет работать на любом динозавре, алсо эти картинки у меня абсолютно спозиционированы изначально, так что на остальной поток они никак и так не повлияют.
На втором сайте мне слайдер не понравился. По центру не центр картинки при прокрутке, а левая часть, ближе к отступу.
а че нельзя текст обернуть в .text__wrapper а инпуты в .inputs__wrapper и их уже как надо расставлять ?
пс где то видал картинку с заднего фона.
все анон вроде закончил, напинай сайтец http://litvinenkoevgeny.github.io/elegant/
а лучше даже код https://github.com/LitvinenkoEvgeny/elegant
структура там все такое.
Я имел в виду производительность браузера. Когда на странице что-то меняется браузер начинает ее пересчитывать - это трата ресурсов.
Чтобы избежать лишних пересчетов стараются для декоративных изменений юзать трансформации.
На статичном сайте эффект от подобных вещей, конечно, минимальный, а вот на серьезных приложениях с кучей летающих во все стороны свистелок и перделок это считается хорошей практикой.
Делай пока на флоатах
лол
На 320 такой здоровый гамбургер в верхнем меню, можно по нему прямо кулаком ебашить.
хз на моем нищекомпе как раз всякие анимашки и прочие цсс3.5 лагают
проиграл с ебаных бородачей опять.
дизайнер кажись латентный.
Иии что это? скрола на странице вообще нет, меню не работает, да вообще нихуя не работает с тем же успехом мог просто jpeg макета кинуть туда.
Зато webpack'ом собрано по последней моде
В общем такое дело. В мою местную мухосранскую контору (единственную) больше не нужны версталы. Но нужен Angular разработчик. Думаю пока бросить вёрстку и задрочить немного ангуляра, выполнить их тестовое задание и написать им. Как думаете хватит ли этого?
С полпинка ты JS и Ангуляр не выучишь, нужно хотя бы несколько месяцев этому посвятить.
а задание что, в открытом доступе?
Да
ну делай, хули.
авось фартанет.
Какие требования в тестовом? Что надо реализовать?
Task:
Implement items management system using provided mockup as a reference.
Pages:
1. Items table view.
2. Items tile view.
3. Create/add item.
Global requirements:
1. All pages should have navigation bar that highlights current page.
2. At least two pages worth of items should be available on app start.
3. Items added by user are persisted after page reload.
4. The app should work at least in the last version of the following browsers: Google Chrome, Mozilla Firefox, Microsoft Edge.
5. Same page should be opened after reload.
6. Every page should have unique URL (like /items?view=table, /items/:id and so on).
Pages #1 and #2 should:
1. Display items in corresponding manner (table or tiles).
2. Have pagination. It should be possible to change items per page and current page.
3. Provide text search by all visible text properties.
4. Open "Create/add item" page when clicking on item title.
Page #3 should:
1. Allow to add or edit items. Adding mode is opened by clicking on navbar "Create/add item" button, edit mode is opened by clicking on item title on either of two view pages.
2. Require validation. All fields should be at least required. Extra validation rules like numbers only, max length, pattern matching and so on are welcome.
3. Open table view after successful saving, deleting or canceling.
4. Allow to reset changes in edit mode. If no changes were made, the button should be disabled.
5. Be able to delete edited item. User should be prompted if he really wants to remove the item with modal dialog.
6. Be able to change item image. Image can be select either by dropping it into designated area or file select prompt that appears after clicking on it. Image is required.
Мне показалось что не столь трудно, думаю можно с гуглом выполнить даже человеку в глаза его не видавший.
Implement items management system using provided mockup as a reference.
Pages:
1. Items table view.
2. Items tile view.
3. Create/add item.
Global requirements:
1. All pages should have navigation bar that highlights current page.
2. At least two pages worth of items should be available on app start.
3. Items added by user are persisted after page reload.
4. The app should work at least in the last version of the following browsers: Google Chrome, Mozilla Firefox, Microsoft Edge.
5. Same page should be opened after reload.
6. Every page should have unique URL (like /items?view=table, /items/:id and so on).
Pages #1 and #2 should:
1. Display items in corresponding manner (table or tiles).
2. Have pagination. It should be possible to change items per page and current page.
3. Provide text search by all visible text properties.
4. Open "Create/add item" page when clicking on item title.
Page #3 should:
1. Allow to add or edit items. Adding mode is opened by clicking on navbar "Create/add item" button, edit mode is opened by clicking on item title on either of two view pages.
2. Require validation. All fields should be at least required. Extra validation rules like numbers only, max length, pattern matching and so on are welcome.
3. Open table view after successful saving, deleting or canceling.
4. Allow to reset changes in edit mode. If no changes were made, the button should be disabled.
5. Be able to delete edited item. User should be prompted if he really wants to remove the item with modal dialog.
6. Be able to change item image. Image can be select either by dropping it into designated area or file select prompt that appears after clicking on it. Image is required.
Мне показалось что не столь трудно, думаю можно с гуглом выполнить даже человеку в глаза его не видавший.
так я ж писал, что допиливаться будет, сейчас токмо верстка, опосля react прикручу
Чего ты там на реакте прикручивать то собрался? Лол.
еще 4 страницы
Проиграл.
Раньше были программисты на Джиквери, сейчас программисты реакте. Development never changes.
дак что не так то ? Яж для портфолио пилю дескать: "умею могу"
дак что не так то ? Яж для портфолио пилю дескать: "умею, могу". Я бля знаю что оверхед но выебнуться то нужно.
Да без проблем бро, дело твое. Не могу судить о твоих знаниях, поэтому не принимай лично и всерьез.
Скажу только, что у меня человек пытающийся прикручивать, не совсем необходимые вещи на реакте без необходимых фундаментальных знаний вызывает легкую усмешку.
Как какой-нибудь начинающий верстала запиливший виджет на джиквери, преобразовав его из плагина. Он тоже выебнутся может, только в офисе ты не выебываться будешь, а код писать. И вот там сразу станет ясно - чего ты стоишь.
Есть блок, в нем висит 4 иконки.
Нужно сделать так, чтобы эти иконки отображались адаптивно. То есть на примерно тех же местах на любом разрешении.
Юзаю:
position: absolute;
left: 50%;
margin-left: -26vw;
top: 1%;
width: 6.51vw;
Но в итоге картиночки залезают на текст в центре.
Нужно сделать так, чтобы эти иконки отображались адаптивно. То есть на примерно тех же местах на любом разрешении.
Юзаю:
position: absolute;
left: 50%;
margin-left: -26vw;
top: 1%;
width: 6.51vw;
Но в итоге картиночки залезают на текст в центре.
блиать, ты исповедаться сюда пришел штоле?
Сделать иконки флексами?
>http://nnm-club.me/forum/viewtopic.php?t=899131
А имеет вообще смысл смотреть интенсив? Как оно, без наставника? А то я нищееб и 13к на курс у меня нет :с
Не, мы тут без смысла просто так сидим смотрим и плачем, что наставника нет. И в шапке специально другим советуем, чтобы они тоже погоревали
Ну мало ли, может в шапке указан совсем уж крайний вариант.
>имеет вообще смысл смотреть интенсив
нирикамендую.
сюжет так себе, концовка предсказуемая, какие-то ноунеймы в главных ролях.
Конфа в скайпе, кто заинтересован, добавляйтесь.И сразу хочу сказать, что если тебе лично это не подходит, то не это не значит, что все такие же как ты. Я вот не смотрю футбол, не играю в шахматы, так как не мое, но есть очень дохуя людей, которым это в кайф. И если ты сфокусированный на версте аутист-похуист, то возможно тебе это просто не подходит) .
Я же виде плюсы конфы в том, что она даёт возможность попиздеть, по-переписываться с собратьями по профессии или по увлечениям, нас уже несколько человек, присутствуют самые разные уровни - от совсем начинающего до профессионально фронта. Поможем, если сможем, можно также иногда попиздеть на темы отвлеченные от верстки. В общем, если тебе это интересно, добавлялся. Скуп - lad77752
Я же виде плюсы конфы в том, что она даёт возможность попиздеть, по-переписываться с собратьями по профессии или по увлечениям, нас уже несколько человек, присутствуют самые разные уровни - от совсем начинающего до профессионально фронта. Поможем, если сможем, можно также иногда попиздеть на темы отвлеченные от верстки. В общем, если тебе это интересно, добавлялся. Скуп - lad77752
*вижу
Приветствую, верстаны. Не знаете, поддерживает ли google adwords и яндекс директ маячки в ссылках? Уверен на 90%, что да, просто клиенту интересно знать точно.
Аноны уже давно нет такой мощной струи. В чем может быть проблема?
Камни в почках. Могу провести консультацию недорого.
мимо-фриланс-уролог
Мсье пипирки в скайпе в лайврежиме осматривает? Да еще и за деньги. Каков хитрец.
Иногда бывает так жаль, что не могу оказаться по ту сторону экрана!..
возраст.
бамп вопросу
понимаю, что не совсем по тематике треда
Какой средний уровень посетителей этого треда?
На уровне запила статического лэндинга на флоатах в нотепаде.
Блядь, ебаный галп, чтобы его нормально настроить, надо знать ДЖС хотя бы на уровне дауна-джуна.
Хотя, конечно, охуенно смотреть, как тяжелый проект собирается за 0.1 секунду, там где грант кряхтит секунды две.
Хотя, конечно, охуенно смотреть, как тяжелый проект собирается за 0.1 секунду, там где грант кряхтит секунды две.
>тяжелый проект
>за 0.1 секунду
Ага, очень тяжелый видимо, лол
Вот когда будет секунд 30 галпом собираться и 2 минуты грантом, тогда можешь его назвать тяжёлым
Хуею с ваших тяжестей. У нас собирается 15-20 минут.
hmr и webpack детишки. jаст юз ит.
Я ньюфажик, только учусь. Всякие барбершопы и грантом за 0.8 собирались.
Олсо, я так и не осилил настройку галпа под себя, тупо скопипастил у кого-то с гитхаба готовый галпфайл. Чувствую себя дебилом.
вкатываюсь в тред с вопросом
В седоне адаптивной фоновая картинка в хэдере урезается специальными свг-треугольничками
Что, блять, надо сделать, чтобы они не разъезжались по вертикальной координате при изменении ширины?
Настроил, блять, для мобильного 320px, увеличиваю ширину, а оно почему-то вверх уезжает.
В седоне адаптивной фоновая картинка в хэдере урезается специальными свг-треугольничками
Что, блять, надо сделать, чтобы они не разъезжались по вертикальной координате при изменении ширины?
Настроил, блять, для мобильного 320px, увеличиваю ширину, а оно почему-то вверх уезжает.
КОД ВЫКЛАДЫВАЙ, МЫ ТУТ ЭКСТРАСЕНСЫ?
Верстаны, есть один скрипт и связанная с ним НЁХ.
Скрипт в общем-то довольно стандартный - для выпадающего меню на мобильных версиях. Взят из урока по созданию меню, не менялся.
Собственно, проблема. Он не работает, если на сайт заходят с мобилы через вайфай. Реально, отключаю вайфай (подрубается E/3G), обновляю сайт, меню выпадает; подключаю вайфай, обновляю сайт - нихуя, никакой реакции, хоть обтыкайся.
WTF?!
https://jsfiddle.net/#&togetherjs=1A7LRmQ2n6
Скрипт в общем-то довольно стандартный - для выпадающего меню на мобильных версиях. Взят из урока по созданию меню, не менялся.
Собственно, проблема. Он не работает, если на сайт заходят с мобилы через вайфай. Реально, отключаю вайфай (подрубается E/3G), обновляю сайт, меню выпадает; подключаю вайфай, обновляю сайт - нихуя, никакой реакции, хоть обтыкайся.
WTF?!
https://jsfiddle.net/#&togetherjs=1A7LRmQ2n6
Хуею с этого жиквери, ведь все тоже самое делается на ванильном ДЖС красивее, короче и без вот этого вот "а пачиму ни работаит?????77"
Вчера спрашивал в J's треде, но там не ответили, спрошу здесь.
Ребята, если есть у кого то JavaScript и jQuery.
Исчерпывающее руководство
Макфарланда
Поделитесь, плиз
Ребята, если есть у кого то JavaScript и jQuery.
Исчерпывающее руководство
Макфарланда
Поделитесь, плиз
подскажи, в какую сторону копнуть, js пока нет времени курить вдумчиво
Консольку посмотри, какую ошибку возвращает.
Алсо, если проблема появляется после отключения вайфая то, возможно, косячит сам мобильный инет. Не успевает или вообще не хочет грузить джиквери, потому что эта хуйня немного таки весит, а без него скрипты не отработают.
Подскажите с чем может быть связана такая штука, когда браузер показывает в полном размере (как на 1 картинке), то карта выглядит как нужно, но при уменьшении размера браузера карта урезается(картинка 2). Такая проблема у меня не только в этом макете, но и в подобных этому.
Нашел, но там на инглише
наоборот, при подключении вайфая скрипт не работает, на мобильном инете все ок
я нуб, поясни, какая консолька
А, да точно, невнимательно читал. Желательно консоль погонять, правда я хз, как ты к ней доберешся с мобилы.
Консоль в инструментах разработчика. Если со скриптами проблема - они бросают ошибки, не отгружаются, попросту не работают, то почти всегда в консоль что-то выкинется и можно будет понять где обосрался.
да, с мобилы хз как
может есть уже какой-либо проверенный и работающий скрипт для моего запроса?
Код где бля, заебали тут битву экстрасенсов устраивать. Вангую ширина контейнера задана криво, либо margin, padding справа
Все гораздо прозаичнее: min-width у body
с вероятностью 90% именно в нем загвоздка
Посоны, посоветуйте плагин, чтобы ссылки в навигационной панели убирались в dropdown, если они не помещаются в зависимости от ширины экрана.
на css не судьба написать?
И то, и то.
Держи шпаргалку.
А вообще-
https://github.com/tsergeytovarov/htmlacademy-basic-additional-material
Материалы к интенсиву (считаю нужно в шапку прибить)
лол, еще и шпаргалку придумали, пиздец.
МОООООООООООООААААААААААААААААААААААААААААР ТАКИХ ШПАРГАЛОК.
МООООООООООООООООООООООООООООООООООООООООООООООООООООООООООООООААААААААААААААААААААААААААААААААААААААААААААААААААААААААААААААААААААААААААААААААААААААААААААААААААААААААААААААААААААААААААААААААААААААААААААААААААААААААААААААР
блять прошуршал материал, пиздец сколько годноты. блять, двач торт.
Я тут уже тредов хер знает сколько эту ссылку кидал народу и говорил добавить в шапку)
добавлю в шапку следующего
неприятно с такими как ты сидеть в одном треде
мне похуй что тебе приятно, а что нет. соси хуй, уебище.
Суп парни.
Есть у меня например каталог с 1000 товаров, однотипных, с фото, названием и ценой, короче говоря типичный итернет-магазин. Понятное дело что верстать 1000 айтемов не есть вариант, проще сделать один, который клонировать N раз и вписывать данные через json.
Вопрос в следующем - именно клонирование такого блока -каким образом можно реализовать? То есть логическая цепочка понятная - есть <div></div> который надо клонировать и заполонить данными. А с технической точки зрения - такое jquery делает?И если да то как?
Есть у меня например каталог с 1000 товаров, однотипных, с фото, названием и ценой, короче говоря типичный итернет-магазин. Понятное дело что верстать 1000 айтемов не есть вариант, проще сделать один, который клонировать N раз и вписывать данные через json.
Вопрос в следующем - именно клонирование такого блока -каким образом можно реализовать? То есть логическая цепочка понятная - есть <div></div> который надо клонировать и заполонить данными. А с технической точки зрения - такое jquery делает?И если да то как?
Шаблонизаторы погугли. Либо смотри интенсив базовый по js. Еще в продвинутом по верстке тоже есть нечто похожее с использованием mustache.js
Копай в сторону шаблонизации.
Неплохой подход показан в интенсиве JS академии.
Там юзают <template> в сочетании с методом node.cloneNode(true).
А jquery тебе для этого нахуй не нужен.
пикча в тему
спасибо пагни
>на css не судьба написать?
Ну и как ты себе это представляешь?
Пример: http://www.rbc.ru/ Меню "Телеканал Газета Журнал Деньги и т. д." на маленьких экранах не поместившиеся пункты помещаются в Еще
Та не, вполне себе можно написать, ну еще чуточку джс понадобится.
мимо
Спасибо!Есть такая же ссылка для продвинутого?
без JS тут никак.
нету
Другой анон
Кстати, парни тут базовый свежайший вроде по интернетам гуляет за 2016 год. С новым макетиком с мороженком.
Если хочешь чтобы он динамично запиливал элементы в дропдаун, тогда да. А если просто выстроишь конструкцию которая при определенном разрешении, например, половину пунктов схлопывает в меню, то из джс функционала тебе понадобится разве что classList
>динамично запиливал элементы в дропдаун
this, очевидно же
Ловите короче. Сам еще не сравнивал. Но что бросается в глаза - так то, что нет ссылок-допов. Но в принципе есть допы ссылку на которые выше кидали.
А так же как я понял, тут по Фотошопу урок не в виде скринкаста маленького, а тупо занятие с Громовым, но зато по новой версии программы. Короче хз. А ну и еще новый макет.
http://nnm-club.me/forum/viewtopic.php?t=999246
А так же как я понял, тут по Фотошопу урок не в виде скринкаста маленького, а тупо занятие с Громовым, но зато по новой версии программы. Короче хз. А ну и еще новый макет.
http://nnm-club.me/forum/viewtopic.php?t=999246
Хули там представлять, ничего сложного нет, можно написать на css под нужные разрешения, там менять-то надо две строчки. На жсе будет быстрее и компактнее. Но сама реализация проста и на чистом css.
Добра тебе. Двач охуенен.
Рубрика - платиновые вопросы
А есть здесь кто с нуля начал и нашел себе работку в офисе на фрилансе?
И сколько у вас это заняло времени?
Я так почитал оп-пасту и там что б все изучить (курсы, книги, примеры) нужно пару лет ежедневного пердолинга. Или я ошибаюсь?
А есть здесь кто с нуля начал и нашел себе работку в офисе на фрилансе?
И сколько у вас это заняло времени?
Я так почитал оп-пасту и там что б все изучить (курсы, книги, примеры) нужно пару лет ежедневного пердолинга. Или я ошибаюсь?
>в офисе на фрилансе
что ты блять несешь, ебло?
в офисе ИЛИ на фрилансе.
Блять, почитай шапку. Не еби мозги нам тут всем, ради бога. Хочешь вкатится 2-3 месяца верстка макетов + продвинутый курс и все ты уже на работе джуном. Пол года-год. Зависит от твоих умений. Потом js и ты уже специалист. Хочешь всего и сразу иди блять хуй сосать гей шлюхой.
>есть здесь кто с нуля начал и нашел себе работку
нет таких. открою тебе секрет, эти треды - один гигантский троллинг безработных лузеров, которые к 20+ годам нихуя ничему не научились, но думают, что у них еще есть шанс выбраться из жопы.
Меня больше интересует мнение не кукаретиков а тех кто реально начал и чего либо достиг.
За 50 тредов таких должно быть много не?
ты пидор гнойный только что ответил человеку который рассказал как он вкатился в офис, сука ты тупая блять.
Слушай выплюнь говнецо изо рта для начала прежде чем общаться с людьми.
Я спросил нормально ок?
Нет блядь вылез какой то хуйлан и батхерит во все стороны.
Нечего сказать нормально так игнорируй.
Что за дегенераты то бывают.
Нет. Все это сказки. Закрой спокойно вкладочку в браузере и больше не заходи сюда, тут ничего полезного и интересного ты для себя не найдешь. Спасибо за внимание.
Один из авторов старого гайда и нескольких тредов из первых репортинг ин. Учился полгода, нашел работку, сейчас опыта чуть больше двух лет, получаю в офесе в дс 105к на руки, думаю перекатываться в джавку. Задавай свои ответы.
А чего думаешь в джавку? И зачем перекатываться?
лол, верстка-тред все больше напоминает секту.
захуячил первый макет - первая инициация, наговнокодил первый жс скрипт - вторая и т. д.
прозелитов с тупыми вопросами чморят.
захуячил первый макет - первая инициация, наговнокодил первый жс скрипт - вторая и т. д.
прозелитов с тупыми вопросами чморят.
Хочешь нормального ответа, вытри сперму из глаз и прочти тред. Нет блять, вылезет хуесосина которому надо все на блюдечке подать и баттхертит, что ему по существу не отвечают. Что за дегенераты блять.
Не люблю и не хочу верстать, не хочу вообще дрочить гуи, js язык так себе, лезут неочевидности и прочее говно, стоит выйти за пределы лучших практик, заебали вечные 100500 фреймворков, в отрасли много аутистов, выучивших жиквери и нихуя больше не делающих. В джавке разнообразнее отрасли применения, больше платят, хочу для разнообразия попробовать компилируемый язык с более строгой типизацией, плюс более важную роль играют алгоритмы и структуры данных, мне эта тема интересна. Плюс я не видел ни одного СТО из фронтендеров
А каков изначально бекграунд был? Вузики, опыт работки? Почему вообще решил в верстку тогда два года назад?
Это к тому что хочешь в джаву перекат делать. А почему изначально туда не пошел а начал с верстки?
>А каков изначально бекграунд был? Вузики, опыт работки?
Средний технический вузик в дс, не на кодера, работал продаваном, стажером в hr конторе(лол) , быдлоинженером на заводе. Тут стоит упомянуть что с погромированием я познакомился еще в школе и всякое говно типа переменных и циклов конечно уже знал.
>Почему вообще решил в верстку тогда два года назад?
Верстка пошла легче чем пхп, а мне кушать хотелось, вот туда и пошел
>Это к тому что хочешь в джаву перекат делать. А почему изначально туда не пошел а начал с верстки?
см. выше, в джавку порог входа повыше.
Забавно но у меня такой же бек. Программирование в школе и потом карьера хуйпоймикого.
Наверное действительно верстка как первый шаг самое оно.
Я знаю ребят, кто вкатился сразу в джавку, знаю тех кто вкатился в похапе. Тут не угадаешь
Для меня основная проблема с изучением явы или тех же дотнетов это недостаток обучалок типа Интенсивов как в этой теме.
Т.е. что б мне показали и рассказали на примере живого проекта почему и как это реализуется.
Я воспринимаю инфу как вот этот господин
Т.е. два месяца изучать абстрактные понятия ЯП без понимания их применения на практике не вариант для меня.
Ну, тут я могу сказать что зачастую вся это ебанутая обвязка вокруг учится по ходу дела, когда ты найдешь работу. Это с одной стороны, с другой же для той же джавы есть такие курсы, но за бабло. Я даже знаю такую штуку для джавы, что ты платишь только определенную часть суммы, а остальное можешь заплатить только когда найдешь работу, и ребята которые это организуют, они устраивают людей. Такие дела.
Как трудно себя заставить что то учить,но жрать то сука надо.Все таки освою верстку
Кто-то настраивал через Grunt лайв-релоад страницы на изменения в css/scss файлах или в html? Чет не могу разобраться в документации, слишком много написано непонятного, тяжело воспринимать.
юзай browsersync
Котаны, как сделать тянущиеся треугольники для пинка?
>2016
>Grunt
Гугли grunt-contrib-watch и берешь простейший кейс для него.
Я в свое время настраивал, легко и просто. Правда при включенном вотчере появились проблемы с редакторами, файлы перезаписывались по желанию моей левой пятки, так что пришлось отказаться.
У нас был такой говнокодер на работе, полный мудак и вечно с хмурым ебалом, он ненавидел свою работу.
Палю годноту, и то только потому, что тут адекватные ананасы сидят, которые тоже помогают.
https://chrome.google.com/webstore/detail/livepage/pilnojpmdoofaelbinaeodfpjheijkbh?utm_source=chrome-app-launcher-info-dialog
А что юзают в 2016? Gulp?
какого хуя у меня этот нонейм клаб не открывается? даже через тор
У меня тоже
Колбасит его со вчерашнего дня. Ждите или ищите магниты.
Кто уже затестил новый интенсив за 2016 год? Какие различия от старого? Объясните по хардкору, друзья. Имеет смысл качать его?
http://nnmclub.to/forum/viewtopic.php?t=1000179
ПО ПОВОДУ ПРОБЛЕМ КЛАБОМ
ПО ПОВОДУ ПРОБЛЕМ КЛАБОМ
Пока просмотрел первый урок. Есть одно большое различие т.к. в новом курсе идет работа через GitHub что есть хорошо.
Плохо то что я ебусь с этим гитхабом несколько часов и нихуя не пойму как там публиковать свои страницы. Из курса и из шапки нихуя непонятно (в курсе они там автоматом настроили публикацию слушателям).
нахуй тебе гитхаб? Я через brackets смотрю что сверстал. А как публиковать так это вобще изи. В гайде все написано
>Гайд от анона по гитхабу:
http://randomfederation.github.io/
>Качаем Github for Desktop
Ясно
Сам то я могу и XAMP развернуть и на хостинг залить.
Но мне интересно разобраться и работать с этим GitHub как белый человек.
В гайде ненаписано как публиковать страницы прямо на гитехаб.ио, я разобрался немного как публиковать один проект из корня а вот как создать там еще подпапки проектов не могу пока.
Блядь три кнопки/действия на этом гитхабе и хуйпроссыш что к чему.
ты неправильно понимаешь принцип. Я писал уже как все это изи понимать через консоль, опять писать что ли?
>опять писать что ли?
да.
Ну если это ты написал то я попробовал и там не получилось (т.е. янепонялблядь) в месте
[CODE]->ты в новой ветке того же проета, теперь надо копирнуть сюда твой проект в текущем состоянии, а то gh-pages будет пустой. ->[/CODE]
где копирнуть что копирнуть. в самой консоле или просто в эксплорере.
ну и дальше
[CODE]-> git push -origin gh-pages.[/CODE]
меня консоль послала нахуй с таким параметром -origin
Я описался там, он не будет пустым, на момент создания новой ветки он будет копией основной ветки master, но если изменять дальше master, gh-pages меняться не будет и надо будет смержить эти ветки, то есть добавить в gh-pages все изменения из мастера. КОПИРНУТЬ и есть смержить, по факту гит возьмет все чего нет в gh-pages, но есть в mastrer и добавит в gh-pages, при этом проследит на наличие конфликтов. После мержа ветки одинаковые будут. И в последнем случае напиши без флага git push origin gh-pages.
А смысл всего действия в том, что разработку ты ведешь в ветке master и пушишь ее удаленно тож из ветки мастер. Gh-pages тут исключительно для хостинга. По результате получается один и тот же проект на локальном пеке, на удаленном хабе в ветке master и на удаленном хабе в gh-pages. А гитхаб просто хостит то, что в ветках gh-pages по адресу (имя пользователя).github.io/(имя репозитория)/
Я попробую и отпишусь.
Спасибо.
суп низшая ступень веб дева и девелопмента в целом. Есть короче плагин для гальпа который когда я пишу в src/main.scss что то типа:
body {
padding-left: 20px;
padding-top: 50px;
padding-right: 40px;
padding-bottom: 80px;
}
он преобразует в
body {
padding: 50px 40px 80px 20px;
}
реквестирую название или ссыль на нпм.
body {
padding-left: 20px;
padding-top: 50px;
padding-right: 40px;
padding-bottom: 80px;
}
он преобразует в
body {
padding: 50px 40px 80px 20px;
}
реквестирую название или ссыль на нпм.
Ты прикалываешься что ли? Изначально пишется 2ой вариант, если тебе 4 разных отступа надо. Или тебе не судьба запомнить направление по часовой стрелке?
Антоши, а кто-нибудь из наших тредов уже пришел к успеху, хотя бы минимальному?
Похоже этот вопрос тоже надо в фак выводить. Заебали уже без обид
нет
Ну сорь, я тут недавно.
Нет, все в макдаке закончили.
пошел нахуй со своими извинениями, пидарас. можно было прочитать фак и тред.
тупая ты скотина.
Да. Смотри на десяток ответов вверх.
Я вот сегодня начал и скажу что htmlacademy действительно очень недурна. Курсы + интенсив с реальными макетами то что нужно.
Даже если тебе не понятно нужно оно тебе или нет рикамендую просмотреть 1-2 урока интенсива и пройти бесплатные курсы 5-7 у них на сайте.
Потратишь день но для общего развития и понимания как работают вебстраницы поможет.
ну бля он и для font все делает и бордеры и бокс шадоу так же объединяет и в нужном порядке по правилам рассталсяет, сначала позиционирование потом отступы потом цвета шрифты и т.д. ну типа в соответствии лучшим практикам, нахуя мне руками то что-то делать ?
font-size, font-family, line-height типа все как надо соберет, яж не хуесос делать то что может сделать программка.
вопрос в другом. Расписывая эту хуйню всю ты тратишь гораздо больше времени, хоть он тебе потом и соберет, неужели уже такую элементарщину нельзя запомнить...box-shadow, ахуеть.
а вот тут я не понял, какой хуй он тебе будет собирать из фонт сайза или лайн хейта?
да помню я все эту хуйню, но нахера ? Допустим мне надо паддинги снизу и справа, я быстрее напишу так:
body {
pb10+pr40 [tab]
}
нежели
body {
p0-40-10-0
}
как минимум на один символ больше жи
он превратит мой
body {
font-family: "arial";
font-weight: 900;
font-style: italic;
font-variant: small-caps;
line-height: 15px;
}
в
font: [font-style||font-variant||font-weight] font-size [/line-height] font-family
Бля вот этот случай прям показательный. Если с паддингами еще можно поспорить, типо везде 10, а справа 40, там да мб и есть логика, однако тут все элементы ты прописываешь сам и писать их сразу в строку будет быстрее.
Если ты думаешь что это хоть как-то повлияет на твою скорость разработки, то ты ошибаешся.
ИМХО еммета хватает за глаза. А все тобою описанное уже лишнее и толку от него минимум.
мимо
А вообще это какая бессмысленная хуйня, гальпом собирать из-за лишнего символа ну пиздец, как-будто что-то изменится если у тебя будет сразу в две строки pb10+pr40 написано, или гальп соберет тебе это говно в 1 строку.
Оооо, а я так переживал по поводу нескачанных интенсивов, добра тебе!
> ак-будто что-то изменится если у тебя будет сразу в две строки pb10+pr40 написано, или гальп соберет тебе это говно в 1 строку.
ну сисска будет поменьше весить, по правилам https://learn.javascript.ru/css-format#свойства-сильнее-влияющие-на-документ-идут-первыми собираться будет
> А вообще это какая бессмысленная хуйня, гальпом собирать из-за лишнего символа ну пиздец
у меня так и так им собирается из scss в css + минификация всего один лишний шаг появится
ну пох раз никто не юзает значит так и не прижился плагин, хотя я о нем на реддите давно слышал, там всем понравилось
блин как вы pixel perfect верстаете ? Раз пять начинал мает заново и проебываюсь уже в шестой.
Ненужная хуйня
лол, потому что ты так не умеешь ? Или заказчикам не надо ( частенько надо по объявам на upwork)
Потому что бессмысленное дрочево которое ни на что не влияет, но отнимает кучу времени. Ни один адекватный заказчик не будет про это упоминать, если он хоть немного в теме, а если нет, то это значит, что он лезет в воду не зная броду, с ним только проблемы будут типо тут 5 пикселей несовпало, там 6 недоехало. Дело твое, хочешь с такими уебанами работать-работай.
Двачую этого. Обычно пиксель перфект требуют либо чуваки привыкшие работать с долбоебами уровня "и так сойдет", либо просто немного неадекваты.
Нормальный разработчик и без этой хуйни сделает все красиво.
вот это уже похоже на аргументацию, спасибо.
>будет поменьше весить
тру-фронтендер, за килобайт удавится нахуй.
юзаю pp, но дрочку пикселей на хую вертел, чисто чтобы с линейкой не мерить всю хуйню в фш.
блять, да половина макетов криворукими косыми уебанами склепана, хули там перфектить-то.
У адептов ПП просто перфекционизм дизайна головного мозга.
Так же можно и на вёрстку забить, лол. Бомбанёт адепт и будет проецировать на всё своё pixel perfect.
главное-это сохранение функционала и почти полное соответствие дизайну. Тем более что некоторые дизигнеры не имеют представления о технической реализации своей дрисни, пойди блядь попробуй их хуету в ПП реализовать.
Есть ли смысл учить верстку в мухосранске, где никогда не видел вакансий на тему web?
удаленка, переезд. Очевидно же блядь
Поясните дауну следующий момент.
Вот есть гитхаб, там есть мой репозиторий.
Туда я через гит-десктоп, как настоящий даун, заливаю папочки проектов (пикрелейтед), чтобы смотреть их на gh-pages (каждый проект открывается через name.github.io/project-folder). Т.к. все работает, то мне норм, мне пока не хочется заморачиваться с гитом, верстку бы доучить.
Но тут я выше читал, и все делают по-другому, по-хардкору через терминал.
Вот есть гитхаб, там есть мой репозиторий.
Туда я через гит-десктоп, как настоящий даун, заливаю папочки проектов (пикрелейтед), чтобы смотреть их на gh-pages (каждый проект открывается через name.github.io/project-folder). Т.к. все работает, то мне норм, мне пока не хочется заморачиваться с гитом, верстку бы доучить.
Но тут я выше читал, и все делают по-другому, по-хардкору через терминал.
Отклеилось
вопрос-то в чем?
Пиздец ты все замазал, конспиратор хуев. Кому ты тут нахуй нужен со своим гитхабом?
НЕ ЗАБУДЬ ДОБАВИТЬ В ШАПКУ
Анон, имеет смысл оплачивать интенсив или лучше скачать и пройти его?
Скоро вопросы будут стоит ли мне учить html, чую прям тенденцию
Я пролистал. Отличия:
- работа через гитхаб (даются совсем уж базовые сведения по гиту на первом уроке)
- новый макетик
- нету допов
- в 6 уроке нету доп видео
- нету бонусных видео про эммет и dev tools
- урок по фотошопу не скринкастный
а так все то же самое.
Так он лучше или хуже старого интенсива? Объективно.
Алсо, запили макетик сюда новый, будь няшей.
тот кто делал >по хардкору через терминал
в треде, но ты кажется забыл задать вопрос.
ебаный enter
А, ну и само собой урок по фотошопу в старом тоже смотреть (скринкаст, который на 30 минут примерно). Там все сжато и информативненько (хотя и старая версия). А то мало ли не уточню, а ты и не посмотришь этот урок из старого.
ага, нашел, пойду чекать спасибо.
Из этого можно глянуть если ньюфаня только 1 урок (часть про гит). 3 урок (из-за того, что версия фотошопа новее). и скачать макетики.
Все остальное, лучше смотреть со старого и читать допы
perfect pixel - расширение для хрома, я подозреваю
Самый лучший метод это оплатить скачать и пройти. Базарю.
Что за допы?
Погугли.
хуйню показывает
Дополнительные материалы
Зацени Avocode - эта дрисня призвана избавить от необходимости ебаться с ФШ в виртуалочке/гимпом.
таки есть, точнее был триал, оно научилось уже с шрифтами работать ? раньше letter-spacing line-height приходилось в фш смореть
Тут понимаешь в чём дело, дружок. Без курсов на сайте ты на интенсиве бы слушал про все теги подряд, а не про то, как их применять при вёрстке проекта. Так что курсы не просто нужны, они, блять, необходимы.
Можно сверсать такие счетчика "Взрослые" и "Дети" как на пике с помощью СSS? И как постепенно вкатываться в JS если верстаешь сайты. Вот например сейчас надо сделать выпадающее меню, у меня предчутсвие, что если я сейчас попытаюсь сверсать на чистом JS у меня уйдет месяц, а делать сразу все на джикури кругом категорически не рекомондуют.
И стоит ли делать свои велосипеды?
И стоит ли делать свои велосипеды?
1024x600????
Вопрос - правильно ли я делаю, лол.
Почаны, поясните где вы берёте идеи для вёрстки для портфолио? Я вроде умею и в хтмл, и в ксс, и в джс, но не знаю даже о чём делать портфолио.
Сформулируй получше свои вопросы, а то каша какая-то
Ищешь красивые макеты - верстаешь. Вот тебе и портфолио на версталу. На фронта уже думвю надо приложуху пилить какую-нибудь, где покажешь, что умеешь в фреймворки, архитектуру... В этом случае лучше в js тред уже перекатываться и там спрашивать кто че пилит и может идейку подкинут
Про счетчики на пике. Жмешь плюс - число увеличивается, жмешь минус - наоборот. Можно ли такое реализовать на CSS?
2 вопрос. Как учить JS? Встретил задачу - ищешь решение? Вот например эти же счетчики, какой надо уровень что бы их сделать? Кидать версать и пытаться сделать на чисто JS?
Или надо пройти курсы? Вот я например писал немного на писал на С и Питоне. Начал учить по LearnJS.ru, понял что JS это не такой уж плохой язык, смахивающий синтаксисом на Си.
Но я так и не понял когда начнут учить всем этим ебучим финдифлюшкам и украшательствам по типу выпадающих менюшек и всему чему так хотят заказчики.
Верстка на мобилке. Это спарта сынок
Проебал фотку
Кто знает, как svg спрайты делаются? С условием, что нужно будет масштабировать иконки как хочешь.
Единственная мысль это background-position в процентах задавать, но заебешься же высчитывать.
Счетчики на js в продвинутом такое задание на дом дают. Посмотри два аидео по js из него и легко сделаешь.
Есть базовый по js - можешь его смотреть тоже.
>что если я сейчас попытаюсь сверсать на чистом JS[\B]
нее верстай на чистой django коль питошку знаешь... и rest-framework прикрути туда иначе никак.
https://jsfiddle.net/xz99w5q7/
> Вот например эти же счетчики, какой надо уровень что бы их сделать?
уметь без жквери собрать нужные елементы на странице, повесить на них хендлер и преобразовывать типы.
>Встретил задачу - ищешь решение?
ваще да, но для начала https://learn.javascript.ru/ вздорчни кантора, есть pdfка ворованная за 15 год его учебников в гугеле.
бывают моменты когда без jquery не обойтись ( пизжу не бывает) там короче тонкая грань между целесообразно на чистом жс сделать и когда в падлу, короче учебники потом помогай ананасам в жс трейде, когда поймешь что помогать неохота ибо вопросы совсем тупорылые (как твой) добро пожаловать на некст левел, фреймворки тогда дрочи реакты там и прочие полимеры.
вот ты проебал фотку а я обработчик клика не туда повесил
Жаль что в чтение шапки не умеешь.
по тексту взрослые или дети кликай если че
Спасибо, держи няшу
http://stackoverflow.com/research/developer-survey-2016
а JS то впереди планеты всей
а JS то впереди планеты всей
> full stack
Вангую там индусов и васянов пхп-жиквери-девелоперов.
ну бля php + %cms_name% + jquery на фронте вполне себе фуллстак
Записался на курсере фулстек веб девелопер. Норм?
Все правильно сделал.
Теперь уже начинай присматривать себе домик в подмосковье и машинку по статусу.
А есть МЕМАСИКИ))) по теме верстки? Тип ПРОФЕССИОНАЛЬНЫЙ ЮМОР
Давай моар такой хуйни
уебывайте
.tvoy_benis {
width:1px;
height:1px;
}
>Верстка на мобилке. Это спарта сынок
Ну успехов тебе тогда, серьёзно.
>Деградация
Мой 1 px это до середины горла твоей мамани
ну и хватит
ОП, няша, пили перекат.
Только не забудь в шапку допы добавить и ссылки на обновленный базовый
Только не забудь в шапку допы добавить и ссылки на обновленный базовый
что за pp ананас ? Скажи гуглить хоть что ? Есть херня с помощью которой можно без фш верстать ? А то у меня на линухе он периодически ебу дает.
Если ты ньюфаг, то тут тебе будут рады. Но только в том случае, если ты, перед тем как что-то спросить, погуглишь хотя бы минут 5 и прочитаешь фак/пасту. В противном случае будешь послан нахуй, и абсолютно заслужено. Совершенно идиотские вопросы, нытье и прочее - аналогично. Не говорите, что мы не предупреждали.
====================
КРАТКИЙ ФАК ДЛЯ НЬЮФАГОВ И ПРОЧИХ МИМОКРОКОДИЛОВ
>Можно ли вкатиться в randomAge.
Можно.
>Можно ли вкатиться без знаний программирования/матана/функционирования гипертекст протоколов/етц.
Можно.
>С чего начать? Что учить? Куда смотреть?
Внимательно прочитать ОП-пост, затем прочеть пасту от корки до корки. Подумать, надо ли оно тебе, перечитать все еще раз. Приступать к изучению материалов по порядку.
>Есть ли работа?
Была, есть и будет, устраиваются как версталой, так и джунами фронт-ендами. Верстала без хотя бы базового знания JS сейчас как мамонт, поэтому готовьтесь учить и Javascript. В любом случае он вам понадобится, если планируете развиваться хоть куда-то. Джун фронтенд, полноценный и востребованный на рынке, а не программист на джиквери - это спец, умеющий и сайтик сложный сверстать, и страничку оживить, и приложение на нативном сваять.
>Сколько времени займет обучение?
Плотно стоящий на ногах верстальщик с портфолио из 3-5 адаптивных макетов, но практически без знаний JS - 400+ часов.
Верстала с пониманием JS и портфолио - 600+ часов.
Фронт-енд джун с уверенной версткой, уверенным JS, умением в дополнительные техи/фреймворки/препроцессоры/либы/системы сборки/otherSkillName, своими пет-проджектами, в том числе наверстанным портфолио - 1000+ часов.
>Слышал что нужно портфолио, подскажите хостинг/сайт/место
Для сверстанных макетов без логики или с клиентской логикой хватит и гитхаба. Гуглишь бесплатный хост для страничек от гитхаба - github pages. Иметь профиль на гитхабе вообще - признак хорошего тона, так что в любом случае пригодится.
>Могу ли учить верстку/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 и git
http://htmlbook.ru/ Справочник. Каждый верстальщик пользуется им. Все непонятное смотрим там.
http://teamtreehouse.com - тут все платно, но первые две недели бесплатно, можно успеть пройти пару курсов, объясняют хорошо.
Для работы понадобятся текстовые редакторы или среды разработки, тут уж решать вам.
Текстовые редакторы:
http://brackets.io/
http://www.sublimetext.com/3
https://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
Прошлый тред