Этого треда уже нет.
Это копия, сохраненная 26 марта 2016 года.

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

Если вам полезен архив М.Двача, пожертвуйте на оплату сервера.
48 Кб, 426x315
53 Кб, 512x512
Верстка тред №53 #470294 В конец треда | Веб
Здесь аноны изучают верстку, базовый фронт-енд и обсуждают все, что с этим связано. Полноценная инфа по материалам в пасте, здесь только краткая выкладка базиса и основные ссылки.
Если ты ньюфаг, то тут тебе будут рады. Но только в том случае, если ты, перед тем как что-то спросить, погуглишь хотя бы минут 5 и прочитаешь фак/пасту. В противном случае будешь послан нахуй, и абсолютно заслужено. Совершенно идиотские вопросы, нытье и прочее - аналогично. Не говорите, что мы не предупреждали.
====================

Совсем уж ньюфажекам с вопросами "с чего начать?" сразу лезть в пасту в конце ОП-поста. Там все расписано, в том числе самый удачный по мнению автора алгоритм изучения основ верстки, есть тонна полезных ресурсов для разработчиков начального-среднего уровня и прочая годнота.

Желающим что-то спросить у анона по части кода "как сделать/почему работает/почему не работает/etc" следует учесть пару советов. Если коротко то всегда лейте свой говнокод в песочницу, а в посте прилагайте дополнительные объяснения проблемы и скрины, еще лучше если перед этим вы подумайте своей головой. Те кто спамят очевидными вопросами в треде, не задумываясь толком, как правило, ничему научиться не способны. Без нормальных пояснений проблемы и залитого кода в песочнице вам никто не поможет, так что без нытья, вас предупредили.

Официальное обращение к тем, кто выкладывает свой говнокод в архивах и файлообменниках:

>Идите нахуй.


или

>Используйте блять codepen, cssdesk, jsfiddle или даже jsbin. Делать тут нам больше нехуй, кроме как выкачивать css и ковырять его вилкой.



То же касается умников со скриншотами. Если запилили скрин и желаете получить внятный ответ – показывайте и код. В противном случае не жалуйтесь на реакцию.
=====================

Заранее предупреждаем, времена, когда можно было сверстать две фиксированных странички и завалиться в хардкорный фронт-енд давно прошли. Нет, работу конечно найти можно будет. Позиция называется Markup или HTML/CSS Developer называйте как хотите хотя даже там требуется знание адаптивности и прочих ништяков, но это только старт, и ЗП там вряд ли вас сильно порадует. На данный момент фронтендеру нужно учить больше, чем просто HTML/CSS. В частности необходимы продвинутые инструменты разработки, автоматизаторы, работа со скриптами, сам Js и Jquery, в перспективе что-то из Js фреймворков, MVC и прочего дерьма.

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

Так как стек технологий вырастает, то соответственно вырастает время, что требуется для обучения. С одного-двух месяцев до 4+, иногда до полгода, в зависимости от твоей обучаемости. Альтернативой конторкам может стать фриланс, тут уже все опять же индивидуально, но конкуренция там больше, в начале может быть сложно, скучно и относительно дешево. Помните о портфолио, оно просто необходимо, да и за время его создания руку набьете.

Дальше представлены первичные обучающие материалы в сильно сокращенном варианте, полные списки найдете в пасте.

http://dash.generalassemb.ly/
http://learnlayout.com/
http://htmlacademy.ru/ - ультрагоднота
http://learn.javascript.ru/ - по JS на русском лютая годнота. Годнее только Флэнаган
http://www.codecademy.com/
http://codeschool.com/ - тут платно, но есть бесплатные курсы, годные вещи про jquery и git
http://htmlbook.ru/ Справочник. Каждый верстальщик пользуется им. Все непонятное смотрим там.
http://teamtreehouse.com - тут все платно, но первые две недели бесплатно, можно успеть пройти пару курсов, объясняют хорошо.
Для работы понадобятся текстовые редакторы или среды разработки, тут уж решать вам.

Текстовые редакторы:
http://brackets.io/
http://www.sublimetext.com/3
https://atom.io/

ПРИМЕРЫ ВЕРСТКИ ДЛЯ САМЫХ МАЛЕНЬКИХ:

Внизу видеокурс о том, как верстать PSD шаблон. Просто пример, чтобы посмотрели как выглядит работа и как верстают С НУЛЯ.
http://denweb.ru/put-veb-mastera_sod

Верстка по БЭМ
http://habrahabr.ru/post/203440/

Лично я все же посоветую черпать инфу по базовой верстке из интенсивов, ссылки чуть ниже. Там ребята показывают весь процесс и делают это качественно. Никаких ошибок, минимум стилизации и отсебятины.

Гайд от анона по гитхабу:
http://randomfederation.github.io/

Базовый интенсив за 2015 год:
http://nnm-club.me/forum/viewtopic.php?t=899131

Продвинутый интенсив за 2015 год:
http://nnm-club.me/forum/viewtopic.php?t=900609

Базовый JS интенсив за 2015 год:
http://nnm-club.me/forum/viewtopic.php?t=974803

Макеты для верстки, тоже от академии. Все из их рассылки, поэтому лучше бы тебе на нее подписаться. Ребята вываливают кучу годноты, хоть и относительно редко.
https://mega.nz/#!CtYGSCbB!3Y6fDxxL_N_LstGFPGjHrhXbIoNqk4BzmNjjEmk2jPc

======================
Все основная инфа и материалы здесь:
Обновленная паста, она же FAQ - http://pastebin.com/ytWW0UfU

Старая паста если кому вдруг понадобится - http://pastebin.com/tvvwC7uz

Прошлый тред >>463552 (OP)
>>473940>>474061
18 Кб, 281x440
#2 #470312
Заметил в треде очень много котиков :3
Это один анон или у вас такие традиции просто?
>>470319
#3 #470319
>>470312
Это котик по технологии бэм просто
19 Кб, 323x480
#4 #470425
Насколько реально фронтенд-разработчику завести трактор по сравнению с другими программистами? Есть вообще такие примеры?
#5 #470429
>>470425
Настолько же или даже более реально.
#6 #470430
>>470425
Шансов нет, так как везде хватает своих фронтендов. Займись чем-нибудь другим
>>470505>>470532
#7 #470431
>>470425
Одинаковые.
#8 #470505
>>470430
Двачую. А лучше вообще в ИТ не идти, так как недостатка в кадрах нет. Айтишников и так хватает. Займитесь лучше чем-нибудь другим
#9 #470532
>>470430
>>470505

>Имплаинг, что в рашке сейчас есть интересные отрасли с дефицитом кадров

#10 #470539
>>470505
Я бы не сказал. Недостаток годных кадров охуенный, даже с учётом падения планки понимания "годного кадра".
#11 #470584
господа нужна помощь http://codepen.io/anonimousmaximus/pen/XXwayZ
подскажите почему на ссылку не действует класс "active"
в инспекторе он даже не отображается
что я сделал не так ?
#12 #470608
>>470584
.el1 a {
position: relative;
}
добавь
>>470618
#13 #470618
>>470608
не работает. меня интересует почему вообще класс для ссылки не работает в этом случае
>>470660
22 Кб, 400x400
#14 #470624
>>470584 тупо что не напишешь в свойствах класса ничего не робит
#15 #470651
>>470505
Лучше вообще на работу не идти, так как недостатка в кадрах нет. Работников и так хватает. Займись лучше чем-нибудь другим.
>>470656
#16 #470656
>>470651 на дваче тоже не сиди потому что недостатка в двачерах нет. Двачеров и так хвататет. Займись лучше чем-нибудь другим.
>>470682
#17 #470660
>>470618
а еще забыл, у тебя пробел перед :active
>>470676
#18 #470676
>>470660
я говорю про класс "active" а не про псевдокласс
>>470678>>470679
#19 #470678
>>470676
Попробуй использовать селектор a.active
>>470696
#20 #470679
>>470676
потому что у тебя написано .active a
Какой к черту а внутри active если у тебя .active и так ссылка сама по себе?
#21 #470682
>>470656
Рекомендую не рождаться человеком вообще. Недостатка в людишках нет. Их и так хватает. Родись лучше динозавром.
>>470686>>470689
#22 #470683

>>47067 нет там псевдокласса у меня. есть класс actice который я хочу стилизовать и сделать ему афтером псевдоэлемент

#23 #470686
>>470682
только класс active который задан ссылке даже инспектор браузера не видит. МБ я класс не так задал или в ксс к нему обратился неправильно?
#24 #470689
>>470682
лучше не рожаться вообще. недостатка в родившихся нет. их и так хватает. займись лучше другим делом
#25 #470694
>>470584
Ты кажется не понял что розовый цвет не имеет отношения к твоей ссылке.
.el1 .active {
background: #fff;
color: #000;
#26 #470696
>>470678
СПАСИБО ПРОБЛЕМА РЕШЕНА !
>>470700
#27 #470700
>>470696
А теперь забудь про использование таких селекторов. И пиши просто .active
>>470702>>470708
#28 #470702
>>470700
чем они плохи ?
>>470705>>470706
#29 #470705
>>470702
Анальное каскадирование тебя в анал выебет когда сверстаешь какую-нибудь бандуру.
>>470708
#30 #470706
>>470702
Специфичностью
#31 #470708
>>470700
>>470705
тогда зачем все эти вложенности и ксс-наследования которые я дрочил ночами ?!!
>>470709>>470720
#32 #470709
>>470708
Хз, от нее все уходят в модульность. Типо БЭМ для пацанов, анальный каскад для лохов. Принцип заложенный в css конечно не плох наследования и все дела, но модульность и взаимозаменяемость такого не терпит.

<nav class="main_nav__list">
<a class="main_nav__list-active" href="#">Главная</a>
>>470710>>470720
#33 #470710
>>470709
проще говоря чтобы элементы сайтика можно было прикруть куда то ещё ?
>>470711
#34 #470711
>>470710
ну да, это будут такие модули. Типо меню сделаешь на абсолютно независимых классах и стилях для них и можешь его потом по странице безболезненно таскать, или вообще в другой проект.
>>470716>>470717
#35 #470716
>>470711
если всё резюме будет на этих модулях не скажет работадатель что я типа кроме этих модулей нихуя не умею( а я толком то только флексы хорошо знаю)
>>470722>>470749
#36 #470717
#37 #470720
>>470708
Ты учил чтобы знать механизм работы.
Смотри интенсивы пиши код как они показывают. Все постепенно. Но даже в базовым они не показывают код с одновременно с селекторами по классу и по тегу. Посмотри стайлгайды еще которые они дают.

>>470709
Да он пусть усвоит сначала материал базового, потом дойдет до БЭМ и т.д. Так лучше восприниматься будет, чем сразу все пытаться. Поебешься с селекторами поверстав несколько макетов - лучше потом поймешь преимущества методологии.
#38 #470722
>>470716
Ну это как если бы работодателю надо было копать ямы, а ты умел копать только на экскаваторе. Но копать в ручную это конечно большой плюс будет, мало ли. А знание только флексов-это как работать только на экскаваторе хитачи, что очень узко и не есть хорошо.
1110 Кб, 1556x973
#39 #470735
А я напоминаю уровень развития типичного фронтенд разработчика
#40 #470736
>>470735
в голосину блядь
#41 #470737
>>470735

Лол XD))))
#42 #470738
>>470735
Особенно наставник выделился
#43 #470742
>>470735
Надо выучить верстку и получать нормальные деньги, ведь это так просто. Заплачу за курс академии и буду все уметь. Еще угараю с шкур там, ахуенные вопросы задают.
#44 #470744
Использую БЭМ в именовании классов для CSS.
Хотел воспользоваться готовыми библиотеками от создателей методологии.

Зашел на оф. сайт и охуел от сложности всех этих enb и bem-tools.

Кто-нибудь использует всю эту хуйню в работе? Поделитесь статьями и мастер-классами, где бы это все разжевывалось. Или может быть есть что-то лучше?
>>470746>>470751
#45 #470746
>>470744
только пространство имен и инкапсуляция. ИМХО остальное нахуй не надо.
>>470750>>470775
#46 #470749
>>470716
Как ты смог освоить флексы, пропустив примитивнейшие флоаты с инлайнблоками?
Я вот уже неделю пытаюсь правильные красивые сеточки на флексах строить, выходит пока какая-то хуита (на мой личный взгляд, так то оно работает и заебись, но как-то криво выглядит сам код), а на флоатах я такую поебень за полчаса накидаю, например.
>>470752>>470754
#47 #470750
>>470746
двачую
#48 #470751
>>470744
Нахуй нужны упоротые бемтулсы от упоротых последователей темы лебедева, если есть отличные прекрасние задокументированные быстрые и понятные системы сборки типа галпа\вебпака\гранта и отличнейшие удобные препроцессоры с возможностью писать модульный код?
>>470775
#49 #470752
>>470749
я не пропустил их я принцип действия их знаю а все схлопывания выпадания не сильно запомнил. флексы это охуенная вещь и сетку мутить на них одно удовольствие. флексы дрочу уже 3 день.
http://flexboxfroggy.com/#ru дрочи на лягушку и всё поймешь
>>470761
#50 #470754
>>470749
флоаты с их распорками и прочим гавном гуда сложнее ИМХО
>>470757
#51 #470755
>>470505
ИТ вообще на последнем издыхании. Каждый 16летний школяр учит джаву-пхп-питон-руби, сосет хуи, не находит работу и идет в макдак.

