Двач.hk не отвечает.
Вы видите копию треда, сохраненную 10 апреля 2016 года.

Скачать тред: только с превью, с превью и прикрепленными файлами.
Второй вариант может долго скачиваться. Файлы будут только в живых или недавно утонувших тредах. Подробнее

Если вам полезен архив М.Двача, пожертвуйте на оплату сервера.
9 Кб, 200x200
63 Кб, 1366x768
Верстка тред №56 #486241 В конец треда | Веб
Здесь аноны изучают верстку, базовый фронт-енд и обсуждают все, что с этим связано. Полноценная инфа по материалам в пасте, здесь только краткая выкладка базиса и основные ссылки.
Если ты ньюфаг, то тут тебе будут рады. Но только в том случае, если ты, перед тем как что-то спросить, погуглишь хотя бы минут 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

Прошлый >>480862 (OP)
>>491139
#2 #486416
JS интенсив стоит качать? Там что то новое есть из того что на сайте за 300 руб открывается?
>>486417>>486453
#3 #486417
>>486416

>из того


кроме
fix
#4 #486421
Нет, не стоит.
>>486424
sage #5 #486424
>>486421
Зашёл посмотрел. Ничё вроде так интенсивчик. Ну я и даун.
#6 #486443
Подскажите нормальный бесплатный хостинг, плес
>>486452
#7 #486452
>>486443
гитхаб
>>486455
#8 #486453
>>486416
На сайте по JS разве есть курсы?
>>486456
#9 #486455
>>486452
А с php?
#10 #486456
>>486453
в платных про Кекса, там совсем детское задание.
>>486464
#11 #486464
>>486456
Еще и объясняется как-то идиотски.
#12 #486468
Есть какой-нибудь гайд или статья, в которой рассказывается, какие задачи выполняют разные жс приблуды типа ангуляра, реакта, метеора? Хотя бы в паре абзацев, в чем профиты каждого с какими-нибудь примерами.

Везде сразу лезут в какие-то блядские дебри, хотелось бы узнать буквально в паре фраз нахуя каждый из них нужен и где пригодится.
>>486470
#13 #486469
Новый devtools 10 из 10 о боже
#15 #486477
>>486470
Перешел по ссылке а там ниже есть ссылка на вот эту статью
https://habrahabr.ru/post/278467/
В прошлом треде один затесывался уже
#16 #486485
А и кстати, раз пошла такая пьянка с вопросами про js.

В js-треде уже приняли предложение о добавлении в шапку, что по всем вопросам верстки сюда.
Теперь предлагаю тут добавить, что по всем вопросам js - туда.
И будет нормальное такое сосуществование (хотя оно и так было негласное до этого). А так ньюфани будут знать. Тут учим основы и учимся верстать, за js - перекатываемся туда.
А там в свою очередь тоже будут читать в шапке, что если хотят во фронт, то за основами и версткой к нам.

И все будет чинно, благородно)
#17 #486577
Фронтаны, поясните почему emmet в sublime text 3 не может в комментирование ктрл+шифт+/ не работает, в конфиге так и написано.
>>486583>>486638
#18 #486583
>>486577
хуй знает я выделяю строку Ctrl+/ и все закоментированно
>>486586
#19 #486586
>>486583
тоже не работает, че за хуйня
>>486593
284 Кб, 1280x1024
#20 #486593
>>486586
И еще вот такая хуйня, перебиндить не могу
#21 #486606
>>486593
Хз че там у тебя. Но вот по эммету есть видос от Громова - открой 9 дополнительный раздел в базовом.
>>486612>>486617
#22 #486612
>>486606
все тоже самое делал, нихуя
#23 #486617
>>486606
ну пиздец, с нампада не работает, а форвард слэш ряжом с шифтом работает, ну блять нахуй так жить
>>486624
#24 #486623
>>486593
свои конфиги пиши в кей биндинг.юзер

если че то не работает, попробуй плагины по отключать, иногда бывает такое
>>486625
#25 #486624
>>486617
Лол, не в обиду, но нормальные люди нампад юзают только для быстрого набора цифр и выражений, ибо в основном не удобно символы набирать - руки передвигать надо. Да и то некоторые небольшие числа можно понабирать и без нампада
>>486649
#26 #486625
>>486623

>свои конфиги пиши в кей биндинг.юзер


this
#27 #486638
>>486577
у меня работает, но только в англ. раскладке.
#28 #486649
>>486624
да знаю, хуевая привычка
#29 #486650
Есть какая нибудь фича для фотошопа чтобы при взятии цвета пипеткой он сразу переносился в буфер обмена?
>>486653
#30 #486653
>>486650
бля, я даун, нашел
>>486655
#31 #486655
>>486653
хотя не, если есть возможность копировать цвет в буфре в виде #ffffff, без колор, скиньте, буду признателен
39 Кб, 595x294
#32 #486708
Ребята - такая беда, есть один див, внутри которого кнопка. Так сделано для того, чтобы были прозрачные границы у кнопки.
Надо чтобы при фокусе/ховере менялась граница у этого родительского блока.
Можно ли это организовать на css?
>>486781
#33 #486727
Аноны, вот делаю макет по psd. Ну сверстал html, а дальше че-как? Картинки где брать? Или они мне не нужны? Я нипонел.
#34 #486728
>>486727
Смотри интенсив.
#35 #486730
>>486727
Вырезай из макета, очевидно же
>>486764
#36 #486764
>>486730
Серьезно что ли?
>>486765>>486779
#37 #486765
>>486764
Нет.
#38 #486779
>>486764
Смотри 3 урок там про работу с фотошопом
>>486782
#39 #486781
>>486708
Что мешает кнопке сделать прозрачную границу?
>>486826
#40 #486782
>>486779
Я смотрел, он там верстал и все такое с поясняшками, теперь сам по макету хочу сделать. Можешь кратко сказать: вырезать или че делать нахуй? Заранее спасибо.
#41 #486783
>>486782
Тебе уже сказали что вырезать.
>>486788>>486793
#42 #486788
>>486783
Спасибо, просто мне казалось, что он хочет меня подъебать. Счастья тебе и любви.
#43 #486789
>>486782
Как он блядь мог верстать в фотошопе???
>>486795
#45 #486795
>>486789
Верстал он по псд макету.
>>486800>>486827
#46 #486800
>>486795
правильно делал.
>>486802
#47 #486802
>>486800
Ну вот. А картинки потом вырезать нужно из псд, так? А то он нихуя не вырезал, поверстал и съебал в закат.
>>486803
#48 #486803
>>486802
каков подлец!
#49 #486804
Чет проигрываю с треда
#50 #486811
Хотя нахуя их вырезать, если можно слить слои и бекграундом поставить? Или я неправ?
#51 #486826
>>486781
Если делать прозрачную границу у кнопки, сквозь нее будет видеть только фон кнопки, а мне нужно видеть фон родительского элемента.
>>486861
#52 #486827
>>486795
Просто пиздец. Уже не можем отличить урок в котором рассказано о работе в фотошопе от урока в котором верстают
>>486829
#53 #486829
>>486827
Да, я тупой. Можно объяснить популярно?
>>486846
46 Кб, 600x450
#54 #486845
Анон-нейм, здравствуйте.

Мы завершили проверку заданий и начинаем отправлять всем результаты.

На данный момент мы не готовы пригласить Вас в интернатуру.
Так как количество мест ограничено, мы вынуждены выбрать кандидатов наиболее точно следовавших стандартам оформления кода и допустивших наименьшее количество ошибок в заданиях.
Конкурс составил 40 человек на место.
Мы будем рады Вашему участию в следующих наборах в интернатуру.
>>486865>>487105
#55 #486846
>>486829
Я тебе говорил посмотреть урок по работе в фотошопе. Там Громов рассказывает, как нарезать макет, как брать параметры шрифта, замерять отступы и т.д. Он там НЕ ВЕРСТАЕТ!
Ты же видимо не удосужился глянуть что я тебе сказал а рассказываешь что чтото глянул и там верстали и не знаешь откуда картинки брать. Так вот говорю еще раз СМОТРИ УРОК ПО РАБОТЕ С ФОТОШОПОМ там все рассказано, в смысле как картинки нарезать и т.д
>>486848
#56 #486848
>>486846
Вот теперь спасибо. А то я читал интенсив по верстке.
#57 #486861
>>486826
А если через боксшадоу?
http://jsbin.com/rezayiyubu/edit?html,css,output
С планшета не удобно, но смысл должен быть ясен
>>486918
#58 #486864
Ну ка поясните долбаебу, почему ховер не подцепляет анимацию второго объекта? Нет такой функции что ли? http://codepen.io/anon/pen/WwvBgP
>>486905
#59 #486865
>>486845
Это ты получил? И от кого? Пили кул стори короче
>>487014
#60 #486905
>>486864
Бля я разобрался. Оказывается нельзя вызвать анимацию одного объекта по ховеру другого, если другой не отец для этого объекта. Пиздец, кто бы знал. http://codepen.io/anon/pen/WwvBgP
#61 #486918
>>486861
Спасибо тебе, анончик, спас меня от этих диких оберток.
>>486952
#62 #486949
Потрахался же я с этими анимациями. Нюансов пиздец. http://codepen.io/anon/pen/JXdQZv
#63 #486952
>>486918
Кушайте на здоровье лол)
#64 #487014
>>486865
Увидел объявление о наборе на стажировку в какую-то айти-студию. Делал тестовое 4 дня, отправил. Сегодня получил такой вот имейл. Печальбеда.
>>487018
#65 #487018
>>487014
Соглашаюсь на тестовые задания >3 часов только при условии, что они будут оплачены, независимо от решения о моём приеме на работу.
>>487025
#66 #487025
>>487018
Это не прием на работу. Это прием на стажировку. И задание было уровня стажеров, даже не джунов.

http://itcraft.com.ua/html-css-internship-2016-0439599340/
>>487043>>487045
#67 #487043
>>487025
Это как работа, только без зарплаты? Норм.
>>487104
#68 #487045
>>487025
А, это ты с этой формой мелькал в прошлом треде.
>>487104
72 Кб, 1916x1005
#69 #487055
Поясните, как тут избежали пробелов между инлайн-блок элементами?

https://hexo.io/
>>487076
#70 #487076
>>487055
Я через комментирование делаю, можно через font-size: 0; для родительского элемента
>>487078
#71 #487078
>>487076
Комментирование выглядит очень костыльно, на работе за такое обоссать могут, а font-size: 0; не работает на андроиде до 4.3.

Но мне интересно, как на этом сайте сделали? И вообще я часто такое встречаю, сверстано инлайн блоками, но нету ни одного из решение по удалению пробелов.
>>487084>>489162
#72 #487084
>>487078
вася. посмотри исходный код, там же эти ссылки захуячены в одну строку без переносов.
>>487086>>487159
#73 #487086
>>487084
Лол, почему-то сразу не заметил. Спасибо.
#74 #487104
>>487043
Это как зарплата выдается опытом и знаниями.

