JS интенсив стоит качать? Там что то новое есть из того что на сайте за 300 руб открывается?
>из того
кроме
fix
Нет, не стоит.
Зашёл посмотрел. Ничё вроде так интенсивчик. Ну я и даун.
Подскажите нормальный бесплатный хостинг, плес
гитхаб
На сайте по JS разве есть курсы?
А с php?
в платных про Кекса, там совсем детское задание.
Еще и объясняется как-то идиотски.
Есть какой-нибудь гайд или статья, в которой рассказывается, какие задачи выполняют разные жс приблуды типа ангуляра, реакта, метеора? Хотя бы в паре абзацев, в чем профиты каждого с какими-нибудь примерами.
Везде сразу лезут в какие-то блядские дебри, хотелось бы узнать буквально в паре фраз нахуя каждый из них нужен и где пригодится.
Везде сразу лезут в какие-то блядские дебри, хотелось бы узнать буквально в паре фраз нахуя каждый из них нужен и где пригодится.
Новый devtools 10 из 10 о боже
Перешел по ссылке а там ниже есть ссылка на вот эту статью
https://habrahabr.ru/post/278467/
В прошлом треде один затесывался уже
А и кстати, раз пошла такая пьянка с вопросами про js.
В js-треде уже приняли предложение о добавлении в шапку, что по всем вопросам верстки сюда.
Теперь предлагаю тут добавить, что по всем вопросам js - туда.
И будет нормальное такое сосуществование (хотя оно и так было негласное до этого). А так ньюфани будут знать. Тут учим основы и учимся верстать, за js - перекатываемся туда.
А там в свою очередь тоже будут читать в шапке, что если хотят во фронт, то за основами и версткой к нам.
И все будет чинно, благородно)
В js-треде уже приняли предложение о добавлении в шапку, что по всем вопросам верстки сюда.
Теперь предлагаю тут добавить, что по всем вопросам js - туда.
И будет нормальное такое сосуществование (хотя оно и так было негласное до этого). А так ньюфани будут знать. Тут учим основы и учимся верстать, за js - перекатываемся туда.
А там в свою очередь тоже будут читать в шапке, что если хотят во фронт, то за основами и версткой к нам.
И все будет чинно, благородно)
Фронтаны, поясните почему emmet в sublime text 3 не может в комментирование ктрл+шифт+/ не работает, в конфиге так и написано.
хуй знает я выделяю строку Ctrl+/ и все закоментированно
тоже не работает, че за хуйня
И еще вот такая хуйня, перебиндить не могу
Хз че там у тебя. Но вот по эммету есть видос от Громова - открой 9 дополнительный раздел в базовом.
все тоже самое делал, нихуя
ну пиздец, с нампада не работает, а форвард слэш ряжом с шифтом работает, ну блять нахуй так жить
свои конфиги пиши в кей биндинг.юзер
если че то не работает, попробуй плагины по отключать, иногда бывает такое
Лол, не в обиду, но нормальные люди нампад юзают только для быстрого набора цифр и выражений, ибо в основном не удобно символы набирать - руки передвигать надо. Да и то некоторые небольшие числа можно понабирать и без нампада
>свои конфиги пиши в кей биндинг.юзер
this
у меня работает, но только в англ. раскладке.
да знаю, хуевая привычка
Есть какая нибудь фича для фотошопа чтобы при взятии цвета пипеткой он сразу переносился в буфер обмена?
бля, я даун, нашел
хотя не, если есть возможность копировать цвет в буфре в виде #ffffff, без колор, скиньте, буду признателен
Ребята - такая беда, есть один див, внутри которого кнопка. Так сделано для того, чтобы были прозрачные границы у кнопки.
Надо чтобы при фокусе/ховере менялась граница у этого родительского блока.
Можно ли это организовать на css?
Надо чтобы при фокусе/ховере менялась граница у этого родительского блока.
Можно ли это организовать на css?
Аноны, вот делаю макет по psd. Ну сверстал html, а дальше че-как? Картинки где брать? Или они мне не нужны? Я нипонел.
Смотри интенсив.
Вырезай из макета, очевидно же
Серьезно что ли?
Нет.
Смотри 3 урок там про работу с фотошопом
Что мешает кнопке сделать прозрачную границу?
Я смотрел, он там верстал и все такое с поясняшками, теперь сам по макету хочу сделать. Можешь кратко сказать: вырезать или че делать нахуй? Заранее спасибо.
Тебе уже сказали что вырезать.
Спасибо, просто мне казалось, что он хочет меня подъебать. Счастья тебе и любви.
Как он блядь мог верстать в фотошопе???
Верстал он по псд макету.
правильно делал.
Ну вот. А картинки потом вырезать нужно из псд, так? А то он нихуя не вырезал, поверстал и съебал в закат.
каков подлец!
Чет проигрываю с треда
Хотя нахуя их вырезать, если можно слить слои и бекграундом поставить? Или я неправ?
Если делать прозрачную границу у кнопки, сквозь нее будет видеть только фон кнопки, а мне нужно видеть фон родительского элемента.
Просто пиздец. Уже не можем отличить урок в котором рассказано о работе в фотошопе от урока в котором верстают
Да, я тупой. Можно объяснить популярно?
Анон-нейм, здравствуйте.
Мы завершили проверку заданий и начинаем отправлять всем результаты.
На данный момент мы не готовы пригласить Вас в интернатуру.
Так как количество мест ограничено, мы вынуждены выбрать кандидатов наиболее точно следовавших стандартам оформления кода и допустивших наименьшее количество ошибок в заданиях.
Конкурс составил 40 человек на место.
Мы будем рады Вашему участию в следующих наборах в интернатуру.
Мы завершили проверку заданий и начинаем отправлять всем результаты.
На данный момент мы не готовы пригласить Вас в интернатуру.
Так как количество мест ограничено, мы вынуждены выбрать кандидатов наиболее точно следовавших стандартам оформления кода и допустивших наименьшее количество ошибок в заданиях.
Конкурс составил 40 человек на место.
Мы будем рады Вашему участию в следующих наборах в интернатуру.
Я тебе говорил посмотреть урок по работе в фотошопе. Там Громов рассказывает, как нарезать макет, как брать параметры шрифта, замерять отступы и т.д. Он там НЕ ВЕРСТАЕТ!
Ты же видимо не удосужился глянуть что я тебе сказал а рассказываешь что чтото глянул и там верстали и не знаешь откуда картинки брать. Так вот говорю еще раз СМОТРИ УРОК ПО РАБОТЕ С ФОТОШОПОМ там все рассказано, в смысле как картинки нарезать и т.д
Вот теперь спасибо. А то я читал интенсив по верстке.
А если через боксшадоу?
http://jsbin.com/rezayiyubu/edit?html,css,output
С планшета не удобно, но смысл должен быть ясен
Ну ка поясните долбаебу, почему ховер не подцепляет анимацию второго объекта? Нет такой функции что ли? http://codepen.io/anon/pen/WwvBgP
Это ты получил? И от кого? Пили кул стори короче
Бля я разобрался. Оказывается нельзя вызвать анимацию одного объекта по ховеру другого, если другой не отец для этого объекта. Пиздец, кто бы знал. http://codepen.io/anon/pen/WwvBgP
Спасибо тебе, анончик, спас меня от этих диких оберток.
Потрахался же я с этими анимациями. Нюансов пиздец. http://codepen.io/anon/pen/JXdQZv
Кушайте на здоровье лол)
Увидел объявление о наборе на стажировку в какую-то айти-студию. Делал тестовое 4 дня, отправил. Сегодня получил такой вот имейл. Печальбеда.
Соглашаюсь на тестовые задания >3 часов только при условии, что они будут оплачены, независимо от решения о моём приеме на работу.
Это не прием на работу. Это прием на стажировку. И задание было уровня стажеров, даже не джунов.
http://itcraft.com.ua/html-css-internship-2016-0439599340/
Это как работа, только без зарплаты? Норм.
А, это ты с этой формой мелькал в прошлом треде.
Я через комментирование делаю, можно через font-size: 0; для родительского элемента
Комментирование выглядит очень костыльно, на работе за такое обоссать могут, а font-size: 0; не работает на андроиде до 4.3.
Но мне интересно, как на этом сайте сделали? И вообще я часто такое встречаю, сверстано инлайн блоками, но нету ни одного из решение по удалению пробелов.
вася. посмотри исходный код, там же эти ссылки захуячены в одну строку без переносов.
Лол, почему-то сразу не заметил. Спасибо.
Это как зарплата выдается опытом и знаниями.
Йеп.
>Конкурс составил 40 человек на место.
Это пиздец же, нет?
Иллюстрация к конкуренции на низком уровне в айти.
Юзали бы флксы, такой хуйни бы не было.
да еще и не по бэму сверстано, вообще хуесос какой-то.
Мне нравятся флексы. Они мне гораздо более понятны и их свойства более очевидны, чем у блоков и тем более инлайн-блоков.
Оправдано ли их повсеместное использование? Я стараюсь сразу придать свойства флексбоксов почти всем дивам и другим разделам страницы, чтобы мне сразу была очевидна ее работа. Хотя понимаю, что во многих случаях я мог обойтись боксами. Это нормально, или признак плозой верстки?
Оправдано ли их повсеместное использование? Я стараюсь сразу придать свойства флексбоксов почти всем дивам и другим разделам страницы, чтобы мне сразу была очевидна ее работа. Хотя понимаю, что во многих случаях я мог обойтись боксами. Это нормально, или признак плозой верстки?
Кстати вопрос по поводу БЭМа. Часто у работодателей требования по использовании этой методологии?
В больших компаниях верстают под ие8 все еще, в можных мелких веб-студиях наверное можно будет и на флексах все строить.
А вот и утренняя запеканка.
>Спасибо за макет) есть прикольные идеи, но в целом конечно этого совсем мало. Вам следует практиковаться и набираться опыта!
Часов 12 делал говнодизайн. Хотя хули хотел, первый макет все таки. Вот такое вот уебище родил, лол.
>Спасибо за макет) есть прикольные идеи, но в целом конечно этого совсем мало. Вам следует практиковаться и набираться опыта!
Часов 12 делал говнодизайн. Хотя хули хотел, первый макет все таки. Вот такое вот уебище родил, лол.
Вырвиглазное чудо
Тебе лучше пойти в токари или сварщики.
Проиграл с пиццы Нищенской.
Тащемта, верстаю я хорошо, это первая работа в дизайне. Но да, нахуй туда лучше не лезть если вкуса нет. Буду дальше колонки двигать.
НЕ ОЧЕНЬ конечно, да. Но я бы не судил о наличию или отсутствию вкуса по первому макету. Читни книжку какую, запили еще парочку, практика решает. Если и тогда получается говно без признаков развития - тогда уже да, можно говорить что дизайнер из тебя не получится.
Я не дизайнер, но по-моему у тебя проблема прежде всего в сочетаемости цветов. А также в подборе шрифтов и их размере.
Почитай про это. У них точно должны быть целые талмуты на эту тематику.
Адов пиздорез, глазам больно
шрифты - хуита
верхнее меню - двухэтажное - хуита( нужно все в одну линию)
Сочетание цветов - даже сказать нечего надо было юзать вот эту штуку хотя бы http://colorscheme.ru/
фон какое то невнятное говно
Все это нужно раскидать по колонкам хотя бы
и в футере по мимо ебенячего пустующего пространства которое нужно заполнить контактами нужно иконки соцсетей и надпись тоже в одну строку сделать
Джульетту надо было с селедкой делать.
Лол, за деньги?
Нет, тестовое. В мухосрани вакансия десигнера появилась, ну и попробывал, лол.
Пиздец ты попробовал.
Да и похуй. Все равно какой-то опыт получил. Раньше с PS только на уровне верстки работал.
кек. картинка как бы намекает, как будет примерно выглядеть блевота после их пиццы.
Как называется приблуда всаблайме омник или что то такое, вроде показывает где неправильный код или дописывает выражения, забыл
бывает. и дальше, думаю, все чаще будет.
папку добавь нужную
Пацаны, как такое же дерево с папками в саблайм сделать? Никак найти не могу.
open folder
Анончеги, как сделать чтобы feature 1-2-3-4 были как на скрине и чтобы справа вот эти бенефиты влезли? Клеарфикс в форме флажка уже вставлял себе в жопу, все равно нихуя.
http://codepen.io/anon/pen/ONyjVV
http://codepen.io/anon/pen/ONyjVV
Clearfix должен быть только у контейнера и только если есть флоаты внутри.
А блок benefits у тебя вообще ни флоат, ни инлайн-блок. С чего он вообще должен с ними быть на одной линии?
Внутри у тебя вообще элементы и инлайн-блоки и флоаты.
В общем какой-то ад, приведи это в порядок.
Тебе нужно ul с фичерами зафлоатить влево, а враппер бенефитов зафлоатить вправо.
Либо, если юзать флекс, то весь родитель в котором находиться все это говно принимает свойство display: flex, и, соотвественно, ul и врапер бенефитов будут флексовыми элементами
Спасибо, ануоки. Пойду про флексы читать.
Да погоди, сделай сначала на флоате, а потом на флексе
Да у меня с флоатами крыша едет, флекс вроде проще дается.
Та ну как это, лол
Типа большинство ньюфагов, которые нихуя не умеют, а подают заявки?
одно дело что макет не оч, но это хуй с ним.
но как на это можно было убить 12 часов - тайна сия велика есть.
Двачую того анона, флексы проще всего.
Господа сегодня встретился с товарищем, так вот умудряется не хуя не шарить,хуярит сайты на Adobe Muse и рубит бабки, как так???
На www.codeschool.com бесплатные выходные.
БЫСТРО ВСЕ ПОБЕЖАЛИ УЧИТЬ ФРЕЙМВОРКИ!
БЫСТРО ВСЕ ПОБЕЖАЛИ УЧИТЬ ФРЕЙМВОРКИ!
Это он так тебе сказал?
А там есть что-то годное разве? После курсов по ЖС там будешь уметь разве что "Hello World" выводить.
Без лоха и жизнь плоха (это к тем людям, которые платят)
Хало, пачаны. Делаю блок типа рилейтед постс для страничек с миниатюрками.
1. Правильно ли я делаю или сейчас уже как-то иначе делают?
2. Можно ли выровнять строчку с описанием относительно картинки по вертикали если только одна строка? Vertical-align: middle пробовал и при этом картику не флотить, но это норм работает когда только одна строка в описании.
https://jsbin.com/ricopidoca/edit?html,css,output
1. Правильно ли я делаю или сейчас уже как-то иначе делают?
2. Можно ли выровнять строчку с описанием относительно картинки по вертикали если только одна строка? Vertical-align: middle пробовал и при этом картику не флотить, но это норм работает когда только одна строка в описании.
https://jsbin.com/ricopidoca/edit?html,css,output
> .relatedminiimg
Делай так: .related-miniimg
да я для себя сайтик делаю
я флексов вообще боюсь. Если нет поддержки, то тэйбл у родителя не будет все ломать?
И кстати, для чего тэйбл у родителя если лишки на флексе?
Да я вообще разметку не вникал. Просто показал как можно сделать и все.
Подключи полифил, если нужны старый браузеры
Лол увидел в мы вам перезвоним
http://m.pikabu.ru/story/vakansiya_super_programmist_4040925
http://m.pikabu.ru/story/vakansiya_super_programmist_4040925
спасибо
Там есть неплохое введение в каждый фремворк и вообще по всем языкам. Побольше чем hello world. Их рекомендуют в js-треде, как один из хороших вариантов начать.
И там дают баджики за прохождение! Их можно пихнуть в профиль на LinkedIn!
Анончеги, прошу помощи еще раз. Пробовал и с флексами, и со списками, как добродушный господин посоветовал мне здесь , но не вышло. Что не так?
Где можно почитать про фоллбэки/полифилы? К примеру, я сделал пиздатый сайт на флексах, а заказчик ВНЕЗАПНО такой: "слушай, епту, сделай еще ие8-ие9, доплачу сотню нефти".
Анон, такая хуйня. Сижу прохожу сейчас курсы на хтмл академии и получается, что все курсы я благополучно прохожу со 100% результатом, но через пару часов я абсолютно нихуя не помню, о том что я делал раньше. Это нормально? Только что изучал формы и спустя 40 минут на финальном задании я позабыл все что делал до этого, буквально только что я проходил урок и уже не помню, что было на позапрошлом. Прохожу задания только с блокнотом где я благополучно каждый урок копирую. Что делать то блять? Я совсем тупой.
Расслабься. Просто так в памяти ничего не откладывается. Можешь посмотреть на эту тему на курсере learning how to learn.
Надо просто практиковаться. Для того, чтобы в памяти закрепилось. Очевидные вещи например вообще если просто прослушал в памяти вряд ли отложатся ибо нет закрепления того, что слушал (нет нейронной связи, которая вырабатывается при основении навыка).
Вариант записывать хорош - но надо потом еще некоторое время просматривать свои записи, ну и практика, как я уже сказал.
Плюс делать перерывы при изучении. Скажем по тому же методу помодоро, либо просто 45 минут занимаешься 15 минут перерыв. В начале следующих 45 минут тратишь минут 5-10 на повторение того, что освоил в предыдущее время.
Так же прогулки на свежем воздухе, качественный сон - все это банально, но влияет на память.
Вот эта хуйня в седоне не модальное окно?
Это форма. Но контейнер ее работать может как и модалка. Щелкаешь на кнопку коричневую - форма выезжает.
Хотя не, я чушь несу. Модалка обычно должна блочить работу со всем кроме нее
Но принцип описал правильно. Щелкаешь на коричневую кнопку - форма выезжает.
О, спасибо.
А
> PostCSS Flexibility
Работает вместе с автопрефиксером?
Ну что автопрефиксер, что флексибилити как я понимаю части постцсс, так что конфликтовать не должны.
Но сам не юзал вообще полифил этот. Может кто знающий точно скажет.
Верстаны, на codeschool все курсы бесплатно в эти выходные!
есть ли какие-то реальные профиты в этом postcss?
а то больно дохуя под видосами комментариев в стиле "нахуя козе баян".
а то больно дохуя под видосами комментариев в стиле "нахуя козе баян".
у меня в закладках вот такое вот лежит (еще сам не изучал)
http://webdesign.tutsplus.com/series/postcss-deep-dive--cms-889
А так вообще по крайней мере автопрефиксер смысл юзать есть)
ну это не одно и тоже сейчас, насколько я понимаю.
Автопрефиксер - это плагин постцсс
Аноны, спасайте, подключил шрифт через гугл, в гугл хроме нормально работает, в других браузерах стоит шрифт по умоолчанию почему-то.
*через гугл фонтс
код покажи
Пацаны, как пик весртать, есть специальный тип?
Спасибо.
Спасибо.
button:button +
input:number (input:text) +
button:button
через двоеточие тип написан если че
Понял, спасибо.
Не надо писать текст капсом, юзай transform: uppercase
ага, только сам хотел ему написать.
И еще классы странные. Если по БЭМ, то че это за чудо?
map__block_title
Блок map у которого элемент block с модификатором title?
Тогда где элемент без модификатора и вообще че за нафиг?
Я в бэм не могу, потому так написал.
Ясно, но лучше просто дефисы ставь тогда а не подчеркивания между словами
> map__block_title
map__block-title
В таком случае дефис?
Ну да.
Оке, спасибо, пацаны.
Спасибо за помощь, добра тебе. Я правда еще шмаль курю это тоже довольно сильно бьет по мозгам.
font-family: 'Roboto', sans-serif;
написано вставлять.
а жирность выставляй уже через font-weight
Ну и еще лучше сначала подключить нормалайз, а потом шрифты
Лучше не использовать эти типы, если не понимаешь зачем ты это делаешь. Это нужно только для мобилок, а на десктопах создает проблемы в виде лишних кнопок, внезапной валидации и т.д.
Алсо, дефолтный тип — text. С ним проблем не будет.
Спасибо, но теперь такая хуйня вылазит, пиздец.
Запятую Пушкин будет ставить?
SOOOOQA, все уже спать хочу, но доделывать косяки надо, спасибо, анончик, добра!
Моя разметка похожа на Бэм?
http://codepen.io/anon/pen/aNvPBj
http://codepen.io/anon/pen/aNvPBj
Местами. Идет элемент block__column, а в нем column__title. А column где?
Или блок social, а элементы soc__link.
Элемент partners_btn, хотя должен быть partners__btn.
Все ошибки не выискивал, но наверняка еще есть.
Рили столько одностраничник стоит?
http://krsk.au.ru/6855566/
http://krsk.au.ru/6855566/
> Местами. Идет элемент block__column, а в нем column__title. А column где?
Правильно будет column и column__title?
> Или блок social, а элементы soc__link.
Social и socila__link?
Да.
Благодарю.
Одностраничник может стоить сколько угодно. http://dodofranchise.ru тоже одна страница, но обошлась она, я думаю, не в одну сотню рублей.
Сверстал бы такое гавно в сто раз лучше за пару сотен рублей.
Доля верстки в этой сумме минимальна, не обольщайся.
О, бро. Тоже курю шмаль и тоже все быстро забываю. Запоминается самое основное, а остальное после пары-тройки раз использования. Расслабься, это все гораздо легче чем тот же английский. Ну, для меня по крайней мере.
Анонсы, что думаете за перспективы интернетов? Полагаю, есть тенденция к унификации и монополизации. Ударит ли это по доходу среднего верстальщика?
Верстальщики скоро будут не нужны, уже сейчас почти всегда берут на работу минимум джуниор фронтендеров.
У фронтов — прекрасные перспективы. Чистые верстальщики уже не очень нужны, посколько браузеры становятся совершеннее, а скрипты сложнее.
Я, наверное, совсем тупой, но как лучше сделать эти разделители в мобильной седоне?
Бордером?
Открой блин эффекты слоя там все написано
фу бля, от этой ебаной ильяховщины тошнит уже.
Ананасы, поясните почему треугольник не получается, а выходит трапеция, или забить на это хуй и сверстать картинкой?
http://codepen.io/anon/pen/ZWbNNz
http://codepen.io/anon/pen/ZWbNNz
понял в чем фейл, вопрос снят
Как правильно говорить: ксс/цсс/сисс?
Или хтмл/аштимл/эйчтмл?
Или хтмл/аштимл/эйчтмл?
сиэсэс
эйчтиэмэл
Брэкетс не видит обновления в html вживую ( в отличие от css), немного погуглил - понял, что не у меня одного проблема - но как решить - неясно.
prepros or gulp/grunt with browsersync
Не костыльнее, чем верстать без переносов.
Ну так вполне корректно тебе ответили.
Если ты не гуру дизайна - никогда не хуячь цветной фон.
И, кстати, я тоже не дизайнер и поначалу делал гораздо большую хуйню, чем у тебя нарисована. Но уже после сотого нарисованного сайта у меня весьма годные макеты стали получаться, в 90% случаев клиенты одобряют сразу.
Верстаны, помогайте. Есть три сайта, задача типо сделать их клоны, но на другом движке. От меня требуется примерно сказать сумму за а) верстку с нуля б) содрать существующую верстку и почистить от говна по каждому из трех сайтов.
Сами сайты, собсно, вот:
http://icf-ua.com/
http://front.largos.com.dev.vintagedev.com.ua/ru
https://www.infinity-group.ru/
Я ваще не имею понятия, какая должна быть цена хоть приблизительно, так что помогайте.
Сами сайты, собсно, вот:
http://icf-ua.com/
http://front.largos.com.dev.vintagedev.com.ua/ru
https://www.infinity-group.ru/
Я ваще не имею понятия, какая должна быть цена хоть приблизительно, так что помогайте.
Ну по 1-1.5к рублей за каждый я бы взял наверно.
За верстку с нуля или за спиздить то, что уже есть?
Алсо я чето думал, что это будет дороже.
Ну с нуля-то нахуя делать, если даже надо перевести на бэм или что-то подобное, то всё равно стили-то останутся большинство, просто имена классов поменяешь и структуру немного.
Я могу их все за два дня перевестать все, не думаю что сильно больше тут можно брать. Ну максимум по 2к за каждый, смотря по сколько там уникальных страниц ещё внутри, может там ещё какие-то скрытые разделы есть.
Окей, понял, спс.
Ну там смотри ещё, что за клиент, если он прям не шарит, можно ещё больше попросить
Пацаны, а как пики в седоне верстать? Там под разные размеры разное положение у них, есть пример какой нибудь?
https://github.com/hikka-kun/sedona/tree/ff380dd2169dac86ab7eb646d32567c900edcd0c
Да-да, нужно использовать апперкейсы, спрайты, все дела. Это моя первая верстка полноценной страницы, потому сделано тяп-ляп и учусь я всего неделю.
Вопрос: с помощью чего можно сделать вывод формы после нажатия на кнопку? Глянул все псевдоклассы - не нашел подходящего.
Да-да, нужно использовать апперкейсы, спрайты, все дела. Это моя первая верстка полноценной страницы, потому сделано тяп-ляп и учусь я всего неделю.
Вопрос: с помощью чего можно сделать вывод формы после нажатия на кнопку? Глянул все псевдоклассы - не нашел подходящего.
Я уже спрашивал, но пох, может, кто шарит.
В общем, в лисе когда включаешь режим эмуляции устройств, если выставить большую ширину, внизу появляется полоса прокрутки.
А в хроме - хуй. Как ее включить? И вообще это можно?
В общем, в лисе когда включаешь режим эмуляции устройств, если выставить большую ширину, внизу появляется полоса прокрутки.
А в хроме - хуй. Как ее включить? И вообще это можно?
Через инпут выводи
Я бы по 10-25к за каждый взял, в зависимости от клиента
Походу, эти фильтры реализуются только через js, потому перехожу к следующему, продвинутому курсу. Или я ошибаюсь?
А так - скляпал с неоправданно большим кол-вом строк главную страницу. Кому интересно: http://martov.comli.com/
А так - скляпал с неоправданно большим кол-вом строк главную страницу. Кому интересно: http://martov.comli.com/
> большим кол-вом строк
css-правила имею в виду
До 500 долларов каждый за верстку с нуля плюс легкий адаптив.
Проиграл с тебя.
как это сверстать? картинкой или через css, и если через css, как сделать тень?
Версталы, за что вам платят? Сейчас же сайты за 5 минут создаются?
Сделай за 5 минут хотя бы картинку над твоим постом. Не сделаешь - даун с дцп.
Вопрос про свг.
Верстаю адаптивную седону, и там уже есть нарезанные свгшки, поэтому решил заодно попрактиковаться.
Так вот.
Вставляю свг как объект, внутри самой свгшки инлайновыми стилями прописываю размеры, например, и цвет, ну вот как тут примерно http://codepen.io/anon/pen/aNdNOx
Сами обжекты в дивах, которые в мобильной версии скрываются.
Это нормальный подход вообще или говно, жопа?
Верстаю адаптивную седону, и там уже есть нарезанные свгшки, поэтому решил заодно попрактиковаться.
Так вот.
Вставляю свг как объект, внутри самой свгшки инлайновыми стилями прописываю размеры, например, и цвет, ну вот как тут примерно http://codepen.io/anon/pen/aNdNOx
Сами обжекты в дивах, которые в мобильной версии скрываются.
Это нормальный подход вообще или говно, жопа?
Ах, да: верстаю на флексах, поэтому на ие8 я клал хуй.
Картинку вставить как метку карты. В допах у Сергея Попова (из академии наставника) было это. Сейчас скинуть наверное не смогу ибо валяюсь-болею, а закладка на компе. Но ты погугли, там он прям скрипт вставки карты показывает с меткой.
Где-то видел такой способ, наверное норм. Я лично юзал свг-спрайт, как Громов говорил. Если надо - тоже погугли
Ну дохуя еще что не доделано или хуёво выглядит.
Сайт - точная копия, за исключением округленных размеров отступов, макета (статичного, правда).
Только обосрался с иконками соцсетей - нужно было в лучшем качестве их сделать.
фон едет при сужении окна
скрипты не работают
оформление формы не очень
ховерэффектов на иконках футера нету
ховеры на меню неверные
второй страницы нету
это только с первого взгляда
мимо-анон
> скрипты не работают
Только неделю учусь, до js не дошел.
> второй страницы нету
Там фильтры, их делать на js.
> ховеры на меню неверные
Но я же никому не сдаю проект, сделал как мне нравится.
> ховерэффектов на иконках футера нету
Мне было 1) лень 2) оно и так неплохо выглядит.
> оформление формы не очень
Твои предложения?
> фон едет при сужении окна
Буду фиксить.
Заказчику так же отвечать будешь?
В данном случае - я сам себе заказчик - реализуются замыслы мои, а не дяди ССЗБ, лол.
>это всплывающее окно
Хости на github pages лучше.
Заебись, хули сказать
Формочка и правда была кривая, починил. Ну и js-скрипт добавил заодно, как раз сейчас параллельно смотрю 7 вебинар базы, где введение в js.
Пацаны, в мой хром не завезли вкладку с вычисленными(em->px) свойствами, что делать? Не могу найти в настройках ее включение.
нашел
Платина Можно ли вкатиться без опыта при наличии небольших знаний хтмл/css/js?
Иди нахуй
На гикбрейнсе бесплатный курс по макетам, записываемся посоны.
https://geekbrains.ru/courses/80
https://geekbrains.ru/courses/80
Нет ты)))0
Шапку читай, сука.
http://martov.comli.com/alisayed/
Запилил еще один макет из рассылки. Никаких скриптов, чисто верстка. Кому не лень - покритикуйте, пожалуйста.
Запилил еще один макет из рассылки. Никаких скриптов, чисто верстка. Кому не лень - покритикуйте, пожалуйста.
Хмм, спасибо. Спрайтом выглядит логичней, на самом деле.
Так нечего хостить еще, я просто спросить хотел, чтоб понятнее было.
Поправь эти места
Присмотрись к флексам.
В смысле нечего хостить? Макеты свои хости.
Это ссылки?
Я про то и говорю - еще не доделал макет.
Фильтры. Пишутся на js.
Для этого не обязательно его доделывать. Ты же сейчас выливаешь какой-то левый фтп недоделанные макеты.
Читал. Свой критерий не нашел. В глаза ебусь?
Пиздец ты.
>Можно ли вкатиться без знаний программирования/матана/функционирования гипертекст протоколов/етц.
>Можно.
- белая полоса между блоками Drawing Scketch, Best Strating (Starting?), Verified Dummy режет глаза, лучше сделай без разделения
- когда пишешь собщение в форме, то текст набирается в центре вместо левого верхнего угла
- в логотипе дизайнера углы выглядят покоцанными
- Stay Connected With Us... и иконки соцсетей поместил бы в одной строке, а весь это текстовый блок сдвинул бы так, чтобы он оканчивался на уровне окончания текста левого блока (Graphic Designer)
> - в логотипе дизайнера углы выглядят покоцанными
Там картинка кривая, без закругления выглядит некрасиво. Или ты что-то иное имел в виду?
> - когда пишешь собщение в форме, то текст набирается в центре вместо левого верхнего угла
Это не знаю, как пофиксить. Не работает vertical-align для формы.
> - белая полоса между блоками Drawing Scketch, Best Strating (Starting?), Verified Dummy режет глаза, лучше сделай без разделения
Пофиксил по-иному, и довольно-таки забавным образом.
http://martov.comli.com/alisayed/
>Это не знаю, как пофиксить. Не работает vertical-align для формы.
Использовать textarea, а не input.
Ссылки, в видео было сказано
Сделано. Добра тебе.
> 1 скриншот
В хроме оно выглядит без внешнего отступа, в лисе - с этим отступом. Не знаю, что с этим делать.
Наслаждайся флоатами, хули.
Флексбоксы в продвинутом гляну. Пока только базовый посмотрел.
Может тред пора переименовать в джуниор фронтенд тред или типа того?
В общем-то пора.
Но тут если и обсуждают код, то 2-3 поста в тред или я свои стремные верстки скидываю. Остальное - платина и прочее бла-бла.
>В хроме оно выглядит без внешнего отступа, в лисе - с этим отступом
у тебя параграф с график дезигнер вывалился, лол.
Не должен, вроде. Высота колонки задана вручную.
кому ты пиздишь? попробуй в лисе задай этому параграфу маргин:0.
и если ты высоту задал это не значит, что из блока ничего не вывалится, если конечно оверфлоу:хиддена нет.
Не ругайси, я нуфаня.
Починил.
То, что ты ньюфаня не значит, что надо невнимательно смотреть видео/читать материалы
мимо
Ебать, ты у мамы гений и все схватываешь налету, притом не совершая ошибок? Ну молодец, чо.
Это же для дизигнеров.
Ошибки - это нормально. Без них не будет прогресса. Я говорю всего лишь о том, что надо повнимательнее быть. Тут вот в прошлых тредах анон был помнится, который несколько раз пересматривал, чтобы во все вникнуть. Вот таких ньюфань можно уважать. Сначала внимательно посмотрит видео, потом если есть вопросы еще погуглит и только потом уже спрашивает. Такой подход позволяет избежать вопросов об элементарных вещах и детских ошибок.
Не вижу ничего плохого, что в треде мне дали подсказку. Самому искать - долго, времени нет.
Окей, ладно бы я пришел, сверстал криво-вырвиглазно сказал бы: "посони, помогите, чому так все ч-з жёппу". Нет. Недочеты если у меня и были, то весьма редкие. Посему считаю, что ничего криминального не совершил, а ругаться - лишнее. словно на доброчане пишу, лол
это уже через яндекс API, забей, тебе это нахуй пока не нужно, да и обычно ссылкой карту вставляют и не парятся
А есть ультрагоднота как хтмлакадеми, только на ангельском? генералассембли не понравился.
Caп, вepcтaч. Пытаюсь вкaтиться в вeрстку. Учу уже целых три дня. Устроил себе небольшой экзамен, сделал что-то вроде копии вёрстки одного, наверняка некоторым известного, сайта. Прошу указать на ошибки и прочие недостатки.
Оригинал: https://nekto точка me/chat/
Моё поделие: http://codepen.io/anon/pen/bpELNW
Оригинал: https://nekto точка me/chat/
Моё поделие: http://codepen.io/anon/pen/bpELNW
Пиздец.
А ты сам разницы не видишь?
Я не пытался сделать точно такой же.
Иди дальше учись.
А в чем смысл твоего экзамена тогда?
Выяснить, смогу ли я сделать хоть что-то после аутирования в обучающие ролики. Ну и показать анону, чтобы анон показал мне типичные ошибки новичка.
Тебе ответили, хуле ты тут забыл?
Бамп.
>после аутирования в обучающие ролики
блиать, ты как там аутировал, если каждый первый в этих роликах талдычит, что стилизовать по айди западло?
>стилизовать по айди западло
Спасибо, анон.
Похоже, мне достался каждый нулевой, или просто не досмотрел ещё до этого.
Вот прямо идентичная годнота?
Ой, иди нахуй.
проверь и расскажи
тут сидят модные люди, которые смотрят хтмлакадемию, а не левых васянов с ютуба.
А зачем ты логин и мыло textarea сделал? На них оставь инпуты. Алсо, используй атрибут placeholder, а то пользователю твой вбитый текст приходится удалять прежде чем написать.
>> - когда пишешь собщение в форме, то текст набирается в центре вместо левого верхнего угла
Всмысле иди на хуй? Хтмлакадеми годнота, но нахуй мне потом переучиваться на инглиш, если можно сразу?
Просто иди нахуй, дебил.
А, ну если тебе в кайф на собачьем обучаться, то можешь потявкать итт.
Так я это только про блок сообщения сказал, наркоман. Остальные нужно оставить инпутами и выровнять через паддинг, например.
Про placeholder тебе все правильно сказали.
Алсо, у тебя там скролл горизонтальный.
А что ты потом хочешь на инглишь-то переучить? Термины все равно все на английском. Я учился на treehouse, вроде норм, но практики мало было.
В смысле переучиваться? Ты ж блядь не 1с куришь, которое только в снг и на русском.
Себя. На русском быстро привыкаешь и расслабляешься, а мне такое нельзя, я и так 90% времени на собачьем пишу/пизжу. Неделю не почитаешь на английском и все, будто никогда и не учил.
Дело твое, конечно, но некоторые ресурсы лучше на русском. Например на ингрише нет охуеннейшего learn.javascript.ru.
Тебе никто не мешает смотреть конференции и ролики по теме на инглише
Пофиксил.
> Алсо, у тебя там скролл горизонтальный.
Где?
Ты паддинг-то убери сверху, а то съезжает.
Скролл в Хроме, ширина экрана 1280.
Макет изначально предусматривает ширину 1366.
> Ты паддинг-то убери сверху, а то съезжает.
У меня все норм. О каком паддинге ты?
>Макет изначально предусматривает ширину 1366.
Ад какой.
Я о паддинге в инпуте.
Ну, типа это же ИЛИТНЫЙ сайт. Значит, целевая аудитория - айфоны с большим разрешениям (4s сосите хуй, ненужны) и десткопы с ноутами максимум 3-4-летней давности.
Я или в глаза ебусь, или что-то другое, но в упор не вижу никаких проблем.
Настолько элитный, что не влазит в мой MBP Retina 13 купленный в том году.
С инпутом теперь все ок, да.
>Sent
Таки send.
Подразумевается, что в мэссэдже - посыл няхуй, потому sent.
> 2560x1600 пикселей у 13-дюймового MacBook Pro
Не понимат, чому у тебя ширина 1280.
Это физическое разрешение, а логическое 1280*800. На один логический пиксель приходится 4 физических и из-за этого все УЛЬТРАЧЕТКОЕ.
Лол. Забавная архитектура.
Так на телефонах давно уже высокие dpi. Тем более сейчас почти весь веб векторный, только некоторые картинки мыльноваты.
$ git add README.md
$ git push https://github.com/hikka-kun/alisayed.git
Everything up-to-date
//
но на самом гитхабе ничего не появилось. В чем может быть проблема?
$ git push https://github.com/hikka-kun/alisayed.git
Everything up-to-date
//
но на самом гитхабе ничего не появилось. В чем может быть проблема?
Как это не появилось? Вот же: https://github.com/hikka-kun/alisayed
>> $ git add README.md
> README.md
Нет его.
Смотрю сейчас базовый интенсив. Вот хитрые жопы, много нового услышал, чего в курсах небыло.
Все, понял. Пуш с коммитом перепутал.
https://rarity.github.io/oneluke/index.html
рейт ми плиз
рейт ми плиз
Я бы при .btn:hover выставил картинки соцсетей в цвете.
Предвосхищая твой вопрос как залить на pages:
$ git -b gh-pages
$ git push gh-pages
Ветку master на гитхабе после этого можно снести и писать просто git push.
Обосраться слегка.
$ git checkout -b gh-pages
$ git push gh-pages
Этого в интенсиве не проходят. Так что НЕ ПРЕДВОСХИТИЛ.
Сам изучи, хоть избавишься от этого говнохостинга.
Он меня полностью устраивает.
Проходят в продвинутом гит
Чувак, ты просто пушишь изменения на гитхаб и они автоматом обновляются на сайте. Все, что это нужно сделать — сменить ебаную ветку. Хостинг статики на gh pages это индустриальный стандарт.
Нет, блять, хочу ебаться с фтп, хочу показывать анонам баннеры.
Досматриваю интенсив, прошли только пуш, коммит и пул.
Интересно, чому у анонов не стоит эдблок. Энивэй, ща гляну чо-как. Спать просто охота пиздец, разбираться лень.
Хз к чему придраться особенно, к «Your E-mail (Requid)» разве что.
Шапка неадаптивная, на моем мониторе даже счетчика не видно. Слишком большой контраст в весе шрифтов, но это больше к дизайнеру.
Ну тащемта там есть допы как бэ в интенсивах. как вы вообще хотите развиваться в области, если не изучаете даже выданные материалы, не говоря уже о том, чтобы поискать самому чтонибудь по теме.
Терять дохуя времени на git, когда есть еще куча другого материала? NYET.
>разбираться лень
Тебе еще повезло, что ты в той области знаний, которая хорошо задокументирована и отлично работает. Охуеешь разбираться, когда доков нет, а есть сорцы либы и один мутный issue полугодовой давности.
Коряво. Паддингов слева/справа не предусмотрено, контент начинается сразу с края экрана.
Немного поясню. Это я не к тому, что «мы говна пожрали, теперь и ты наверни», а к тому, что иногда встречаются такие, сука, баги, которые ты ищешь-ищешь-ищешь и никто — ни двачик, ни старшие товарищи, ни доки, ни SO не могут тебе помочь. Просто нихуя не работает и непонятно почему. Вот в таких условиях важно сжать зубы, разобраться и добить проблему, разобраться в ней до конца и понять почему оно так. Это важное качество разработчика.
Все норм. Накатываю чай, пытаюсь разобраться.
По-твоему, стоит полную документацию git читнуть прямщас?
Не стоит, охуеешь. Достаточно понимать базовые команды (init, add, commit, push, pull, clone) и работу с ветками (checkout, status). Всякие merge и rebase пока лучше оставить в покое.
Мне прост не лень, в принципе. Времени дохуя (сижу по 5-6 часов в день, не устаю бегу со школы скорей-скорей домой и сижу до ночи, лол - складывается у меня впечатление, что я ботаню жутко - так и до красноглазика недалеко), мог бы и почитать, даже самому интересно.
Впрочем, оставлю на потом.
Заебсь теперь. Там, если что, можно публиковать любой репозиторий, он будет доступен по урлу http://hikka-kun.github.io/projectname. Просто фигачишь в ветку gh-pages.
Гит выглядит простым на поверхности, но на самом деле это монстр, который был написан специально для разработки Линукса. Можешь себе представить какой это сложности проект.
Чем сложнее - тем интереснее. Тем более, мне бы хотелось понимать устройство всей этой веб-архитектуры.
Ну, чтобы понимать, откуда взялся тот баг, а почему есть такая фича. Хорошим спецом хотет стать, в общем.
Гит не имеет прямого отношения к вебу, если что. Это универсальный инструмент.
>Хорошим спецом хотет стать, в общем.
Дерзай.
Раз ты такой умный, скажи мне, какого хуя вагрант работает через жопу на винде
А если я через их гуи заливаю на гх-пэйджес и мне норм, это оче хуево?
другой хуй
Я вообще нихуя не понял, отцентрировал боди, все норм было, начал стилизовать линки - все пизданулось, че за хуйня?
Я же умный, у меня мак.
Не, не очень.
0px
Все работало и ок было, но внезапно наебнулось, яннп.
Или какой-то еще синтаксический проеб.
Зачем ты боди центрируешь, ты что - ебанутый?
Тоже хороший вопрос, кстати.
Я учусь.
И размеры туда еще прописал, ну ты даешь. Конечно у тебя все наебнулось. Тема_лебедев--жпг
.header,
.main-content,
.footer {
width: 1200px;
padding: 0;
margin: 0 auto;
}
> width: 1200px;
Там резина, Седона же.
А почему нельзя?
body должен тянуться от левого верхнего края окна браузера до правого нижнего края. содержимое уже получает размеры. боди - это боди.
Оке, спасибо.
Седона не лучший макет для учебы, судя по твоей разметке. Барбершоп твой лучший друг.
В случае с седоной можно тупо все обернуть враппером (там ведь еще и тень нужна) http://codepen.io/anon/pen/MyKBVa
А в боди прописывай фоновый цвет сероватый какой-то там. Ну и шрифты-хуе-мое.
Можно. Но это уебанство. Погугли.
Ну и отлично тогда. Если пойду на работу устраиваться, пару часов в терминале посижу, разберусь.
Я верстал уже барбершоп и нердс, пытаюсь в бэм и резину.
Попробуй барбершоп по бэму в резине, серьезно. Я за пару часов переверстал, кучу говна перелопатил + с размерами пришлось самостоятельно играться, после этого седона адаптивная идет как по маслу.
Задумаюсь, благодарю.
Заодно можешь с флексами поиграться, после этого все эти клеарфиксы будут вызывать рвотные позывы.
>Я же умный, у меня мак.
Да у меня тоже, я не для себя стараюсь
>Тема_лебедев--жпг
в голосину с этого БЭМараста
БЭМАРАСТЫ, объйясните: есть у меня блок b-pagination, который я хочу запихать в слайдер. В слайдере нужно делать <div class="b-pagination b-slider__pagination"> или <div class="b-pagination b-pagination_slider"?
Второй класс будет отвечать за позиционирование внутри слайдера.
Второй класс будет отвечать за позиционирование внутри слайдера.
Приветствую, аноны. Посоветуйте софта для вёрстки на пеку с такими характеристиками: http://puu.sh/nyWk0/97f3efcaf2.png
Пока пользуюсь пиратским фотошопом, Notepad++, xampp и средствами отладки в хроме. Кажется, есть инструменты получше.
Дополнительно от инструментов хотелось бы удобной компиляции небольших пнгшных картинок в спрайты.
Пока пользуюсь пиратским фотошопом, Notepad++, xampp и средствами отладки в хроме. Кажется, есть инструменты получше.
Дополнительно от инструментов хотелось бы удобной компиляции небольших пнгшных картинок в спрайты.
> Пока пользуюсь пиратским фотошопом, Notepad++, xampp и средствами отладки в хроме. Кажется, есть инструменты получше.
Разве что текстовый редактор можешь сменить на brackets, например.
> Дополнительно от инструментов хотелось бы удобной компиляции небольших пнгшных картинок в спрайты.
А фотошоп тебя чем не устраивает? Пека не тянет?
Ну просто как бы автоматизация через консольку работает, поэтому мне например удобнее и с гитом через нее работать. И быстрее даже, чем открывать еще какую-нибудь приложуху. Базовый проходил с соурстри, на продвинутом уже выучил основные команды и работал через консоль.
Уточню еще что я вслепую неплохо шлепаю по клавишам, а то может возникнуть ощущение что пиздун по поводу того что в консольке быстро работать
мимокрокодил
>текстовый редактор сменить на brackets
зачем? Он лучше блокнотика?
Функциональнее.
Кстати, в какую сторону можно максимально бюджетно апгрейдить пеку? Хотелось бы работать с двумя мониторами, чтобы в одной - код с фотошопом, во втором - уже сразу отображаются изменения на сайте. Думаю, что начать надо с охлаждающей подставки, затем - ссд, затем - заменить одну двухгиговую планку четырёхгиговой, и потом может быть поставить внешнюю видеокарту.
какие новые функции добавляются?
Иди нахуй.
с чего такая агрессия?
Спасиб, анон. Правда, всё-таки пока посижу на Notepad++, привык к нему сильно. И работаю только под виндой.
Тебя не заебывает так много писать?Поставь саблайм с плагином эммет и не еби мозги.
у меня 500 символов в минуту, напечатать что-то вообще не проблема. В разы больше времени трачу на ПРОДУМЫВАНИЕ и альт-табанье во время подгонки. Хотя я за всю жизнь два макета только сверстал.
>Notepad++
Как вы пользуетесь этим говном, он же чисто внешне уебищный? Бери саблайм
то не пробовал работу с гитом на продуктах jetbrains, вот уже где консолька сосет
Наркоман, представь сколько ты сможешь нахуярить с такой скоростью и эмметом.
>альт-табанье во время подгонки
вут?
Я в свой первый раз кончил быстрее, чем открывается МЕНЮШЕЧКА в Вебшторме.
смотришь, что какая-то фигня съехала слишком вправо, альт-табаешь, уменьшаешь отступ, альт-табаешь, смотришь,что теперь всё съехало слишком влево, альт-табаешь, увеличиваешь отступ. Как-то так. Верстаю на глаз просто пока, не пиксель-пёрфект.
Это можно делать прямо в браузере, в инструментах разработчика.
В основном бывает, что с первого раза всё норм, а это всё потом надо будет в css-файле дублировать, если через браузер отлаживать, поэтому я сразу в блокнотике меняю.
Ладно, делай как хочешь, мне уже надоело объяснять людям как делать вещи более удобно и быстро, но они продолжают копротивляться и говорить: "Да мне и так норм чо, я уже привык".
Так и не нужно распинаться. Один раз посоветовал и хватит. Кто умный - дальше сам дойдет, оценит и заюзает. Кому этого не надо - тому хоть на лбу рисуй, все равно не поймет.
мимо
ребят, вы меня убедили. Извиняюсь за свою твердолобость. Иду качать Sublime text.
Видишь, не зря распинался, лел.
щито поделать, за все надо платить
Во-первых, зачем ты пишешь b- в начале? Так уже давно не делают.
Во-вторых я нихуя не понял что ты хочешь. Этот блок b-pagination может жить вне слайдера? Тогда в слайдере нужно сделать элемент-контейнер и отпозиционировать его как надо. Но по-моему пагинация сама по себе без слайдера выглядит странно и тебе нужно просто сделать элемент слайдера.
>Дополнительно от инструментов хотелось бы удобной компиляции небольших пнгшных картинок в спрайты.
gulp
Удваиваю, часто через GUI таки быстрее. У меня, правда, VSC, он не такой слоупочный как WebStorm. Для сложных ситуаций и мерджей SourceTree. Но консольку все равно нужно знать, потому что во-первых скрипты, а во-вторых иногда нужно бывает поковырять проект через нее, потому что что-то сломалось, а GUI не дает достаточно информации.
gulp работает под виндой без танцев с бубном? Или стоит перекатиться на бубунту?
Всё что угодно работает под виндой, надо лишь установить нормальную командную строку
Работает. Фронту не стоит перекатываться на убунту, потому что у него тогда отвалится фотошоп. Если куда и перекатываться, то на мак.
Создал в репозитории папку, туда перенес содержимое репозитория. сделал следующее:
$ git add -A
$ git commit -m "replace files"
$ git push origin master // на последнее получаю следующее:
To https://github.com/hikka-kun/hikka-kun.github.io
! [rejected] master -> master (fetch first)
error: failed to push some refs to 'https://github.com/hikka-kun/hikka-kun.githu b.io'
hint: Updates were rejected because the remote contains work that you do
hint: not have locally. This is usually caused by another repository pushing
hint: to the same ref. You may want to first integrate the remote changes
hint: (e.g., 'git pull ...') before pushing again.
hint: See the 'Note about fast-forwards' in 'git push --help' for details.
Не могу перечитывать всю документацию, времени нет. Подскажите, что сделать нужно, пожалуйста?
$ git add -A
$ git commit -m "replace files"
$ git push origin master // на последнее получаю следующее:
To https://github.com/hikka-kun/hikka-kun.github.io
! [rejected] master -> master (fetch first)
error: failed to push some refs to 'https://github.com/hikka-kun/hikka-kun.githu b.io'
hint: Updates were rejected because the remote contains work that you do
hint: not have locally. This is usually caused by another repository pushing
hint: to the same ref. You may want to first integrate the remote changes
hint: (e.g., 'git pull ...') before pushing again.
hint: See the 'Note about fast-forwards' in 'git push --help' for details.
Не могу перечитывать всю документацию, времени нет. Подскажите, что сделать нужно, пожалуйста?
>отваливается фотошоп
а вайн? Слишком криво работает?
Тебе вывело ошибку в консоль. Ты по английски читать не умеешь или гугл отключили?
Нах? Вот реально зачем тебе линукс, что есть на линуксе, чего нет на винде, для фронта? Ничего, говорю по своему опыту и опыту коллег на работе.
Тебе же все написали, епта. И в чем проблема и что сделать надо.
Перевести - я перевел, хуле толку-то? Он мне предлагает снова выкачать все файлы с сервера, но мне они напротив не нужны там - их нужно удалить. Вот я и не знаю, что делать.
У тебя рассинхронизация веток между гитхабом и локальным репозиторием. Ты внес какие-то изменения на гитхабе и какие-то изменения у себя, в итоге получается, что у тебя две разных последовательности коммитов. Их нужно слить вместе. Для этого забери все изменения с гитхаба (git pull), если конфликтов нет, то они смерджатся автоматом. После этого выливай.
Отмечу, что тебе, блять, ровно это же самое написали в консоли.
Спасибо за литературный перевод, но оно я уже понял.
Блядь, я запутался в этой консоли. Блядь. Со злости пойти и перечитать всю документацию, что ли. А то я нихуя не понимаю, как мне сделать удаление файлов без всяких смерджей, блядь.
Все, разобрался. По моей логике, после пулла у меня бы вернулось все удаленное, но чому-то этого не произошло. Не понял систему работы, в общем. Спасибо.
Так же как и добавление. Удали все, что не нужно, потому закоммить эти изменения. Собственно флаг -A в git add отвечает за то, чтобы записывались не только добавление файлов, но и изменение и удаление.
Этого не произошло, потому что гит корректно слил две ветки — гитхабовскую, где файлы были и твою (более позднюю), где файлов уже не было.
>нормальную командную строку
Порекомендуйте нормальную командную строку плз.
Это нормально делать такую обертку в бэм?
Да. Ты пропустил подчекивание в footer__login.
Это не я, это из видео про бэм.
cmder
Да, может использоваться сам по себе. Мне нужно позиционировать пагинацию внутри слайдера. Варианты:
1. Добавляю к блоку b-pagination класс b-slider__pagination, позиционирую в нем. Мне нравится этот вариант, потому что css-файл пагинации я вообще не меняю.
2. Добавляю к блоку модификатор b-pagination_slider, позиционирую в нем. Хуево, что нужно добавлять новый код в файл-пагинации. Часто такое вижу, но мне кажется, что совсем неправильно и модификаторы должны использоваться только для описания состояния.
3. Твой вариант. То же, что и первый, только добавляется дополнительный элемент. Если у моего варианта нет никаких подводных камней, то я препочту его.
Префикс b писать не надо. Модификатор лучше применять если блоки или элементы явно похожи и немного отличаются. Я чет сомневаюсь, что пагинация слайдера и обычная страничная у тебя почти не различаются, поэтому модификатор дичь.
Где пагинация слайдера может использоваться сама по себе? Было бы кстати хорошо увидеть скрин того что ты хочешь сделать
Верстаю этот макет. Такую пагинацию легко можно представить как страничную.
ньюфаг с платиновым вопросом итт
поясните, верстаны, можно ли выкатиться на работу через 1-3 месяца, если я планирую посвящать по 8-10-12 часов в день изучению этого дерьма?
24 лвл, в программировании не полный нуб
поясните, верстаны, можно ли выкатиться на работу через 1-3 месяца, если я планирую посвящать по 8-10-12 часов в день изучению этого дерьма?
24 лвл, в программировании не полный нуб
Да. Верстка учиться за 2 недели. js на уровне "прикрутить к кнопке функцию" за месяц-два.
> за 2 недели
Хуясе, я вчера целый день ебучее адаптивное меню седоны верстал, так и не смог анимацию на скрытие в мобайл версии прикрутить. Чувствую себя дауном.
И еще, если не полный нуб смотри лучше на python и django.
Там ширину в % и прописать условия в медиа-запросы, а анимацию с помощью префикса :focus для класса в ксс (типа .класс:focus и пишешь чтобы стал видимым, а для просто .класс скрываешь. и вешаешь эти классы на дивы).
Снова проблемы с git. Залил папку sedona с файлами. Sedona запушилась, содержимое - нет. git status ничего не говорит.
делал:
$ git add -A
$ git commit -m "lala"
$ git push origin master
Где проебался?
делал:
$ git add -A
$ git commit -m "lala"
$ git push origin master
Где проебался?
Вкатиться на работу можно и раньше,но смотря на каком уровне, в моей мухосрани можно за 20-25к работать зная основы верстки, бэмы лесс сасс и прочая хуйня не нужны, умению подключать джиквери библиотеки, основы пхп для отправки форм и прочей хуйни. Ну и с цмской разобраться.
Ну это разумеется самый низкий уровень, в сторону контент-менеджера даже не смотрите.
питоном планирую заняться после того, как буду хоть какие-то бабки за верстку получать
не полный нуб - это я когда-то поступал на прогера, но потом жизнь повернулась жопой, пришлось менять место жительства, работу и всё по пизде пошло, теперь планирую нормально взяться за дело
Шапку смотри, там все расписано, с часовыми промежутками блять. Жирным сука выделено.
Что блять надо сделать чтобы эти дебилы читали шапку котаны? Пиздец просто.
Если он евередж юзер, то за 2 недели в лучшем случае сверстает свой первый фиксированный макет. О том как он его сверстает, я промолчу.
Это мне все переделывать придется...
> за 2 недели в лучшем случае сверстает свой первый фиксированный макет
Сверстал свой первый макет за сутки, второй - за три часа. ЧЯДНТ?
Пиздишь.
Нопе. Другое дело - первый макет был сверстан через жопу, второй был довольно-таки простеньким.
Мартов-кун
Все равно не верю.
Не зная ничего о html/css ты за сутки даже самый базовый материал не успеешь просмотреть/прочитать/усвоить. Не говоря уже про саму верстку.
За сутки, с нуля, без знаний верстки вообще? Сел и за сутки сбацал макет до того не отличая тег html от body?
Обосрался чуток. Думал, имеешь в виду сам процесс верстки.
Курсы на хтмлакадеми+базовый интенсив были за 5 дней выучены. Я по 5-12 часов сидел за этим всем и наизусть зазубрил все значения css-свойстов. А так - думаю, за сутки-два можно выучить весь синтаксис, глянуть статьи на htmlbook про верстку сеток и кляпать верстку по макетам.
В упор не хочет видеть файлы.
Я за сутки успел узнать о существовании html/css, о том как они друг с другом связаны, о том зачем они в принципе нужны, о том, что есть такой ЯП как JS и зачем он нужен, получить самое базовое представление о фреймворках, и начать курс на codecademy, где сильно дальше p и остальных h1 с ul зайти особо не успел. А ты за сутки макет сверстал. Ок.
>А так - думаю, за сутки-два можно выучить весь синтаксис, глянуть статьи на htmlbook про верстку сеток и кляпать верстку по макетам.
Нельзя. От голой теории вызубренной за такой период толку ноль. Запутаешся и сделаешь только хуже. Инфу надо переварить.
А то будет как тем бедолагой, который быстро прошелся по learn.javascript а потом не мог отличить свойство объекта от массива.
Да, ты прав.
Больше 2 вебинаров в сутки смотреть противопоказано: крыша начинает ехать от обилия информации.
Алсоу, на третий день учебы во сне писал МАРЖИНЫ и ПЭДДИНГИ. Прямо помню, что эти сраные свойства.
>$ git add -A
git add .
Нахуя ты это советуешь? Ключ -А по умолчанию пробегается по всему дереву.
Вопрос платиновый, думаю.
Сап. Я гуманитарий, в школе математика давалась крайне тяжело, единственно что физику изучал, нравилась. Смогу ли вкатиться в это дело, если я в математике дуб-дубом?
Нет.
ЧИТАЙ ШАПКУ СУКА НАХУЙ НУ ЕБАНЫЙ ТЫ В РОТ
Иди нахуй.
Ты прав анончик, проебался я чуток
Пиздец вас разорвало-то
Даун, плиз.
Посмотрел вебинар про адаптивную графику, вот наваял для ретины, ну и всякие srcset и svg. Гляньте по фасту кто понимает. Да и адаптив только на 1й странице, на остальные забил хуй. Ну и думаю blur на осле не заведется, я так понял его на js лучше делать.
http://c12266.shared.hc.ru/good/index.html
http://c12266.shared.hc.ru/good/index.html
Предлагаю невнимательных дебилов тупо игнорировать. Если шапку не прочитал и задаешь платину - твои проблемы. Додумаешся - найдешь ответ. Не додумаешся - значит тупой и пошел нахуй отсюда.
мимо ОП
Сочетания цветов в футере можно получше подобрать.
А так, чисто на первый взгляд, - заебись.
Можно зафорсить локальный мемес "иди нахуй".
В футере покемонов прозрачными еще сделай, заебись будет.
> You email address
Your.
Имэил еще отстилизируй, а то глаза режет.
Хватает всяких косяков если говорить конкретно о верстке. С адаптивом тоже нужно работать, сдвиги шрифтов, кнопок - это не дело.
Эффект с переворачиванием иконок тестимоналс сам придумал?
Ты напиши конкретные косяки если не сложно. Для этого и спрашивал. Про адаптив, я его по быстрому за час сделал. Жаль что в макете не было адаптива, проще делать когда есть макет.
Завтра, если будет время - займусь, сегодня уже башка не варит.
Если коротко - основной косяк конечно, проблемы с паддингами и отсутпами. Одни элементы слишком близко, другие слишком далеко. Часть со слайдером при ресайзе отвратительно едет.
Под менюшкой хедера непонятная полоска, ее быть не должно.
Белые полосы по краях, обрезают блоки, особенно заметно на футере и хедере.
Конкретно в адаптиве большинство косяков размеры. Колонки растягиваются до пиздеца, превращаясь в макаронины, опять же смещения кнопок, некоторые элементы становятся нечитаемыми, заголовки занимают по пол области блока.
В код не глядел, но уже по второму уровню видно что дальше тегов footer header в разметке HTML5 ты не пошел, а надо бы, могу впрочем, ошибаться, я не вглядывался.
Это то что лежит на поверхности.
Что понравилось так это эффект выездом поля поиска и ховеры на элементах портфолио.
Если интересно как можно делать иначе - можешь глянуть мой макет.
http://ykro314.github.io/Good_good/index.html
Не претендую на истину в последней инстанции, там тоже говна хватает, да к тому же он и недописан, но опыта у меня побольше будет, может чего для себя откроешь.
Блядь, эта седона - какой-то апофеоз говнодизайна, меня уже тошнит от нее, хотя я суммарно всего часа 3 ее верстаю (адаптив).
мимо крик души
мимо крик души
Вопрос опытным версталам/фронтовикам.
Насколько критично соблюдать полную пиксельную схожесть с макетом дизайнера? Прнятно, что случаи разные бывают, но все же, из вашего опыта, можно ли корректировать макет в плане паддингов и маржинов для большей симметрии и кратности размеров? Если (как я подозреваю) отклонения допускаются, то примерно в каком диапазоне?
Насколько критично соблюдать полную пиксельную схожесть с макетом дизайнера? Прнятно, что случаи разные бывают, но все же, из вашего опыта, можно ли корректировать макет в плане паддингов и маржинов для большей симметрии и кратности размеров? Если (как я подозреваю) отклонения допускаются, то примерно в каком диапазоне?
да в половине макетов есть дизайнерские косяки, когда явно симметричные вещи расположены кривыми ручонками.
Аноны, поясните за разные типы аккаунтов на гитхабе. Да и вообще, поясните, зачем он вообще нужен, чтобы писать что-либо совместно?
Да, чтобы писать БЭМ вместе с другом.
https://habrahabr.ru/post/250901/
Хуй знает. Просто вброшу, зачем? Хуй пойми.
Хуй знает. Просто вброшу, зачем? Хуй пойми.
Мне больше Angular нравиться.
А мне из всех языков программирования больше всего Jeikwerri и butstrup понравились.
JakeVeiry ты имел ввиду?
Точно, всегда ошибаюсь в написании.
Еще Si Charpp интересная библиотека фоеймворка, но довольно сложный скелетон для начинающих.
Кек
Появился забавный вопрос.
Имеется два селектора - первый с одиннадцатью селекторами элементов, второй - со всего лишь одним селектором класса. Какой будет приоритетней? наверное, второй
Имеется два селектора - первый с одиннадцатью селекторами элементов, второй - со всего лишь одним селектором класса. Какой будет приоритетней? наверное, второй
приоритет первого 0-0-0-11
приоритет второго 0-0-1-0
естественно приоритетней второй
Не, по твоей же логике приоритетнее первый.
Потому что 11 к 10.
ну фиг знает, может, интерпретатор в браузере использует десятичную или шестнадцатиричную систему счисления для подсчёта приоритета, и огромным количеством селекторов низкого уровня можно перебить селектор класса.
Так не считается. Вообще схема с 1000, 100, 10 и 1 - в корне неверна. А/B/C/D.
Можно наверняка, но зачем?
интересно же. Правда, лень тестить.
Кстати, недавно вот вновь решил обмазаться вёрсткой, в своё время прошёл весь базовый курс (почти все испытания на 100%) и треть продвинутого. Успел даже макет сверстать, даже светил им тут http://brauzerka-2014.tk . Как думаете, повторять стоит с базового курса, или с продвинутого?
Почему тогда забросил?
ушёл на стройку работать на два месяца :)
ты долбаеб? я специально блядь дефисами отделил чтобы числа не додумались собирать. пиздец.
нельзя
Проходи с базового, повторенье - мать ученья. Не ебись с испытаниями только долго. Без них за день можешь управиться, зато вспомнишь многое.
Посоветуйте как лучше организовать портфолио.
Запилить на бесплатном хостинге сайт-визитку со сверстанными подсайтами? Или для этого лучше подойдет какой-нибудь гитхаб?
Запилить на бесплатном хостинге сайт-визитку со сверстанными подсайтами? Или для этого лучше подойдет какой-нибудь гитхаб?
Запилить статический сайт на гитхабе. Туда же вылить все свои сверстанные макеты.
А как там можно сайт то разместить? Насколько я вижу (да и раньше натыкался) - у всех папочки-репозитории с перечнем подпапок и файлов с кодом.
ОП, добавь в шапку что такое Github Pages и зачем он нужен. Для хостинга статики сложно придумать что-то лучше.
Спасибо, няша.
Не знал, что у них и такое есть.
Окей, закину упоминание в фак.
Ооооох.
8 часов работы, 1 час обеда и 2 часа дороги (туда и обратно).
ПИЗДОС, ну вот кому надо жрать целый час.
И все сидят рядом, даже пропердеться как следует нельзя.
11 часов моей жизни, одиннадцать, мать их, часов.
А на ламповой удалёнке я работал от силы 7 часов. И садился за работу, когда хотел.
Ушёл в закат под громыхание своего пердака.
Анон, который перекатился из версталы под Битрикс во фронт в офис.
8 часов работы, 1 час обеда и 2 часа дороги (туда и обратно).
ПИЗДОС, ну вот кому надо жрать целый час.
И все сидят рядом, даже пропердеться как следует нельзя.
11 часов моей жизни, одиннадцать, мать их, часов.
А на ламповой удалёнке я работал от силы 7 часов. И садился за работу, когда хотел.
Ушёл в закат под громыхание своего пердака.
Анон, который перекатился из версталы под Битрикс во фронт в офис.
В люди выбился) молодца
Да я не то чтобы выпендриться.
Я просто не понимаю, как люди выдерживают по столько часов в офисах.
Очень надеюсь найти себе потом выгодную удалёнку типа апворка, когда дорасту.
Что значит статический?
В твоем неудачном примере приоритетнее первый, потому что третий разряд меньше.
Зависит от клиента. Я по умолчанию делаю пиксель в пиксель, даже когда для этого приходится прописывать разные стили одинаковым элементам одной коллекции. Потом за деньги верстаю обратно к нормальному варианту.
Мда... совсем ебанулись люди тут смотрю
Без серверной логики
Ну вообще-то статикой называют сайт вообще без логики, в том числе клиентской.
Мне кажется, что сейчас это понятие размывается. Как еще назвать сайт без сервера?
Аноны, скачал себе базовый интенсив, сверстал сетку, оформление контента(позиционирование, псеводоэлементы и т.д.), пока все легко, но нихуя не понял про фотошоп, как там вырезать и что, на каких слоях, да и вообще фотошоп с его обилием функций пугает. Подкиньте статей гайдов по этой теме, особенно те, кто проходил интенсив. С меня нихуя, но иисус вас полюбит.
Я только начинаю осваивать вёрстку, и тема может не очень - не особо ещё ориентируюсь, но вот тут чел показывает как он работает с макетом когда верстает http://webdesign-master.ru/blog/adaptive-web-design/11.html
Ну Громов же нормально рассказал в 30 минутном видео как работать с макетом. Смотри, вкуривай
И как на это клиенты реагируют?
ебать хитрец.
А мне он не понравился. Все видео не мог свою личинку успокоить, я даже не досмотрел его.
Че вы с фотожопом мучаетесь, когда есть бажественный Brackets?
Какую личинку? Я говорю за урок именно по фотошопу, а не про вопросответ к нему
Урок по фотошопу тоже тяжело смотрится. Чувак крайне хуево знает английский. Першин, кстати, тоже не фонтан в этом плане.
Ну эт не англокурсы так то, чтобы цепляться к произношению.(самого это тоже раздражает если че) Хотя даже индусов на той же курсере люди смотрят и ниче, никто не умер. Если инфа годная то можно и потерпеть. А так там все по полочкам и не растянуто (я про видос о фш). Есть ГОРАЗДО худшие примеры подачи инфы.
Так все-таки: зачем нужен Ps, когда есть Brackets? Он же намного удобнее: все делвется в одном окне, нет лишнего функционала, может тут же прописывать свойства в CSS, и даже более того: при прописывани background-image сам будет сохранять выделенную картинку из макета по тому пути, который ты указываешь в src.
Это же имба-фича, которой нет больше ни в одном другом IDE.
Это же имба-фича, которой нет больше ни в одном другом IDE.
Подписался на тред. Выперли с работы и я снова загорелся идеей верстки, в прошлый раз был в такой же ситуации и проходил курсы на htmlacademy, но устроился на работу и забил пытался продолжить проходить курсы на работе, но отвлекали постоянно.
Теперь думаю по быстрому устроится или не по-быстрому и дождаться расчета с послднего места работы на днищеработу и оплатить за ближайший интенсив. В связи с этим возник вопрос, если я буду работать около 9-10 часов по пятидневки хватит ли времени пройти интенсив? Интересует мнения тех, кто был в такой ситуации или проходил интенсив на htmlacademy.
Теперь думаю по быстрому устроится или не по-быстрому и дождаться расчета с послднего места работы на днищеработу и оплатить за ближайший интенсив. В связи с этим возник вопрос, если я буду работать около 9-10 часов по пятидневки хватит ли времени пройти интенсив? Интересует мнения тех, кто был в такой ситуации или проходил интенсив на htmlacademy.
Прохожу сейчас - времени не хватает. Вот банально вчера: пришел уставший с работы, так еще и друг в гости прийти захотел. В итоге за вчера вообще нихуя не сделал.
Хотя, если ты с родителями живешь, и девушки/жены у тебя нет - будет проще.
Бро, поясни поподробней за brackets. Там есть вырезание слоя в отдельный файл одной кнопкой? Там есть css некоторых теней и градиентов? Насколько он лагучий? Вообще, это полноценная среда для веб-разработки вроде веб-шторма, или так, текстовый редактор с читалкой псд-макетов?
>Вот банально вчера: пришел уставший с работы, так еще и друг в гости прийти захотел.
Бля, хреново. А я же ещё на курсы английского хожу и в качалочку. Ладно, подожду расчета.
>Там есть вырезание слоя в отдельный файл одной кнопкой?
Ну, не одной прям кнопкой. Кликаешь на слой или картинку (что в принципе одно и то же) в макете, кликаешь в код, тебе предлагается отдельным окошком список свойств для экспорта в код. Выбираешь саму картинку, тут же появляется код с src и относительной ссылкой, которую ты можешь подправить (в т.ч. название картинки и ее формат). Нажимаешь энтер - и картинка волшебным образом сохраняется по пути, указанному тобой в коде src, переименовываясь и принимая указанный тобой формат. По-моему это охуенно.
>Там есть css некоторых теней и градиентов?
Если я правильно понял тебя, то да. Если макет сверстан руками не из жопы, то переносить свойства слоев в код css -одно удовольствие.
>Насколько он лагучий?
Тормозной в сравнении с сублаймом, и иногда лагает live preview (отдельное окно хрома, где отображается верстаемая тобой страница).
>Вообще, это полноценная среда для веб-разработки вроде веб-шторма, или так, текстовый редактор с читалкой псд-макетов?
Понятия не имею, я нуб на самом деле. На шторм взглянул, но он мне пока показался черезчур тяжелым и с кучей бесполезных для меня пока функций.
Благодарны за грамотные советы, ценят мой профессионализм.
>370M
>M
У меня не сильно лучше. i3-2100, 8Gb DDR3, GTX560. Думаю, раницы для брэкетсов не будет.
Пойми, они тормозные только в сравнении с быстрыми редакторами типа сублайма. На самом деле это дело привычки, через десять минут работы ты уже забудешь о разнице. Поймешь, что они слегка медленноваты только, если вдруг снова пересядешь на суб.
И да, все зависит от размера проекта. Если это какие-то огромные ебанутые страницы с кучей стилей, скриптов и картинок, на тысячи строк кода - это одно. А если ты макеты хтмлакадеми верстаешь - то совсем другое.
>370M
что, совсем дно? Я думал, по сравнению со всем остальным хламом, проц у меня ещё ничего. На ноуте вообще наклейка i5, (смех).
А по деньгам какая разница?
гайз выручайте,нужен нормальный гайд по инструментам бэм(сборщики,шаблонизаторы и т.д)
в документации все не однозначно
а я хочу понять алгоритм действий
в документации все не однозначно
а я хочу понять алгоритм действий
Нахуя?
Если ты ньюфаг, то тут тебе будут рады. Но только в том случае, если ты, перед тем как что-то спросить, погуглишь хотя бы минут 5 и прочитаешь фак/пасту. В противном случае будешь послан нахуй, и абсолютно заслужено. Совершенно идиотские вопросы, нытье и прочее - аналогично. Не говорите, что мы не предупреждали.
====================
КРАТКИЙ ФАК ДЛЯ НЬЮФАГОВ И ПРОЧИХ МИМОКРОКОДИЛОВ
>Можно ли вкатиться в randomAge.
Можно.
>Можно ли вкатиться без знаний программирования/матана/функционирования гипертекст протоколов/етц.
Можно.
>С чего начать? Что учить? Куда смотреть?
Внимательно прочитать ОП-пост, затем прочеть пасту от корки до корки. Подумать, надо ли оно тебе, перечитать все еще раз. Приступать к изучению материалов по порядку.
>Есть ли работа?
Была, есть и будет, устраиваются как версталой, так и джунами фронт-ендами. Верстала без хотя бы базового знания JS сейчас как мамонт, поэтому готовьтесь учить и Javascript. В любом случае он вам понадобится, если планируете развиваться хоть куда-то. Джун фронтенд, полноценный и востребованный на рынке, а не программист на джиквери - это спец, умеющий и сайтик сложный сверстать, и страничку оживить, и приложение на нативном сваять.
>Сколько времени займет обучение?
Плотно стоящий на ногах верстальщик с портфолио из 3-5 адаптивных макетов, но практически без знаний JS - 400+ часов.
Верстала с пониманием JS и портфолио - 600+ часов.
Фронт-енд джун с уверенной версткой, уверенным JS, умением в дополнительные техи/фреймворки/препроцессоры/либы/системы сборки/otherSkillName, своими пет-проджектами, в том числе наверстанным портфолио - 1000+ часов.
>Могу ли учить верстку/JS после работы по 2 часа?
Можешь но это вряд ли будет эффективно. Указанное время в таком случае можешь смело умножать на 1,3+.
>Могу ли я спросить что-то в треде?
Конечно. Но перед этим следует проделать следующие действия.
1. Подумать.
2. Погуглить.
3. Попробовать решить задачу самостоятельно.
4. Еще раз подумать.
Если решения все равно нет - спрашиваешь.
Задачу описываем четко, код показываем только в песочнице тут не экстрасенсы сидят, нам нужно пощупать код, иначе никто не поможет Аноны с кодом в постах, на скринах, в архивах, сразу идут нахуй. Вас предупредили.
Дополнительно можно приложить скрины где показано, что работает/что не работает/как хотелось бы/как планировалось/етц. Плюс текстовые пояснения конечно. Оформите вопрос правильно - практически гарантированно получите грамотную и своевременную помощь.
Дальнейшая информация для ньюфагов в пасте в конце ОП-поста. Там ВСЕ расписано, в том числе самый удачный по мнению автора алгоритм изучения основ верстки, есть тонна полезных ресурсов для разработчиков начального-среднего уровня и прочая годнота.
=====================
Cразу скажу, времена, когда можно было сверстать две фиксированных странички и завалиться в хардкорный фронт-енд давно прошли. Нет, работу конечно найти можно будет. Позиция называется Markup или HTML/CSS Developer называйте как хотите хотя даже там требуется знание адаптивности и прочих ништяков, но это только старт, и ЗП там вряд ли вас сильно порадует, если конечно сможете найти такую позицию. На данный момент фронтендеру нужно учить больше, чем просто HTML/CSS. В частности необходимы продвинутые инструменты разработки, автоматизаторы, работа со скриптами, сам Js и Jquery, в перспективе что-то из Js фреймворков, MVC и прочего дерьма.
Не помешает навык натяжки оболочки на движок. Можете даже в бэкенд завалиться, если интересно. Но продуктивно это совмещать со всем тем стаком технологий, что нужны для фронт-енда, получится не у каждого, особенно на старте. Впрочем, если есть желание - попробовать можно, оно того стоит. Только есть нюанс, материалов по бэкенду здесь в пасте представлено мало, если кто-то в будущем поделится – будем рады и включим в будущие редакции.
Работу находим в конторках и крупных фирмах. Конторки/студии - основное направление деятельности. Альтернативой конторкам может стать фриланс, тут уже все опять же индивидуально, но конкуренция там больше, в начале может быть сложно, скучно и относительно дешево. Помните о портфолио, оно просто необходимо, да и за время его создания руку набьете.
Дальше представлены первичные обучающие материалы в сильно сокращенном варианте, полные списки найдете в пасте.
http://dash.generalassemb.ly/
http://learnlayout.com/
http://htmlacademy.ru/ - ультрагоднота
http://learn.javascript.ru/ - по JS на русском лютая годнота. Годнее только Флэнаган
http://www.codecademy.com/
http://codeschool.com/ - тут платно, но есть бесплатные курсы, годные вещи про jquery и 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
Прошлый