Давно надо бы тред экранировать хотя бы слегка, как это сделали в апворк-треде. А то тут уже как в копирайтинг-треде, из 500 постов 300 имеют содержание типовида "бля, работ не найти, умею клепать формочки и стилизовать инпуты, верстка говно(((" и "пасаны, две недели учу верстку, когда можно будет с нуля зороботывать хотя бы 1000 далларов в месяц?"
>>470762>>470779
#52 #470757
>>470754
Ну, тут наверное дело практики. Я на флоатах выдрочил все макеты академии+прихуячил туда адаптив, резину и прочую хуйню. И уже потом пошел смотреть продвинутый. А на флексах всего неделю тыркаюсь. Вроде реально очень удобно и продвинуто, но мой мозг постоянно хочет зафлоатить какой-нибудь логотипчик влево.
>>470760
#53 #470760
>>470757
флоаты не были придуманы для сеток. они уйдут в прошлое как табличная верстка когдато. за флексами будущее.
#54 #470761
>>470752
Я прошел эту лягушку, анон в позапрошлом треде кидал, кажется, я даже поблагодарил. Барбершоп переделал на флексах чисто для тренировки, даже стыдно показывать, лол. Сегодня вот за респонсив-седону примусь.
>>470763
#55 #470762
>>470755
кстати с каким стеком технологий можно начинать работку искать ?
>>470765>>470768
#56 #470763
>>470761
лол я щас барбера пилю))
>>470773
#57 #470765
>>470762
Ищешь вакансию - смотришь список требований. Промониторив несколько вакансий понимаешь что надо знать.
>>470767
#58 #470767
>>470765
фулс стек человек оркестр 1000 лет практики 10000 зарплата
#59 #470768
>>470762
Не знаю. Я скажу за себя: учу с ноября. Часто задавал здесь такие тупые вопросы, что от стыда закрывал тред и даже не читал ответы. Сейчас могу сверстать любой адаптив, ебусь с флексами. Могу написать самостоятельно простой интерактив на ванилла JS, могу в простейший интерактив на чистом цсс. Ну и бутстрап, сасс+компасс+немножко бурбона. Думаю занырнуть в говн джквери еще. В общем, знания - энтрилевел, фактически. Работу буду искать ближе к лету, хочу JS освоить хотя бы до уровня говноджуна, и в каком-нибудь ангуляре поковыряться. А тут каждый второй с навыками уровня "прошел бесплатные курсы на хтмлакадеми" хочет уже в теплый офис, да чтобы не в говноформочках ковыряться, а прямо солидно работать.
#60 #470773
>>470763
Лол.
Ладно, скину свой, на гитхаб залил. Где-то за час этот выкидыш родил. Можешь обосрать на досуге, если не лень, например.
Размеры от балды накидал чисто на глаз, попап не делал, лень.
https://github.com/acilsd/test
>>470799
#61 #470775
>>470751
>>470746
Есть пара вопросов:

1. Мой процесс верстки выглядит примерно так:
- пилю оформление блоков в отдельных Less-файлах
- страницы ебашу с помощью Jade
- собираю это все Gulp'ом, пропуская через плагины типа autoprefixer и обновляю страницы Browser-sync'ом.

Норм вообще? У вас сильно отличается подход к верстке? Хочу чтобы все было как у людей.

2. Собственно главная проблема заключается в том, что я выдаю просто HTML/CSS. Теперь же мне нужно оживить элементы управления с помощью JS. Всякие кастомные селекты, табы, дропдауны и прочие модальные окна. Пробовал jQuery UI. Мне не нравится, что он использует какие-то свои классы для работы, а мне нужно, чтобы все было по БЭМ, как в bem-components
Че делать-то?
#62 #470777
>>470775
хуй на БЭМ ложить
#63 #470779
>>470755
Да нет, не прав ты. Суется в дело очень много кого, потому как программирование форсят, особенно уебки из обучающих компаний, которые на обучении азам гребут бабло с наивных. Учат везде основам, это реально пиздец. Что бы что-то выучить самому надо либо постоянно этим заниматься, читать книги, быть в тренде технологий, дрочить на практике. Многие школьники из-за своей импульсивности дальще 3 глав не уходят, ибо дота интереснее. А многие за 20 просто не могут позволить себе столько бесплатного времени.
>>470786
#64 #470780
>>470775
Я ньюфаг в джс, пилю его медленно ручками-закорючками. Все остальное также, как у тебя, только я пока грант юзаю, пока хватает, потом перекачусь, лень сейчас возиться.
#65 #470784
>>470785>>473841
#66 #470785
>>470784
грузится пиздец
>>470787
#67 #470786
>>470779
Да, я на объективность не претендую, про обучение ты прав, хотя именно с базового интенсива я ощутил ПОГРУЖЕНИЕ. Просто я тот самый 20 25летний дебил, что усердно пытается вкатиться, а постоянные вопли воннаби-фрилонсеров очень демотивируют, лол.
>>470788
#68 #470787
>>470785
А ты придумай как это оптимизировать.
>>470789
#69 #470788
>>470786
да там большинство долбаебов которые умеют только в фикс верстку лендингов с прикручиванием jq плагинов. У них там мясо и демпинг. Это нормально.
#70 #470789
>>470787
в /pr скажут
47 Кб, 450x720
#71 #470793
Объясните мне, смайлоеб чисто ради тролинга свои скобочки в каждом треде пихает или у вас действительно тут такая ньюфажная аудитория аутистов?
>>470795>>470797
#72 #470795
>>470793
второе
#73 #470797
>>470793
чё за скобки ?
>>470805
#74 #470799
>>470773
Если кто-нибудь все-таки обосрет мой высер - буду благодарен.
>>470803
#75 #470803
>>470799
бля залей на github.io
>>470814
#76 #470805
>>470797
такие)
#78 #470814
>>470803
И правда, вот ведь я дебил.
http://acilsd.github.io/
>>470838
47 Кб, 453x604
#79 #470823
Ребята, помогите. Нужно написать скрипт - "Надо написать скрипт, который будет всегда подставлять дату ближайшего понедельника. Т.е. например, если сегодня 11 февраля, то скрипт покажет дату 15.02.16, если сегодня 14 февраля, то покажет тоже 15.02.16. если сегодня 17 февраля, то покажет дату 22.02.16."

Я даже не знаю в какую сторону копать, так как только-только приступил к JS
#80 #470827
>>470823
пиздуй отсюда в /pr
#81 #470828
>>470823
JS object date
#83 #470838
>>470814
адаптива нет, получается? 600+ резина
>>470919
#84 #470840
>>470775
Поясняю:

>- пилю оформление блоков в отдельных Less-файлах


Это правильно. Препроцессоры все одинаковые.

>- страницы ебашу с помощью Jade


Попробуй Реакт, базарю, еще захочешь.

>- собираю это все Gulp'ом, пропуская через плагины типа autoprefixer и обновляю страницы Browser-sync'ом.


Это нормальное решение для проектов небольшого и среднего размера. Если хочешь совсем как у людей, то потрать несколько дней на то, чтобы разобраться с Вебпаком. У Кантора на Ютубе отличная серия сринкастов по нему. Он сложнее Галпа, но намного мощнее.

>Пробовал jQuery UI.


Это ты зря. Джиквери и его плагины это тяжелая и тормозная императивная параша, которую невозможно поддерживать. Большинство этих дропдаунов и инпутов достаточно легко реализуется руками. Можно на чистом JS, можно на том же Реакте.
>>470878>>470921
#85 #470878
>>470840

>Реакт


Я не понимаю, что такое React и зачем он нужен, хотя слышал про него. Сходу разобраться, погуглив, не получается, так как все стараются написать толковые статьи для тех, кто в теме, не будут же на хабре совсем конченным нубам что-то на пальцах объяснять. А время поджимает.

Цитата из оф. сайта

>Lots of people use React as the V in MVC


Знать бы что такое MVC. Короче, быстро въехать не получится.

Моя задача заключается в том, чтобы просто отдать PHP-прогерам готовый HTML, CSS и JS + изображения. Всё.
«Jade, шаблонизация на стороне клиента или на сервере» — это не про меня. Jade юзаю как и CSS-препроцессоры просто для гибкости моего локального быдло-проекта. Допустим меня попросят переделать разметку товара, а их по 20 штук на 3 страницах.. или цвет везде поменять... ну ты понял.

>Можно на чистом JS, можно на том же Реакте.


Знаю только синтаксис и какие-то базовые вещи. Реального опыта кодинга на JS сложнее чем подключить плагин у меня нет.

Мне нужно оживить элементы интерфейса с помощью JS, желательно не какой-нибудь громоздкой библиотекой и так чтобы классы были как в БЭМ, а не параша типа ui-accordion-header ui-state-default ui-corner-all ui-accordion-icons
>>470889
#87 #470889
>>470878
Ты уж определись — или ты втыкаешь плагины без понимания что вообще происходит или разбираешься в JS/jQuery и делаешь как тебе надо — хоть по БЭМу, хоть с дрочкой вприсядку.

Реакт это библиотека для создания интерфейсов, она включает в себя очень продвинутый шаблонизатор. Он получше всяких джейдов тем, что позволяет полноценно работать с JS и использовать не только примитивные if-else, а вообще любой код. В твоем случае, конечно, и джейд сойдет.
#88 #470890
>>470881
Почему пишет - Uncaught ReferenceError: moment is not defined ?
>>470894
#89 #470892
>>470881
Нахуя ради такой ерунды тянуть целую либу?
>>470896
#90 #470894
>>470890
Потому что в примере используется внешняя библиотека.
>>470896
#91 #470896
>>470894
>>470892
Как сделать тогда делать без внешней либы, раз ерудна?
>>470900>>470909
#92 #470897
>>470735
Ну так норм люди за это не будут 30к платить.
3066 Кб, 275x275
#93 #470898
Пацаны, а модальную хуйню в барбершопе можно же было запилить по типу слайдера в нердс?
И еще вопрос, браузер всегда видит html как dom?
>>470901>>470905
#95 #470901
>>470898

>И еще вопрос, браузер всегда видит html как dom?


ЧТОА?
#96 #470905
>>470898
Нет, модалку надо пилить на js

Про браузеры держи, просвещайся http://www.html5rocks.com/ru/tutorials/internals/howbrowserswork/
>>470912
#97 #470909
>>470896
Спроси в /pr
>>470920
#98 #470912
>>470905

> Про браузеры держи, просвещайс


Благодарю.
А почему модалку на жс? Как я понял, все что можно сделать на css - нужно делать на css.
>>470924
#99 #470919
>>470838
Нет, конечно, я просто с флексами поигрался. "Резина" весьма условная, просто ебанул размеры в процентах, там я очень убого сделал эти ромбики, например, они при сжатии съезжают, но я даже их и не старался выводить.
И сейчас еще сам кучу ошибок в наименованиях по БЭМу увидел, буду править.
#100 #470920
>>470900
>>470909
Хорошо, получил я значение, как мне его вывести в div? Нашёл решение, но код в таком виде https://jsbin.com/jumisafawu/edit?js,output ничего не делает
>>470922>>470927
#101 #470921
>>470840
На каком этапе стоит смотреть в сторону реактов и прочего?
>>470924
#102 #470922
>>470920
и где ты там его нашел? лел
>>470927
#103 #470924
>>470912
html - структура
css - оформление
js - функциональная часть

>>470921
Когда js освоишь
>>470926
#104 #470925
Когда уже фаерфокс начнет поддерживать инпуты time/date и прочие?
#105 #470926
>>470924

> когда


Ох, спасибо. Значит, пока даже не буду гуглить.
Знал бы я, что во фронтенде столько информации в мозг свалится, сделал бы себе сначала план учебы, лол.
#106 #470927
>>470920
>>470922
Ну вот так - https://jsbin.com/jumisafawu/edit?html,js,output
как мне вывести то, что у меня в консоле, в див?
>>470929>>470932
#107 #470929
>>470927
ты прикалываешься? Он нихуя тебе не выводит, да и не должен
>>470936
#108 #470932
>>470927
Пиздец. Ты ж языка вообще не знаешь. Иди основы кури.
>>470936
#109 #470936
>>470932
>>470929
Вот так нужно было https://jsbin.com/hoqujugudi/edit?html,js,console,output

Эх ну ладно, пойду учить
>>470939>>470941
#110 #470939
>>470936
если так и будешь библиотечки подключать, то нихуя не выучишь
#111 #470941
>>470936
А зачем стороннюю библиотеку использовал, когда даже основ не знаешь?
Если тебя потом попросят написать это все на нативном у тебя ж жопа на марс улетит.
>>470945>>470951
19 Кб, 200x221
#112 #470945
32 Кб, 452x423
#113 #470950
Посоны, почитал тут статьи на луркморе про веб-макак и javaScript, везде сплошное обливание говном и все в духе того, что веб-макаки сплошные быдлокодеры и нормальные программисты вытирают о них ноги.
И что-то мне так грустно стало.
#114 #470951
>>470941
На самом деле очень интересная задача. Прикинув в голове я не удивлен, что под нее целая библиотека написана.
#115 #470953
>>470950
писал просто программер с комплексом неполноценности. Ему знаешь ли припекает от того, что JS популярнее его плюсов в 6 раз сейчас.
#116 #470957
>>470950
Быдлокодером можно быть на любом языке
#117 #470959
>>470950
Надо кстати почиткать че там про 1с пишут лол
>>470963
#118 #470962
>>470950

> нормальные программисты


Это какие, лол?
>>470966
#119 #470963
>>470959
Всегда проигрываю.

Процедура ПриОткрытии()

Если ЭтоНовый() Тогда

ДатаПрефикс = Формат(Дата, "ДФ=dd");

МесяцПрефикс = Формат(Дата, "ДФ=ММ");