>>487045
Йеп.
#75 #487105
>>486845

>Конкурс составил 40 человек на место.

>>487107>>487108
#76 #487107
>>487105
Это пиздец же, нет?
#77 #487108
>>487105
Иллюстрация к конкуренции на низком уровне в айти.
>>487706
#78 #487159
>>487084
Юзали бы флксы, такой хуйни бы не было.
>>487161
#79 #487161
>>487159
да еще и не по бэму сверстано, вообще хуесос какой-то.
>>487216
#80 #487179
Мне нравятся флексы. Они мне гораздо более понятны и их свойства более очевидны, чем у блоков и тем более инлайн-блоков.
Оправдано ли их повсеместное использование? Я стараюсь сразу придать свойства флексбоксов почти всем дивам и другим разделам страницы, чтобы мне сразу была очевидна ее работа. Хотя понимаю, что во многих случаях я мог обойтись боксами. Это нормально, или признак плозой верстки?
>>487230
#81 #487216
>>487161
Кстати вопрос по поводу БЭМа. Часто у работодателей требования по использовании этой методологии?
>>487383
#82 #487230
>>487179
В больших компаниях верстают под ие8 все еще, в можных мелких веб-студиях наверное можно будет и на флексах все строить.
553 Кб, 1903x1637
#83 #487248
А вот и утренняя запеканка.

>Спасибо за макет) есть прикольные идеи, но в целом конечно этого совсем мало. Вам следует практиковаться и набираться опыта!


Часов 12 делал говнодизайн. Хотя хули хотел, первый макет все таки. Вот такое вот уебище родил, лол.
#84 #487254
>>487248
Вырвиглазное чудо
#85 #487258
>>487248
Тебе лучше пойти в токари или сварщики.
>>487271
#86 #487261
>>487248
Проиграл с пиццы Нищенской.
#87 #487271
>>487258
Тащемта, верстаю я хорошо, это первая работа в дизайне. Но да, нахуй туда лучше не лезть если вкуса нет. Буду дальше колонки двигать.
#88 #487276
>>487248
НЕ ОЧЕНЬ конечно, да. Но я бы не судил о наличию или отсутствию вкуса по первому макету. Читни книжку какую, запили еще парочку, практика решает. Если и тогда получается говно без признаков развития - тогда уже да, можно говорить что дизайнер из тебя не получится.
#89 #487306
>>487248
Я не дизайнер, но по-моему у тебя проблема прежде всего в сочетаемости цветов. А также в подборе шрифтов и их размере.
Почитай про это. У них точно должны быть целые талмуты на эту тематику.
#90 #487316
>>487248
Адов пиздорез, глазам больно
шрифты - хуита
верхнее меню - двухэтажное - хуита( нужно все в одну линию)
Сочетание цветов - даже сказать нечего надо было юзать вот эту штуку хотя бы http://colorscheme.ru/
фон какое то невнятное говно
Все это нужно раскидать по колонкам хотя бы
и в футере по мимо ебенячего пустующего пространства которое нужно заполнить контактами нужно иконки соцсетей и надпись тоже в одну строку сделать
#91 #487326
>>487248
Джульетту надо было с селедкой делать.
#92 #487328
>>487248
Лол, за деньги?
>>487334
#93 #487334
>>487328
Нет, тестовое. В мухосрани вакансия десигнера появилась, ну и попробывал, лол.
>>487337
#94 #487337
>>487334
Пиздец ты попробовал.
>>487340
20 Кб, 424x323
#95 #487340
>>487337
Да и похуй. Все равно какой-то опыт получил. Раньше с PS только на уровне верстки работал.
#96 #487361
>>487248
кек. картинка как бы намекает, как будет примерно выглядеть блевота после их пиццы.
#97 #487364
Как называется приблуда всаблайме омник или что то такое, вроде показывает где неправильный код или дописывает выражения, забыл
#98 #487383
>>487216
бывает. и дальше, думаю, все чаще будет.
#99 #487573
>>486593
папку добавь нужную
22 Кб, 425x504
#100 #487574
Пацаны, как такое же дерево с папками в саблайм сделать? Никак найти не могу.
>>487588
#101 #487588
>>487574
open folder
47 Кб, 983x565
#102 #487651
Анончеги, как сделать чтобы feature 1-2-3-4 были как на скрине и чтобы справа вот эти бенефиты влезли? Клеарфикс в форме флажка уже вставлял себе в жопу, все равно нихуя.
http://codepen.io/anon/pen/ONyjVV
#103 #487657
>>487651
Clearfix должен быть только у контейнера и только если есть флоаты внутри.
А блок benefits у тебя вообще ни флоат, ни инлайн-блок. С чего он вообще должен с ними быть на одной линии?
Внутри у тебя вообще элементы и инлайн-блоки и флоаты.
В общем какой-то ад, приведи это в порядок.
>>487668
#104 #487659
>>487651

Тебе нужно ul с фичерами зафлоатить влево, а враппер бенефитов зафлоатить вправо.

Либо, если юзать флекс, то весь родитель в котором находиться все это говно принимает свойство display: flex, и, соотвественно, ul и врапер бенефитов будут флексовыми элементами
>>487668>>488262
#105 #487668
>>487659
>>487657
Спасибо, ануоки. Пойду про флексы читать.
>>487670
#106 #487670
>>487668

Да погоди, сделай сначала на флоате, а потом на флексе
>>487672
#107 #487672
>>487670
Да у меня с флоатами крыша едет, флекс вроде проще дается.
>>487681
#108 #487681
>>487672

Та ну как это, лол
>>487793
#109 #487706
>>487108
Типа большинство ньюфагов, которые нихуя не умеют, а подают заявки?
>>487709
8 Кб, 200x162
#110 #487709
#111 #487720
>>487248
одно дело что макет не оч, но это хуй с ним.
но как на это можно было убить 12 часов - тайна сия велика есть.
#112 #487793
>>487681
Двачую того анона, флексы проще всего.
#113 #487898
Господа сегодня встретился с товарищем, так вот умудряется не хуя не шарить,хуярит сайты на Adobe Muse и рубит бабки, как так???
>>487998>>488020
#114 #487985
На www.codeschool.com бесплатные выходные.
БЫСТРО ВСЕ ПОБЕЖАЛИ УЧИТЬ ФРЕЙМВОРКИ!
>>488015
#115 #487998
>>487898
Это он так тебе сказал?
#116 #488015
>>487985
А там есть что-то годное разве? После курсов по ЖС там будешь уметь разве что "Hello World" выводить.
>>488252
#117 #488020
>>487898
Без лоха и жизнь плоха (это к тем людям, которые платят)
#118 #488026
Хало, пачаны. Делаю блок типа рилейтед постс для страничек с миниатюрками.
1. Правильно ли я делаю или сейчас уже как-то иначе делают?
2. Можно ли выровнять строчку с описанием относительно картинки по вертикали если только одна строка? Vertical-align: middle пробовал и при этом картику не флотить, но это норм работает когда только одна строка в описании.

https://jsbin.com/ricopidoca/edit?html,css,output
>>488030>>488041
#119 #488030
>>488026

> .relatedminiimg


Делай так: .related-miniimg
>>488051
#120 #488041
>>488026
ну, как-то так например
https://jsbin.com/milotufeyo/edit?html,css,output
>>488051
#121 #488051
>>488030
да я для себя сайтик делаю
>>488041
я флексов вообще боюсь. Если нет поддержки, то тэйбл у родителя не будет все ломать?
>>488077
#122 #488055
И кстати, для чего тэйбл у родителя если лишки на флексе?
>>488077
#123 #488077
>>488055
Да я вообще разметку не вникал. Просто показал как можно сделать и все.

>>488051
Подключи полифил, если нужны старый браузеры
>>488109
#124 #488108
Лол увидел в мы вам перезвоним
http://m.pikabu.ru/story/vakansiya_super_programmist_4040925
#125 #488109
>>488077
спасибо
#126 #488252
>>488015
Там есть неплохое введение в каждый фремворк и вообще по всем языкам. Побольше чем hello world. Их рекомендуют в js-треде, как один из хороших вариантов начать.
И там дают баджики за прохождение! Их можно пихнуть в профиль на LinkedIn!
47 Кб, 983x565
#127 #488262
>>487651
Анончеги, прошу помощи еще раз. Пробовал и с флексами, и со списками, как добродушный господин посоветовал мне здесь >>487659 , но не вышло. Что не так?
>>488265
#128 #488265
#129 #488525
Где можно почитать про фоллбэки/полифилы? К примеру, я сделал пиздатый сайт на флексах, а заказчик ВНЕЗАПНО такой: "слушай, епту, сделай еще ие8-ие9, доплачу сотню нефти".
>>488550
41 Кб, 453x618
#130 #488527
Анон, такая хуйня. Сижу прохожу сейчас курсы на хтмл академии и получается, что все курсы я благополучно прохожу со 100% результатом, но через пару часов я абсолютно нихуя не помню, о том что я делал раньше. Это нормально? Только что изучал формы и спустя 40 минут на финальном задании я позабыл все что делал до этого, буквально только что я проходил урок и уже не помню, что было на позапрошлом. Прохожу задания только с блокнотом где я благополучно каждый урок копирую. Что делать то блять? Я совсем тупой.
>>488544
#131 #488544
>>488527
Расслабься. Просто так в памяти ничего не откладывается. Можешь посмотреть на эту тему на курсере learning how to learn.

Надо просто практиковаться. Для того, чтобы в памяти закрепилось. Очевидные вещи например вообще если просто прослушал в памяти вряд ли отложатся ибо нет закрепления того, что слушал (нет нейронной связи, которая вырабатывается при основении навыка).
Вариант записывать хорош - но надо потом еще некоторое время просматривать свои записи, ну и практика, как я уже сказал.
Плюс делать перерывы при изучении. Скажем по тому же методу помодоро, либо просто 45 минут занимаешься 15 минут перерыв. В начале следующих 45 минут тратишь минут 5-10 на повторение того, что освоил в предыдущее время.
Так же прогулки на свежем воздухе, качественный сон - все это банально, но влияет на память.
>>488699
88 Кб, 580x531
#132 #488548
Вот эта хуйня в седоне не модальное окно?
>>488554
#134 #488554
>>488548
Это форма. Но контейнер ее работать может как и модалка. Щелкаешь на кнопку коричневую - форма выезжает.
>>488557
#135 #488557
>>488554
Хотя не, я чушь несу. Модалка обычно должна блочить работу со всем кроме нее
>>488559
#136 #488559
>>488557
Но принцип описал правильно. Щелкаешь на коричневую кнопку - форма выезжает.
>>488670
#137 #488561
>>488550
О, спасибо.
А

> PostCSS Flexibility


