Это копия, сохраненная 14 марта 2016 года.
Скачать тред: только с превью, с превью и прикрепленными файлами.
Второй вариант может долго скачиваться. Файлы будут только в живых или недавно утонувших тредах. Подробнее
Если вам полезен архив М.Двача, пожертвуйте на оплату сервера.
Если ты ньюфаг, то тут тебе будут рады. Но только в том случае, если ты, перед тем как что-то спросить, погуглишь хотя бы минут 5 и прочитаешь фак/пасту. В противном случае будешь послан нахуй, и абсолютно заслужено. Совершенно идиотские вопросы, нытье и прочее - аналогично. Не говорите, что мы не предупреждали.
====================
Совсем уж ньюфажекам с вопросами "с чего начать?" сразу лезть в пасту в конце ОП-поста. Там все расписано, в том числе самый удачный по мнению автора алгоритм изучения основ верстки, есть тонна полезных ресурсов для разработчиков начального-среднего уровня и прочая годнота.
Желающим что-то спросить у анона по части кода "как сделать/почему работает/почему не работает/etc" следует учесть пару советов. Если коротко то всегда лейте свой говнокод в песочницу, а в посте прилагайте дополнительные объяснения проблемы и скрины, еще лучше если перед этим вы подумайте своей головой. Те кто спамят очевидными вопросами в треде, не задумываясь толком, как правило, ничему научиться не способны. Без нормальных пояснений проблемы и залитого кода в песочнице вам никто не поможет, так что без нытья, вас предупредили.
Официальное обращение к тем, кто выкладывает свой говнокод в архивах и файлообменниках:
>Идите нахуй.
или
>Используйте блять codepen, cssdesk, jsfiddle или даже jsbin. Делать тут нам больше нехуй, кроме как выкачивать css и ковырять его вилкой.
То же касается умников со скриншотами. Если запилили скрин и желаете получить внятный ответ – показывайте и код. В противном случае не жалуйтесь на реакцию.
=====================
Заранее предупреждаем, времена, когда можно было сверстать две фиксированных странички и завалиться в хардкорный фронт-енд давно прошли. Нет, работу конечно найти можно будет. Позиция называется Markup или HTML/CSS Developer называйте как хотите хотя даже там требуется знание адаптивности и прочих ништяков, но это только старт, и ЗП там вряд ли вас сильно порадует. На данный момент фронтендеру нужно учить больше, чем просто HTML/CSS. В частности необходимы продвинутые инструменты разработки, автоматизаторы, работа со скриптами, сам Js и Jquery, в перспективе что-то из Js фреймворков, MVC и прочего дерьма.
Не помешает навык натяжки оболочки на движок. Можете даже в бэкенд завалиться, если интересно. Но продуктивно это совмещать со всем тем стаком технологий, что нужны для фронт-енда, получится не у каждого, особенно на старте. Впрочем, если есть желание - попробовать можно, оно того стоит. Только есть нюанс, материалов по бэкенду здесь в пасте представлено мало, если кто-то в будущем поделится – будем рады и включим в будущие редакции.
Так как стек технологий вырастает, то соответственно вырастает время, что требуется для обучения. С одного-двух месяцев до 4+, иногда до полгода, в зависимости от твоей обучаемости. Альтернативой конторкам может стать фриланс, тут уже все опять же индивидуально, но конкуренция там больше, в начале может быть сложно, скучно и относительно дешево. Помните о портфолио, оно просто необходимо, да и за время его создания руку набьете.
Дальше представлены первичные обучающие материалы в сильно сокращенном варианте, полные списки найдете в пасте.
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
Прошлый тред >>447285 (OP)
Уже что-то умеющим верстальщикам рекомендую пробовать такие штуки, это верный путь к полноценному фронтенд-разработчику.
>Гайд от анона по гитхабу
Спасибо, полезно.
Расскажите еще поподробнее про особенности термина "коммитить" и ключевые плюсы гитхаба, как инструмента. Я, безусловно, это загуглил, но у анона гораздо лучше получается объяснять подобные вещи доступным языком.
>Расскажите еще поподробнее про особенности термина "коммитить"
Ну и про "бранчи" всякие и прочие расхожие термины. Я выпал из современной этики разработчика, клепая говносайтики для рунета.
Или вот
>Обратите внимание, что даже после сборки Gulp остался висеть в консоли. Теперь он следит за измениями в папке src и перезапустит сборку, если ее содержимое изменися.
>Собранный проект находится в папке dev.
Где прочитать подробнее про эти базовые стандарты разработки? Что сырцы в папке "src", собранные версии в папке "dev", а продакшен - где-то еще. Всё то, чему учат в приличных местах и что совсем упущено мной во время самообучения в процессе работы.
Я знаю, анон, вопросы предельно глупые, но надеюсь ты отнесешься к этому со снисхождением.
DA
>>456676
Для начала нужно понять, что Гит и Гитхаб это разные вещи. Первое — система контроля версий, а второе — публичное хранилище репозиторев для Гита. Их не обязательно хранить именно там, можно использовать Битбакет, можно вообще держать локально.
Гит облегчает совместную разработку и хранит всю историю твоего кода, разбитую на коммиты. Закоммитить что-то — создать точку сохранения проекта. К ней потом можно вернуться, если что-то пошло не так. История коммитов сохраняется навсегда и продолжить разработку можно с любого из них. У простых проектов история коммитов линейна, у сложных она может распадаться на десятки независимых друг от друга веток.
Гитхаб позволяет выкладывать репозитории Гита публично и работать над проектами вместе с другими людьми. Кроме того, на Гитхабе можно хостить статические сайты.
>>456678
Инфа 99%, что в ближайшее время ты можешь работать в мастер-бранче и не париться на эту тему.
>>456685
Почти во всех приличных проектах есть по крайней мере три версии кода — исходный код, dev-версия и production-версия. Папки могут называть по-разному, dev-версия может генерироваться только на лету, сути это не меняется.
Исходники (src) это код, который ты пишешь. Для удобства там применяются разные методы разбиения проекта на отдельные файлы, которые можно импортировать друг в друга (CommonJS, SCSS), а также тонны синтаксического сахара (ES6/7 и тот же SCSS).
Версия для разработки (dev) это то, что ты запускаешь в браузере. Все файлы из предыдущего пункта переведены в понятный браузеру формат и снабжены соурс мапами, чтобы инспекторе браузера было видно оригиналы. На этой версии ты разрабатываешь и отлаживаешь продукт.
Версия для отправки (production) это то, что в итоге увидит пользователь. Соурс мапов нет, все минифицировано и сжато по максимуму.
Советует вместо фронта уходить в бэк. А если все уйдут кто тогда клаент-сайд пилить будет? Или ты будешь рассказывать заказчикам что под капотом у сайта норм, а то что он снаружи выглядит дерьмово - это не главное?
На хабре както была переводная статья еще, там писалось что мол бэки в большинтсве своем в отличие от фронтов дохуя типа умные и считают что могут нормально все сделать, но когда начинаешь смотреть ту же верстку волосы дыбом встают. Ну там в конце конечно было мир, труд, жвачка и наставление чтобы все занимались своим делом тогда и типа рай будет. А, ну и да, была еще одна (или эта же) статья, что хорошие фуллстеки - это в большинтсве своем миф. Их типа мало и уже и так при делах в норм компаниях. Все остальные просто присааивают себе сомнительные регалии
Про все че ты спрашивал есть в продвинутом интенсиве и в допах к их урокам. + рекомендую подписаться на каналы типа devtips, web standart days, uwebdesign, webdesignmaster, ну и почитывать чтото вроде css-tricks
Читаю гайд и вспоминаю продвинутый интенсив, где бородач пояснял за автоматизацию.
Я еще тогда не понял, он ставил грант, зайдя в папку с проектом, но при этом, сука, глобально. Нахуя так делать? И куда он в итоге установился? Если я например, потом снесу эту папку с проектом, грант тоже слетит?
В итоге я не понял этот момент и теперь тупо каждый раз ставлю грант локально в папку с проектом, чтобы уж наверняка.
> А если все уйдут
Не уйдут. Тащемта правильно написано же, в бэкэнде есть куда расти и платят больше, а от двигания блоков за пару лет крыша поедет.
>если все уйдут кто тогда клаент-сайд пилить будет?
Дезигнеры с macaw и другими ёба-редакторами.
сука, весь интернет уже засрали своими мечами цветными, джедаи хуевы блядь
Типичная роисся, плевать, что всё разваливается от малейшего изменения экрана и что 100500 ошибок в консоли.
ГЛАВНОЕ ЖЕ, ЧТОБЫ РАБОТАЛО!
Только почему-то во всём мире фронтенд более высоко оплачивается. Но не в России.
Ты забываешь о том, что джава и кресты это довольно хардкорное программирование, крестовики в большинстве своем начинают прогать еще со школы, многие из них олимпиадники.
Джава тоже довольна сложна в освоении, да и вообще в энтерпрайзе зачастую требуется техническая вышка, может не на уровне джуна, но в дальнейшем точно пригодится.
А вот в пыху или фронт может вкатиться любой васян с 9-ю классами, на образование всем похуй и т.д.
>зашел с мобильника на ru.bem.info почитать про бэм
>блоки кода не помещаются в 720п экран, прокрутить в андроидном хроме нельзя
Ой лол, хуевы мастера верстки
У меня вот есть техническая вышка (не красный диплом, оценки были запороты матанализом и дифурами). Изучали плюсы и еще немного древнего гавна типа фортрана. Нормально писать код никто толком не учил. Не скажу, что совсем ничего не дали, но все-таки не то, что хотят на рынке. Из знаний которые более-менее годные отмечу работу с БД. А так было еще дохуя математики, да и большинство лаб было связано с математикой. ООП как таковое было вообще в мизере. Из моего потока знаю что устроились на заводы краснодипломщики, некоторые вообще не по специальности поустраивались (типа строителем там пошел).
Сам сижу вот курю верстку и js ибо к этому душа больше лежит (хорошо хоть нарыл, так бы вообще не знал чем заняться, небольшая халтурка есть так что могу себе позволить время на самообучение). (кстати в универе толком тоже ничего рассказано не было, наверное даже на codecademy курсы и то полезней будут по теме, чем то что нам толкали, даже вроде еще таблицами верстали лол).
Всякие джавы, питоны с джанго, доп тулзы типа гита даже не упоминались.
Да, кстати, в школе еще начинал вникать в программирование, думал, пойду в универ и там меня научат. А вот хуй там с первых же дней загрузили матаном по самые гланды и дифурами, а те просветы жизни когда рассказывали про плюсы были не столь радостными потому что прогали на них мы какие-нибудь суммы и интегралы... И так охоту напрочь отбило...
мимоанон, можете пропустить мой опус мимо ушей
ну это уже к вопросу о качестве современного образования. И да, даже образование не делает тебя профессионалом в области, если ты сам того не желаешь, только собственный стимул способен тебя развивать.
Я не поступил на IT так как хуево написал русский и слабо матан, а в год поступления в единственный доступный вуз проходной был очень высок, не хватило 10 баллов до последнего бесплатного. Ушел на энергетическую вышку, закончил ее, ушел работать, поработав год понял, что это пиздец не мое и теперь перекатываюсь. Все было бы иначе если бы не ебаное егэ. К слову писал по приколу егэ по информатике, которое в год моего поступления не принимал вообще ни один вуз, лол. Написал его почти на 90 баллов, а хули толку. Жалею только о том, что не дропнул эту вышку сразу и потерял 5 лет. Не знаю почему тут так все дрочат на эту корочку.
Еще чуть-чуть и они догадаются назвать блок объектом и увидят что вся эта ебала с описанием БЭМа не нужна, потому что просто повторяет существующие принципы ООП и MVC
ну вообще в этом и смысл, они проецируют принципы оопа и мвиси на язык разметки и таблицы стилей. Они попробовали, получилось заебись, теперь всем предлагают. На самом деле тема очень нужная, особенно в плане быстрого перестроения структуры. На каких-то сайтах это может и нахуй не упало, а вот в приложениях модульность однозначно нужна.
любой, кому приходилось постоянно и много верстать приходит к этим же решениям. Конкретно БЭМ, на мой взгляд, полон ненужной корпоративной блевоты. Половина терминологии там введена лишь для того, чтобы описывать другую половину.
Если ты его ставишь локально, то он установится в папку node_modules, а если глобально, то в папку %AppData%\npm\node_modules (Windows 7+).
Зачем нужен сборщик локально, я думаю вопросов нет — чтобы собирать.
Глобально он нужен только затем, чтобы была возможность писать gulp в любой папке. Дальше он передает управление на локальную версию. Этого же эффекта можно добиться, если писать "./node_modules/.bin/gulp" или прописать это в скриптах в package.json и запускать его командой "npm run gulp". Тогда необходимости в глобальной установке нет вообще.
только как метод именования и предлагают модификацию Галлахера. Но этого вполне хватает для того чтобы добиться АНБ и не было большей части гемороя
работает, но заебешься переключаться между системами
это значит, что ты скорее всего хуевато отличаешь блок от элемента
хотя так-то блоки в блоки пихать можно без проблем
Абсолютно независимые блоки.
>>457049
Семантически похуй, но p блочный, а span инлайновый. Смотри как удобнее.
https://www.youtube.com/watch?v=uPk6lQoTThE&list=PLDyvV36pndZFLTE13V4qNWTZbeipNhCgQ
>Сделайте страницу, которая выводит «Я – JavaScript!»
Где её делать и как?
Спасайте, через 1.5 месяца сдавать работу.
http://codepen.io/anon/pen/VeGdmV
лол
Давай сделаю за тебя. Тебе, так и быть, 5% скину.
На какой бирже взял? Нихуя не пойму, там блять везде даже на самый сраный заказ верстки, все пидарасы с еба рейтингами вкатываются. Хуй его вообще пойми
Какие требования и сложность? Адаптив, скрипты, скинь скрин хоть
Точно, благодарю.
толсто конечно
Так, где там мой БЭМ
Ты инспектор-то открывал вообще? Убери класс clearfix у блока inner-content-colums, у тебя из-за display: table образуются лишние отступы.
> инспектор-то открывал вообще?
Это f12 в браузере?
> Убери класс clearfix у блока inner-content-colums, у тебя из-за display: table образуются лишние отступы
Нет, там у обертки заголовка маргины были, анон выше пояснил.
перетолстил
А, да, проебал вопрос. Но паразитный отступ из-за левого display: table все равно есть.
Ага, а деньги которые потом ему заплатят он спиздит и умчит в закат, тебе останется только часть ленда для портфолио, согласен?
ну я же шутканул, ну
Заказчику скажет, что все съезжающие блоки это новое модное направление content-flow, и за это, кстати, пусть еще двадцатку доплатит.
А чего там сложного? выбираешь препроцессор, используешь в начале только легкие фишки типа переменных, вложенности, мат.операций и т.д.. Можешь на первое время для компиляции юзать препросс. Вуаля- ты уже перекатился. На продвинутом же нормально рассказывают
Да с синтаксисом/возможностями проблем нет, я еще линду посмотрел, все понятно к тому же я уже умею в быдлокодинг на пыхе . Я тут просто немного охуеваю с процессов компиляции и прочего. Немного неудобно получается, если юзать нативный сасс, без сборщиков/гуев.
Олсо, командная строка в винде - адовый ад.
Да у меня тут, наверное, психологический ступор. Я так же стопорнулся, когда апач локальный поднимал, хотя там, на самом деле, пару строчек в консоли надо было прописать.
>>457210
Ого, спасибо.
Нихуя не работаю.
да, так лучше звучит, лол)
наивный
Любой продукт стоит столько, сколько за него готов заплатить клиент. Можешь развести на 150к - разводишь, можешь развести на большее - дерзай.
Пожалуй, именно так и сделаю. Лучше выигранное время потрачу на встречи с новыми клиентами - профита больше этих 40к выйдет.
Прост сначала казалось что всё это совсем уж просто.
нет у него js там вообще
Заголовок это лейбл для скрытого чекбокса, который его переключает. В зависимости от псевдокласса :checked этого чекбокса к блокам применяются разные правила.
ну я понял, что заголовок у него в лэбэл обёрнут, но я не вижу правила с чекед у него. Где оно?
инспектор тебе этого не покажет, нужен сам css файл. Он отображает только пограничные состояния: тут псевдо поменял, там объект скрыл..и т.д. Это по сути условие.
я и говорю нужен css, он-то в элементах смотрит поэтому и говорю, что не покажет...ну то есть как не покажет, там можно два эти свойства найти один из них хидден другой блок и попробовать менять состояния, они будут друг-друга перечеркивать и состояние так же будет менятся.
особенно с учетом того, что эту хуйню желательно анимировать, я как представлю если эту хуйню через чекбокс делать, да потом еще css анимацию писать, пизданутся можно. Прще сразу jq
но transofrm'ы просты, удобны и легковесны.
Ну это только примитивную анимацию, в принципе тут да, высоту только расписать, в принципе проще.
Там хуйня какая-то написана, тут же наебка, вы же, петухи, наверняка все проще делаете.
html academy начни. я вот нихуя не знаю, для меня самое то. всё постепенно.
Ие 9 и меньше не поддерживают флексбокс от слова совсем: http://caniuse.com/#search=flex
Соответственно и читать тут особо нечего. Это же не JS, полифилл не напишешь.
Ок, уточню, что полифилл, конечно, можно написать, но будет он работать не фонтан, как и любые манипуляции с версткой через JS.
ИЕ ниже 10 не поддерживает флексы. Есть там какой-то официальный полифил, но он у меня не отработал, вообще.
Лично я забил на старые ослики. Верстать под них умею и могу с них же и начинал, но не хочу. Если нужно будет, наемся этого говна уже на конкретном заказе. А пока оттачиваю свои навыки флексами, благо инструмент это довольно серьезный, много есть крутых возможностей.
Потому что правильно писать header__top-title_blue или даже header__top-title_color_blue
ну вообще выделение модификатора -- предложил Галлахер
У Яндекса была какая-то серьёзная рекламная компания?
ну вот я хуевый БЭМщик, но даже тот уровень, на котором я его использую, облегчает верстку в разы. и думаю, я не один такой. все равно рано или поздно верстак приходит к тому, что неплохо бы уже привязаться хоть к какой-то сраной системе, и здесь выбора два - либо пилишь свой велосипед, либо берешь на вооружение уже готовый. и из готовых БЭМ если не лучший, то точно не самый херовый.
Говноеды, с трудом верстающие "Хеллоу ворлд", просто любят быть В ТРЕНДЕ. Думают, что если будут носиться и орать на каждом углу про очередную модную свистоперделку - это как-то повысит их ценность.
Опытные версталы давно самостоятельного дошли до тех полезных составляющих, что есть в бэме и не ебут себе и другим мозги.
>А теперь смотрю даже во многих вакансиях требуют такую вёрстку БЭМ.
Жрать захочешь и в жопу начнешь давать. А с такой бешеной конкуренцией будешь плясать вообще под любую дудку. Лишь бы всунуться.
Дваждую, блевать уже тянет от одного слова
Начинай с БЭМа. Ищи на Яндексе информацию по БЭМу и изучай БЭМ. Потом устроишься на 50к+ на вакансию с требованием занния БЭМа. Ведь ты будешь знать БЭМ.
хули тогда пишешь прежде чем прочитать? Да даже если прочитаешь и спросишь никто тебе не ответит, потому как никто не ебет на сколько ты даун или не даун, чему и за сколько способен обучиться или не обучиться. Берешь и учишь если надо или не учишь и катаешь в доту, тут ведь все от тебя только зависит.
попахивает бэмом. ну в общем самое главное ты уже узнал.
https://youtu.be/6co781JgoqQ
хотя я все-равно по БЭМ именую селекторы лол
ну елы-палы, 3 урок (вроде) базового интенсива - работа с фотошопом. Смотришь, усваиваешь. Все объяснено и разжевано
Нахуй, нахуй, книга блять обучающая платная. Иди в пизду со копирастной хуйней.
Изучал бы БЭМ - не задавал бы глупых вопросов.
А я ее бесплатно скачал О_0
БЭМчую этого господина. Чувствует старая школа БЭМа.
БЭМС)
> Уметь создавать, редактировать, оптимизировать SVG, быть в состоянии стилизовать и управлять частями SVG-изображения
> создавать редактировать управлять
И тут у меня пригорело. Я когда про свг смотрел в интенсиве, выпал в астрал. Это же пиздец дичайший.
куда интереснее, каким образом сделать подобный бордер, меня не устраивает возможность вырезания бордеров и корнеров. заебешься же. ебучий дезигнер, не мог нормально нарисовать, мудила
проиграл с мамкиного продажника. уроки то сделал?
Теоретически тут может помочь свойство border-image. Но на практике я его не применял никогда, так что не знаю как оно себя поведет.
иди на хуй, жирнота зеленая
валера, съеби в сиб
ну а хули ты хотел, скоро это станет мэйнстримом и дизайны начнут хуячить все элементы интерфейса на нем, а шо, грузится быстро масштабируется идеально.
Подскажите почему у меня спрайт с первого элемента не убирается? Что я написал не правильно? Уже пробовал :hover:first-child { content: none; } и :first-child:hover { content: none; } . Помогите разобраться, даже гуглил и вроде все правильно написал.
псевдоклассю этого элемента
прошу всего лишь посмотреть код
В твоем коде нихуя не понять, но предположу, что потому что ты перезаписываешь свойство content, а спрайт лежит в background.
http://flexboxfroggy.com/#ru
Если уже выкладывали - сорян. А так может для ньюфажиков потом пригодится.
типа кроссбраузерность хреновая будет.
div {width: 500px; border: 3px solid black;}
p.wide {margin-left: 10px; width: auto; margin-right: -50px; }
Не могу понять, или я дебил, или да. Есть родительский div, шириной в 500px. у потомка p указано width: auto, так что его ширина складывается из двух margin + width, заполняя контейнер. вопрос - почему в инспекторе ширина получается 540px? помогите, пожалуйста
И еще вопрос у меня.
>нет вложенности селекторов больше двух
Имеется ввиду не писать C1 C2 C3{}, а только C1 C2 {}? Или даже C1 C2 {} не использовать чаще пары раз?
Да, min-width для body. Там фоны могут съезжать когда не прописываешь и экран меньше.
p.wide - так писать не надо. Просто класс указывай.
Конкретно по твоему вопросу.
есть доступное пространство в 500px. Ты от него margin-left: 10px; забираешь 10px. Выходит 490. А потом ты пишешь margin-right: 50px; таким образом "добавляя" еще 50px. (минус и минус дают плюс). 490-(-50)=540.
чем меньше, тем лучше. пробуй обходиться c1 c2 {}
Потом в продвинутом изучишь БЭМ, будешь по нему писать.
Я даже не знаю, как тебя поблагодарить. Спасибо, няша, будь здоров и умён. Прям расцеловал бы тебя.
О, прости, если не по адресу.
Но вот я, чтобы не мучиться с размерами, полюбил указывать:
{box-sizing: border-box;}
:after, :before {box-sizing: inherit;}
Это теоретически может вылиться во что-то неприятное?
Осваиваю респонсив-адаптив, и там дополнительный геморрой с расчетом процентных паддингов-маргинов-бордеров просто взорвет мне мозг.
тупой ньюфажик*
Да я сам, считай, ньюфажик, лол. Курю продвинутый.
Ну вон тот же бутстрап вроде юзает бордер-бокс и ниче как бы.
Ну и Громов на первой лекции продвинутого показывал как можно менять.
выльется в хреновые размеры на старых ie.
>А с такой бешеной конкуренцией будешь плясать вообще под любую дудку
Кстати может прикроем тредик? А то работы реально не будет с такими темпами и зарплаты просядут.
Оба варианта рабочие и приводятся в доках: https://ru.bem.info/method/naming-convention/. В Яндексе использую первый. Мне он тоже больше нравится.
Такой вложенности селекторов вообще не должно быть никогда, чтобы браузер не бегал до самого верха дерева, проверяя вашу ебаную вложенность. Отдельный класс на все и > в крайних случаях.
В кратце, с помощью чего все эти вылетающие свистоперделки делаются? Фреймворки JS?
>>459210
CСУКА БЛЯТЬ Я ВИЖУ ЧТО В КОДЕ ТАМ ЕСТЬ КАКИЕ ТО ФАЙЛЫ, но откуда он узнал какие имено надо файлы брать и как он узнал что имено прописывать в коде.
Ебать ты тупой, если ты даже это не можешь найти у него на гитхабе, то лучше уже сейчас бросай верстку.
Проблем не будет, просто 2 пробела более распространены. В командной работе все равно придется делать так, как уже есть в проекте.
Просто иди нахуй, уебан. Я спрашивал как он узнал что делать со шрифтами что бы выгледело в точности как макете, а не искал файлы шрифтов, профисанал хуев.
Инструментом "текст" нужный кусок выделял? Может так видно будет
Вот и оправдания пошли. Сначала установи операционную систему вместо линупса и научись пользоваться фотошопом, дебик)
наставник подсказал.
Да бля просто подключаешь с гуглфонтс, потом прописываешь семейство с фоллбеками, размер, высоту линии, жирность и все. И будет нормально выглядеть
PlayOnLinux это, если я не ошибаюсь, какая то надстройка над Вайн или что-то подобное ему? Так не пойдет, ставь витруалку с виндой (например VirtualBox) и там юзай фотошоп. Сам на хубунте сижу, и проходил через фотошоп в Wine.
Давай я тебе за 30 сделаю
Ноут слабенький для виртуалки. У меня раньше нормально фотожор работал, семейство фонта показывал, размер фонта, строчки. Потом сломался. И заново не становился. Еле нашел версию которая запустилась. Прийдется онлайн версией фотошопа пользоваться.
Я кстати так и не смог добиться того, чтобы шрифт Нердса выглядил 1в1 с макетным, хотя все прописывал пиксель-в-пиксель. Особенно фонт-вейт там непонятный.
другой дебил
Тут в относительных размерах высот блоков дело мейби?
Я сделал примерную верстку макета, но она аккурат под две страницы, а тз в том, чтобы под одну сделать.
Ну, во-первых его на интенсиве рассматривают.
Во-вторых тот же Громов его юзает и если я не ошибаюсь то и Харитонов из одноклассников который.
В-третьих бутстрап тоже на нем компилится по дефолту
мимо анон
Не отменяет того, что грант говно.
Я же ньюфажик. По гранту дохуя мануалов+интенсив. Так я вообще читал, что самая йоба - это вебпак. Но мне бы сначала работу найти, а потом уже задумываться о том, какие сборщики юзать, лол.
Вебпак больше на работу джс-файлами заточен. Для сборки проекта удобнее грант/галп.
Не слушай тех долбоебов. Если тебе хватает гранта - пользуйся. Когда не хватит - перейдешь на что-то другое. Главное ведь выполнять поставленные задачи, а не хвастаться какие вундарвафли юзаешь.
Забей на этого дауна, никто из этого треда не почувствует разницы между таскраннерами.
Кеканул знатно.
Конечно же, никто не заметит разницу между записью временного файла на диск и работой с потоками. Всего-то временная разница раз в 10.
Ну погугли какая разница в скорости у оперативной памяти и записи на диск, лалка.
Грант норм, если у тебя много ресурсов на компьютере.
Вот у меня 4 гига оперативы и при нескольких открытых psd макетах грант начинал уже ооочень долго думать. Это было совсем не круто ждать по несколько секунд, чтобы посмотреть страничку. В тоже самое время у галпа такое практически не случается и в среднем ему требуется где-то полсекунды, чтобы обновить стили и какие-то десятые секунды на компиляцию скриптов.
Это норма его использовать в 2016?
Или лучше не ебать мозг и дальше делать inline блоками или флоатами?
А ведь правда считается, что если в вакансии пишут "У НАС НЕ КУРЯТ", то это скорее всего компания редкостных заёбщиков, которые будут тебя дрочить за каждую неэффективную секунду?
Я просто не понимаю, это так страшно, если человек на пару минут выйдет покурить?
Ну как бы набор требований тут почитай и посмотри на вакансию, зарплату.
И почитай наборы требований на джуна какогонибудь или просто стажера. + еще и вилка обычно не такая
нахуй нужен хр от которого сигами воняет?
Ты разницу в них видишь?
>>459245
Ну если я таб настрою на 2 пробела, это же будет то же самое, что и два пробела, отбитые пробелом?
да
В то время как на западе, много кто говорит, фронт-ендеры чуть ли не лучше оплачиваются и более востребованы.
Почему так сложилось и изменится ли ситуация в дальнейшем, кто как считает?
В каком месте? Верстать разве что проще, но в продвинутом фронт-енде довольно много сложной навороченной хуйни. С дивана даже скажу, что в бек-энде поменьше всякого говна.
Вот пример: у меня есть блок features, в нем есть несколько блоков feature с заголовком и текстом.
У меня у заголовков в фичах будет класс:
features__feature__header или можно просто feature__header
??
Я пока не совсем проникся в бэм, но по твоей записи получается элемент в элементе, чего нельзя делать. Второй вариант выглядит правильней.
Всем нужен фулл стэк, который стандартный шаблон на цмс натянет, а если надо, то и доверстает. В итоге получается такой себе спец средней руки, который одновременно знает все и нихуя.
header
header__feature
header__title
header__text
Если хедер очень большой и у него может быть свой собственный тайтл:
header
...
header-feature
header-feature__title
header-feature__text
я как-то имел дело с одной говеной веб-студией (а таких наверняка большинство), и там с фронтендом возились редко, и верстали тоже редко. все сайты пилились на готовых темах вордпресса и других цмсок, и выглядели как правило хуево. требовались там в основном либо пехапешники с минимальными знаниями фронтенда, либо те, кто мог все понемногу. из чего я сделал вывод, что ёба-фронтендеры нужны в основном в сириоус бизнесе, где клиента не устраивают говнотемы цмс, а хочется свой дизайн со всякими ништяками.
Просто у нас во многих местах у людей такой менталитет: платить поменьше работнику, а делал чтобы побольше и как можно лучше.
И кстати о вакансиях. Натыкался на одну за 500 баксов. Написано нам нужен html-верстальщик. (причем верстальщик выделено жирным было). А прочитав требования которые хотят выходило что этот верстальщик такой себе работающий за шестерых: дизайнер, верстальщик, фронтенддев, бекенддев, сео-специалист и контент менеджер.
Ну и пусть идут нахуй тогда или платят в 6 раз больше.
лал, это они еще забыли написать, что компы еще чинить надо будет.
закрепите уже в шапку, бля раз пятый наверное кидаю допы к базовому
https://github.com/tsergeytovarov/htmlacademy-basic-additional-material
чувак, вот тут короче в разделе js есть
Критерии сдачи финального проекта
Благодарю.
Ты вообще о чем и в чем проблема?
Не могу допердолится с галпом, эта сволочь не успевает сконкатенировать файлы и минифицирует старую версию.
> Ты вообще о чем и в чем проблема?
Ну вроде как дохуя строк в коде - это пиздец, особенно для хтмл файла, я сам нихуя не понял.
строк должно быть столько, сколько нужно
не очень. Посмотри еще раз как в видео верстается
http://c12266.shared.hc.ru/lookshop/index.html
http://c12266.shared.hc.ru/lookshop/catalog.html
http://c12266.shared.hc.ru/lookshop/catalog-2.html
И еще вроде как адаптив на @768. Что не знаю как оживить js, просто вхуячил --active.
Накосячил с классами БЭМ и тегом main. Последний вроде как должен нести ориджинал контент, но не судьба. Очнулся когда почти закончил.
Понятно что копаться в этом никто не будет, но пока делал возникло несколько вопросов:
Всякие там + 1 - ; review 12; $10000. Они делаются <span></span>? А оборачивается только число или можно с символом $?
Касательно адаптива и БЭМ: В видосах говорилось что при верстке след. страницы мы бодику добавляем класс и потом нужные элементы перебиваем этим классом. А как быть в БЭМ? Если например на 2х страницах у меня одинаковые шапки, но на мобильной версии они будут отличаться. Тупо подключать на другой странице отдельный css?
Другой вопрос касательно <a>. Я так понял что а это именно ссылка на другую страницу, т.е в принципе всякие там +- и прочая хуйня может обойтись <div> с pointer?
Пока делал еще тонна вопросов назрела, но сука забыл.
Конструктивная критика приветствуется. Да и в слайдере есть Моника Белуччи
Это не бобер
Суть в том, что я работаю 2 через 2. И в свои выходные посвящаю 1-2 часа изучению верстки, на большее не хватает терпения и мешают некоторые бытовые обстоятельства. На работе полно времени, но нету практики. Пытался в кодинг со смартфона - только распалил анус понапрасну. И вроде и время проебываю даром и ничего поделать не получается.
Что можно придумать? Можно ли кодить с планшета? И есть ли смысл читать какие-нибудь книги без мгновенного применения полученных знаний? Вот за ноут могут и пиздюлей вломить, так как его так просто не спрячешь в случае чего, да и место не позволяет.
охрандосом штоле работаешь?
Логотип относится к структуре, не к презентации страницы.
Ебашь через img сохраняй в .png
как вот этой хуитой пользоваться? Я не зарегаться, не схоронить, нихуя не могу.
http://codepen.io/Terny/pen/LGgKVM
Он все правильно говорит, ебашь в img
Если бы у меня был один единственный keyframes, то вариант с использованием свойства animation-iteration-count - мне бы подошел. В моем же случае - используются четыре разных последовательных keyframes, которые образуют один большой анимационный процесс, который необходимо зациклить без помощи JS. Возможно ли это?
Там его нет, я не умею в js
в бэкграунд размещаются всякие украшательства, в имг семантически важные элементы страницы
На самом деле, группировка файлов - это очень любопытный вопрос. Я пробую верстать по бэму, и пока у меня каждый блок это отдельный scss файл, все эти файлы подключаются в объединяющий файл, туда же подключается и файл с переменными.
Адаптив конечно по пизде. Вьюпорт меньше контента постоянно, горизонтальный скролинг нот гуд.
>>460332
Эт тебе:
1. Do NOT use large fixed width elements - For example, if an image is displayed at a width wider than the viewport it can cause the viewport to scroll horizontally. Remember to adjust this content to fit within the width of the viewport.
2. Do NOT let the content rely on a particular viewport width to render well - Since screen dimensions and width in CSS pixels vary widely between devices, content should not rely on a particular viewport width to render well.
3. Use CSS media queries to apply different styling for small and large screens - Setting large absolute CSS widths for page elements, will cause the element to be too wide for the viewport on a smaller device. Instead, consider using relative width values, such as width: 100%. Also, be careful of using large absolute positioning values. It may cause the element to fall outside the viewport on small devices.
Погоди, не понял, вроде бы на 768 нормуль, никаких полос не наблюдаю. Бля рад бы почитать то что ты скинул, но в англ не айс. Я так понял что лучше не назначать абсолютные размеры.
В том-то и дело, что у тебя адаптив только под 768, а под 786 или 730 уже нет. Responsive подразумевает адаптивность под любой размер. У тебя по факту две статики под 2 разрешения. Глянь как сайт ведет себя вот тут http://tattly.com/ или тут http://ucsd.edu/ браузером посжимай.
Ок, вечерком переделаю и покажу, я так-то делал резиновым, но потом в какой-то момент боди ограничил, подумал что как-то не заебись все это ужимается)
http://spritegen.website-performance.org/
вот эту юзай, тут все интуитивно понятно. А вообще конечно лучше автоматизировать (после продвинутого поймешь)
базовый интенсив - слайдер на css разобран. Можешь глянуть доки бутстрапа. Если ньюфаня - смотри базовый и вкуривай все что там.
причем здесь руби к фронту (верстке в частности)?
Лучше не книги читать (тем более старые), а статьи, слушать выступления с конференций и подкасты.
Если все же хочешь почитать что-то, то судя из того что читал про html можешь почитать про css теперь)) Того же макфарланда например
Вообще держи http://frontendbookshelf.ru/ тут выберешь че надо
поясните в чем проблема, когда я уменьшаю экран текст тоже начинает меняться. Картинка в бекраунде тоже уменьшается и появляется заданный фон в боди. Не понимаю в чем проблема, раньше такого не было. Проверил в других своих макетах, там все нормально.
Чтоб ужималось заебись надо прописывать медиаправила под граничные разрешения и перестраивать контент. Кароч разбирайся с этим, это основа адаптива.
А как он блядь должен себя вести если ты контейнеру текста паддинги боковые фиксированные задал? 270px лол.
а с текстом как быть или это нормально?
и че мы там будем обсуждать?
Тут-то тебя что не устраивает? Нормально сидим вроде.
Я совсем ньюфаг, не знал, про фронт и бек. Я думал, что нужно уметь и то и то. Спасибо за ссылку
если совсем ньюфаг - смотришь интенсивы из шапки, читаешь все допы, пилишь макеты. После того, как это сделаешь уже будет неплохая база, на которую будешь наслаивать что захочешь.
Допы к базовому еще от одного из наставников:
https://github.com/tsergeytovarov/htmlacademy-basic-additional-material
короче, смотри, учи, верстай, гугли, задавай вопросы. Удачи
Благодарю.
правильно
http://codepen.io/anon/pen/yeQNeN?editors=0100
не понимаю почему ссылка в блоке creative-info не хочет менять свое расположение. Мне надо ее сделать в центре блока, но паддинги и маргины не помогают. Так же интересует вопрос насчет клеарфикса. Я ведь зря его прописываю если у меня нет флоатов?
> Download fonts
> You do not need to download the font to use it on your webpages. Instead, refer to the "Use" section.
у тебя ссылка по дефолту то инлайновая, вот и параша. Это первое. А второе - ты можешь еще наткнуться на схлопывание маргинов.
(в базовом кстати обо всем этом говорится)
клеарфикс нужен когда есть флоаты
ссылку
http://codepen.io/anon/pen/yeQNeN?editors=1000
Правильно переделал?
Кстати в интенсиве не говорилось про псевдоэлементы, когда например я уменьшаю экран, то полоска которую я сделал через афтер тоже перемещается. Это считается за нормально?
Что блядь значит нормально? Она ведет себя так как ты это задумал. В твоем случае она перемещается за своим родителем.
В общем не канон и так делать не нужно? И комментарии все равно строку занимают.
>>460493
В том то и вся загвоздка, что реализовать такую анимацию с помощью одного кейфрейма нельзя( по крайней мере я не знаю как). Если кто-нибудь может подсказать, как можно это сделать с помощью одного кейфрейма с использованием лишь CSS3(JS -нельзя), то буду очень благодарен.
Если глянуть на общую анимацию, то видно, что фигурка вначале перемещается, затем останавливается, и потом снова продолжает перемещение. Именно этот момент я и не знаю как реализовать с помощью одного кейфрейма, чтобы объект остановился, а затем продолжил движение.
нормально все - посмотри вторую часть первого вебика продвинутого там Громов поясняет как он отделяет.
Да и за коменты он говорил.
ну типа да
и он там говорил мол юзает 1 пустую строку, 3 пустых, и может если очень здоровая страница заюзать 5 пустых для отделения.
не, флоаты
Я полагаю он предлагал тебе дрочить JS и его фреймворки. На хх найти фронтенд специальность и посмотри требования. Обычно это что-то типо: адаптивная кроссбраузерная верстка html+css, умение в линукс зачастую, само-собой git, ну и ванила JS и его фрейм типо ангуляра, допустим. Потом портфолио дрочишь попутно отправляя резюме всем кому попало. Забудьте о работе версталой, это раньше можно было быстренько вкатится и сидеть себе верстать за копеечку. Устроится-то можно и сейчас, но верстал берут исключительно на верстку и расти вы там никак не будете. Сегодня уже сформировалась вполне себе четкая профессия фронт-енд девелопер, в которую вкатится с легкостью увы не выйдет, но и платят соответственно больше за знания. http://jetbrains.ru/careers/requirements/frontender/
>платят соответственно больше
твои слова да некоторым работодателям в уши, порой листая вакансии (на будущее) складывается мнение, что они хотят достаточно тупого "фуллстека" в плане того что он пойдет в шаражкину контору работать за гроши, но при том продвинутого в плане того что может сделать все (как бэк, так и фронт, а еще вдруг чего и за дизайнера че-нибудь подправить)
>>460767
видел вакансии на версталу чистого, где максимум было jq и еще одну на стажера, где ничего кроме знаний html, css в требованиях не было. Но такие не часто попадаются.
> видел вакансии на версталу чистого, где максимум было jq и еще одну на стажера, где ничего кроме знаний html, css в требованиях не было. Но такие не часто попадаются.
Да это я и сам видел все, просто для себя понимаю, какой я уебок и лентяй.
Ну работодателя тоже надо уметь выбирать. Ни один фул стек программист не может быть профессионалом во всем и сразу. Он будет немного тут и немного там, ничего серьезного такой разраб не сделает, если он не ахуевший гений. Поэтому объявы типа фул стек зп от 20 опыт 100 лет сразу скролю к хуям, а вот четкое определение фронт-ендера с адекватными требованиями и зп по собеседованию беру на заметку.
>>460775
Зависит исключительно от твоих способностей и твоего желания.
На счет без опыта сказать сложно, но более менее полноценный тут: https://github.com/h5bp/Front-end-Developer-Interview-Questions/tree/master/Translations/Russian#js
Лол. Ты понимаешь, что в зависимости от затраченного на дрочбу времени будет повышаться владение языком? Что значит "ещё полгода дрочбы"? Его можно дрочить много лет, сеньором-помидором не станешь.
Я еще не устраивался, но большинство ответов знаю, JS дрочу год неспешно, верстку 3 месяца. Если пидорнут с джуна я отпишусь..лел
В РФ вообще странное понимание позиции джуна. В одной и той же вакансии на 20к пишут, что набирают без опыта и с базовыми знаниями, но в то же время со опытом работы по полному стеку технологий, портфолио и чуть ли не рекомендательными письмами.
Ну да, это же Россея. Поэтому во влажных надо наработать ахуенный опыт разработки выучить ангельский и заводить трактор на фрилансе.
Там далеко не все вопросы на джуна. Написано же "фронт-енд разработчик". То есть тема более общая.
А вообще некоторые вопросики меня откровенно раздражают, имеются в виду те что из последней секции.
в таких описаниях имеется ввиду что типа нет опыта коммерческой разработки (порой и фриланс они не считают) повод, чтобы платить меньше, даже если ты реально знаешь на большее. А с учетом конкуренции и по 70 человек на одно место (в мы вам перезвоним писали, правда за джаву), они реально могут ебалом воротить и выбирать из кандидатов.
А некоторые укурыши вообще хотят чтобы чел был на испытательном сроке пол года и пилил им чето. А потом типа они может быть возьмут его в штат
Если ты про самый последний-то эт ради лузлов, никто тебя не будет это спрашивать если ты не в гипер компанию типо гугла или бляндекса идешь, у которых столько кандидатов, что можно выбирать даже по уровню сообразительности или по умению напеть песню анусом.
в тз не сказано это делать, но вообще я сам когда проходил базовый сделал так как они рассказывают делать слайдер в нердс (в 6 уроке видос)
Чтоб ее можно было масштабировать вписывая туда любой текст. А потом псевдоэлементами прихуячивать декоративные наконечники.
Еще там ахуенно центральная часть реализована, которая вытягивается под текст, там типо репитом по горизонтали тонкая полоска сделана.
старайся сам понять как делать. Я помню тоже постоянно спрашивал тут, и в итоге нихуя не понимал, что я сделал. Теперь стараюсь вообще не спрашивать тут решения, и результат не стал себя долго ждать. Сверстал 4 макета с базового интенсива, через пару дней буду вкатываться в продвинутый и параллельно учить js.
Советую новичкам поступать так же. Думайте сами, а если не понимаете просмотрите еще раз интенсив(просматривал так раза 4).
20
С меня как обычно нихуя.
Короче, это пиздец.
Да хоть хуерловик, все равно с чтения первого поста.
html/css, bootstrap, js/jquery
) Да, число макак растёт экспоненциально, цены по любому упадут. С другой стороны в той же южной азии перманентный кризис. Один хуй всё решает скилл.
http://karasique.co.nf
Рынок проёбан давным давно, на западе ебанули индусы, в снг дауны.
Из-за атрибута type
Какова вообще рыночная цена вёрстки одного сайта сейчас? 50$? Или меньше?
Если бы за дотку деньги платили... А чем плох путь говнокодера-веб-разраба, который и на JSe чтец и на ПХП игрец, и который сейчас всем так нужен?
> Если бы за дотку деньги платили
Платят, только от такого количества дотки тошнить будет больше, чем от макакинга
Учить Java, английский, вкатываться в московский офис за 90к, потом job offer, h1b и прощай рашка. А веб-макакинг дрочить разве что в близлежайшей перспективе (сьебать от мамки).
>Задрачивать
Планка нужных для устройства скиллов растет быстрее, чем я успеваю ими овладевать.
Добро пожаловать.
> Учить Java
Нахуя это говно, если фрон куди более гибкий, да и ноды с ангуляром никто не отменял.
С джава тоже не все так круто судя по историям из мы вам перезвоним. Тут мне кажется просто глобальная херня с форсом ит, пиарят мол хорошие зарплаты и т.д. Это как в свое время с юристами и экономистами было. Так теперь все блядь в ит кинулись.
Тю блядь, я уже не вывожу, устал пиздец.
Ты неправ, ит это не форс. Весь ит обеспечен реальной валютой-магазинами, виртуальными платежными системами, домохозяйками в одноклассниках, интеллектуальной собственностью, задротами етц. Поэтому никакого "пузыря доткомов" нет, это реальные деньги.
Имелось ввиду сильная популяризация в массах
Есть же аутопрефиксер, поэтому можно не заморачиваться запоминанием какой префикс куда воткнуть, а просто для ие9+, например, не использовать всякую продвинутую хуйню, типа флексов/градиентов. Я правильно понимаю?
Что еще за чушь?
В ИТ такие зарплаты, потому что программист здесь и программист в какой нибудь силиконовой долине работает по одним и тем же стандартам. Инвесторам из белых стран выгодно платить проггеру в какой-нибудь украшке пару кусков зелени и получить свой продукт. А откуда он вылупился - поебать, главное чтобы работал.
Гляньте статистику свежую. В америке ИТшник имеет доход под 100к зелени в год, а восточной Европе - 30к. Чувствуете разницу?
К тому же скилловый программист всегда может свалить. Это не фрезеровщик вася без знания языка, наученный точить гайки на ржавой советской рухляди. Плюс качественный инет, с ним и вовсе работай хоть с Кампучии, лишь бы эффективно.
Вот и получается, что айтишник, птица редкая, особенно качественный. Мало кто доходит до нужного уровня, мало кто становится хорошим спецом. Тонна никому не нужных "программистов на джиквери" тому подтверждение.
А всем нытикам я советую завалить ебло и учиться. Даже в этом треде на этапе верстки сольется хорошо если меньшая половина, скорее всего больше. Еще часть отпугнет базовый джс, еще часть более глубокий. Не сольетесь и проложите свой путь дальше - наверняка что-то выгорит. Ну а если вас пугает конкуренция - пиздуйте на склад/завод/магазин, лел. Там вы поймете, что значит истинная конкуренция, когда на твое место претендует любой залетный синяк с кашей вместо мозгов.
>Даже в этом треде на этапе верстки сольется хорошо если меньшая половина, скорее всего больше
Каждый должен пройти своим путем.
Я вот говнокодил на уровне школьника в течение 3х лет на хорошей для провинции зарплате (а до этого еще 4 года собирал говносайты на джумле и вордпрессе), именно потому что когда-то
>отпугнул базовый джс
И только в кризис, изучая вакансии, я понял что не обладаю реально необходимыми на рынке знаниями, меня это зацепило и я активно поглощаю информацию по современным западным методологиям и инструментам разработки. Благо, практический опыт разработки востребованных рынком [заказчиков говнокода] решений позволяет быстрее поглощать книжки.
Думаю, года через 0.5 перекатиться в Москву на вакансию джуниора/мида во фронтенде, еще через год/полтора зарубеж.
Через 3 месяца мне 29, образования нет.
karasique.co.nf
Добра тебе.
А то почитаю нытье вчерашних уже_не_школьников, так выходит, что мне проще повеситься, лол.
26лвл, образования нет, 2месяца изучения верстки
http://codepen.io/anon/pen/RrqZVp
Поправил за пару минут, как попало, но думаю сам разберешься.
Да всем похуй на индусов. Заказчики тоже не ёбаные дауны и лучше доверят проект Васяну за $20, нежели Раджабу за $5
лол, в пятницу на апворке видел проект именно с такими блоками кода (значения, конечно, были другими), поорал чуток.
Я не понимаю, что происходит в этом коде и зачем.
Бля, еще один. Ты должен был научиться верстать типичные элементы на базовом и несколько макетов после базового. На продвинутом тебе просто рассказывают про доп плюшки, чтобы ты потом их добавил в свой воркфлоу и юзал. Ну типа называл до продвинутого селекторы так, а потом узнал про БЭМ и стал писать по нему. Или писал просто стили, а теперь юзать scss стал, раньше рутину делал ручками, а теперь используешь сборщик.
это все заебись, только вот структура адаптивного сайта не то же самое, что и статичного. перестроения элементов и всякая хуйня, это все изи конечно, онли практиш
Барбершоп же по БЭМу размечают.
Помогите со слайдером. Нужно сделать как на скриншоте, но не получается. Все перепробовал уже.
я и делал по примеру слайдера нердса. Не получается именно в самом конце css, чтобы они показывались. Уже много вариантов испробовал, но не хочет он показывать их.
Щас я сам это буду верстать, потом напишу, лол.
#btn-1:checked ~ .slides:nth-last-child(2) {
display: block;
}
#btn-2:checked ~ .slides:nth-last-child(1) {
display: block;
}
спасибо, а как-то можно сделать, чтобы текст не съезжал как на скриншоте? Просто я тут проверил все что сверстал, и так делается не только со слайдером. Паддинги с боку вроде кроме контейнера нигде не задавал.
если сайт фиксированный - то прописать правильные ширины для блоков и нужное min-width для body
если адаптивный - задавать размеры в процентах, если точно не нужны переносы (короче смотри продвинутый)
Я же писал, не помогает ничего, это тоже. Плейсхолдер остается блеклым, не #000, а каким-то серым.
Что именно твоя вина? Что ты не определяешь вес шрифта на глаз? Это дело привычки.
Что ты уперся как баран в то, что показывает фотошоп и не хочешь просто поменять значение и посмотреть на результат (если у этого шрифта есть нужный вес)? Да, твоя.
>>462108
> ну и нахуя тогда ты нам мозги ебешь?
Так я у опытных ананасов спрашиваю, моя вина или нет? Может это хуита из за браузера и не моя вина, ну.
надо код кидать, когда спрашиваешь
может ты не прописал чегото или еще что - сравни с моей картинкой выше
Что именно? У инпутов убраны границы кроме нижней, фон такой же как и у родительского контейнера.
>input::-webkit-input-placeholder {color:#676767;}
Про лису забыл?
::-moz-placeholder {color: #676767; opacity: 1;}
логично же, еще и -ms туда же
движки браузеров это, вебкит хром, яндекс хромиум всякое говно такое о-опера, моз-мозила мс-говноеды
там какая-то хуйня с пространством имен, кароче смысл в том, что придуманные новые правила типа тех что чуть выше могут работать некорректно пока их официально не подтвердят хуи с W3. И поэтому они скрыты, но по факту они как бы добавляются в обновлениях браузеров. Ты пишешь -вебкит-хопгейлалалей и у твоего движка открываются чакры из которых он достает это свойство и оно начинает работать.
> новые правила
Это говно где-то чекать нужно, как мне понять, что это говно еще не ввели и нужно движки прописывать?
Но что делать если дизайн сверстан без psd макета ? Собственно могут ли они просто посмотреть на то что мой сайт раньше попал в индекс - соответственно все остальные клоны ?
>>462242
а что делать если я не прописываю вебкиты и т.п.? В базовом не показывали вроде об этом ничего или это в продвинутом уже показывают?
продвинутый смотри там препроц сам умеет дописывать что где надо и никакой ебли
Забей, этот нердс ебнутый какой-то. Все значения задал по макету - не похоже.
> препроц сам умеет дописывать что где надо и никакой ебли
Так вот нахуя эти процессы нужны.
другой-неофит
продвинутый смотри
автопрефиксер входит в postcss а там уже дохуя разного. Его (postcss) сейчас активно пиарят создатели.
нет
да, в контейнере не надо ограничение делать.
Но только твоя задумка плоха, ибо там изображения не расчитаны на очень большие моники если растягивать больше 1200
На самом деле можно, если в реал-лайфе. Другое дело, что доход будет в разы ниже. Вообще, заработать можно на чём угодно.
А в less/scss мы получается только используем БЭМ при верстке, а собираем методами less/scss?
> лол, можно подумать, тупо на верстке можно что-то заработать
Всяким контент-менеджерам платят 200-300бачей, которые просто картинки меняют или текст.
Никто и не заставляет использовать все сразу. Для начала достаточно именования классов. Я на нем собственно и остался. Возможно еще одолжу фишку с разбивкой отдельных модулей, но то уже когда разберусь со сборкой проекта, вернее пойму, что оно мне действительно надо.
http://ykro314.github.io/Good_good/contact.html
Честно говоря, не знаю. Если верить гиту, то первый коммит был в конце осени. Я только начал проект, быстренько накидал вертску, затем сходил на собеседование в местную фирму и загорелся идеей выучить джс, а сайт почти что забросил. Только вот с джс уже немного подразгребся и нашлось время и на этот проект.
Если бы щас сел чисто верстать, то думается, справился бы за пару рабочих дней.
неплохо, понравилась адаптивная менюшка
а вот поиск как мне кажется при нажатии должен удлинняться в инпут
>а вот поиск как мне кажется при нажатии должен удлинняться в инпут
Ага верно подмечено, эта фича у меня в планах на завтра. Правда еще колеблюсь, как бы ее поинтереснее написать.
Там есть еще недописанные части и пару косяков, но ничего критичного.
Это ты ходил на собес, все правильно ответил по верстке, но вот из-за JS тебя не взяли, сказали подучить и снова приходить?
бамп
Да, кстати, с слайдером прикольный эффект вышел от репита и сдвига - возьму на вооружение
Помню. Как у тебя дела? JS освоил на каком уровне? Устроился куда-нибудь уже хотя наверное нет, раз сидишь верстаешь дома?
Какие планы?
https://jsfiddle.net/kLzrvvvs/
learn.javascript + частично интенсив HTMLacademy прошел только половину пока, ну и практика ессно.
>>462626
Спасибо няша.
>>462638
Да я как погрузился в джс, так после того резюмешку и не обновлял. На верстальщика, я давно мог идти, но не пошел, мне точно скучно станет, придется все равно рвать жопу в нерабочее время, чтобы развиваться в JS. Решил поднять скиллы до уровня JS/Frontend junior и сходу метить уже на эту позицию. Благо есть возможность свободно подрабатывать в инете, так что на хлеб с маслом хватает.
Щас вот закончил учебник Кантора, поглощаю знания по всей области на очереди куча книг, практики, сайтов, лишь бы времени хватило, лол. Планирую досматривать интенсив, запилить пару мелких проектов ориентированных на джс, для практики. Потом слеплю все это в одно приложение. А там и до нормального рабочего SPA недалеко.
Сайтики тоже не заброшу, этот допилю, возьму что-то посложнее. Инет-магазин какой, или промо многоярусное.
Ну а когда я самостоятельно SPA запилить смогу, значит стека знаний достаточно для джуна+, чего собственно и добиваюсь. Запушаю все в красивое портфолио и пойду ловить удачу.
Такие дела.
Про него говорят в базовом. В принципе он ненужен, если итак стилизуешь все классы, но для подстраховки использовать можно, хуже он не сделает.
Нормалайз нужен для корректного отображения, если вдруг стили не подгрузятся. Тащемта все эти вещи ирл никого не ебут, кроме может твоего тимлида. Заказчики уж точно знать не знают об этом, если вдруг стили отвалятся, пидарасом ты будешь независимо от корректности ХТМЛ кода.
Бамп.
Держи IE10, в основном флексы по пизде пошли.
Спасибо. Странно, у меня в режиме эмуляции с 11го под ИЕ 10 все работает норм. В 9- уже разваливается, да.
Вот у меня есть допустим навигация в хедере.
Я пишу:
<div class="page-header">
Навигация это элемент хедера, я пишу
<nav class="page-header__nav">
А ссылки в навигации как писать? Нельзя же делать элементы от элементов.
ну например как-нибудь вот так
вообще пересмотри еще раз лекцию и прочитай статьи от Громова, головокружительное погружение в бэм и от яндекса
ты разве макет барбершопа видишь? так только пинк и седона - их и верстай.
барбершоп они юзают как пример
ну как продолжить - твои стили подойдут только для декстопа (если верстал резиново то и для планшетов вроде тоже) - а тут у тебя mobile-first подход, т.е. создавать надо новый проект и писать сначала мобильную версию, разметка по БЭМ, разибитие стилей и написание с помощью препроцессоров и т.д. а потом уже с помощью @media переходить к планшету-десктопу
короче говоря смотри интенсив там все рассказано
Оказалось нихуя не просто. Сделал кое-как похоже. Придётся весь оп-пост пройти, что уже проходил, повторить.
Зарплата: 30000 руб
Компания: ООО ПКФ
Дата размещения: 1 день назад
Описание
Требования:Уверенное знание HTML, CSS, JS, jQuery, ajax;HTML/JS верстка встраиваемого контента на основе типового проекта. Развитие типового проекта;HTML/JS верстка интерфейсов (формы, картографические сервисы, мультимедиа);Умение писать четкий и понятный код на JS;Знать принципы методологии БЭМ;Умение работать в Adobe Photoshop, способность самостоятельно порезать дизайн;Самостоятельно работать с большими проектами;Портфолио.Приветствуется:Знание PHP,1C-Bitrix.Понимание основ SEOЛичные качества:Аккуратное и ответственное отношение к работе, внимательностьУсловия:График работы - 5-ти дневная рабочая неделя;Работа в офисе;Заработная плата 2 раза в месяц;Устройство по ТК.
Практически один в один моя работа.
Как раз делаю вёрстку и несложную из неё натягиваю на Битрикс.
Скорее всего заставят пройти курс битрикс-разработчика. Он бесплатный, есть на сайте, но жутко скучный
Ничего особо интересного, но на первое время нормально. У меня уже больше, чем на год затянулось.
Насколько я понял каждый движок по разному рендерит шрифты. Подстраиваться настолько под каждого - не столько платят.
А платят сколько? Как на этой вакансии? Город не ДС? Сложно было влезть? Мне и на первое время и не на первое подобное нормально, главное, чтобы стабильный доход был, хоть и небольшой и хватало времени потом повышать квалификацию и своими проектами заниматься.
https://dev.1c-bitrix.ru/learning/
>>463230
Да столько же. Но начинал с 15к.
Живу в ДС2, но работаю удалённо в ДС. Я сделал несколько макетов, потом начал приставать к одному одногрупнику по поводу обучения и работы. У него как раз его друг, hr искал верстальщика. Им нужен был опытный, но взяли меня за еду, так как с тестовым вроде как неплохо справился.
Мне кажется, здесь было самое главное заранее наверстать норм макетов, желательно с js.
И на том спасибо. Вот пройду курсы из соседнего треда. Сверстаю с десяток крупных макетов и буду искать уже где и что пишут.
Так какой именно курс то, скажи пожалуйста? Там контент-менджер, администратор, хостер
Интеграция дизайна и настройка платформы (ссылку на который я и кидал)
и т.д.
Курсы из какого треда?
Никто скорее всего не будет смотреть все десять. Особенно учебных.
Лучше вылижи до блеска 2-3 и показывай.
>>463236
Разработчик Bitrix Framework, все до него тоже желательно. Можно постепенно к нему подниматься.
пасиба
Хедер - меню список инлайн-блоками, ховер эффект - нижний бордер, бордер-радиус 4пк, уменьшить нижний падинг на 4пк, всплывающее под меню - абсолютным позиционированием, декоративный треугольник на подменю - нижний бордер нулевого псевдоэлемента, абсолютное позиционирование, бэкграунд хедера повторяющаяся хуита с черточками из спрайта.
Слайдер - три скрытых радиобтн с двумя лейблами к каждому, сами кнопки стилями по типу кнопок меню.
Блоки с read me - позиционированием, декоративный эффект как и у меню.
why modus - сделал бы блоком, нижний пики вырезал бы одним большим пиком в верхней серой частью/или бэк на 50%.
why choose us - список с псевдоэлементы накладывающимися друг на друга или > отдельно символом/бэк из спрайта.
50/70/80/100 - полу прозрачный блок с бордер-радиус 50% и разными цветами бордера, красный/зеленый. Цифры попробовал бы сделать инлайн блоками.
our hapy clients - это слайдер?
Остально хуита.
Я все правильно думаю?
неофит_не_прошел_первый_интенсив
Спасибо, анончик, ты очень добр!
не пойму, мне надо снова по новой перезалить свой макет в гитхаб?
ебать какая сложная хуйня.
Требования:
- работать по локальной сети (не только локалхост, предпочитаю тестить адаптивность на своём планшете)
- быть максимально простым в настройке (в идеале - работать изкоробки)
Раньше пользовался Mongoose free, который удовлетворял всем этим критериям, но в последнее время заметил, что он не реагирует на обновления файлов.
Т.е. запустил сервер, посмотрел с планшета, увидел косяк, исправил его, обновляешь - а загружается неисправленная версия.
Надеюсь на твою помощь, антуан.
Что-то у меня твой мангуст не встаёт, там на семёрку полный админ что ли нужен? Говорит "отказано в доступе".
У меня портабл. Закидываешь .exe в рабочую программу, запускаешь и он сам разворачивается.
дак вроде можно плагин для гранта/галпа там типа и серва поднимает и рефрешит и по вай-фай доступ есть
wamp
А можно чуть подробней, а то нихера не пойму. Скачал, иконка с мангустом нарисованным, запустил, и что дальше? В трее правой кнопкой жму, там только "инстал сервис" можно нажать, больше ничего не понятно.
Нажал, ничего не происходит, "инстал" стал неактивным, а "деинстал" активным, все. Больше ничего не произошло.
Ты ебанутый какой-то.
>>463307 - кун
>463366
Нажал, открыло страницу в браузере, пустую. Ладно, хуй с ним.
>>463405
Ты лучше скажи, как ты с локалки запускаешь страницу на планшете, или я не правильно понял?
Просто пистаь как обычный ксс, только в разных файлах, с использованием всяких переменных и прочих штук, потом это все вместе собирать препросом?
А почему САСС, а не ЛЕСС? Впрочем попробую сначала на Less писать, потом перекачусь на САСС+гулп/грант.
Стилус круче. Там надо писать ещё меньше. А можно и просто так цсс код вставить, все равно будет работать.
Спрашивай конкретнее. Суть в том, что в JS функция это объект первого класса, то есть ее можно записать в переменную как число, строку или массив. Соответственно, ее можно куда-нибудь передать, вернуть и т.д.
Мне не понятно почему при повтором вызове courent или courent2 они не сбрасываются и выводят увеличенное на 1 значение.
Там дальше это объясняется, при создании функция «захватывает» свое окружение и работает с ним. Пока функция висит в памяти — ее окружение сохраняется. Если создать еще одну функцию, то у нее будет свое окружение.
Того, что здесь есть достаточно http://sass-lang.com/guide
На всякие миксины, условные операторы и прочие йобы можешь пока забить, постепенно сам до этого дойдешь.
Потому что mongoose слушает не локалхост, а локальную сеть, создаваемую моим вайфай роутером. Я подключаюсь планшетом к роутеру и могу получить доступ к серверу через его локальный IP.
С апачем такая же история, но пришлось немного почитать конфиги.
Почитай еще раз про объект Lexical environment, в нем суть.
Если коротко, то за каждой функцией при ее вызове закрепляется объект LE соответствующий ее окружению. В нем записаны аргументы функции, объявленные внутри переменные и т.д.
Как только функция отработает - объект выбрасывается и удаляется сборщиком мусора в целях оптимизации. При последующем ее вызове где-то еще создается новый объект, чистенький, с заданными параметрами.
Если мы записываем функцию в переменную, то там же и остается все ее окружение. После отработки функции ее объект окружения не выбрасывается, ткак записан и остается в переменной, в данном случае в counter, но его значения могут перезаписаться. Как-то так.
У меня диссонанс: вроде все понятно, но мне нихуя не объясняет. Почему она "захватывает" свое окружение? Почему она весит в памяти?
Что ты подразумеваешь под "выложить"? gh-pages - это геморрой тот ещё, тем более на 1 гитхаб акк можно иметь только одну gh-page.
А чтобы настроить сервер на прослушку из внешней сети, надо возиться с пробросом портов, а мне лень.
Проще всего github pages, да. Не вижу никакого гемора в том, чтобы написать git push.
На один аккаунт у тебя может быть сколько угодно сайтов, они будут доступны по адресу username.github.io/project.
Можно еще зарегать аккаунт на хероку и лить туда, например.
Функция внутри функции же отработал, прибавив currentCount единицу и должна сброситься. Потом, с твоих слов, объект сбрасываться и остается чистым при последующих вызовах. Потом ты говоришь: "После отработки функции ее объект окружения не выбрасывается, ткак записан и остается в переменной". Это же противоречиво?
Чего я не понимаю?
У меня есть акк на хероку, но я использую его для демонстраций клиенту. В процессе кодинга, когда мне часто нужно вносить мелкие правки, я заебусь git push писать и ждать каждый раз.
Смотри:
makeCounter()();
Здесь makeCounter вернет функцию, тут же ее вызовет и выбросит саму созданную функцию и ее LE, потому что хранить его нет смысла — пользователь больше никогда к ним не обратится.
var count = makeCounter();
count();
Здесь makeCounter вернет функцию, и запишет ее в переменную вместе с ее LE. Поскольку интерпретатор не знает, понадобится ли она пользователю или нет, то он не может просто ее выкинуть. Поэтому при повторных вызовах count она будет сохранять свое LE.
Идею, того, что в counter записывается функция ты уловил, ок. Осталось понять, что этот currentCount каждый раз при создании функции будет новый.
Да, замыкания и захват скоупа непростая концепция, но как только ты ее поймешь, осознаешь насколько она удобная. Я, помнится, так же мучался с указателями в Objective C.
На правах нюфага спрашиваю - а чем плоха тема - на питоне поднимаешь сервак:
from http.server import HTTPServer, CGIHTTPRequestHandler
server_address = ("айпишник", 80)
httpd = HTTPServer(server_address, CGIHTTPRequestHandler)
httpd.serve_forever()
И собственно всё. Или тебе всякие бд нужны?
$ python -m SimpleHTTPServer
А верстку тестирую на iOS-эмуляторе (входит в бесплатный XCode)
мимомакоеб
Это копия, сохраненная 14 марта 2016 года.
Скачать тред: только с превью, с превью и прикрепленными файлами.
Второй вариант может долго скачиваться. Файлы будут только в живых или недавно утонувших тредах. Подробнее
Если вам полезен архив М.Двача, пожертвуйте на оплату сервера.