КонецЕсли;
КонецПроцедуры
>>470965
#120 #470965
>>470963
Я чуть не блеванул когда в универе показали эту парашу
>>470969
#121 #470966
>>470962
Ну типа кто нам бэкенд пишет на Питоне/Руби/Ноде
#122 #470967
>>470950
алсо, по жс там же норм статья, насколько я знаю, только с пхп-макак ржут.
>>470971
#123 #470968
>>470950
Ее писал подгоревший байтоеб на крестах.
#124 #470969
>>470965
самый прикол в том, что эти эльфы живут там в своем манямирке и зарабатывают очень хорошие деньги, из-за специфики применения продуктов 1С. Но суваться в это болото никому бы не советовал.
#125 #470970
>>470966

> нам


Чет кекнул.
#126 #470971
>>470967
ну да все верно, если брать JS то он считается ебанутым на голову языком, но быдлом кодеров никто не зовет, а вооот на пэхе это просто илитарный пример быдла всевозможного. Хотя и везде есть и хорошие и плохие спецы.
>>470974
#127 #470972
>>470966

> Питоне


Вообще лолировал.
>>470975
#128 #470974
>>470971

> если брать JS то он считается ебанутым на голову языком


Схуяли это?
>>470978>>470979
#129 #470975
>>470972
Нормальный язык для бэкенда, не пизди. Если конечно Джангу использовать.
>>470977
#130 #470976
>>470966

>Питоне


проиграл

>Руби


довольно узкая хуйня со своими затыками

>Ноде


нода на джс написана если что
#131 #470977
>>470975
Так он изи вообще, хули они ебала вертят на жс?
>>470982
#132 #470978
>>470974
Попробуй покодить на приятных языках типа того же Python или C# - поймешь.
>>470980
#133 #470979
>>470974
Стоит начать с его сути-он интерпретируемы, следовательно он автоматически медленный. Ну и по мелочам там, типо статическая типизация..от чего конечно уже пытаются уходить сами разрабы.
>>470984
939 Кб, 338x350
#134 #470980
#135 #470981
блядь да съебите вы уже в /pr свой умники ебаные
#136 #470982
>>470977
Изи, не изи, похуй. Главное что он не ебанутый как JS и его сейчас советуют учить как первый язык для программистов, ибо легок, справляется со своими задачами и говнокодить на нем не получится.
>>470983>>470987
75 Кб, 200x200
#137 #470983
>>470982

>говнокодить на нем не получится

>>470985
#138 #470984
>>470979

>он интерпретируемы, следовательно он автоматически медленный


>статическая типизация


>JS


ШТА?
>>470986
#139 #470985
>>470983
Он прав, колобок.
>>470988
#140 #470986
>>470984
динамическая, опечатался хуле. А интерпретируемый не ШТА а JS
>>470991
#141 #470987
>>470982
Но у нас веб где платят больше и вообще рынок крупнее.

> говнокодить на нем не получится


Лолчто?
>>470993
118 Кб, 590x683
#142 #470988
>>470985
ты недооцениваешь говнокодеров походу
12 Кб, 199x253
#143 #470989
ИДИТЕ НАХУЙ ОТСЮДА ПИДАРАСЫ ТУТ ВЕРСТКА БЛЯДЬ
>>470990
#144 #470990
>>470989
двачую, хватит не по теме пиздеть, кидайте лучше свой говно адаптив.
#145 #470991
>>470986
Ты хоть представляешь себе, каково это работать с клиентской частью без динамической типизации?
>>470992>>470997
#146 #470992
>>470991
съеби из моего треда уебак
>>470994
#147 #470993
>>470987

>Но у нас веб где платят больше и вообще рынок крупнее.


А бэкенд, где ка краз Питон применяется - уже не веб?

>Лолчто?


Если ты целенаправленно захочешь поговнокодить, то конечно сможешь. Но по сравнению с большинством языков - на нем гонокодить сложнее ибо без строго соблюдения правил ничего не выйдет. Одни только отступы вместо привычных для всех скобочек чего стоят.
>>470995
#148 #470994
>>470992
Я ОП этого треда дебил. Уйми свой бугурт. JS для верстальщика тоже нужен, поэтому в его обсуждении здесь ничего зазорного не вижу. Даже наоборот, это полезно.
>>470996>>470998
#149 #470995
>>470993

> А бэкенд, где ка краз Питон применяется - уже не веб?


Питону учат уже даже школьников в младших классах, не платят за него столько.
>>471000
#150 #470996
>>470994

> Даже наоборот, это полезно.


Дважую.
т.неофит
#151 #470997
>>470991
Это ты про спарсить число в строку и потом обратно? если получится, лол
>>471006
#152 #470998
>>470994
во первых оп-хуй
во вторых для этого есть тред специальный
>>471001>>471005
#153 #471000
>>470995
От того что питону учат школьников хз где ты такое видел, обычно его в универах проходят, и то в основном забугром никак не следует, что за него платят меньше. Посмотри вакансии на hh каком-нибудь.
#154 #471001
>>470998
но мы-то про применение его в вебе базарим, братан
>>471010
#155 #471005
>>470998
Съеби, заебал скулить.
#156 #471006
>>470997
Ага, отчасти. Ты представь себе, сколько тебе лишних действий понадобится чтобы задать одно лишь новое значение в какой-нибудь transfrom элемента.
>>471015
#157 #471010
>>471001
>>471001
неужели
#158 #471015
>>471006
ну есть такое, но только в плане того, что на выходе там нужна строка 'widht=' + число над которым до этого могли производиться манипуляции. Ну в принципе JS для этого и был придуман. Это уже потом его начали использовать куда в более серьезных местах, где уже этот плюс перетекает в минус.
#159 #471026
Я так понял чисто HTML\CSS нужна только на дно-уровне. По-нормальному если работать, то нужно знать JS.
#160 #471027
#161 #471030
>>471026
Все правильно понял.
#162 #471031
Подскажите хостинг какой-нибудь куда свои говнопримеры удобней лить.
>>471054
#163 #471032
>>471026
без хтмл и ксс нихрена ты не сможешь во фронтенд учти
>>471123
#165 #471060
>>471054
да туда один ток сайт влазит. Навигацию что ли пилить
>>471062
#166 #471062
>>471060
или там можно типо huemoe.github.io/site2 создать и он его захостит?
>>471064
#167 #471064
>>471062
This. Главное лить в ветку gh-pages.
#168 #471123
>>471032
Я уже достаточно попердолился с CSS и HTML. Уже напамять знаю все свойства и теги. А знать какие-то сложнейшие и редкоиспользуемые CSS-трюки необязательно. Если что можно просто нагуглить решение.
#169 #471136
в тему будет https://habrahabr.ru/post/277547/
#170 #471215
Прошел пару курсов на хтмлакадеми. Там и дальше будут нянчиться со мной как с ребенком или будет что-нибудь посложнее?
>>471223>>471236
#171 #471223
>>471215
Курсы - часть базового интенсива. Проходи их вместе (там д.з такое)
>>471227
#172 #471227
>>471223
А зачем интенсивы если человек и сам прекрасно справляется без всяких наставников?
>>471238
#173 #471236
>>471215
там в одно мгновение все станет нихуя не ясно и пиздец-пиздец. Это в принципе к любому обучающему ресурсу относится(и не только по вебу), они тебе сто уроков по самым легким основам а потом пару слов о сложном.
#174 #471238
>>471227
Так наставников тебе никто и не предоставит, сидишь смотришь видосики, максимум - это совета в треде спросить.
Если все что рассказно в интенсивах человек нагуглит и выучит сам (что в принципе реально) - ну молоток значит.
#175 #471272
>>471054
на русском может кто-нибудь объяснить, как там все делается для виндоус. Смотрю по скриншотам и читаю, но один хуй не получается
1073 Кб, 799x807
#176 #471286
Блядь, посаны, срочный вопрос.
Как сделать объединение ячеек таблицы, НО ЧТОБЫ ИХ СТАЛО БОЛЬШЕ?
Вот есть 3 столбца, допустим.
Объединением можно сделать, чтобы в следующей строке было 2 столбца. А если мне надо 4? То есть, больше, чем было по дефолту?
>>471406
#177 #471309
Поздравьте меня, котаны, написал свой первый в жизни работающий слайдер на чистом JS с, наверное, максимально кривым кодом, но без костылей и вроде как работающий при любом кол-ве элементов!
https://jsfiddle.net/9769k1sr/2/
>>471317
#178 #471317
>>471309

>на чистом JS


Нахуя так делать вообще?
В чем форс использования ЧИСТОГО ЖЫ ЭС?
Иногда даже в требованиях в резюме вижу.
100 килобайт библиотек нынче совсем в лом прогрузить на 4G, да?
Долбоебизм какой-то.
#179 #471322
>>471317
Это просто практика для прокачки скилла. Мимодругойанон
>>471329>>471436
#180 #471325
>>471317
Он написал, что это первый в жизни слайдер. Значит человек только изучает js. С либами же лучше знакомиться после того, как с языком освоишься, а то получится такой себе программист на джейквери.
>>471329>>471436
#181 #471329
>>471322
>>471325
Да, эти аноны правы, я просто изучаю JS, а JQuery еще даже в глаза не видел, там, я так понимаю, уже все давно написано и верстальщики просто вставляют нужные уже готовые скрипты в свою страницу?
#182 #471330
>>471317
Потому что изучение нативного джс дает тебе понимание всего, что делается внутри большинства библиотек. И прокачивает скилл офкорс.
А либы подключать много ума не надо.
>>471436
#183 #471344
Антонидосы, сколько будет стоить создание одностраничного сайта? Сложностей на нем никаких не надо.
Цель - реклама хореографа. Поэтому будет контактаня информация, отзывы и фото. Вот в общем-то и все.
>>471353>>471372
#184 #471353
>>471344
Надо макет смотреть.
#185 #471355
Понимаю, что немного не по профилю, но все же:

В некоторых вакансиях контент-менеджера есть требование "знание Corel Draw".
Какие именно навыки нужны контент-менеджеру из этого пакета?
>>471366
356 Кб, 1280x1417
#186 #471362
Увидел в "мы вам перезвоним".
Оказывается вот так вот бэки видят работу фронтов лол
>>471369
#187 #471366
>>471355
работал одно время контент-менеджером. скорее всего, ниче там особо изъебистого не надо. по мелочи, обрезать например по размеру.
>>471723
#188 #471369
>>471362
проиграл
Аноним #189 #471372
>>471344
5к рублей
15 Кб, 292x227
#190 #471388
Анончики, не могу выбрать редактор:
Sublime Text
Brackets
Atom
#191 #471394
>>471388
Выбор очевиден же. Sublime Text.
>>471398
#192 #471395
>>471388
первый
>>471398
#193 #471396
>>471388
Visual Studio Enterprise
#194 #471397
>>471388
brackets вообще сырой нахуй
atom чуть менее сырой, но все же.
они реально еще не допилены.

единственное что мне нравится в атоме, так это оформление. я поставил себе в ST One Dark Theme
#195 #471398
>>471394
>>471395
А почему? У Brackets вот например есть изменение css классов прямо в html окне, а еще там можно узнать характеристики картинки без всяких фотошопов + все изменения моментально отображаются в браузере.
#196 #471399
>>471388

Brackets
#197 #471401
>>471388
Всё ты можешь, блять.
Попользуйся одним, потом вторым, потом третим и вернись-таки к первому. Заебали эти срачи и отсосы брекетодебилов.
inb4 покормил
>>471402
#198 #471402
>>471401
Я понял, что тут большинство юзает Sublime, но никто свою точку зрения не обосновал. Зато преимущества Brackets на лицо >>471398
>>471410
133 Кб, 1920x1040
#199 #471404
>>471398
Он самый быстрый, лучше всех выглядит, под него тонны плагинов.
#200 #471406
>>471286
Сделай в первой строке 4 столбца и 2 объедини. Во второй строке можно уже сделать 4 столбца. Если я правильно тебя понял.
>>471440
#201 #471407
>>471388
Я брекетс юзаю. Вполне доволен.
#202 #471410
>>471402
Все эти плюсы делают только разрабы адоба. А для саблайма дополнение может написать каждый и даже ты сам. Хотя их и так уже дохуя на все случаи.
>>471414
#203 #471414
>>471410
В брекетс тоже расширения всякие мимокрокодилы пишут, и есть их овердохуя. Правда сравнить по количеству не могу.
#204 #471415
>>471398
Есть Google Chrome Workspaces, есть task runner'ы. Все что ты написал не нужно
121 Кб, 610x720
#205 #471419
Окей, окей. А что насчет Atom? Или он вообще на подсосе, что даже не обсуждается?
>>471420>>471424
#206 #471420
>>471419

Сам попробуй и для себя реши.
#207 #471424
>>471419
Лучший Sublime
Потом Atom
На подсосе Brackets.

Хотя я лично за Atom, надеюсь его скоро доведут до ума, он опенсорсный в отличии от ST
>>471427
#208 #471425
Юзаю саблайм, только изза того что он шустрый, брекетс не пробовал, атом раздражает тормозами. Ну и еще в саблайме я знаю как эммет под быстрое написание бэмэлементов и модификаторов настроить а в атоме не знаю, хотя и не возился с ним долго.
#209 #471427
>>471424

>Лучший Sublime


>Потом Atom


>На подсосе Brackets


Так и есть.

>Хотя я лично за Atom, надеюсь его скоро доведут до ума, он опенсорсный в отличии от ST


Он такой же медленный, как и Brackets.
#210 #471436
>>471330
>>471325
>>471322
Ну если чисто для прокачки - это понятно.
Но такое говно я в некоторых заданиях на фрилансе вижу.
>>471444
#211 #471437
Скажите, как в Atom'e выделить содержимое HTML-тега?