Работает вместе с автопрефиксером?
>>488573
#138 #488573
>>488561
Ну что автопрефиксер, что флексибилити как я понимаю части постцсс, так что конфликтовать не должны.
Но сам не юзал вообще полифил этот. Может кто знающий точно скажет.
37 Кб, 600x599
#139 #488594
Верстаны, на codeschool все курсы бесплатно в эти выходные!
>>488608
#140 #488608
>>488594
Ага, хочу попробовать успеть пройти вот эту дичь:
https://www.codeschool.com/mean
Надеюсь, успею.
#141 #488619
есть ли какие-то реальные профиты в этом postcss?

а то больно дохуя под видосами комментариев в стиле "нахуя козе баян".
>>488621>>488623
#142 #488621
>>488619
у меня в закладках вот такое вот лежит (еще сам не изучал)
http://webdesign.tutsplus.com/series/postcss-deep-dive--cms-889
#143 #488623
>>488619
А так вообще по крайней мере автопрефиксер смысл юзать есть)
>>488639
#144 #488639
>>488623
ну это не одно и тоже сейчас, насколько я понимаю.
>>488643
#145 #488643
>>488639
Автопрефиксер - это плагин постцсс
#146 #488662
Аноны, спасайте, подключил шрифт через гугл, в гугл хроме нормально работает, в других браузерах стоит шрифт по умоолчанию почему-то.
>>488663
#147 #488663
>>488662
*через гугл фонтс
>>488669
#148 #488669
>>488663
код покажи
>>488689
147 Кб, 1312x632
#149 #488670
Пацаны, как пик весртать, есть специальный тип?

>>488559
Спасибо.
#150 #488672
>>488670
button:button +
input:number (input:text) +
button:button

через двоеточие тип написан если че
>>488675
#151 #488675
>>488672
Понял, спасибо.
#152 #488676
>>488670
Не надо писать текст капсом, юзай transform: uppercase
>>488679>>488695
#153 #488679
>>488676
ага, только сам хотел ему написать.

И еще классы странные. Если по БЭМ, то че это за чудо?

map__block_title

Блок map у которого элемент block с модификатором title?

Тогда где элемент без модификатора и вообще че за нафиг?
>>488681
#154 #488681
>>488679
Я в бэм не могу, потому так написал.
>>488684
#155 #488684
>>488681
Ясно, но лучше просто дефисы ставь тогда а не подчеркивания между словами
>>488687
#156 #488687
>>488684

> map__block_title


map__block-title
В таком случае дефис?
>>488690
#158 #488690
>>488687
Ну да.
>>488695
#159 #488695
>>488690
>>488676

Оке, спасибо, пацаны.
#160 #488699
>>488544
Спасибо за помощь, добра тебе. Я правда еще шмаль курю это тоже довольно сильно бьет по мозгам.
>>488848
#161 #488706
>>488689
font-family: 'Roboto', sans-serif;
написано вставлять.
а жирность выставляй уже через font-weight
>>488708
#162 #488708
>>488706
Ну и еще лучше сначала подключить нормалайз, а потом шрифты
>>488718
#163 #488715
>>488670
Лучше не использовать эти типы, если не понимаешь зачем ты это делаешь. Это нужно только для мобилок, а на десктопах создает проблемы в виде лишних кнопок, внезапной валидации и т.д.
>>488716
#164 #488716
>>488715
Алсо, дефолтный тип — text. С ним проблем не будет.
232 Кб, 1280x1024
#165 #488718
>>488708
Спасибо, но теперь такая хуйня вылазит, пиздец.
>>488719
#166 #488719
>>488718
Запятую Пушкин будет ставить?
>>488721
#167 #488721
>>488719
SOOOOQA, все уже спать хочу, но доделывать косяки надо, спасибо, анончик, добра!
37 Кб, 540x380
#168 #488746
Моя разметка похожа на Бэм?
http://codepen.io/anon/pen/aNvPBj
>>488750
#169 #488750
>>488746
Местами. Идет элемент block__column, а в нем column__title. А column где?

Или блок social, а элементы soc__link.

Элемент partners_btn, хотя должен быть partners__btn.

Все ошибки не выискивал, но наверняка еще есть.
>>488757
#170 #488754
Рили столько одностраничник стоит?
http://krsk.au.ru/6855566/
>>488838
#171 #488757
>>488750

> Местами. Идет элемент block__column, а в нем column__title. А column где?


Правильно будет column и column__title?

> Или блок social, а элементы soc__link.


Social и socila__link?
>>488766
#172 #488766
>>488767
#173 #488767
>>488766
Благодарю.
#174 #488838
>>488754
Одностраничник может стоить сколько угодно. http://dodofranchise.ru тоже одна страница, но обошлась она, я думаю, не в одну сотню рублей.
>>488840>>488953
#175 #488840
>>488838
Сверстал бы такое гавно в сто раз лучше за пару сотен рублей.
>>488845
#176 #488845
>>488840
Доля верстки в этой сумме минимальна, не обольщайся.
#177 #488848
>>488699
О, бро. Тоже курю шмаль и тоже все быстро забываю. Запоминается самое основное, а остальное после пары-тройки раз использования. Расслабься, это все гораздо легче чем тот же английский. Ну, для меня по крайней мере.
#178 #488853
Анонсы, что думаете за перспективы интернетов? Полагаю, есть тенденция к унификации и монополизации. Ударит ли это по доходу среднего верстальщика?
>>488855>>488858
#179 #488855
>>488853
Верстальщики скоро будут не нужны, уже сейчас почти всегда берут на работу минимум джуниор фронтендеров.
#180 #488858
>>488853
У фронтов — прекрасные перспективы. Чистые верстальщики уже не очень нужны, посколько браузеры становятся совершеннее, а скрипты сложнее.
22 Кб, 490x305
#181 #488890
Я, наверное, совсем тупой, но как лучше сделать эти разделители в мобильной седоне?
>>488893>>488952
#182 #488893
>>488890
Бордером?
#183 #488952
>>488890
Открой блин эффекты слоя там все написано
#184 #488953
>>488838
фу бля, от этой ебаной ильяховщины тошнит уже.
#185 #488967
Ананасы, поясните почему треугольник не получается, а выходит трапеция, или забить на это хуй и сверстать картинкой?
http://codepen.io/anon/pen/ZWbNNz
>>488971
#186 #488971
>>488967
понял в чем фейл, вопрос снят
186 Кб, 720x1280
#187 #488992
Как правильно говорить: ксс/цсс/сисс?
Или хтмл/аштимл/эйчтмл?
>>489002
#188 #489002
>>488992
сиэсэс
эйчтиэмэл
#189 #489027
Брэкетс не видит обновления в html вживую ( в отличие от css), немного погуглил - понял, что не у меня одного проблема - но как решить - неясно.
>>489029
#190 #489029
>>489027
prepros or gulp/grunt with browsersync
#191 #489162
>>487078
Не костыльнее, чем верстать без переносов.
#192 #489166
>>487248
Ну так вполне корректно тебе ответили.
Если ты не гуру дизайна - никогда не хуячь цветной фон.
#193 #489167
>>487248
И, кстати, я тоже не дизайнер и поначалу делал гораздо большую хуйню, чем у тебя нарисована. Но уже после сотого нарисованного сайта у меня весьма годные макеты стали получаться, в 90% случаев клиенты одобряют сразу.
44 Кб, 549x600
#194 #489295
Верстаны, помогайте. Есть три сайта, задача типо сделать их клоны, но на другом движке. От меня требуется примерно сказать сумму за а) верстку с нуля б) содрать существующую верстку и почистить от говна по каждому из трех сайтов.

Сами сайты, собсно, вот:
http://icf-ua.com/
http://front.largos.com.dev.vintagedev.com.ua/ru
https://www.infinity-group.ru/

Я ваще не имею понятия, какая должна быть цена хоть приблизительно, так что помогайте.
#195 #489296
>>489295
Ну по 1-1.5к рублей за каждый я бы взял наверно.
>>489298>>489521
#196 #489298
>>489296

За верстку с нуля или за спиздить то, что уже есть?
Алсо я чето думал, что это будет дороже.
>>489307
#197 #489307
>>489298
Ну с нуля-то нахуя делать, если даже надо перевести на бэм или что-то подобное, то всё равно стили-то останутся большинство, просто имена классов поменяешь и структуру немного.
Я могу их все за два дня перевестать все, не думаю что сильно больше тут можно брать. Ну максимум по 2к за каждый, смотря по сколько там уникальных страниц ещё внутри, может там ещё какие-то скрытые разделы есть.
>>489308
#198 #489308
>>489307
Окей, понял, спс.
>>489309
#199 #489309
>>489308
Ну там смотри ещё, что за клиент, если он прям не шарит, можно ещё больше попросить
#200 #489323
Пацаны, а как пики в седоне верстать? Там под разные размеры разное положение у них, есть пример какой нибудь?
#201 #489474
https://github.com/hikka-kun/sedona/tree/ff380dd2169dac86ab7eb646d32567c900edcd0c

Да-да, нужно использовать апперкейсы, спрайты, все дела. Это моя первая верстка полноценной страницы, потому сделано тяп-ляп и учусь я всего неделю.

Вопрос: с помощью чего можно сделать вывод формы после нажатия на кнопку? Глянул все псевдоклассы - не нашел подходящего.
>>489491
32 Кб, 1300x641
52 Кб, 1296x683
#202 #489475
Я уже спрашивал, но пох, может, кто шарит.

В общем, в лисе когда включаешь режим эмуляции устройств, если выставить большую ширину, внизу появляется полоса прокрутки.

А в хроме - хуй. Как ее включить? И вообще это можно?
#203 #489491
>>489474
Через инпут выводи
#204 #489493
>>489295
Я бы по 10-25к за каждый взял, в зависимости от клиента
158 Кб, 1280x933
#205 #489512
Походу, эти фильтры реализуются только через js, потому перехожу к следующему, продвинутому курсу. Или я ошибаюсь?

А так - скляпал с неоправданно большим кол-вом строк главную страницу. Кому интересно: http://martov.comli.com/
>>489515>>489594
#206 #489515
>>489512

> большим кол-вом строк


css-правила имею в виду
#207 #489521
>>489295
До 500 долларов каждый за верстку с нуля плюс легкий адаптив.
>>489296
Проиграл с тебя.
22 Кб, 301x172
#208 #489542
как это сверстать? картинкой или через css, и если через css, как сделать тень?
>>489593>>489969
sage #209 #489558
Версталы, за что вам платят? Сейчас же сайты за 5 минут создаются?
>>489575
#210 #489575
>>489558
Сделай за 5 минут хотя бы картинку над твоим постом. Не сделаешь - даун с дцп.
#211 #489578
Вопрос про свг.
Верстаю адаптивную седону, и там уже есть нарезанные свгшки, поэтому решил заодно попрактиковаться.
Так вот.
Вставляю свг как объект, внутри самой свгшки инлайновыми стилями прописываю размеры, например, и цвет, ну вот как тут примерно http://codepen.io/anon/pen/aNdNOx
Сами обжекты в дивах, которые в мобильной версии скрываются.
Это нормальный подход вообще или говно, жопа?
#212 #489579
>>489578
Ах, да: верстаю на флексах, поэтому на ие8 я клал хуй.
#213 #489593
>>489542
Картинку вставить как метку карты. В допах у Сергея Попова (из академии наставника) было это. Сейчас скинуть наверное не смогу ибо валяюсь-болею, а закладка на компе. Но ты погугли, там он прям скрипт вставки карты показывает с меткой.