В Sublime это Выделить тег → Ctrl+Shift+A. Повторное нажатие выделяет еще и сам тег.
#212 #471438
>>471388
Sublime написан на С++, а брекетс на JS+HTML, соответственно сублайм быстрее.
72 Кб, 652x716
#213 #471439
Юзайю СТ, его install package control ахуенен, он быстр, мне нравится его оформление и структура, у меня под него написано много макросов, которые очень легко редактируются в конфигах, как и настройки самого СТ, в связке с livePage получается динамическое отображение изменений. Куда либо перекатываться не вижу никакого смысла.
#214 #471440
>>471406
Ну так и сделал, но хотелось бы, чтобы ширина столбцов была динамическая.
Допустим, 4 столбца.
А далее нужно 3 столбца, но чтобы не так, что 1 из них занимает 50%, а остальные 2 по 25.
Надо чтобы они все по 33% занимали.
#215 #471444
>>471436
Мне проще тот же написать слайдер самому, чем скачивать какое-то тормозящее дерьмо из сети.
Работать он будет быстрее, делать только то - что я хочу что позволяет задействовать самые разнообразные анимации и прочие ништяки, не нужно качать дополнительные либы по сто ебучих килобайт и т.д и т.п. Одни профиты.
>>471451
#216 #471451
>>471444
И нормально ресайзиться.
И на всех браузерах.
И свайп пальцем сам прикрутишь.
И режим карусели сделаешь.
>>471458>>471462
#217 #471458
>>471451
Ессно, и потом буду таскать из проекта в проект. А все почему? Потому что сам писал, лелеял.
#218 #471462
>>471451
Если сайт небольшой, то можно и вставить какое-нибудь тяжелое неповротное говно, которое ещё и сверстать нужно должным образом.
Но если проект большой, то эти 100 килобайт потом выльются в тонны лишнего трафика, что в свою очередь будет вытекать в миллионы серверных затрат.
23 Кб, 300x300
#219 #471485
Я все же не могу понять, почему я не могу сверастать динамичное модально окно на цсс?
К примеру барбершопа, login это radiobtn, первый label там, он отображает кнопку с корзиной, если он включен - модальное окно display:block, у модального окна крестик - второй label, которым можно выключить radiobtn и убрать модальное окно.
Сейчас смотрю и охуеваю с жс, на цсс легче же сделать, не?
>>471501>>471503
#220 #471501
>>471485
На самом деле на джс таки проще. Если ты ньюфаг и знаешь только верстку, то естественно джс для тебя пока - черная магия, но это пока.
На JS появление модального окна реализуется в 3 строчки. Вызвал обработчик на кнопку - внутри обработчика одной командой сменил класс элементу.
В CSS нужно ебаться с наследованием кода. Трюк с чекнутым инпутом работает только в определенной последовательности разметки, когда один элемент идет после другого или нескольких. Это не всегда разумно, и еще менее очевидно для других. Получается лишний головняк и путаница, в CSS, когда на JS достаточно подготовить дополнительный класс, запихнуть модальное окно хоть под закрывающийся боди и одним обработчиком тогглить его состояние.
>>471504>>471505
#221 #471503
>>471485
Котейка, или кто ты там блядь, что там сложного то в реализации открытия и закрытия? Там же все разжевано в видосе по js. Смотри, вникай. Как ты дальше разбираться будешь если это тяжко?
>>471505
#222 #471504
>>471501
дваждую, на css можно, но будет какой-то непонятный говнокод
22 Кб, 531x228
#223 #471505
>>471501
>>471503
Я не нахожу это сложным, я не понимаю, нахуя именно жс, если в вебинарах много раз повторяли, типа все что можно сделать цсс - делать на цсс, это считается профессионально или я что-то не так понял?
Где путаница на пике, например? Пара строк в цсс или целый скрипт на жс.
10 Кб, 669x213
167 Кб, 318x308
#224 #471507
>>471505

>целый скрипт на жс


Ого, да вы посмотрите, это же ЦЕЛЫЙ СКРИПТ!
>>471511>>471531
#225 #471510
>>471505
Все что можно сделать на цсс в плане графики и оформления - это лучше, чем навырезать пнгшек.
Ты не так понял короче.
Опять же html задает структуру, css отвечает за оформление, js для функционала.
По хорошему там и слайдер им не надо было учить делать на css.
#226 #471511
>>471507
Ого, да это же целая путаница и говнокод, а не пара селекторов вместо скрипта.
>>471513>>471519
147 Кб, 1111x597
#227 #471513
>>471511

>целая путаница


>11 строк

>>471526
#228 #471519
>>471511
Путаница это непонятно как размещенные лэйблы подвязанные хуй знает где и в какой последовательности.
А две переменные и два обработчика, заметь, никак не влияющие на структуру разметки - это хорошо.
>>471526
#229 #471523
>>471388
Переехал с сублайма на Visual Studio Code — есть под все платформы, бесплатный, поддерживается, легко подключить eslint, встроенная работа с гитом.
#230 #471526
>>471513
>>471519

> это непонятно как размещенные лэйблы подвязанные хуй знает где и в какой последовательности



#login-radio:checked ~ .modal-block {
display: block;
}
Трудно охуеть, просто один лейбл это крестик у модального окна, а другой это кнопка с корзиной.
>>471527>>471529
#231 #471527
>>471526
Пиздец, ультимейт велокостыль.
>>471528
#232 #471528
>>471527
Что?
#233 #471529
>>471526
Зачем ты отстаиваешь эти ебанутые костыли? На JS это сделать действительно проще и логичнее.
>>471530
#234 #471530
>>471529
Как это проще? Что за костыли?
#235 #471531
>>471530

>Как это проще?


Как на скрине. >>471507
>>471533
#236 #471533
>>471531
И чем там проще?
>>471541
#237 #471534
на jquery ещё короч выйдет
10 Кб, 270x564
#238 #471535
А как бы вы вот такую хуйню верстали?
>>471539
#239 #471536
>>471530
Создание скрытых чекбоксов это костыли. За поведение страницы должен отвечать JS.
#240 #471539
>>471535
iCheck
>>471540
#241 #471540
>>471539
Бля, эту хуйню тоже сж? Нахуя они тогда дали это в базовом? Я через дельту верстал.
>>471542
#242 #471541
>>471533
Все проще, блять. Не нужно создавать левого хтмл и css, например. Писать логику на чекбоксах, божечки.

Вот решение еще немного короче: http://jsbin.com/toqakasufu/edit?html,js,output

Можно даже написать var $ = document.querySelector.bind(document), будет еще меньше кода.
#243 #471542
>>471540
Эту хуйню делай как показали в базовом. С ней норм, она отвечает за оформление. Чистый html тоже вполне логичен и красив. Но блядь когда у тебя в чистом html вдруг вместо ссылки логина появляется чекбокс ни с того ни с сего, вот это уже далеко не круто
>>471544
#244 #471544
>>471542
То есть, эту хуйню верстать как на скринах выше? С дельтой?
>>471545
#245 #471545
>>471544
С какой в сраку дельтой???
~ это тильда
△ а вот это дельта
>>471546
#246 #471546
>>471545
Точно, тильда. Так ее юзать там и о и нет?
#247 #471547
>>471546

>или


Блядь
#248 #471548
>>471546
Да, чек боксы и радио кнопки, другие возможные вещи в форме стилизуешь как объясняли на интенсиве (через + или через ~)
Слайдер в принципе можешь пока что так тоже пилить как они рассказали. Но на том же продвинутом будешь уже делать слайдеры через js.
>>471552
#249 #471550
>>471546
Да никто сейчас это говно не использует, все уже давно по БЭМу верстают.
>>471552
#250 #471552
>>471550
И как по бэм эту хуйню сверстать?

>>471548
Понял.
Благодарю всех.
384 Кб, 1170x1980
#251 #471559
Котаны, это немного нерилейтед, но я к вашему обществу уже привык, так что рейтаните мои попытки в дизайн.
По задумке это сайт для какой-то игры для планшетов.
#252 #471596
Возможно, вопрос платиновый. Как сделать, чтобы кружок внутри выделялся при наведении на весь блок ссылки, а не только на сам кружок?
https://jsbin.com/hififanuge/edit?html,css,output
>>471616
33 Кб, 400x400
#253 #471603
>>471559

>medal of duty


Обосрался с названия.
#254 #471615
>>471559
li:hover .round {/place for styles/}
>>471616>>471620
#255 #471616
>>471615
Это вот сюды >>471596
>>471620
#256 #471620
>>471616
>>471615
Спасибо, няш, а то я тут уже начал страдать шаманством с абсолютными позиционированиями.
#257 #471621
>>471559
по-моему это пиздец. шрифты не читабельны. текст почему в кнопки не влазит? хуле СЕНД МЕСЕДЖ и АЙ АЦЕПТ не видно что это кнопка? слишком жирный ползунок прокрутки! расстояние между заголовком и обычным текстом в первом блоке схуяле одинаковое?
#258 #471632
На какой сайте проверять в каком браузере какой тег работает?
>>471634
#259 #471634
>>471632
can i use
408 Кб, 1920x1080
#260 #471642
Как реализовать линии сбоку от ИСТИННО МУЖСКАЯ КЛАССИКА в резиновом дизайне? Чтобы они растягивались.
>>471649
#261 #471649
>>471642
таки у самого идея появилась. под текст блок с линией засунуть. только как сделать чтобы все что накрыто блоком с текстом не было видно?
>>472018
#262 #471675
>>471505

>все что можно сделать цсс - делать на цсс



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

все эти слайдеры и прочая шняга на цсс - говно. производят впечатление того, что пишущие их людишки не умеют в жаваскрипт и поэтому тупо ссут его юзать, ебаные жалкие ничтожества.
#263 #471679
>>471505
А как же кросс браузерность?
#264 #471723
>>471366

О, можешь сказать, что у тебя спрашивали на собеседовании на контент-менеджера?
>>471742
#265 #471740
Подскажите, почему у li-шек не срабатывает :before. Не понимаю где накосячил.

http://codepen.io/Okhre/pen/YwboeQ
#266 #471742
>>471723
ну как тебе сказать, я был контент-менеджер и копирайтер в одном лице, плюс делал всякие сеошные мелочи, ставил сео-плагины для вордпресса, заполнял всякую мета-хуйню, ключевики и т. д. контора была днищевая, поэтому меня тупо спросили, че я умею вообще делать. я ответил, что могу писать и рерайтить статейки и немного в хтмл, на уровне сверстать несложную страницу. этого хватило. хтмл очень пригодился, кстати, чем лучше в нем шаришь, тем проще будет работать. так в целом надо было разбираться в разных цмс, немного обрабатывать изображения, чтобы все это говно не разваливалось нахуй и в целом выглядело пристойно. это все несложно освоить, но немного времени все же надо. по сути сайты, с которыми я возился, были дико говеные, и всем на них было похуй.
>>472807
#267 #471743
>>471740
content: "";
>>471760
#268 #471760
>>471743 спасибо, не мог бы еще подсказать почему лишки не внутри бефор делаются?
>>471740-кун
#269 #471775
проблему решил, если кому интересно, то посмотрите код у ол и ли. Никогда такого раньше не делал, но вроде бы это правильно.
>>471740-кун
>>471785
#270 #471785
>>471775

>именует классы по БЭМу


>li


>каскад

>>471810>>471937
#271 #471789
Аноны, подскажите зеленому, каких знаний будет достаточно, чтобы стабильно получать 1–2 т.р/месяц. Или придется изучать все из шапки?
>>471792
#272 #471792
>>471789
Нет такого уровня. Минимум знаний это все, что написано в шапке плюс JS/jQuery и хоть немного опыта с Ангуляром/Реактом. Тогда ты можешь претендовать на звание джуниора и получать свои законные 50-70к (в дс).
>>471807
#273 #471807
>>471792
Благодарю, анон!!! Ближайшее время начну учиться.
#274 #471810
>>471785
что ты ожидал от аноны, который первый раз пробует БЭМ? Переделаю чуть попозже все.
#275 #471888
Чет я охуел с бэм, зашел почитать, там гит, нода, библиотеки какие-то, для неофитов не завезли?
>>471895>>471945
#276 #471895
>>471888
Завезли. Читай просто про методологию, а не саму библиотеку.
>>471943
#277 #471909
я тут искал разные способы горизонтально зацентровать ссылку-кнопку так, чтобы она ужималась под текст и ей не надо было задавать фикс. ширину. и без флексов.

margin 0 auto в связке с display:inline-block не работает.

есть всякие изъебы с display:inline-block плюс position:relative или absolute плюс left:50% плюс translateX(-50%).

обнаружил, что можно кнопке задать display:table и margin: 0 auto; и все работает заебись. кнопка с любым текстом всегда по центру, без всяких фикс. ширин. но чего-то тоже странно, я вообще никогда display:table не юзал.

а вы чем центруете обычно?
>>471932>>471966
#278 #471916
>>470950
Как человек пришедший из Java и SQL могу смело сказать, что - это хуета.
>>470966

>Ну типа кто нам бэкенд пишет на Питоне/Руби/Ноде


>динамическая дристня без типов


Вот уж и в правду голос со стороны параши.
#280 #471932
>>471909
флексами
#281 #471937
>>471785
Минимальный каскад на небольших проектах по BEM не запрещен
#282 #471943
>>471895
Продвинутый смотришь 2 урок. Читаешь статью Громова и головокружительное погружение в БЭМ. Этого хватит. Еще от Яндекса кидал для ньюфань пару тредов назад.
>>471945
#283 #471945
>>471943
Это сюда
>>471888
#284 #471954
>>471929
Как реализовывал видео в бэкграунде?
>>471964
#285 #471964
#286 #471966
>>471909
Кроме флекса еще можно так
display: inline-block
а у контейнера text-align: center;
http://jsbin.com/vevikenodi/edit?html,css,output
>>471975
#287 #471975
>>471966
да, но опять же, теоретически у тебя в контейнере может быть что-то еще, кроме кнопки, и не всегда у этих элементов тоже будет text-align: center;

как вариант можно запилить отдельный контейнер для кнопки, лол.
>>471990
#288 #471990
>>471975
да, ну или для кнопки, или для контента вокруг