>>489578
Где-то видел такой способ, наверное норм. Я лично юзал свг-спрайт, как Громов говорил. Если надо - тоже погугли
>>489875
#214 #489594
>>489512
Ну дохуя еще что не доделано или хуёво выглядит.
>>489609
#215 #489609
>>489594
Сайт - точная копия, за исключением округленных размеров отступов, макета (статичного, правда).

Только обосрался с иконками соцсетей - нужно было в лучшем качестве их сделать.
>>489617
#216 #489617
>>489609
фон едет при сужении окна
скрипты не работают
оформление формы не очень
ховерэффектов на иконках футера нету
ховеры на меню неверные
второй страницы нету

это только с первого взгляда

мимо-анон
>>489618
#217 #489618
>>489617

> скрипты не работают


Только неделю учусь, до js не дошел.

> второй страницы нету


Там фильтры, их делать на js.

> ховеры на меню неверные


Но я же никому не сдаю проект, сделал как мне нравится.

> ховерэффектов на иконках футера нету


Мне было 1) лень 2) оно и так неплохо выглядит.

> оформление формы не очень


Твои предложения?

> фон едет при сужении окна


Буду фиксить.
>>489620>>489630
#218 #489620
>>489618
Заказчику так же отвечать будешь?
>>489621
#219 #489621
>>489620
В данном случае - я сам себе заказчик - реализуются замыслы мои, а не дяди ССЗБ, лол.
#220 #489626
>>489578

>это всплывающее окно



Хости на github pages лучше.
>>489875
#221 #489630
>>489618
Заебись, хули сказать
>>489649
#222 #489649
>>489630
Формочка и правда была кривая, починил. Ну и js-скрипт добавил заодно, как раз сейчас параллельно смотрю 7 вебинар базы, где введение в js.
#223 #489728
Пацаны, в мой хром не завезли вкладку с вычисленными(em->px) свойствами, что делать? Не могу найти в настройках ее включение.
>>489732
#224 #489732
>>489728
нашел
#225 #489792
Платина Можно ли вкатиться без опыта при наличии небольших знаний хтмл/css/js?
>>489796>>489819
#226 #489796
>>489792
Иди нахуй
>>489809>>489893
64 Кб, 600x599
#227 #489806
На гикбрейнсе бесплатный курс по макетам, записываемся посоны.
https://geekbrains.ru/courses/80
>>489947
#228 #489809
>>489796
Нет ты)))0
#229 #489819
>>489792
Шапку читай, сука.
>>489893
#230 #489850
http://martov.comli.com/alisayed/

Запилил еще один макет из рассылки. Никаких скриптов, чисто верстка. Кому не лень - покритикуйте, пожалуйста.
#231 #489875
>>489593
Хмм, спасибо. Спрайтом выглядит логичней, на самом деле.
>>489626
Так нечего хостить еще, я просто спросить хотел, чтоб понятнее было.
>>489888
471 Кб, 1364x458
85 Кб, 1365x628
#232 #489885
>>489850
Поправь эти места
>>489913
#233 #489887
>>489850
Присмотрись к флексам.
#234 #489888
>>489875
В смысле нечего хостить? Макеты свои хости.
>>489890
4 Кб, 721x112
#235 #489889
Это ссылки?
>>489891>>489911
#236 #489890
>>489888
Я про то и говорю - еще не доделал макет.
>>489892
#237 #489891
>>489889
Фильтры. Пишутся на js.
#238 #489892
>>489890
Для этого не обязательно его доделывать. Ты же сейчас выливаешь какой-то левый фтп недоделанные макеты.
#239 #489893
>>489796
>>489819
Читал. Свой критерий не нашел. В глаза ебусь?
>>489894
#240 #489894
>>489893
Пиздец ты.

>Можно ли вкатиться без знаний программирования/матана/функционирования гипертекст протоколов/етц.


>Можно.

#241 #489895
>>489850
- белая полоса между блоками Drawing Scketch, Best Strating (Starting?), Verified Dummy режет глаза, лучше сделай без разделения
- когда пишешь собщение в форме, то текст набирается в центре вместо левого верхнего угла
- в логотипе дизайнера углы выглядят покоцанными
- Stay Connected With Us... и иконки соцсетей поместил бы в одной строке, а весь это текстовый блок сдвинул бы так, чтобы он оканчивался на уровне окончания текста левого блока (Graphic Designer)
>>489904>>490069
#242 #489904
>>489895

> - в логотипе дизайнера углы выглядят покоцанными


Там картинка кривая, без закругления выглядит некрасиво. Или ты что-то иное имел в виду?

> - когда пишешь собщение в форме, то текст набирается в центре вместо левого верхнего угла


Это не знаю, как пофиксить. Не работает vertical-align для формы.

> - белая полоса между блоками Drawing Scketch, Best Strating (Starting?), Verified Dummy режет глаза, лучше сделай без разделения


Пофиксил по-иному, и довольно-таки забавным образом.

http://martov.comli.com/alisayed/
>>489905
#243 #489905
>>489904

>Это не знаю, как пофиксить. Не работает vertical-align для формы.


Использовать textarea, а не input.
>>489913
#244 #489911
>>489889
Ссылки, в видео было сказано
#245 #489913
>>489905
Сделано. Добра тебе.

>>489885

> 1 скриншот


В хроме оно выглядит без внешнего отступа, в лисе - с этим отступом. Не знаю, что с этим делать.
#246 #489914
>>489913
Наслаждайся флоатами, хули.
>>489915
#247 #489915
>>489914
Флексбоксы в продвинутом гляну. Пока только базовый посмотрел.
46 Кб, 600x412
#248 #489916
Может тред пора переименовать в джуниор фронтенд тред или типа того?
>>489917
#249 #489917
>>489916
В общем-то пора.

Но тут если и обсуждают код, то 2-3 поста в тред или я свои стремные верстки скидываю. Остальное - платина и прочее бла-бла.
#250 #489919
>>489913

>В хроме оно выглядит без внешнего отступа, в лисе - с этим отступом



у тебя параграф с график дезигнер вывалился, лол.
>>489923
#251 #489923
>>489919
Не должен, вроде. Высота колонки задана вручную.
>>489925
#252 #489925
>>489923
кому ты пиздишь? попробуй в лисе задай этому параграфу маргин:0.
и если ты высоту задал это не значит, что из блока ничего не вывалится, если конечно оверфлоу:хиддена нет.
>>489927
#253 #489927
>>489925
Не ругайси, я нуфаня.

Починил.
>>489943
#254 #489943
>>489927
То, что ты ньюфаня не значит, что надо невнимательно смотреть видео/читать материалы

мимо
>>489946
#255 #489946
>>489943
Ебать, ты у мамы гений и все схватываешь налету, притом не совершая ошибок? Ну молодец, чо.
>>489956
#256 #489947
>>489806
Это же для дизигнеров.
#257 #489956
>>489946
Ошибки - это нормально. Без них не будет прогресса. Я говорю всего лишь о том, что надо повнимательнее быть. Тут вот в прошлых тредах анон был помнится, который несколько раз пересматривал, чтобы во все вникнуть. Вот таких ньюфань можно уважать. Сначала внимательно посмотрит видео, потом если есть вопросы еще погуглит и только потом уже спрашивает. Такой подход позволяет избежать вопросов об элементарных вещах и детских ошибок.
>>489957
#258 #489957
>>489956
Не вижу ничего плохого, что в треде мне дали подсказку. Самому искать - долго, времени нет.

Окей, ладно бы я пришел, сверстал криво-вырвиглазно сказал бы: "посони, помогите, чому так все ч-з жёппу". Нет. Недочеты если у меня и были, то весьма редкие. Посему считаю, что ничего криминального не совершил, а ругаться - лишнее. словно на доброчане пишу, лол
#259 #489969
>>489542
это уже через яндекс API, забей, тебе это нахуй пока не нужно, да и обычно ссылкой карту вставляют и не парятся
#260 #489991
А есть ультрагоднота как хтмлакадеми, только на ангельском? генералассембли не понравился.
>>490024
#261 #489997
Caп, вepcтaч. Пытаюсь вкaтиться в вeрстку. Учу уже целых три дня. Устроил себе небольшой экзамен, сделал что-то вроде копии вёрстки одного, наверняка некоторым известного, сайта. Прошу указать на ошибки и прочие недостатки.
Оригинал: https://nekto точка me/chat/
Моё поделие: http://codepen.io/anon/pen/bpELNW
>>490005>>490007
#262 #490005
>>489997
Пиздец.
#263 #490007
>>489997
А ты сам разницы не видишь?
>>490011
#264 #490011
>>490007
Я не пытался сделать точно такой же.
>>490012>>490018
#265 #490012
>>490011
Иди дальше учись.
>>490023
#266 #490018
>>490011
А в чем смысл твоего экзамена тогда?
>>490021
#267 #490021
>>490018
Выяснить, смогу ли я сделать хоть что-то после аутирования в обучающие ролики. Ну и показать анону, чтобы анон показал мне типичные ошибки новичка.
>>490023>>490029
#268 #490023
>>490021
>>490012

Тебе ответили, хуле ты тут забыл?
#269 #490024
>>489991
Бамп.
>>490026
#270 #490026
>>490038
#271 #490029
>>490021

>после аутирования в обучающие ролики



блиать, ты как там аутировал, если каждый первый в этих роликах талдычит, что стилизовать по айди западло?
>>490037
#272 #490037
>>490029

>стилизовать по айди западло


Спасибо, анон.
Похоже, мне достался каждый нулевой, или просто не досмотрел ещё до этого.
>>490042
#273 #490038
>>490026
Вот прямо идентичная годнота?
>>490039>>490040
#274 #490039
>>490038
Ой, иди нахуй.
>>490071
#275 #490040
>>490038
проверь и расскажи
#276 #490042
>>490037
тут сидят модные люди, которые смотрят хтмлакадемию, а не левых васянов с ютуба.
#277 #490064
>>489913
А зачем ты логин и мыло textarea сделал? На них оставь инпуты. Алсо, используй атрибут placeholder, а то пользователю твой вбитый текст приходится удалять прежде чем написать.
>>490069
#278 #490069
>>490064
>>489895

>> - когда пишешь собщение в форме, то текст набирается в центре вместо левого верхнего угла

>>490081
#279 #490071
>>490039
Всмысле иди на хуй? Хтмлакадеми годнота, но нахуй мне потом переучиваться на инглиш, если можно сразу?
#280 #490076
>>490071
Просто иди нахуй, дебил.
>>490078
#281 #490078
>>490076
А, ну если тебе в кайф на собачьем обучаться, то можешь потявкать итт.
#282 #490081
>>490069
Так я это только про блок сообщения сказал, наркоман. Остальные нужно оставить инпутами и выровнять через паддинг, например.

Про placeholder тебе все правильно сказали.

Алсо, у тебя там скролл горизонтальный.
>>490092
#283 #490083
>>490071
А что ты потом хочешь на инглишь-то переучить? Термины все равно все на английском. Я учился на treehouse, вроде норм, но практики мало было.
>>490085
#284 #490084
>>490071
В смысле переучиваться? Ты ж блядь не 1с куришь, которое только в снг и на русском.
#285 #490085
>>490083
Себя. На русском быстро привыкаешь и расслабляешься, а мне такое нельзя, я и так 90% времени на собачьем пишу/пизжу. Неделю не почитаешь на английском и все, будто никогда и не учил.
>>490086>>490087
#286 #490086
>>490085
Дело твое, конечно, но некоторые ресурсы лучше на русском. Например на ингрише нет охуеннейшего learn.javascript.ru.
#287 #490087
>>490085
Тебе никто не мешает смотреть конференции и ролики по теме на инглише
#288 #490092
>>490081
Пофиксил.

> Алсо, у тебя там скролл горизонтальный.


Где?
>>490094
#289 #490094
>>490092
Ты паддинг-то убери сверху, а то съезжает.

Скролл в Хроме, ширина экрана 1280.
>>490098
1330 Кб, 1907x982
#290 #490098
>>490094
Макет изначально предусматривает ширину 1366.

> Ты паддинг-то убери сверху, а то съезжает.


У меня все норм. О каком паддинге ты?
>>490100
#291 #490100
>>490098

>Макет изначально предусматривает ширину 1366.


Ад какой.

Я о паддинге в инпуте.
>>490103
130 Кб, 714x304
#292 #490103
>>490100
Ну, типа это же ИЛИТНЫЙ сайт. Значит, целевая аудитория - айфоны с большим разрешениям (4s сосите хуй, ненужны) и десткопы с ноутами максимум 3-4-летней давности.

Я или в глаза ебусь, или что-то другое, но в упор не вижу никаких проблем.
>>490105>>490106
#293 #490105
>>490103
Настолько элитный, что не влазит в мой MBP Retina 13 купленный в том году.

С инпутом теперь все ок, да.
>>490109
#294 #490106
>>490103

>Sent


Таки send.
>>490108
#295 #490108
>>490106
Подразумевается, что в мэссэдже - посыл няхуй, потому sent.
#296 #490109
>>490105

> 2560x1600 пикселей у 13-дюймового MacBook Pro


Не понимат, чому у тебя ширина 1280.
>>490113
#297 #490113
>>490109
Это физическое разрешение, а логическое 1280*800. На один логический пиксель приходится 4 физических и из-за этого все УЛЬТРАЧЕТКОЕ.
>>490115
#298 #490115
>>490113
Лол. Забавная архитектура.
>>490119
#299 #490119
>>490115
Так на телефонах давно уже высокие dpi. Тем более сейчас почти весь веб векторный, только некоторые картинки мыльноваты.
#300 #490127
$ git add README.md
$ git push https://github.com/hikka-kun/alisayed.git
Everything up-to-date

//
но на самом гитхабе ничего не появилось. В чем может быть проблема?
>>490134
#301 #490134
>>490127
Как это не появилось? Вот же: https://github.com/hikka-kun/alisayed
>>490136>>490140
#302 #490136
>>490134

>> $ git add README.md


> README.md


Нет его.
#303 #490137
Смотрю сейчас базовый интенсив. Вот хитрые жопы, много нового услышал, чего в курсах небыло.
#304 #490140
>>490134
Все, понял. Пуш с коммитом перепутал.
>>490153
#305 #490142
#306 #490147
>>490142
Я бы при .btn:hover выставил картинки соцсетей в цвете.
#307 #490153
>>490140
Предвосхищая твой вопрос как залить на pages:
$ git -b gh-pages
$ git push gh-pages

Ветку master на гитхабе после этого можно снести и писать просто git push.
>>490158>>490159
#308 #490158
>>490153
Обосраться слегка.

$ git checkout -b gh-pages
$ git push gh-pages
#309 #490159
>>490153
Этого в интенсиве не проходят. Так что НЕ ПРЕДВОСХИТИЛ.
>>490160>>490167
#310 #490160
>>490159
Сам изучи, хоть избавишься от этого говнохостинга.
#311 #490164
>>490160
Он меня полностью устраивает.
>>490169
#312 #490167
>>490159
Проходят в продвинутом гит
>>490170
#313 #490168
>>490160
Чувак, ты просто пушишь изменения на гитхаб и они автоматом обновляются на сайте. Все, что это нужно сделать — сменить ебаную ветку. Хостинг статики на gh pages это индустриальный стандарт.

Нет, блять, хочу ебаться с фтп, хочу показывать анонам баннеры.
>>490169>>490170
#314 #490169
#315 #490170
>>490167
Досматриваю интенсив, прошли только пуш, коммит и пул.

>>490168
Интересно, чому у анонов не стоит эдблок. Энивэй, ща гляну чо-как. Спать просто охота пиздец, разбираться лень.
>>490177>>490179
#316 #490172
>>490142
Хз к чему придраться особенно, к «Your E-mail (Requid)» разве что.

Шапка неадаптивная, на моем мониторе даже счетчика не видно. Слишком большой контраст в весе шрифтов, но это больше к дизайнеру.
#317 #490177
>>490170
Ну тащемта там есть допы как бэ в интенсивах. как вы вообще хотите развиваться в области, если не изучаете даже выданные материалы, не говоря уже о том, чтобы поискать самому чтонибудь по теме.
>>490178
#318 #490178
>>490177
Терять дохуя времени на git, когда есть еще куча другого материала? NYET.
#319 #490179
>>490170

>разбираться лень


Тебе еще повезло, что ты в той области знаний, которая хорошо задокументирована и отлично работает. Охуеешь разбираться, когда доков нет, а есть сорцы либы и один мутный issue полугодовой давности.
>>490181
#320 #490180
>>490142
Коряво. Паддингов слева/справа не предусмотрено, контент начинается сразу с края экрана.
#321 #490181
>>490179
Немного поясню. Это я не к тому, что «мы говна пожрали, теперь и ты наверни», а к тому, что иногда встречаются такие, сука, баги, которые ты ищешь-ищешь-ищешь и никто — ни двачик, ни старшие товарищи, ни доки, ни SO не могут тебе помочь. Просто нихуя не работает и непонятно почему. Вот в таких условиях важно сжать зубы, разобраться и добить проблему, разобраться в ней до конца и понять почему оно так. Это важное качество разработчика.
>>490184>>490186
#322 #490184
>>490181
Все норм. Накатываю чай, пытаюсь разобраться.

По-твоему, стоит полную документацию git читнуть прямщас?
>>490189
#323 #490186
>>490181
http://hikka-kun.github.io/

На гитхаб загрузил.
>>490193
#324 #490189
>>490184
Не стоит, охуеешь. Достаточно понимать базовые команды (init, add, commit, push, pull, clone) и работу с ветками (checkout, status). Всякие merge и rebase пока лучше оставить в покое.
>>490192
#325 #490192
>>490189
Мне прост не лень, в принципе. Времени дохуя (сижу по 5-6 часов в день, не устаю бегу со школы скорей-скорей домой и сижу до ночи, лол - складывается у меня впечатление, что я ботаню жутко - так и до красноглазика недалеко), мог бы и почитать, даже самому интересно.
Впрочем, оставлю на потом.
>>490194
#326 #490193
>>490186
Заебсь теперь. Там, если что, можно публиковать любой репозиторий, он будет доступен по урлу http://hikka-kun.github.io/projectname. Просто фигачишь в ветку gh-pages.
#327 #490194
>>490192
Гит выглядит простым на поверхности, но на самом деле это монстр, который был написан специально для разработки Линукса. Можешь себе представить какой это сложности проект.
>>490195
#328 #490195
>>490194
Чем сложнее - тем интереснее. Тем более, мне бы хотелось понимать устройство всей этой веб-архитектуры.
Ну, чтобы понимать, откуда взялся тот баг, а почему есть такая фича. Хорошим спецом хотет стать, в общем.
>>490196
#329 #490196
>>490195
Гит не имеет прямого отношения к вебу, если что. Это универсальный инструмент.

>Хорошим спецом хотет стать, в общем.


Дерзай.
>>490208
#330 #490208
>>490196
Раз ты такой умный, скажи мне, какого хуя вагрант работает через жопу на винде
>>490214
#331 #490212
>>490160
А если я через их гуи заливаю на гх-пэйджес и мне норм, это оче хуево?
другой хуй
>>490214
99 Кб, 1396x1001
#332 #490213
Я вообще нихуя не понял, отцентрировал боди, все норм было, начал стилизовать линки - все пизданулось, че за хуйня?
>>490215>>490219
#333 #490214
>>490208
Я же умный, у меня мак.

>>490212
Не, не очень.
>>490232>>490249
#334 #490215
>>490217>>490218
#335 #490217
>>490215
Все работало и ок было, но внезапно наебнулось, яннп.
#336 #490218
>>490215
Или какой-то еще синтаксический проеб.
#337 #490219
>>490213
Зачем ты боди центрируешь, ты что - ебанутый?
>>490220>>490221
#338 #490220
>>490219
Тоже хороший вопрос, кстати.
>>490223
#339 #490221
>>490219
Я учусь.
>>490222>>490231
#340 #490222
>>490221
И размеры туда еще прописал, ну ты даешь. Конечно у тебя все наебнулось. Тема_лебедев--жпг
>>490224>>490254
#341 #490223
>>490220

.header,
.main-content,
.footer {
width: 1200px;
padding: 0;
margin: 0 auto;
}
>>490224
#342 #490224
>>490223

> width: 1200px;


Там резина, Седона же.
>>490222
А почему нельзя?
>>490225>>490231
#343 #490225
>>490224
body должен тянуться от левого верхнего края окна браузера до правого нижнего края. содержимое уже получает размеры. боди - это боди.
>>490229
#344 #490229
>>490225
Оке, спасибо.
#345 #490231
>>490221
Седона не лучший макет для учебы, судя по твоей разметке. Барбершоп твой лучший друг.
В случае с седоной можно тупо все обернуть враппером (там ведь еще и тень нужна) http://codepen.io/anon/pen/MyKBVa
А в боди прописывай фоновый цвет сероватый какой-то там. Ну и шрифты-хуе-мое.
>>490224
Можно. Но это уебанство. Погугли.
>>490233
#346 #490232
>>490214
Ну и отлично тогда. Если пойду на работу устраиваться, пару часов в терминале посижу, разберусь.
>>490351
#347 #490233
>>490231
Я верстал уже барбершоп и нердс, пытаюсь в бэм и резину.
>>490236
#348 #490236
>>490233
Попробуй барбершоп по бэму в резине, серьезно. Я за пару часов переверстал, кучу говна перелопатил + с размерами пришлось самостоятельно играться, после этого седона адаптивная идет как по маслу.
>>490238
#349 #490238
>>490236
Задумаюсь, благодарю.
>>490242
#350 #490242
>>490238
Заодно можешь с флексами поиграться, после этого все эти клеарфиксы будут вызывать рвотные позывы.
#351 #490249
>>490214