http://jsbin.com/vevikenodi/edit?html,css,output
#289 #472018
>>471649
А может быть сделать div c width 100% и абсолютно спозиционировать текст, что бы он поверх был?
>>472059
#290 #472059
>>472018
под текстом будет видно линию же. максимум кастыльный вариант придумал. саный нижний слой с з-индекс1 это линия, второй слой з-индекс2 с изначальным фоном без линии и третий слой уже текст с з-индекс 3. но если фон сложный то трудно будет.
#291 #472129
Посоны, можно ли выборочно отключать вложенность правил в LESS?

https://jsfiddle.net/t2kvhrou/1/ — обратите внимание на .active
886 Кб, 890x576
#292 #472172
Будет ли считаться за ошибку, если я сделаю три блока по вертикали и буду делать с 1 по 3 так: 1. float: left, 2. float: left, 3. float: right.???
>>472201>>472210
#293 #472201
>>472172
юзай флексы и не еби себе мозг
>>472203
#294 #472203
>>472201
Как предлагаешь раскидать лейаут для такой страницы на флексах?
Три дива с флекс-флоу: коламн новрап?
>>472229
#295 #472210
>>472172
Зачем последнему right? Всем left можно.
#296 #472229
>>472203

ну у тебя три колонки по 2 пикчи в каждой, эти колонки надо закинуть в контейнер, и ему задать флекс. пикчам задать 100% ширину и верхним какой-то маргин-боттом. че не так?
>>472246
#297 #472246
>>472229
я автор вопроса. Придется тогда весь макет переделывать из-за флексбоксов. А как я описал ход действий не сойдет?
>>472248
#298 #472248
>>472246
Сетку из 12 колонок сделай на флоатах и все.
79 Кб, 1180x443
89 Кб, 1247x733
#299 #472307
Нагавнякал я тут Седону респонсив-хуёнсив. Покритикуйте плиз


http://g953589l.bget.ru/sedona-responsive/


Ох блядь я с этой готовкой свг спрайтов пропарился и составлением конфига для гранта.
Свг-спрайты вообще весело было - надо было в 6 уроке вставить а я вычитал способ готовки только через сборщик - пришлось сначала посмотреть 10 а потом только выполнить дз 6.
Почти все сделал в конфиге как хотел, но вот чтобы корректно мапилось на исходники лессовские так и не смог сделать.
Очень порадовал плагин, который помимо перезагрузки браузера позволяет с любого устройства подключиться к сети и тестить.

С понедельника сяду пилить Пинк наверное. Надеюсь, меньше гавна всякого напишу, а то код этой Седоны далек от моего представления о прекрасном.
Буду пинк теперь собирать через галп (заодно скринкаст Кантора гляну) и писать на сассе.

P.S pagespeed insights ругается на шрифты гугловские (надо будет замутить как читал подключение с юзаньем локалстораджа)

P.S.2 html и css оказались невалидными, лол
В html надо кнопки-ссылки открытия/закрытия навигации для мобилок добавлять наверное через js (а то пишет что ссылка в ul не хорошо однако)
В сss оказалось что свойство fill для svg невалидное)
И на url в base64 кодировке тоже ругается.
>>472322>>472331
185 Кб, 306x1031
#300 #472322
>>472307
Иконки слишком близко.
>>472328
#301 #472328
>>472322
Ага, и походу я забыл прописать min-width
14 Кб, 508x508
#302 #472331
>>472307
как же я завидую анонам, которые могут в адаптив. Я сел в лужу уже при верстке меню для мобильников. Не умею делать бутерброды и менюшку при клики на него. А бутстрапом не хочу пользоваться, так как от этого знаний не прибавится. Может я урок какой-то не скачал, где про это говорят или у меня старые уроки продвинутого, а в новом это объясняют?
>>472344
#303 #472344
>>472331
Ну эт по сути мой первый макет адаптивный, тоже достаточно долго думал как сделать это меню - вводило в ступор.
Смотрел сам тот продвинутый, который в шапке.

За бутстрап толком не садился еще. Смотрел как-то один видос, но там парень наставил когда верстал кучу импортантов я охуел и подумал ну его нахер. Но все-таки думаю раскурочу его и попробую сам компилить и добавлять только нужное.
>>472346
#304 #472346
>>472344
как ты разбирался с этим меню?
>>472361
#305 #472361
>>472346
Долго и мучительно, лол.
В данном макете сделал его просто первым блоком, который изменяет высоту. На сворачивание/разворачивание влияет max-height (гуглил - нашел на СО вроде, что можно заанимировать таким образом высоту). Ну а с планшетами+ все просто - делаем из него флекс, меняем местами как по макету пункты - они отлично растягиваются (правда надо "лишний" пункт делать чтобы он посередке был и когда мы абсолютно спозиционируем лого - то оно встало на путое как раз место). Как сделать по-другому без этого "лишнего" пункта я хз.
Кнопки разворота и сворота просто ссылки с свгшками по клику изменяем max-height у меню.

В пинке же надо будет меню делать уже абсолютно спозиционированным вроде. сяду делать - будет ясно точно.
>>472366>>472376
#306 #472366
>>472361
Ну и да, тебе никто не мешает с помощью инспектора попробовать понять в моем говнокоде как эта штука работает)
>>472376
19 Кб, 273x270
#307 #472376
>>472366
>>472361
ну хорошо, попробую как доделаю другой макет. Спасибо за объяснения.
#308 #472392
Поясните, если я для стилизации каждого элемента буду давать ему класс и в CSS-коде стилизация будет применяться только по классовым селекторам это нормально?
>>472397
#309 #472397
>>472392
Да, прям как БЭМ)
>>472399
#310 #472399
>>472397
Из-за скобки у меня создается ощущение, что это сарказм.
>>472405
#311 #472405
>>472399
Нормально. Таким образом уйдешь от проблем со специфичностью и, возможно, от каскада.
#312 #472448
>>471929
было бы что рейтить
#313 #472481
Верстаны, я снова выйду на связь (тот дебил, что переписал барбершоп на флексах для тренировки). Открыл, значится, макеты с продвинутого интенсива, а там пиздос, свг-хуйвг, ретина-хуина. Насколько целесообразно с этим ебаться вообще?
>>472497
#314 #472497
>>472481
Ну я в своей Седоне сделал. Посчитал что важно ибо ретина не такая уж и редкость нынче, да и вектор (свг) явно получше растра.
Да и всетаки типа новые навыки, лвл ап, все дела
>>472498
#315 #472498
>>472497
Ну и добавлю, что на самом деле там и ебаться особо не надо было
>>472509
12 Кб, 235x300
#316 #472508
Я уже наверное заебал со своим макетом, но никуда не денешься. Нашел время и попытался адаптировать страницу под 640. Сойдет? http://c12266.shared.hc.ru/lookshop @640/index.html
>>472549>>473032
#317 #472509
>>472498
Ладно, попробую разобраться.
Просто я тут испугался СВГшек, хуй знает, как их лучше запихивать, инлайново или как бэкграунд. Еще и фоллбеки для всякие ишаков восьмых (на это я точно забью, лол, верстаю то на флексах).
31 Кб, 500x374
#318 #472527
Объясните мне зачем вы учите все это, если Гугл, судя по новостям, скоро переводит сайты на динамическое построение. Вы же вообще никому не нужны будете.
#319 #472529
>>472527
Ты хоть читал, что такое динамическое построение страниц, или ты очередной дебил, которому просто покупарекать больше негде?
>>472539
#320 #472531
>>472527
Вась, ты хоть понимаешь что несешь?
>>472539
#321 #472532
>>472527
Опаньки, очередной подгорелый копирайтер подъехал.
>>472539
#322 #472539
>>472529
>>472531
>>472532
Ага, отрицание, я так и думал.
>>472540
#323 #472540
>>472539
Зато тут никто не отрицает того, что ты тупой валенок, который не понимает о чем говорит.
>>472564
#324 #472549
>>472508
Код не ковырял, но с виду вроде норм.
#325 #472564
>>472540
О чем он вообще?

мимошел
>>473111
#326 #472807
>>471742

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



можешь сказать какие именно знания html тебе пригодились? На примерах.
>>472958
#327 #472815
Лол, у Громова

>То чувство, когда дизайнер не только усложнил задачу техническому отделу, но и превратил работу контент-менеджера в ад.



http://codepen.io/nicothin/pen/xZoOWV
>>473851
#328 #472958
>>472807
ебаный стыд, ты в газпром там штоле устраиваешься? ну пришлют тебе, допустим, вордовский файл с простыней текста, надо все раскидать в абзацы, там, заголовки, списки, таблицы сделать, че нужно выделить жирным или курсивом, прикрутить нужные размеры шрифта, вставить картинки и т. д. в разных цмс разные интерфейсы для всех этих дел, и я уже забыл подробности, но основы хтмл для работы со всем этим хламом точно не помешают.
#329 #473032
>>472508
не понял смысла пилить фикс адаптив под 640
>>473070
#330 #473070
>>473032
Что было в макете, то и напилил.
#331 #473111
>>472564
Бамп вопросу
#332 #473285
Аноны, а как вообще адаптив делается? От чего зависит, чтобы на мобильниках нормально верстка отображалася?
>>473301
359 Кб, 1280x255
#333 #473295
В чем может быть проблема схлопывания отступа после радиобатонов на мобиле, если у них снизу margin есть и у всего блока clearfix стоит. на десктопе нет никаких проблем.
>>473305
#334 #473296
Анон, помогай, я тут связался с display: table. Обычной таблицей не делаю, так как хочу чтобы по семантике все было с тэгом nav, а для него списки самое то вроде.
Мне нужно чтобы в первый ячейке была картинка, но из за нее Vertical-align: midle не выравнивает текст в этой ячейке по центру? Как сделать его посередине?

https://jsbin.com/wuveluyohi/edit?html,css,output
>>473305>>473307
#335 #473297
Ну что, анон? Фриланс - это реально или нет?
>>473305
#336 #473301
>>473285
продвинутый интенсив - смотришь, вникаешь, делаешь
#337 #473305
>>473297
It depends...

>>473296
а как он выравняет, если у тебя картинка место занимает?

>>473295
попробуй прописать нижний бордер в 1 пиксель прозрачный
>>473306
#338 #473306
>>473305
бордер чекбоксам или блоку с картинкой
>>473308
#339 #473307
>>473296
.item_name{
height: 100px;
line-height: 100px;

}
>>473313>>473379
#340 #473308
>>473306
всему блоку
>>473310
#341 #473310
>>473308
никогда такой хак не видал, но сейчас попробую
>>473331>>473362
#342 #473313
>>473307
Лол, ппц костыль. А если текст будет в 2 строки?
>>473317>>473399
#343 #473317
>>473313
.item_name{
display: inline-block;
vertical-align: middle;
line-height: 1.25;

}

а его родителю line-height: 100px;
>>473321>>473399
#344 #473321
>>473317
ну и max-width: 100px; или сколько там чтоб строки переновились
#345 #473331
>>473310
бля помогло но ахуенный прикол появился. Сперва я бордер красный поставил все проверил, потом поставил прозрачный. На пека все ок, на стандартном брауезере все ок, а мобильный хром один хуй красный бордер грузит, пиздец, как так?
>>473338>>473344
#346 #473338
>>473331
и еще прикол в том что хром и стандартный браузер показывают разные версии адаптива, хотя ширина экрана одинаковая
#347 #473344
>>473331
все норм, до хрома дошло, прозрачный стал бордер.
>>473362
#348 #473362
>>473344
Просто закешировалось наверное вот и не долшло до него сразу.

>>473310
А вот чтобы знать такое - надо базовый интенсив смотреть. Там про борьбу с выпаданиями маргинов рассказывали (что можно либо бордер делать, либо еще паддинг можно)
>>473367
#349 #473367
>>473362
Так я и начал бороться паддингом, ток он не срабатывал на мобилах.
>>473370
#350 #473370
>>473367
Странно, но ладно. Бордер если сработал уже хорошо
#351 #473379
>>473307
я так пробовал, он тогда родителя растягивает
>>473381
#352 #473381
>>473379
ну да, растягивает вниз так и должно быть
#353 #473382
На чистом жаваскрипте вообще никакие анимашки нельзя сделать, только через всякие жуквери?

Знаю только, что можно класс прикрутить, на который повешен transition.
>>473383
#354 #473383
>>473382
что такое jq по-твоему, лел
>>473388
#355 #473388
>>473383
Ну вот я и привык говнокодить с жуквери, теперь даже не помню, что можно без него делать, что нет.
>>473411
#356 #473392
Где тут был тред аннунака, который верстал крутые сайты/шаблоны в стиле true_flat_design? Нужен этот анон или кто так сможет, сразу скажу необходимо знание РНР будет.
#357 #473399
>>473317
>>473313
Короче я если просто выкину картинку из потока и дам ей абсолютное позиционирование по верху родителя, насколько это будет нормально?
>>473408
#358 #473408
>>473399
ну если текст под картинкой тебя устраивает, то вперед, так и не понял почему тебя не устроило мое решение проблемы.
>>473414
#359 #473411
>>473388
А джиквери на чем написан по-твоему?
>>473437
#360 #473414
>>473408
Ну там можно паддингом его покрутить, чтобы не подлезал под картинку. Я сделал как ты написал, но текст так и не выровнялся.
>>473417
140 Кб, 1892x407
#361 #473417
>>473414
в смысле не выровнялся?
>>473427
#362 #473427
>>473417
ну хз, так оно при уменьшении разрешения куда-то совсем далеко вниз уходит.
#363 #473432
Лучше я абсолютно картинку сделаю, и паддинг родителю добавлю на ширину картинки, так меньше кода. Все равно спасибо за помощь, анон.
#364 #473437
>>473411
Я просто еще в общих чертах понимаю, как там какой-нибудь toggleClass написан, но вот анимации вообще хз. Расковыряю его как-нибудь.