>Я же умный, у меня мак.


Да у меня тоже, я не для себя стараюсь
#352 #490254
>>490222

>Тема_лебедев--жпг


в голосину с этого БЭМараста
#353 #490325
БЭМАРАСТЫ, объйясните: есть у меня блок b-pagination, который я хочу запихать в слайдер. В слайдере нужно делать <div class="b-pagination b-slider__pagination"> или <div class="b-pagination b-pagination_slider"?

Второй класс будет отвечать за позиционирование внутри слайдера.
>>490505
#354 #490338
Приветствую, аноны. Посоветуйте софта для вёрстки на пеку с такими характеристиками: http://puu.sh/nyWk0/97f3efcaf2.png
Пока пользуюсь пиратским фотошопом, Notepad++, xampp и средствами отладки в хроме. Кажется, есть инструменты получше.
Дополнительно от инструментов хотелось бы удобной компиляции небольших пнгшных картинок в спрайты.
#355 #490340
>>490338

> Пока пользуюсь пиратским фотошопом, Notepad++, xampp и средствами отладки в хроме. Кажется, есть инструменты получше.


Разве что текстовый редактор можешь сменить на brackets, например.

> Дополнительно от инструментов хотелось бы удобной компиляции небольших пнгшных картинок в спрайты.


А фотошоп тебя чем не устраивает? Пека не тянет?
>>490353>>490356
#356 #490351
>>490232
Ну просто как бы автоматизация через консольку работает, поэтому мне например удобнее и с гитом через нее работать. И быстрее даже, чем открывать еще какую-нибудь приложуху. Базовый проходил с соурстри, на продвинутом уже выучил основные команды и работал через консоль.

Уточню еще что я вслепую неплохо шлепаю по клавишам, а то может возникнуть ощущение что пиздун по поводу того что в консольке быстро работать

мимокрокодил
>>490450
#357 #490353
>>490340

>текстовый редактор сменить на brackets


зачем? Он лучше блокнотика?
>>490355>>490357
#358 #490355
>>490353
Функциональнее.
>>490358
#359 #490356
>>490340
Кстати, в какую сторону можно максимально бюджетно апгрейдить пеку? Хотелось бы работать с двумя мониторами, чтобы в одной - код с фотошопом, во втором - уже сразу отображаются изменения на сайте. Думаю, что начать надо с охлаждающей подставки, затем - ссд, затем - заменить одну двухгиговую планку четырёхгиговой, и потом может быть поставить внешнюю видеокарту.
#361 #490358
>>490355
какие новые функции добавляются?
>>490360
#362 #490360
>>490358
Иди нахуй.
>>490363
#363 #490363
>>490360
с чего такая агрессия?
#364 #490382
>>490357
Спасиб, анон. Правда, всё-таки пока посижу на Notepad++, привык к нему сильно. И работаю только под виндой.
>>490411
#365 #490411
>>490382
Тебя не заебывает так много писать?Поставь саблайм с плагином эммет и не еби мозги.
>>490417
#366 #490417
>>490411
у меня 500 символов в минуту, напечатать что-то вообще не проблема. В разы больше времени трачу на ПРОДУМЫВАНИЕ и альт-табанье во время подгонки. Хотя я за всю жизнь два макета только сверстал.
>>490451
#367 #490445
>>490338

>Notepad++


Как вы пользуетесь этим говном, он же чисто внешне уебищный? Бери саблайм
#368 #490450
>>490351
то не пробовал работу с гитом на продуктах jetbrains, вот уже где консолька сосет
>>490461>>490512
#369 #490451
>>490417
Наркоман, представь сколько ты сможешь нахуярить с такой скоростью и эмметом.

>альт-табанье во время подгонки


вут?
>>490474
#370 #490461
>>490450
Я в свой первый раз кончил быстрее, чем открывается МЕНЮШЕЧКА в Вебшторме.
>>490502
#371 #490474
>>490451
смотришь, что какая-то фигня съехала слишком вправо, альт-табаешь, уменьшаешь отступ, альт-табаешь, смотришь,что теперь всё съехало слишком влево, альт-табаешь, увеличиваешь отступ. Как-то так. Верстаю на глаз просто пока, не пиксель-пёрфект.
>>490476
#372 #490476
>>490474
Это можно делать прямо в браузере, в инструментах разработчика.
>>490478
#373 #490478
>>490476
В основном бывает, что с первого раза всё норм, а это всё потом надо будет в css-файле дублировать, если через браузер отлаживать, поэтому я сразу в блокнотике меняю.
>>490479
#374 #490479
>>490478
Ладно, делай как хочешь, мне уже надоело объяснять людям как делать вещи более удобно и быстро, но они продолжают копротивляться и говорить: "Да мне и так норм чо, я уже привык".
>>490484>>490493
#375 #490484
>>490479
Так и не нужно распинаться. Один раз посоветовал и хватит. Кто умный - дальше сам дойдет, оценит и заюзает. Кому этого не надо - тому хоть на лбу рисуй, все равно не поймет.
мимо
>>490493>>490495
#376 #490493
>>490479
>>490484
ребят, вы меня убедили. Извиняюсь за свою твердолобость. Иду качать Sublime text.
#377 #490495
>>490484
Видишь, не зря распинался, лел.
#378 #490502
>>490461
щито поделать, за все надо платить
#379 #490505
>>490325
Во-первых, зачем ты пишешь b- в начале? Так уже давно не делают.

Во-вторых я нихуя не понял что ты хочешь. Этот блок b-pagination может жить вне слайдера? Тогда в слайдере нужно сделать элемент-контейнер и отпозиционировать его как надо. Но по-моему пагинация сама по себе без слайдера выглядит странно и тебе нужно просто сделать элемент слайдера.
>>490806
#380 #490507
>>490338

>Дополнительно от инструментов хотелось бы удобной компиляции небольших пнгшных картинок в спрайты.


gulp
>>490523
#381 #490512
>>490450
Удваиваю, часто через GUI таки быстрее. У меня, правда, VSC, он не такой слоупочный как WebStorm. Для сложных ситуаций и мерджей SourceTree. Но консольку все равно нужно знать, потому что во-первых скрипты, а во-вторых иногда нужно бывает поковырять проект через нее, потому что что-то сломалось, а GUI не дает достаточно информации.
#382 #490523
>>490507
gulp работает под виндой без танцев с бубном? Или стоит перекатиться на бубунту?
>>490524>>490526
#383 #490524
>>490523
Всё что угодно работает под виндой, надо лишь установить нормальную командную строку
>>490578
#384 #490526
>>490523
Работает. Фронту не стоит перекатываться на убунту, потому что у него тогда отвалится фотошоп. Если куда и перекатываться, то на мак.
>>490531
#385 #490529
Создал в репозитории папку, туда перенес содержимое репозитория. сделал следующее:

$ 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.

Не могу перечитывать всю документацию, времени нет. Подскажите, что сделать нужно, пожалуйста?
>>490534>>490536
#386 #490531
>>490526

>отваливается фотошоп


а вайн? Слишком криво работает?
>>490535
#387 #490534
>>490529
Тебе вывело ошибку в консоль. Ты по английски читать не умеешь или гугл отключили?
>>490537
#388 #490535
>>490531
Нах? Вот реально зачем тебе линукс, что есть на линуксе, чего нет на винде, для фронта? Ничего, говорю по своему опыту и опыту коллег на работе.
#389 #490536
>>490529
Тебе же все написали, епта. И в чем проблема и что сделать надо.
>>490537
#390 #490537
>>490534
>>490536
Перевести - я перевел, хуле толку-то? Он мне предлагает снова выкачать все файлы с сервера, но мне они напротив не нужны там - их нужно удалить. Вот я и не знаю, что делать.
>>490542
#391 #490542
>>490537
У тебя рассинхронизация веток между гитхабом и локальным репозиторием. Ты внес какие-то изменения на гитхабе и какие-то изменения у себя, в итоге получается, что у тебя две разных последовательности коммитов. Их нужно слить вместе. Для этого забери все изменения с гитхаба (git pull), если конфликтов нет, то они смерджатся автоматом. После этого выливай.
#392 #490545
>>490542
Отмечу, что тебе, блять, ровно это же самое написали в консоли.
>>490549
#393 #490546
>>490542
Спасибо за литературный перевод, но оно я уже понял.
>>490547
#394 #490547
>>490546
Блядь, я запутался в этой консоли. Блядь. Со злости пойти и перечитать всю документацию, что ли. А то я нихуя не понимаю, как мне сделать удаление файлов без всяких смерджей, блядь.
>>490550
#395 #490549
>>490545
>>490542
Все, разобрался. По моей логике, после пулла у меня бы вернулось все удаленное, но чому-то этого не произошло. Не понял систему работы, в общем. Спасибо.
>>490554
#396 #490550
>>490547
Так же как и добавление. Удали все, что не нужно, потому закоммить эти изменения. Собственно флаг -A в git add отвечает за то, чтобы записывались не только добавление файлов, но и изменение и удаление.
#397 #490554
>>490549
Этого не произошло, потому что гит корректно слил две ветки — гитхабовскую, где файлы были и твою (более позднюю), где файлов уже не было.
#398 #490578
>>490524

>нормальную командную строку


Порекомендуйте нормальную командную строку плз.
>>490602
251 Кб, 966x596
#399 #490583
Это нормально делать такую обертку в бэм?
>>490596
#400 #490596
>>490583
Да. Ты пропустил подчекивание в footer__login.
>>490598
#401 #490598
>>490596
Это не я, это из видео про бэм.
#402 #490602
#403 #490806
>>490505
Да, может использоваться сам по себе. Мне нужно позиционировать пагинацию внутри слайдера. Варианты:

1. Добавляю к блоку b-pagination класс b-slider__pagination, позиционирую в нем. Мне нравится этот вариант, потому что css-файл пагинации я вообще не меняю.

2. Добавляю к блоку модификатор b-pagination_slider, позиционирую в нем. Хуево, что нужно добавлять новый код в файл-пагинации. Часто такое вижу, но мне кажется, что совсем неправильно и модификаторы должны использоваться только для описания состояния.