Там типок в интенсиве по жс говорил, мол с появлением querySelector начался закат jquery. А что на смену-то пришло?
>>473447
#365 #473447
>>473437
querySelector, ES6, CSS-анимации
#366 #473454
там сам js нативный и пришел, который умеет базарить с домом и cssухой по-братски.
70 Кб, 852x640
#367 #473460
Салам, фронтенд макаки!
Сколько получаете в среднем за верстку макета? Есть разница в стоимость, если клиент попросит запилить какой-нибудь слайдер? Сколько времени тратите на заказ? Довольны тем, что делаете?
Еще лвл спалите
#368 #473461
>>473460
Ах да, поясните за препроцессоры css. Смысл их юзать, и юзаете ли их вы?
Каждый проект верстаете с нуля или есть какой-то универсальный шаблон?
Долго нужно вкатываться в адаптивность? Ну тепа шоб сайтик красиво смотрелся и на комплюктере, и на телефончике, и при этом не был кривой
#369 #473473
>>473461
препросы юзают все после того как попробуют, проект собирается по частям из бывших наработок по максимуму, остальное доделывается. Чтоб вкатится в адаптив надо вкатится во всю верстку, месяца 3 наверно хватит на все
>>473479>>473605
#370 #473479
#371 #473509
Кто-нибудь объясните, как юзать гитхаб в виде хостинга. Гайд читал, но все-равно не получается.
>>473513
#372 #473513
>>473509
Лить в ветку gh-pages. Все.
>>473535
#373 #473535
>>473513
я знаю, что надо сделать gh-pages, но я кроме как залить макет на гитхаб нихуя не умею, а гугл молчит. Может кто сделает гайд специально для таких слоупоков вроде меня? Желательно для Github Desktop
>>473539
#374 #473539
>>473535
На каком шаге возникает проблема?
>>473551
#375 #473551
>>473539
https://pages.github.com/ если смотреть тут для винды туториал, то после того как заливаю макет на гитхаб. Нажимал потом в приложение "create new branch" ---> даю имя , и не знаю что дальше. Может вообще не так делаю.
>>473558
#376 #473558
>>473551
А ты на гитхабе эту ветку создал?
>>473569
#377 #473569
>>473558
нет, так как про это вроде нет в туториале. Даже и не знал, что такое надо. Создал в приложение новую ветку, зашел на гитхаб и сделал ее по умолчанию. Я все верно делаю?
>>473578
#378 #473578
>>473569
Надо. Ветки на гитхабе не имеет никакого отношения к веткам в твоем локальном репозитории. Теперь тебе нужно запушить свою ветку с сайтом в гитхабовскую gh-pages.
>>473641
#379 #473605
>>473473

> месяца 3 наверно хватит на все


Ну охуеть, я бызовый пол года прохожу.
#380 #473616
>>473605
имеется ввиду для не работающих пацанов, которые не в первый раз видят компьютер.
#381 #473617
>>473605
Я уж думал что я тут самый медленный

прошел 2 интенсива и немного курсов на юдасити
#382 #473639
Большинство макетов идут без мобильных версий, поэтому приходится им пилить адаптивность самому. И я заметил, что это какой-то пиздос, потому что большая часть времени уходит не на верстку, а на чисто дизайнерское говно, чтобы все выглядело норм на всех разрешениях, все эти расстояния, пробелы между блоками, шрифты чтобы были адекватных размеров, и т. д. В общем, работаешь уже тупо как недодизайнер.

А у вас как с этим? Задрачиваете внешний вид, или кладете хуй?
24 Кб, 795x541
#383 #473641
>>473578
конечно круто, но я еще не все понимаю в гитхабе. Запушить я так понимаю это значит "pull request"? Но у меня вот такая проблема, как на снимке. Что-то подсказывает, что я должен куда-то залить свой макет чтобы он появился там, но не могу найти куда.
>>473651>>473652
#384 #473651
>>473641
Нет pull request это совсем другое.

Я мало что понимаю на твоем скрине, потому что пользуюсь гитом через консоль и у меня не винда.

Твой проект он вообще храниться в гите? Ты работал с ним до этого? В папке с проектом должна быть скрытая папка .git.
>>473653
#385 #473652
>>473641
Да, на всякий случай. Ты понимаешь, что git и GitHub это РАЗНЫЕ вещи. Первое — это система контроля версий, а второе это сайт, где хранятся репозитории с няшным интерфейсом. И прежде чем разбираться с гитхабом нужно разобраться с гитом.
>>473664
#386 #473653
>>473651
мои проекты лежат в папке GitHub, а эта папка лежит в вроде как в облаке винды. Работать им начал 12 дней назад. В папках моих проектов, лежат только файлы моих макетов. Скорее всего гит скрыт. Говорил же умею только тупо залить на гитхаб макеты и все.
>>473656>>473664
#387 #473654
Одни огорчения с этой версткой
#388 #473655
Верстаны, где можно почитать, как правильно использовать svg?
>>473668
#389 #473656
>>473653
Что значит скорее всего? Включи отображение скрытых файлов и проверь. Или зайди в папку с проектом из консоли (cmd) и набери git status.
>>473659
#390 #473658
Пацаны, бекенд девелопер на связи. Что я получу, купив
http://learn.javascript.ru/ebook
эти книги (за 900р)? Там будет jQuery?
>>473660
#391 #473659
>>473656
да, папка была скрыта.
>>473666
#392 #473660
>>473658

Его книга на рутрекере есть. А по джиквери есть методичка антона швецова или как -то так, и вообще тонна материала в интернете
>>473667
#393 #473662
>>473460
>>473461
Ало, как мне вкатываться без инфы?
>>473843
#394 #473664
>>473653
Так, чтобы залить ветку на гитхаб нужно сделать git push %remote_name% %branch_name% (либо просто git push, если remote_name = origin, а название ветки такое же как и у локальной).
А вообще, поддвачну я этого >>473652
Почитай книгу по гиту на git-scm.ru
Можно освоить гит за час. Но если решишь выделить 2 дня, то выучишь его досконально.
#395 #473666
>>473659
Ок, значит тебе нужно найти в интерфейсе этой еболы управление удаленными репозиториями. Скорее всего репозиторий гитхаба там называется origin. И сменить там ветку с master на gh-pages.

Алсо, можно на гитхабе можно вообще удалить ветку master и поставить gh-pages по умолчанию. Тогда (по идее, кхе-кхе) все должно пушиться сразу в нее.
>>473671
#396 #473667
>>473660

>Его книга на рутрекере есть.


Обновлённая? Мне не жалко денег.

>А по джиквери есть методичка антона швецова или как -то так, и вообще тонна материала в интернете


Про материал в интернете я в курсе, но мне казалось, что он и тут будет. Как-никак, некоторая инфа по jQuery у него на самом сайте есть.
>>473672
#397 #473668
>>473655
Видос продвинутого, допы к нему + там в чате громов кидал ссыку на статью чувака которая про вставку спрайтов. Можешь еще в бложек Громова заглянуть там тоже про свг спрайты
#398 #473671
>>473666
Ты чё вообще несёшь? Вы тут со своей вёрсткой совсем поехали?
git checkout -b gh-pages; git push;
или git remote -v (глянуть адрес своего репа)
git push %remote_name% gh-pages
И всё.
>>473673>>473675
#399 #473672
>>473667
Нахуй тебе ее покупать если на сайте все есть?
>>473674
#400 #473673
>>473671
Двачую
#401 #473674
>>473672
Есть читалка, могу закачать туда все книги и читать в пробке/на парах.
#402 #473675
>>473671
Только можно origin вместо remotename
>>473677
#403 #473677
>>473675
А вдруг у него несколько удалённых репов. Я не только на сейчас, но и на будущее подсказал. А вообще, я бы ему советовал идти на git-scm.ru и учить команды гита.
>>473682>>473687
#404 #473682
>>473677
Ну так то да. Можно еще быстренько на кодскул и кодкедеми, если там читать лень
>>473687
#405 #473687
>>473677

>git-scm.ru


Точнее, git-scm.com

>>473682
А, хз, так не пробовал. Да и читается там книга быстро. Воды вообще нет.
#406 #473841
>>470784
некропост, конечно, но блядь, эти мудаки только меняют картинки при скролле. просто мерседес сфотан дохуя раз по кругу, после чего это огромное количество картинок добавлено в слайдер. пиздец, маразм это.

олсо, как-то мне предлагали сделать подобное. просили сделать круговой стенд, на котором будет крутиться модель девушки, при клике на одежду которой будет показываться вся инфа об одежде, включая цену. заказчик хотел сделать это быстро и бесплатно. закономерно был послан нахуй, настолько же быстро и бесплатно.
#407 #473842
>>473605
не парься, учусь уже больше 2 лет, js за полгода только нормально усвоил, и то многое не могу. при том, что последние 8 месяцев сижу дома на жеппке, не вылезая из компа, задрочу верстку настолько часто, что во сне продумываю решение некоторых нюансов макета. один раз даже, проснувшись ночью, попытался объяснить своей собаке различие между display: block и display: inline-block. при всем этом до сих пор нормально не попытался влиться во flex-box'ы, но уже успел послать на хуй jquery, как бесполезную либу, пишу теперь на нативном.
>>473850
#408 #473843
>>473460
>>473461
>>473662
не вкатывайся, ты тут на хуй никому не сдался, а учиться тебе придется минимум год, чтобы нормально верстать и получать деньги за верстку. ну и получать за верстку на фрилансе ты будешь примерно 1000-3000 за заказ, а это от 2 до 5 дней работы. + часто заказчики кидают, просят переделать, отменяют заказы и прочее + конкуренция пиздец высокая. короче, сейчас уже поздно в верстку вкатываться, слишком много технологий, много демпингующей школоты на фрилансе и выебистых беков в офисе.
#409 #473847
>>471530
>>471505
все очень просто, радиобаттоны сделаны для форм, применение их вне форм невалидно. если ты этого не понимаешь или не хочешь понимать, лучше больше не верстать.

олсо, скрипт на радиокнопках может неправильно отображаться в старых браузерах. с js таких проблем нет.

ну и просто на css очень легко запутаться с таким-то каскадом. и id-шников на странице получится слишком много, когда они практически не нужны.
#410 #473849
>>473605
Ебать ты слоупок. Он рассчитан на месяц, с готовыми видео можно уложиться в 2-3 недели.
#411 #473850
>>473842

>учусь уже больше 2 лет


>до сих пор нормально не попытался влиться во flex-box


Боже, с какими даунами сижу в одном треде.

>уже успел послать на хуй jquery, как бесполезную либу


Проиграл с дауна. У jquery есть свои задачи, под них она подходит, под остальные не подходит. Это не значит, что она плохая.
>>473852>>473854
#412 #473851
>>472815
В чём суть?
То, что пользователь выделяет курсором - становится чёрным? Этого легко делается на ЖС (объекты range и selection) и выглядеть должно неплохо. Не понял, зачем они каждое слово в отдельный спан завернули, правда.
201 Кб, 500x500
#413 #473852
#414 #473854
>>473850
ну, я уже успел поработать верстаком в паре студий, свалить оттуда и сейчас потихоньку фриланшу, подыскивая себе новую работку в дс. некоторое время писал на ангуляре, писал на jade, stylus, less, собирал всю эту муть галпом. юзал bem-tools и enb. ебался с вордпрессом и yii.

до сих пор учусь потому, что данная специальность, мань, подразумевает постоянное обучение ввиду быстрого развития веба в целом.

flex-box ебал в рот, потому что он нихуя нормально не поддерживается теми же ишачками. могу, конечно на нем строить сетки, но не вижу смысла ближайшие года 3.

и про jquery. нахера мне тянуть такую тяжелую библиотеку, если я могу подрубить shim, который легче, и писать на нативном js, благо, есть es5. jquery все быстрее уходит в небытие, ведь создавалась она для поддержки стареньких браузеров. а jquery ui вообще не нужна, с его возможностью справляется тот же bootstrap, да и самому достаточно просто написать на нативе.

удивляюсь таким унтеркам, как ты, вам лишь бы унизить кого-нибудь, попытавшись за его счет выставить себя в лучшем свете.
inb4: уймись, мелкобуквенный.
>>473855>>473866
#415 #473855
>>473854
Флексбокс поддерживается начиная с IE 10. Зачем поддерживать старое говно, если заказчик специально этого не просит?
>>473856
#416 #473856
>>473855
потому что практически всегда в проектах требуется поддержка IE 9, который до сих пор не сильно старое говно. это не только заскок моих работодателей, но и большинства студий ДС. а в мухосранях еще и IE 8 требуется поддерживать. ну и в IE поддержка частичная. никогда не знаешь, как себя в нем поведет флекс-бокс.
>>473857
#417 #473857
>>473856
На моей памяти за ~8 месяцев, что я фрилансю верстальщиком и jquery разработчиком только 1 или 2 раза просили поддержку старых ослов. Я обычно спрашивал, могу ли применять флексы, показывал ссылку на caniuse и объяснял. Сходились с заказчиками на том, что могу, если контент на осле будет виден и доступен. Небольшой css файл с фоллбеками к простейшей блочной вёрстке, подключенный через условный комментарий в html решает проблему.
>>473858>>474033
#418 #473858
>>473857
везет тебе, один мой заказчик даже требовал поддержку IE 7, пока я не объяснил, что никто не поддерживает IE 7, и это будет стоить ему дороже. сошлись на IE 8, пришлось уголки у закругленных кнопок вырезать. было это примерно полгода назад.
>>473867
#419 #473866
>>473854

>flex-box ебал в рот, потому что он нихуя нормально не поддерживается теми же ишачками


> jquery все быстрее уходит в небытие, ведь создавалась она для поддержки стареньких браузеров



Лол.
>>473869>>473871
#420 #473867
>>473858
ты с русскоязычными фриланс биржами работаешь что ли?
>>473870
#421 #473869
>>473866
jquery - IE 8 и ниже. IE-8 уже не нужен.
flex-box неадекватно поддерживается даже IE 11, а в IE 9 и ниже уже не работает. IE 9 еще нужен.
>>474008>>474035
#422 #473870
>>473867
да, fl.ru, к примеру. на upwork очкую переваливаться.
#423 #473871
>>473866
IE != Старенькие браузеры.
IE == сорта отборного говна.
#424 #473929
Где тут был тред аннунака, который верстал крутые сайты/шаблоны в стиле true_flat_design? Нужен этот анон или кто так сможет, сразу скажу необходимо знание РНР будет.
>>473939
#425 #473939
>>473929
Делать сайты/шаблоны (включая дизайн) != верстать сайты/шаблоны.
Какая наху разница в каком стиле дизайн ты просто сидишь и верстаешь.

И блядь вокруг просто дохуя людей которые это не понимают.
Даже иногда в описаниях по тегу верстка попадпется: разработать сайт компании, придумать уникальный дизайн...
#426 #473940
>>470294 (OP)
ананасики, очень удивился, что есть интенсивы по html-academy, но нет интенсивов от кантора. решил исправить это упущение, ловите его курсы за 2015 год:

http://nnm-club.me/forum/viewtopic.php?t=974903

Это курсы того чувака ,который написал learn.javascript.ru и javascript.ru
#427 #473943
>>473940
йобаный в рот, как же этот пидорас мямлит, нихуя же непонятно
#428 #473957
>>473940
О, круто, а то я только за 2013 видел гдето
#429 #473999
Кто-нибудь может достать учебные макеты по js у академии? Именно не готовые макеты
#430 #474008
>>473869
И что же там неадекватного в IE 10-11?
#431 #474033
>>473857

Где работаешь?
#432 #474035
>>473869
Не пизди, охуенно он в ИЕ 11 поддерживается. В ИЕ10 есть нюансы.
>>474044
#433 #474044
>>474035
Ну а теперь почитай про баги, пидорахен диванный
https://github.com/philipwalton/flexbugs
>>474054>>474098
#434 #474050
Почему ебаные микромягкие не могут зашить в свое старое говно модальное окно типо хватит сидеть на этом говне, нажмите эту кнопку и edge установится автоматом и станет по умолчанию.
#435 #474054
>>474044
Полная хуйня. Слепил на флексах дохуя сайтов, из всего этого списка столкнулся только с невозможностью задать флекс филдсету. Так что сходи нахуй. Ничего критичного или даже более менее влиятельного на рабочие процесс там нет.
>>474091
#436 #474060
Есть тут аноны, которые пользуются саблайм текст 3? Почему когда я пытаюсь найти какое-нибудь дополнение через пэйдж контроль он нихуя не находит?
>>474063
386 Кб, 1448x2265
#437 #474061
>>470294 (OP)
Двач, нормальная ли зарплата в 125рублей/ час , работая верстальщиком в конторе, сам студент, второй курс
#438 #474063
>>474060
package control установи бля
>>474066
#439 #474066
>>474063
он установлен еще с базового интенсива у меня. Я пишу туда "Sass build", он ничего не показывает. Пытаюсь еще что-нибудь найти и снова ничего.

Есть тут аноны, которые ставили синтаксис на сасс в саблайме? А то надоело писать в scss
>>474068
#440 #474068
>>474066
все я разобрался.
#441 #474070
>>474061
ну я как-то на заводе 85 получал.
#442 #474082
>>474061
смотря какой город же. по сколько часов в неделю отрабатываешь?
>>474100
#443 #474084
Антоши, я не разбираюсь в тонкостях винды, но мне надо переустановить иешку, потому что она закрывается через секунд 20 после запуска и не хочет сбрасываться к начальным настройкам.
Однако есть вопрос, не слетит ли мне чего еще помимо ИЕ, если я его удалю, а затем установлю новую версию? Безопасно ли это? Не хотелось бы потом из-за критичных багов в реестре лишний раз страдать.
#444 #474091
>>474054
На диване может ты что-то и слепил, но на деле вряд ли.
#445 #474098
>>474044
90% багов в списке решаются заданием дополнительного правила или внесением минимальных изменений в хтмл.

Верстал CRM с охуиллиардом вложенных друг в друга флексбоксов, ни с чем из этого не сталкивался.
>>474108
#446 #474100
>>474061
>>474082
Работаю от 2 до 7 часов в день, в зависимости от занятости в вузике
>>474275>>474276
#447 #474108
>>474098

> минимальных изменений в хтмл


Манька, плиз. Уверен, что ты там полную хуйню наверстал, с 100500 лишних флекс оберток.
>>474118
#448 #474118
>>474108
Ну пока что я вижу только твое беспруфное кукареканье и "уверенность" в том что все вокруг долбоебы, один ты верстальщик от бога. На самом деле ты ужасно заблуждаешся.
мимо-ОП
>>474131
#449 #474131
>>474118

>верстальщик от бога


Сорри, я этим говном не занимаюсь уже месяцев 6.

>беспруфное кукареканье


Я как раз таки пруфанул, что есть баги в ие11, а такие тупые пидорахи как ты, только и умеют, что с дивана выщать про тысячи сверстанных на флексах макетов. Нахуй идите, маньки.
>>474148
#450 #474148
>>474131

>такие тупые пидорахи как ты


Сказала обезъяна, за 2 года не осилившая флексы и джс на рабочем уровне.
И кто здесь пидораха то, если ты дебил, до сих пор не додумался настроить рабочую систему фолбеков. Вместо того чтобы поддерживать новые фишки и двигать вперед веб ноешь о том, что в ИЕ 11 видите ли есть баги правящийся одной сторокой или отказом от применения одного из свойств, даже не целого свойства, а одного из его значений. Топ кек блять.
#451 #474154
>>474148
Сука, ну ты точно тупорылая свинья, тебя хоть рожей в говно ткни, всё равно не поймешь нихуя.

>за 2 года не осилившая флексы и джс на рабочем уровне.


Ебанашка, иди дальше верстай за копейки, лол, а я буду православным фронтом заниматься.
#452 #474173
Чет я заебался с флексами. Я делаю на нем меню и возникает проблема выбора first-child и изменение паддингов маргинов. Они какого-то хуя всему списку присваиваются, а конкретному ребенку-нихуя. Список ul>li
>>474177>>474479
#453 #474177
>>474173
разобрался, опять на хуйне попался. .main_header__navlist li:first-child a{} А до этого искал детей у ссылки.
#454 #474222
Блядь нихуя не понятно откуда во флексах берется процент от родителя когда резину верстаешь. Вроде следующий блок делаешь, шапка процентная едет, ебал в рот.
>>474238>>474479
#455 #474238
>>474222

если у тебя в контейнере, скажем, два блока, то нужно задавать процентную ширину обоим. иначе блок без процента при сужении может сплющить нахуй процентный. еще надо не забывать про штуки типа флекс-шринк и флекс-гроу, но тут уже надо смотреть по ситуации.
>>474252
#456 #474252
>>474238
Это похуй, мне надо процентные паддинги и марджины между ними, они нихуя не от корня считаются. Флексы заебись, но порой делать их геморойнее, чем классические флоаты.
>>474258
#457 #474258
>>474252
странно. маргины вертикальные штоле? если вертикальные, то их у флекс-айтемов не предусмотрено, лол.
>>474265
#458 #474265
>>474258
горизонтальные. Там как бы ряд li, а в каждой li-a, <a> это флекс с вертикальным центр выравниванием. И вот тут какое-то мясо пиздец. Надо задать отступы между li в %, а он их считает от них самих, а они разной ширины. Анал какой-то
>>474278>>474479
#459 #474275
3440 Кб, Webm
#460 #474276
>>474100
BAMP ответьте анончики
>>474289
#461 #474277
>>474061
В макдоналдсе такая же в моем мухосранске.
#462 #474278
>>474265
ты не самим этим <a> отступы задаешь, лол? пили песочницу штоле.
>>474365
#463 #474289
>>474276
что за игорь/фильм на пике?
#464 #474336
Кстати, поясните за флекс-гроу и флекс-шринк, раз уж пошла речь. И за флекс-базис тоже.
>>474479
#465 #474365
>>474278
http://codepen.io/anon/pen/XXLxYP
только прощелкай правой по элементам, а то отступы вообще не появляются, хах, лол. Кароче паддинг по бокам 10%, в инспекторе в пересчете на px получается какое-то неведомое говно в вакуме.
>>474391
#466 #474391
>>474365
ну правильно, 10% паддинга у ссылки считаются от лишки, т. е. от непосредственного родителя. а ты от чего думал они должны считаться? от списка штоле?
>>474451
#467 #474429
>>473940
Спасибо, анончик.
А там как, более подробно рассказано, чем в учебнике? Есть смысл смотреть после него?
Ещё было бы круто его курс по ангуляру, тогда было бы вообще всё шоколаде.
#468 #474451
>>474391
Какой такой лишки? Так же непонятно почему ширина <a> меньше чем контент внутри, там последняя буква вообще на паддинг залазит, хотя ничего не ужимает эти блоки.
>>474463
#469 #474463
>>474451
лишка - тег li.
>>474480
#470 #474465
>>474148
ебать ты долбоеб... тебе совсем разные разные аноны пишут
#471 #474479
>>474336
>>474265
>>474222
>>474173
Пиздец, за два года выучить флексы нормально не можете, ебантяи
>>474481
#472 #474480
>>474463
ага, понял, спс. Только вот это крайне хуево, что у непосредственного родителя % берется. Мне надо отступы в% относительно ширины всей страницы, а тут они завязаны на ширине контента( a>li)
>>474488
#473 #474481
>>474479
первый день учу, лол.
#474 #474483
>>474148

>до сих пор не додумался настроить рабочую систему фолбеков


ну долбоеб. то есть, я теперь должен тянуть дополнительные стили, чтобы в IE тоже все норм было, только ради flex-box'ов? не проще ли сразу верстать так, чтобы нихуя не ломалось, вместо того, чтобы костылить под IE?
>>474497>>474560
#475 #474488
>>474480
ну извините бля, это тебе не rem.

попробуй тогда погугли про vw и vh, может, сработает как надо, если тебе прямо горит здесь заюзать процент.
>>474494
#476 #474493
А я напоминаю, что местные аноны кладут хуй на IE, двач выращивает говноспециалистов, которые не проверяют свою верстку нигде кроме хрома!
#477 #474494
>>474488
а кстати, и rem работает, хули это я.
#478 #474497
>>474483
В этом весь прогресс чувак. Всегда будут появляться новые фишки, которые поддерживаются далеко не везде, вернее, поначалу почти негде. А долг разработчиков их тестить и внедрять, чтобы создатели могли внести правки, доработать свое детище и т.д. Только так и делается прогресс. Те фишки которые разработчики не поддерживают так и не реализуют в полной мере, о них просто забывают, тимы разработчиков на браузерной стороне видят что поддержка хуевая и тоже не реализовывают ее. Вот и все.
Если бы разработчики постоянно забивали на новые штуки потому что у них видители поддержка хуевая, то мы бы до сих пор нарезали картинки за закругления углов.
>>474519
#479 #474519
>>474497
ты неправильно мыслишь. тот же border-radius внедрили потому, что ВСЕ нарезали картинки для закругления углов, а не потому, что все его использовали.

исходя из твоей точки зрения, можно положить болт на определенный процент пользователей только из-за того, что они используют браузер, который не устраивает тебя, ведь в нем не поддерживается свойство, без которого можно прекрасно верстать, не используя фоллбеки.
такое отношение к пользователю - прямой путь в говноверстальщики, так как настоящий профессионал всегда проверяет свои сайты в различных браузерах и верстает так, чтобы его верстка нигде не ломалась. таких же анонов, которым похуй на сотни тысяч пользователей, которые остались без возможного доступа к их сайту из-за проблем верстки, не возьмут в приличную компанию на должность верстальщика. ведь никому не нужны говнари, которые требуют, чтобы все подстраивались под них. всем нужны профессионалы.
>>474540
#480 #474540
>>474519
Не веришь мне, пойди да пересмотри интенсив от хтмл академи. Если не ошибаюсь лекцию Симоненка. Он там как раз про это поясняет.

>всем нужны профессионалы


Профессионалы как раз стараются внедрять в свое проекты что-то новое и вовсю следят за новинками. Не боятся писать фоллбеки, внедрять полифилы, етц.
Тот же подход Progressive Enhancement, так сильно щас популярный, что предполагает? А он предполагает, что сначала делаем охуенно с нормальными браузерами, потом фолбечим на старье до уровня требуемой поддержки. Все что ниже, если оговорено с заказчиком, оставляем как есть либо доделываем до хоть какого-то уровня, но не более того.
>>474541
#481 #474541
>>474540

>Тот же подход Progressive Enhancement, так сильно щас популярный, что предполагает? А он предполагает, что сначала делаем охуенно с нормальными браузерами, потом фолбечим на старье до уровня требуемой поддержки