3. Твой вариант. То же, что и первый, только добавляется дополнительный элемент. Если у моего варианта нет никаких подводных камней, то я препочту его.
>>490840
#404 #490840
>>490806
Префикс b писать не надо. Модификатор лучше применять если блоки или элементы явно похожи и немного отличаются. Я чет сомневаюсь, что пагинация слайдера и обычная страничная у тебя почти не различаются, поэтому модификатор дичь.
Где пагинация слайдера может использоваться сама по себе? Было бы кстати хорошо увидеть скрин того что ты хочешь сделать
>>490872
#405 #490872
>>490840
Верстаю этот макет. Такую пагинацию легко можно представить как страничную.
>>490874
#407 #490935
ньюфаг с платиновым вопросом итт
поясните, верстаны, можно ли выкатиться на работу через 1-3 месяца, если я планирую посвящать по 8-10-12 часов в день изучению этого дерьма?
24 лвл, в программировании не полный нуб
#408 #490971
>>490935
Да. Верстка учиться за 2 недели. js на уровне "прикрутить к кнопке функцию" за месяц-два.
>>490972>>491067
#409 #490972
>>490971

> за 2 недели


Хуясе, я вчера целый день ебучее адаптивное меню седоны верстал, так и не смог анимацию на скрытие в мобайл версии прикрутить. Чувствую себя дауном.
>>490991
#410 #490973
>>490935
И еще, если не полный нуб смотри лучше на python и django.
>>490999
#411 #490991
>>490972
Там ширину в % и прописать условия в медиа-запросы, а анимацию с помощью префикса :focus для класса в ксс (типа .класс:focus и пишешь чтобы стал видимым, а для просто .класс скрываешь. и вешаешь эти классы на дивы).
>>491069
#412 #490994
Снова проблемы с git. Залил папку sedona с файлами. Sedona запушилась, содержимое - нет. git status ничего не говорит.

делал:
$ git add -A
$ git commit -m "lala"
$ git push origin master

Где проебался?
>>491125
#413 #490995
>>490935
Вкатиться на работу можно и раньше,но смотря на каком уровне, в моей мухосрани можно за 20-25к работать зная основы верстки, бэмы лесс сасс и прочая хуйня не нужны, умению подключать джиквери библиотеки, основы пхп для отправки форм и прочей хуйни. Ну и с цмской разобраться.
>>490997
#414 #490997
>>490995
Ну это разумеется самый низкий уровень, в сторону контент-менеджера даже не смотрите.
#415 #490999
>>490973
питоном планирую заняться после того, как буду хоть какие-то бабки за верстку получать

не полный нуб - это я когда-то поступал на прогера, но потом жизнь повернулась жопой, пришлось менять место жительства, работу и всё по пизде пошло, теперь планирую нормально взяться за дело
#416 #491064
>>490935
Шапку смотри, там все расписано, с часовыми промежутками блять. Жирным сука выделено.
Что блять надо сделать чтобы эти дебилы читали шапку котаны? Пиздец просто.
#417 #491067
>>490971
Если он евередж юзер, то за 2 недели в лучшем случае сверстает свой первый фиксированный макет. О том как он его сверстает, я промолчу.
>>491074
#418 #491069
>>490991
Это мне все переделывать придется...
#419 #491074
>>491067

> за 2 недели в лучшем случае сверстает свой первый фиксированный макет


Сверстал свой первый макет за сутки, второй - за три часа. ЧЯДНТ?
#420 #491076
>>491074
Пиздишь.
>>491079
#421 #491079
>>491076
Нопе. Другое дело - первый макет был сверстан через жопу, второй был довольно-таки простеньким.

Мартов-кун
#422 #491082
>>491074
Все равно не верю.

Не зная ничего о html/css ты за сутки даже самый базовый материал не успеешь просмотреть/прочитать/усвоить. Не говоря уже про саму верстку.
>>491087
#423 #491084
>>491074
За сутки, с нуля, без знаний верстки вообще? Сел и за сутки сбацал макет до того не отличая тег html от body?
>>491087
#424 #491087
>>491082
>>491084
Обосрался чуток. Думал, имеешь в виду сам процесс верстки.
Курсы на хтмлакадеми+базовый интенсив были за 5 дней выучены. Я по 5-12 часов сидел за этим всем и наизусть зазубрил все значения css-свойстов. А так - думаю, за сутки-два можно выучить весь синтаксис, глянуть статьи на htmlbook про верстку сеток и кляпать верстку по макетам.
>>491094>>491096
166 Кб, 1320x843
#425 #491091
В упор не хочет видеть файлы.
#426 #491093
>>491074
Я за сутки успел узнать о существовании html/css, о том как они друг с другом связаны, о том зачем они в принципе нужны, о том, что есть такой ЯП как JS и зачем он нужен, получить самое базовое представление о фреймворках, и начать курс на codecademy, где сильно дальше p и остальных h1 с ul зайти особо не успел. А ты за сутки макет сверстал. Ок.
>>491094
#427 #491094
#428 #491096
>>491087

>А так - думаю, за сутки-два можно выучить весь синтаксис, глянуть статьи на htmlbook про верстку сеток и кляпать верстку по макетам.


Нельзя. От голой теории вызубренной за такой период толку ноль. Запутаешся и сделаешь только хуже. Инфу надо переварить.
А то будет как тем бедолагой, который быстро прошелся по learn.javascript а потом не мог отличить свойство объекта от массива.
>>491099
#429 #491099
>>491096
Да, ты прав.

Больше 2 вебинаров в сутки смотреть противопоказано: крыша начинает ехать от обилия информации.

Алсоу, на третий день учебы во сне писал МАРЖИНЫ и ПЭДДИНГИ. Прямо помню, что эти сраные свойства.
#430 #491125
>>490994

>$ git add -A


git add .
>>491132
#431 #491132
>>491125
Нахуя ты это советуешь? Ключ -А по умолчанию пробегается по всему дереву.
>>491145
26 Кб, 604x400
#432 #491139
>>486241 (OP)
Вопрос платиновый, думаю.
Сап. Я гуманитарий, в школе математика давалась крайне тяжело, единственно что физику изучал, нравилась. Смогу ли вкатиться в это дело, если я в математике дуб-дубом?
#433 #491141
>>491139
Нет.
>>491146>>491153
#434 #491142
>>491139
ЧИТАЙ ШАПКУ СУКА НАХУЙ НУ ЕБАНЫЙ ТЫ В РОТ
>>491146>>491153
#435 #491144
>>491139
Иди нахуй.
>>491146>>491153
#436 #491145
>>491132
Ты прав анончик, проебался я чуток
#437 #491146
>>491141
>>491142
>>491144
Пиздец вас разорвало-то
>>491147
#438 #491147
>>491146
Даун, плиз.
#439 #491150
Посмотрел вебинар про адаптивную графику, вот наваял для ретины, ну и всякие srcset и svg. Гляньте по фасту кто понимает. Да и адаптив только на 1й странице, на остальные забил хуй. Ну и думаю blur на осле не заведется, я так понял его на js лучше делать.
http://c12266.shared.hc.ru/good/index.html
#440 #491153
>>491141
>>491142
>>491144
Предлагаю невнимательных дебилов тупо игнорировать. Если шапку не прочитал и задаешь платину - твои проблемы. Додумаешся - найдешь ответ. Не додумаешся - значит тупой и пошел нахуй отсюда.
мимо ОП
>>491156
#441 #491154
>>491150
Сочетания цветов в футере можно получше подобрать.

А так, чисто на первый взгляд, - заебись.
#442 #491156
>>491153
Можно зафорсить локальный мемес "иди нахуй".
#443 #491158
>>491150
В футере покемонов прозрачными еще сделай, заебись будет.
#444 #491159
>>491150

> You email address


Your.

Имэил еще отстилизируй, а то глаза режет.
#445 #491163
>>491150
Хватает всяких косяков если говорить конкретно о верстке. С адаптивом тоже нужно работать, сдвиги шрифтов, кнопок - это не дело.
Эффект с переворачиванием иконок тестимоналс сам придумал?
>>491173
#446 #491173
>>491163
Ты напиши конкретные косяки если не сложно. Для этого и спрашивал. Про адаптив, я его по быстрому за час сделал. Жаль что в макете не было адаптива, проще делать когда есть макет.
>>491184
#447 #491184
>>491173
Завтра, если будет время - займусь, сегодня уже башка не варит.
Если коротко - основной косяк конечно, проблемы с паддингами и отсутпами. Одни элементы слишком близко, другие слишком далеко. Часть со слайдером при ресайзе отвратительно едет.
Под менюшкой хедера непонятная полоска, ее быть не должно.
Белые полосы по краях, обрезают блоки, особенно заметно на футере и хедере.
Конкретно в адаптиве большинство косяков размеры. Колонки растягиваются до пиздеца, превращаясь в макаронины, опять же смещения кнопок, некоторые элементы становятся нечитаемыми, заголовки занимают по пол области блока.
В код не глядел, но уже по второму уровню видно что дальше тегов footer header в разметке HTML5 ты не пошел, а надо бы, могу впрочем, ошибаться, я не вглядывался.

Это то что лежит на поверхности.
Что понравилось так это эффект выездом поля поиска и ховеры на элементах портфолио.
Если интересно как можно делать иначе - можешь глянуть мой макет.
http://ykro314.github.io/Good_good/index.html
Не претендую на истину в последней инстанции, там тоже говна хватает, да к тому же он и недописан, но опыта у меня побольше будет, может чего для себя откроешь.
#448 #491229
Блядь, эта седона - какой-то апофеоз говнодизайна, меня уже тошнит от нее, хотя я суммарно всего часа 3 ее верстаю (адаптив).
мимо крик души
#449 #491289
Вопрос опытным версталам/фронтовикам.
Насколько критично соблюдать полную пиксельную схожесть с макетом дизайнера? Прнятно, что случаи разные бывают, но все же, из вашего опыта, можно ли корректировать макет в плане паддингов и маржинов для большей симметрии и кратности размеров? Если (как я подозреваю) отклонения допускаются, то примерно в каком диапазоне?
>>491291>>491890
#450 #491291
>>491289
да в половине макетов есть дизайнерские косяки, когда явно симметричные вещи расположены кривыми ручонками.
#451 #491304
Аноны, поясните за разные типы аккаунтов на гитхабе. Да и вообще, поясните, зачем он вообще нужен, чтобы писать что-либо совместно?
>>491308
#452 #491308
>>491304
Да, чтобы писать БЭМ вместе с другом.
>>491367
#453 #491365
https://habrahabr.ru/post/250901/
Хуй знает. Просто вброшу, зачем? Хуй пойми.
#454 #491367
>>491308
Мне больше Angular нравиться.
>>491368
#455 #491368
>>491367
А мне из всех языков программирования больше всего Jeikwerri и butstrup понравились.
>>491370
#456 #491370
>>491368
JakeVeiry ты имел ввиду?
>>491372
#457 #491372
>>491370
Точно, всегда ошибаюсь в написании.
Еще Si Charpp интересная библиотека фоеймворка, но довольно сложный скелетон для начинающих.
#458 #491390
Кек
#459 #491400
Появился забавный вопрос.
Имеется два селектора - первый с одиннадцатью селекторами элементов, второй - со всего лишь одним селектором класса. Какой будет приоритетней? наверное, второй
>>491404
#460 #491404
>>491400
приоритет первого 0-0-0-11
приоритет второго 0-0-1-0

естественно приоритетней второй
#461 #491410
>>491404
Не, по твоей же логике приоритетнее первый.
Потому что 11 к 10.
>>491420>>491435
#462 #491413
>>491404
ну фиг знает, может, интерпретатор в браузере использует десятичную или шестнадцатиричную систему счисления для подсчёта приоритета, и огромным количеством селекторов низкого уровня можно перебить селектор класса.
>>491421>>491436
#463 #491420
>>491410
Так не считается. Вообще схема с 1000, 100, 10 и 1 - в корне неверна. А/B/C/D.
#464 #491421
>>491413
Можно наверняка, но зачем?
>>491424
#465 #491424
>>491421
интересно же. Правда, лень тестить.
Кстати, недавно вот вновь решил обмазаться вёрсткой, в своё время прошёл весь базовый курс (почти все испытания на 100%) и треть продвинутого. Успел даже макет сверстать, даже светил им тут http://brauzerka-2014.tk . Как думаете, повторять стоит с базового курса, или с продвинутого?
>>491426>>491443
#466 #491426
>>491424
Почему тогда забросил?
>>491432
#467 #491432
>>491426
ушёл на стройку работать на два месяца :)
#468 #491435
>>491410
ты долбаеб? я специально блядь дефисами отделил чтобы числа не додумались собирать. пиздец.
#469 #491436
>>491413
нельзя
#470 #491443
>>491424
Проходи с базового, повторенье - мать ученья. Не ебись с испытаниями только долго. Без них за день можешь управиться, зато вспомнишь многое.
#471 #491606
Посоветуйте как лучше организовать портфолио.
Запилить на бесплатном хостинге сайт-визитку со сверстанными подсайтами? Или для этого лучше подойдет какой-нибудь гитхаб?
>>491628
#472 #491628
>>491606
Запилить статический сайт на гитхабе. Туда же вылить все свои сверстанные макеты.
>>491638>>491882
#473 #491638
>>491628
А как там можно сайт то разместить? Насколько я вижу (да и раньше натыкался) - у всех папочки-репозитории с перечнем подпапок и файлов с кодом.
>>491647
#475 #491650
>>491647
ОП, добавь в шапку что такое Github Pages и зачем он нужен. Для хостинга статики сложно придумать что-то лучше.
>>491824>>491882
#476 #491685
>>491647
Спасибо, няша.
Не знал, что у них и такое есть.
#477 #491824
>>491650
Окей, закину упоминание в фак.
#478 #491828
Ооооох.
8 часов работы, 1 час обеда и 2 часа дороги (туда и обратно).
ПИЗДОС, ну вот кому надо жрать целый час.
И все сидят рядом, даже пропердеться как следует нельзя.
11 часов моей жизни, одиннадцать, мать их, часов.
А на ламповой удалёнке я работал от силы 7 часов. И садился за работу, когда хотел.
Ушёл в закат под громыхание своего пердака.
Анон, который перекатился из версталы под Битрикс во фронт в офис.
>>491842>>492202
#479 #491842
>>491828
В люди выбился) молодца
>>491881
#480 #491881
>>491842
Да я не то чтобы выпендриться.
Я просто не понимаю, как люди выдерживают по столько часов в офисах.
Очень надеюсь найти себе потом выгодную удалёнку типа апворка, когда дорасту.
#481 #491882
>>491650
>>491628
Что значит статический?
>>491961
#482 #491888
>>491404
В твоем неудачном примере приоритетнее первый, потому что третий разряд меньше.
>>491896
#483 #491890
>>491289
Зависит от клиента. Я по умолчанию делаю пиксель в пиксель, даже когда для этого приходится прописывать разные стили одинаковым элементам одной коллекции. Потом за деньги верстаю обратно к нормальному варианту.
>>492061>>492063
#484 #491896
>>491888
Мда... совсем ебанулись люди тут смотрю
#485 #491961
>>491882
Без серверной логики
>>491997
#486 #491997
>>491961
Ну вообще-то статикой называют сайт вообще без логики, в том числе клиентской.
>>491998
#487 #491998
>>491997
Мне кажется, что сейчас это понятие размывается. Как еще назвать сайт без сервера?
#488 #492005
Аноны, скачал себе базовый интенсив, сверстал сетку, оформление контента(позиционирование, псеводоэлементы и т.д.), пока все легко, но нихуя не понял про фотошоп, как там вырезать и что, на каких слоях, да и вообще фотошоп с его обилием функций пугает. Подкиньте статей гайдов по этой теме, особенно те, кто проходил интенсив. С меня нихуя, но иисус вас полюбит.
>>492009>>492044
#489 #492009
>>492005
Я только начинаю осваивать вёрстку, и тема может не очень - не особо ещё ориентируюсь, но вот тут чел показывает как он работает с макетом когда верстает http://webdesign-master.ru/blog/adaptive-web-design/11.html
#490 #492044
>>492005
Ну Громов же нормально рассказал в 30 минутном видео как работать с макетом. Смотри, вкуривай
>>492064
#491 #492061
>>491890
И как на это клиенты реагируют?
>>492145
#492 #492063
>>491890
ебать хитрец.
#493 #492064
>>492044
А мне он не понравился. Все видео не мог свою личинку успокоить, я даже не досмотрел его.

Че вы с фотожопом мучаетесь, когда есть бажественный Brackets?
>>492065
#494 #492065
>>492064
Какую личинку? Я говорю за урок именно по фотошопу, а не про вопросответ к нему
>>492071
#495 #492071
>>492065
Урок по фотошопу тоже тяжело смотрится. Чувак крайне хуево знает английский. Першин, кстати, тоже не фонтан в этом плане.
>>492078
#496 #492078
>>492071
Ну эт не англокурсы так то, чтобы цепляться к произношению.(самого это тоже раздражает если че) Хотя даже индусов на той же курсере люди смотрят и ниче, никто не умер. Если инфа годная то можно и потерпеть. А так там все по полочкам и не растянуто (я про видос о фш). Есть ГОРАЗДО худшие примеры подачи инфы.
#497 #492083
Так все-таки: зачем нужен Ps, когда есть Brackets? Он же намного удобнее: все делвется в одном окне, нет лишнего функционала, может тут же прописывать свойства в CSS, и даже более того: при прописывани background-image сам будет сохранять выделенную картинку из макета по тому пути, который ты указываешь в src.
Это же имба-фича, которой нет больше ни в одном другом IDE.
>>492119
#498 #492115
Подписался на тред. Выперли с работы и я снова загорелся идеей верстки, в прошлый раз был в такой же ситуации и проходил курсы на htmlacademy, но устроился на работу и забил пытался продолжить проходить курсы на работе, но отвлекали постоянно.
Теперь думаю по быстрому устроится или не по-быстрому и дождаться расчета с послднего места работы на днищеработу и оплатить за ближайший интенсив. В связи с этим возник вопрос, если я буду работать около 9-10 часов по пятидневки хватит ли времени пройти интенсив? Интересует мнения тех, кто был в такой ситуации или проходил интенсив на htmlacademy.
>>492118
#499 #492118
>>492115
Прохожу сейчас - времени не хватает. Вот банально вчера: пришел уставший с работы, так еще и друг в гости прийти захотел. В итоге за вчера вообще нихуя не сделал.
Хотя, если ты с родителями живешь, и девушки/жены у тебя нет - будет проще.
>>492128
#500 #492119
>>492083
Бро, поясни поподробней за brackets. Там есть вырезание слоя в отдельный файл одной кнопкой? Там есть css некоторых теней и градиентов? Насколько он лагучий? Вообще, это полноценная среда для веб-разработки вроде веб-шторма, или так, текстовый редактор с читалкой псд-макетов?
>>492136
#501 #492128
>>492118

>Вот банально вчера: пришел уставший с работы, так еще и друг в гости прийти захотел.


Бля, хреново. А я же ещё на курсы английского хожу и в качалочку. Ладно, подожду расчета.
#502 #492136
>>492119

>Там есть вырезание слоя в отдельный файл одной кнопкой?


Ну, не одной прям кнопкой. Кликаешь на слой или картинку (что в принципе одно и то же) в макете, кликаешь в код, тебе предлагается отдельным окошком список свойств для экспорта в код. Выбираешь саму картинку, тут же появляется код с src и относительной ссылкой, которую ты можешь подправить (в т.ч. название картинки и ее формат). Нажимаешь энтер - и картинка волшебным образом сохраняется по пути, указанному тобой в коде src, переименовываясь и принимая указанный тобой формат. По-моему это охуенно.

>Там есть css некоторых теней и градиентов?


Если я правильно понял тебя, то да. Если макет сверстан руками не из жопы, то переносить свойства слоев в код css -одно удовольствие.

>Насколько он лагучий?


Тормозной в сравнении с сублаймом, и иногда лагает live preview (отдельное окно хрома, где отображается верстаемая тобой страница).

>Вообще, это полноценная среда для веб-разработки вроде веб-шторма, или так, текстовый редактор с читалкой псд-макетов?


Понятия не имею, я нуб на самом деле. На шторм взглянул, но он мне пока показался черезчур тяжелым и с кучей бесполезных для меня пока функций.
>>492153
#503 #492145
>>492061
Благодарны за грамотные советы, ценят мой профессионализм.
#504 #492153
>>492136
Как думаешь, за такой пекой норм будет?
http://puu.sh/nBfsc/d3da1b709d.png
#505 #492162
>>492153

>370M


>M

>>492177
#506 #492164
>>492153
У меня не сильно лучше. i3-2100, 8Gb DDR3, GTX560. Думаю, раницы для брэкетсов не будет.
Пойми, они тормозные только в сравнении с быстрыми редакторами типа сублайма. На самом деле это дело привычки, через десять минут работы ты уже забудешь о разнице. Поймешь, что они слегка медленноваты только, если вдруг снова пересядешь на суб.
#507 #492165
>>492153
И да, все зависит от размера проекта. Если это какие-то огромные ебанутые страницы с кучей стилей, скриптов и картинок, на тысячи строк кода - это одно. А если ты макеты хтмлакадеми верстаешь - то совсем другое.
#508 #492177
>>492162

>370M


что, совсем дно? Я думал, по сравнению со всем остальным хламом, проц у меня ещё ничего. На ноуте вообще наклейка i5, (смех).
#509 #492202
>>491828
А по деньгам какая разница?
#510 #492359
гайз выручайте,нужен нормальный гайд по инструментам бэм(сборщики,шаблонизаторы и т.д)
в документации все не однозначно
а я хочу понять алгоритм действий
>>492399
#511 #492399
>>492359
Нахуя?
Обновить тред
Двач.hk не отвечает.
Вы видите копию треда, сохраненную 10 апреля 2016 года.

Скачать тред: только с превью, с превью и прикрепленными файлами.
Второй вариант может долго скачиваться. Файлы будут только в живых или недавно утонувших тредах. Подробнее

Если вам полезен архив М.Двача, пожертвуйте на оплату сервера.
« /wrk/В начало тредаВеб-версияНастройки
/a//b//mu//s//vg/Все доски