Чет больше на graceful degradation похоже.
>>474554
#482 #474554
>>474541
Да он тупой даун, наслышался умных слов и с дивана вещает.
#483 #474560
>>474483
Начнем с того, что верстать на флоатах в раза 2 дольше и раза в 3 геморойней. Особенно в плане адаптивности. Про дальнейшую поддержку вообще молчу.
Я своим заказчикам, когда всю эту ерунду обсуждаем, сразу говорю, что мол, с ИЕ 10+ одна цена. Нужны ослики постарше - другая, ощутимо выше. Опять же, если сойдемся на всяких костылях - тогда немного дешевле.
Тут еще во какая хуйня есть. Заказчик, он ведь этот сайт держит постоянно. Ему надо его поддерживать в дальнейшем, модернизировать, расширять. Через год те же флексы станут вообще мастхев. У них щас то поддержка на уровне 95%, дальше - больше.
И что ему делать тогда? Захочет внедрить новые ништяки или перейти на новые техи - извольте, надо жестко рефакторить код, а по сути, здоровый такой кусок тупо переписывать. Это стоит денег, времени уходит много... Не захочет - будет переплачивать школьникам, потому что каждая ебучая фича типа вертикальной центровки - это гемор, а на флексах она делается в три строчки.
мимо
>>474572>>474577
#484 #474572
>>474560
Не соглашусь. В некоторых ситуациях флоатами все сделать можно гораздо быстрее и проще, особенно если адаптивное перестроение не сложное. Я к тому, что надо всегда смотреть по ситуации, и не пытаться выебываться засовывая флекс в каждую дырку.
>>474582>>474592
#485 #474577
>>474560

>верстать на флоатах в раза 2 дольше и раза в 3 геморойней



Это не так. Ими верстать очень просто и адаптивность с флоатной сеткой делать тоже просто.
>>474592
#486 #474582
>>474572
Пример, пожалуйста.

Флоат изобретен для обтекания картинок текстом и должен использоваться для этого.
#487 #474585
>>474582
Ну должен, и что теперь, под ишака таблицами верстать?
#488 #474591
>>474582
Ну так сложно прикинуть, что бы я не написал, ты опровергнешь, ибо это можно сделать и на флексе, но мне удобнее зачастую заюзать флоат, как раз в ситуации похожей на обтекание. Особенно когда колонки всего две допустим. Я конечно допускаю, что мой уровень флексов не идеален, и в дальнейшем я возможно буду сам себя шкварить, но порой с этими течениями влом замарачиваться.
>>474595
#489 #474592
>>474572
>>474577
Окей, давайте поиграем с вами в игру.
Вот есть простенькая разметочка фичерс блока на три колоночки. Адаптивная. Я слепил ее на флексах особо не задумываясь.
http://codepen.io/Ykro314/pen/JGQxNm
Реализуйте то же самое поведение на флоатах. Затем глянем, что удобнее, где меньше кода, что проще в будущем поддерживать ...
#490 #474595
>>474591

>что бы я не написал, ты опровергнешь, ибо это можно сделать и на флексе


Именно.
151 Кб, 1200x764
#491 #474597
>>474592
отклеилось
#492 #474605
>>474582
На флексах нельзя флекс-айтему задать вертикальный отступ в процентах. Иногда нужная вещь.
>>474644
#493 #474619
>>474592
ну на, на расчет процентов можешь не смотреть, препроц по формулам считать будет.
http://codepen.io/anon/pen/LGKqdv
>>474622>>474649
#494 #474622
>>474592
>>474619
итого на 1 строку меньше при той же архитектуре.
>>474627
#495 #474627
>>474622
Я же просил реализовать поведение бро, на флоатах.
Флоатов я там не увидел.
Зато увидел отсутствие адаптива на разрешениях ниже примено 450px.
А еще там отчего-то есть горизонтальный скролл, видимо конфликтует ширина и марджины последнего элемента.
>>474636
#496 #474636
>>474627
я на скорую руку примерно наебашил, я ниче против флексов не имею, просто варианты есть всегда. А на счет 450 просто дописать одно медиа еще.
>>474653
#497 #474644
>>474605
Можно, просто проценты будут браться по направлению flex-direction. Но ты и в нормальном css не сделаешь без хаков, чтобы высота бралась как процент от ширины.
>>474657
#498 #474649
>>474619
Сиранул с горизонтального скролла
>>474659
#499 #474653
>>474636
Ничего против не имею. Тут просто речь зашла об удобстве.
В нем и фишка флексов. Вместо того чтобы писать лишние правила, медиавыражения, лишнюю разметку, распорки какие-то, берем несколько свойств, предельно понятных и делаем красивый лаконичный адаптивный дизайн.
#500 #474657
>>474644

>Можно



Бля, покажи штоле.

https://jsfiddle.net/hjz0ob6h/1/

Хочу тут маргин-боттом в процентах, а в лисе хуиньки.
>>474692
#501 #474659
>>474649
li:last-child {
width: 98%;
Скролл из-за превышения 100%, чего завопили то, лол
#502 #474692
>>474657
Ого, интересное поведение. Беглый гуглинг показал, что лиса ведет себя правильно, а в вебките баг: http://stackoverflow.com/questions/26980916/firefox-ignores-vertical-margins-on-flex-items-children-of-a-flexbox-unless-ex
#503 #474710
>>474692

>интересное поведение



Лол, интересно, охуеть.

Рад, что пошатнул твои мировоззренческие устои относительно флексов.
239 Кб, 1959x1959
#504 #474730
>>474692

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


хромобляди в очередной раз соснули
>>474759
58 Кб, 640x482
#505 #474759
#506 #474954
>>474692
лол, а сколько кукарекали про флексы
>>475036>>475044
#507 #474958
вообще реально ли иммигрировать в западную страну , верстальщику?
>>474959
#508 #474959
>>474958
Только сеньор фронтендеру, лет 5 опыта минимум.
>>474960
#509 #474960
>>474959
короче надо быть ахуенным фронт ендером?)
>>474964
#510 #474964
>>474960
Посмотри разделы jobs / careers на сайтах amazon, google, uber, microsoft, airbnb, booking, apple, facebook, linkedin и так далее. Под требования подходишь — можешь отправлять заявку и попасть на собеседование.
>>474965
#511 #474965
>>474964
Знание бутстрапа, ксс3, хтмл и джс. Охуеть требования
#512 #474972
Пилите перекат.
#513 #474983
Сап, двач, я тян. В общем в моём мухосранске есть только одна "веб-студия". Я хочу туда попасть как верстальщик. Так вот туда никто пока не нужен, но думаю написать им мол возьмите на стажировку или обучение. Как это дело обставить? Как напроситься к ним?
#514 #474984
>>474983
Бери и пиши.
>>475006
#515 #474991
>>474983
тебя не возьмут
>>474992>>475006
#516 #474992
>>474991
Откуда такая уверенность?
>>474996
#517 #474996
>>474992
никому не нужен зеленый стажер, который будет верстать как попало и требовать за это деньги. тем более, туда пока никто не нужен.
мимо
#518 #475003
>>474983
Ну ты же тян, иди дизайнером. Тем более что девочка-дизайнер с представлением верстки это гуд -не будет всякую дичь малевать трудноверстабельную, нормально организовывать psd-шник, векторизировать и предоставлять графику (где это нужно), если адаптив-респонсив до делать 3 версии макета, а не блядь только для десктопа.... Короче будет почет и уважение, как минимум от технолога
>>475006
#519 #475006
>>474984
Писать "Я знаю что вам никто не требуется, но есть ли возможность пройти стажировку/практику у вас? Я хуй 24летний, опыта нет, многого не знаю, но готов впитывать как губка." А что говорить на счет денег? Мне много не надо, но и нахуй я там такой нужен - меня учат, еще и платят.
>>474991
Потому что я спрашиваю советов на двачике?
>>475003
Я не тян, это же устойчивое выражение просто.
#520 #475007
>>474983
асечку-писечку!
#521 #475008
>>475006
Здравсвуйте.
Прошу Вас рассмотреть мою кандидатуру в Вашей компании на вакансию ________.
Резюме: ________________________
Примеры работ и кода.
GitHub: ______________________
Буду также признателен, если Вы сохраните мое резюме на случай появления новых вакансий.
Спасибо.
>>475012
#522 #475009
>>475006

>это же устойчивое выражение просто.


Что-то новенькое
#523 #475010
>>475006

>Мне много не надо, но и нахуй я там такой нужен - меня учат, еще и платят.


вот поэтому ты там в хуй никому не уперся. можешь попроситься на неоплачиваемую стажировку, тогда есть шанс, что возьмут, хоть и очень низкий, никому не нужен новичок, на которого приходится тратить время.
#524 #475011
>>475006

>это же устойчивое выражение просто.


Что-то новенькое
#525 #475012
>>475008
этому 2 чаю. даже сохраню шаблон.
#526 #475036
>>474954
Флексы норм, в w3c просто пидорасы сидят.
#527 #475038
А как раньше без флексов верстали, м?
#528 #475044
>>474954
Ну ахуеть, один узкий юзкейс в пользу применения чего-то отличного от флексов, да и то только в крайних случаях, и более чем дохуя кейсов для использования флексов.

Хмммм... Вот я даже не знаю, стоит ли их юзать. Ведь я не смогу задать вертикальный марджин в процентах, а это ведь куда вежнее всех тех плюшек что он дает.
>>475046
#529 #475046
>>475044
ну охуеть, на официальной постоянной работе в студии тебя тот же тестировщик потом так выебет за то, что в IE плохо рендерится верстка или ломается что-нибудь в Chrome, что ты про эти флекс-боксы на ближайший год забудешь, еще и сидеть полгода не сможешь.
>>475053
#530 #475053
>>475046
В студии, если это конечно это студия с профессионалами, а не ваньками верстающими сайтики торгашам с местного рынка, всегда сначала обсуждают допустимые технологии, поддержку, фичи, пути реализации, архитектуру и т.д. и только потом приступают к работе.
#531 #475075
Имиджбордеры, а зачем в >2015-2016, в академии учат верстать в пикселях? Я имею в виду, почему сразу ааптив не надрачивать и задание размера в процентах?
Вот сейчавс базовый прохожу и думаю о том, чтобы преимущественно в процентах задавать размеры, разве не?
#532 #475080
>>475006
Если не особо социофоб, то попробуй зайди туда, попизди с местными, скажи так мол и так, довайти вам за яду поработаю, потом денег будете платить много.
#533 #475091
>>475075
Думаю потому что он сложнее для восприятия, да и фиксированная еще не отжила своё. Еще долго всё это будет.
#534 #475104
>>475075
на двух интенсивах можно срубить больше бабла с ололокающих ебанашек.
>>475107
#535 #475107
>>475104
зря так о себе
12 Кб, 480x360
#536 #475115
>>475075
Слишком слоожннаа, сложна бляять
#537 #475126
>>475075
Ты же понимаешь, что пиксели на мобильных устройствах не имеет ничего общего с физическими пикселями?

Задавать все отступы в процентах супернеудобно. У тебя паддинг на кнопке будет зависеть от того, что на ней написано. Поддерживать равные отступы в разных контейнерах очень частый кейс.
>>475127
#538 #475127
>>475126
Паддинг от ширины родителя будет зависеть, конечно.
#539 #475154
Как правильно назвать репозиторий на гитхабе для другого сайта если OP.github.io уже занят, а создание OP.github.io/dva не прокатывает.
>>475164
#540 #475158
Попробовал я ваш LESS. Ебать анальное рабство. Штука конечно местами удобная, но блять с ним у меня гораздо медленнее происходит дело. Возможно потому что не умею толком пользоваться и дело привычки.
>>475160>>475174
#541 #475160
>>475158
У меня вообще почти один в один в css выходит. Чуть вложенность и переменных штук 5, всё!
#542 #475164
>>475154
Что значит не занят? Сайт должен называться username.github.io, где username это твое имя, а не чье-то еще. И что значит не прокатывает? Заливаешь в gh-pages и все прокатывает.
>>475166>>475176
#543 #475166
>>475164

>не занят


занят
#544 #475174
>>475158
Ты просто еще не познал всю прелесть вложений, импортов, амперсенда и прочих крутых штук. А ведь это только основы.
>>475177
#545 #475176
>>475164
погоди, есть у меня локальный репозит. Мне его просто git push gh-pages сувать? Там ветку не надо переключать?
>>475181
#546 #475177
>>475174
Возможно, я понимаю что это круто. Просто наверное нужно время, в голове начинает образовываться каша.
#547 #475181
>>475176
git push origin gh-pages

origin — название удаленного репозитория по умолчанию.
>>475185
#548 #475185
>>475181
бля это все понятно. Непонятен принцип. Я вот толкаю, а там хуй тебе, ошибка. Принцип какой. Надо создать локальный репозит или можно толкать уже подцепленный к удаленному репозиту? где фигурирует название проекта, если все толкается тупо на гх-пэйдж. гх-пэйдж это что за репозит? Он автоматом создан и не отображается на сайте в репозитах?
#549 #475186

>Я вот толкаю, а там хуй тебе, ошибка


Какая?

>Надо создать локальный репозит или можно толкать уже подцепленный к удаленному репозиту?


ЧТОА? Не надо создавать новых репозиториев, если уже есть подцепленный. Нужно создать новую ветку gh-pages в том же репозитории. Ветка по умолчанию называется master.

>где фигурирует название проекта, если все толкается тупо на гх-пэйдж


Название репозитория на гитхабе и есть название проекта.

>гх-пэйдж это что за репозит


Это ветка, которая может быть создана в любом репозитории на гитхабе.
>>475200
#550 #475200
>>475186
Блядь у них главный манул сделан как-будто специально, чтоб никто не понял как несколько страниц публиковать. Спасибо анон.
#551 #475240
Блядь, поясните мне за интерфейсы, че за хуйня? Я вообще нихуя не понял, веб интерфейс, любовь к интерфейсам в резюме, каждый этап - интерфейс, в чем суть?
>>475246>>475249
#552 #475246
>>475240
ну для фронтендера разработка UI обычная работа. Ну чтоб понмал какие кнопочки за какой функционал отвечали, чтоб все было интуитивно понятно и тд
Тред утонул или удален.
Это копия, сохраненная 26 марта 2016 года.

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

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