Заметил в треде очень много котиков :3
Это один анон или у вас такие традиции просто?
Это один анон или у вас такие традиции просто?
Это котик по технологии бэм просто
Насколько реально фронтенд-разработчику завести трактор по сравнению с другими программистами? Есть вообще такие примеры?
Настолько же или даже более реально.
Шансов нет, так как везде хватает своих фронтендов. Займись чем-нибудь другим
Одинаковые.
Двачую. А лучше вообще в ИТ не идти, так как недостатка в кадрах нет. Айтишников и так хватает. Займитесь лучше чем-нибудь другим
>Имплаинг, что в рашке сейчас есть интересные отрасли с дефицитом кадров
Я бы не сказал. Недостаток годных кадров охуенный, даже с учётом падения планки понимания "годного кадра".
господа нужна помощь http://codepen.io/anonimousmaximus/pen/XXwayZ
подскажите почему на ссылку не действует класс "active"
в инспекторе он даже не отображается
что я сделал не так ?
подскажите почему на ссылку не действует класс "active"
в инспекторе он даже не отображается
что я сделал не так ?
.el1 a {
position: relative;
}
добавь
не работает. меня интересует почему вообще класс для ссылки не работает в этом случае
тупо что не напишешь в свойствах класса ничего не робит
Лучше вообще на работу не идти, так как недостатка в кадрах нет. Работников и так хватает. Займись лучше чем-нибудь другим.
на дваче тоже не сиди потому что недостатка в двачерах нет. Двачеров и так хвататет. Займись лучше чем-нибудь другим.
а еще забыл, у тебя пробел перед :active
я говорю про класс "active" а не про псевдокласс
Попробуй использовать селектор a.active
потому что у тебя написано .active a
Какой к черту а внутри active если у тебя .active и так ссылка сама по себе?
Рекомендую не рождаться человеком вообще. Недостатка в людишках нет. Их и так хватает. Родись лучше динозавром.
>>47067 нет там псевдокласса у меня. есть класс actice который я хочу стилизовать и сделать ему афтером псевдоэлемент
только класс active который задан ссылке даже инспектор браузера не видит. МБ я класс не так задал или в ксс к нему обратился неправильно?
лучше не рожаться вообще. недостатка в родившихся нет. их и так хватает. займись лучше другим делом
Ты кажется не понял что розовый цвет не имеет отношения к твоей ссылке.
.el1 .active {
background: #fff;
color: #000;
СПАСИБО ПРОБЛЕМА РЕШЕНА !
А теперь забудь про использование таких селекторов. И пиши просто .active
чем они плохи ?
Анальное каскадирование тебя в анал выебет когда сверстаешь какую-нибудь бандуру.
Специфичностью
тогда зачем все эти вложенности и ксс-наследования которые я дрочил ночами ?!!
Хз, от нее все уходят в модульность. Типо БЭМ для пацанов, анальный каскад для лохов. Принцип заложенный в css конечно не плох наследования и все дела, но модульность и взаимозаменяемость такого не терпит.
<nav class="main_nav__list">
<a class="main_nav__list-active" href="#">Главная</a>
проще говоря чтобы элементы сайтика можно было прикруть куда то ещё ?
ну да, это будут такие модули. Типо меню сделаешь на абсолютно независимых классах и стилях для них и можешь его потом по странице безболезненно таскать, или вообще в другой проект.
если всё резюме будет на этих модулях не скажет работадатель что я типа кроме этих модулей нихуя не умею( а я толком то только флексы хорошо знаю)
?
Ты учил чтобы знать механизм работы.
Смотри интенсивы пиши код как они показывают. Все постепенно. Но даже в базовым они не показывают код с одновременно с селекторами по классу и по тегу. Посмотри стайлгайды еще которые они дают.
Да он пусть усвоит сначала материал базового, потом дойдет до БЭМ и т.д. Так лучше восприниматься будет, чем сразу все пытаться. Поебешься с селекторами поверстав несколько макетов - лучше потом поймешь преимущества методологии.
Ну это как если бы работодателю надо было копать ямы, а ты умел копать только на экскаваторе. Но копать в ручную это конечно большой плюс будет, мало ли. А знание только флексов-это как работать только на экскаваторе хитачи, что очень узко и не есть хорошо.
А я напоминаю уровень развития типичного фронтенд разработчика
в голосину блядь
Лол XD))))
Особенно наставник выделился
Надо выучить верстку и получать нормальные деньги, ведь это так просто. Заплачу за курс академии и буду все уметь. Еще угараю с шкур там, ахуенные вопросы задают.
Использую БЭМ в именовании классов для CSS.
Хотел воспользоваться готовыми библиотеками от создателей методологии.
Зашел на оф. сайт и охуел от сложности всех этих enb и bem-tools.
Кто-нибудь использует всю эту хуйню в работе? Поделитесь статьями и мастер-классами, где бы это все разжевывалось. Или может быть есть что-то лучше?
Хотел воспользоваться готовыми библиотеками от создателей методологии.
Зашел на оф. сайт и охуел от сложности всех этих enb и bem-tools.
Кто-нибудь использует всю эту хуйню в работе? Поделитесь статьями и мастер-классами, где бы это все разжевывалось. Или может быть есть что-то лучше?
только пространство имен и инкапсуляция. ИМХО остальное нахуй не надо.
Как ты смог освоить флексы, пропустив примитивнейшие флоаты с инлайнблоками?
Я вот уже неделю пытаюсь правильные красивые сеточки на флексах строить, выходит пока какая-то хуита (на мой личный взгляд, так то оно работает и заебись, но как-то криво выглядит сам код), а на флоатах я такую поебень за полчаса накидаю, например.
двачую
Нахуй нужны упоротые бемтулсы от упоротых последователей темы лебедева, если есть отличные прекрасние задокументированные быстрые и понятные системы сборки типа галпа\вебпака\гранта и отличнейшие удобные препроцессоры с возможностью писать модульный код?
я не пропустил их я принцип действия их знаю а все схлопывания выпадания не сильно запомнил. флексы это охуенная вещь и сетку мутить на них одно удовольствие. флексы дрочу уже 3 день.
http://flexboxfroggy.com/#ru дрочи на лягушку и всё поймешь
флоаты с их распорками и прочим гавном гуда сложнее ИМХО
ИТ вообще на последнем издыхании. Каждый 16летний школяр учит джаву-пхп-питон-руби, сосет хуи, не находит работу и идет в макдак.
Давно надо бы тред экранировать хотя бы слегка, как это сделали в апворк-треде. А то тут уже как в копирайтинг-треде, из 500 постов 300 имеют содержание типовида "бля, работ не найти, умею клепать формочки и стилизовать инпуты, верстка говно(((" и "пасаны, две недели учу верстку, когда можно будет с нуля зороботывать хотя бы 1000 далларов в месяц?"
Ну, тут наверное дело практики. Я на флоатах выдрочил все макеты академии+прихуячил туда адаптив, резину и прочую хуйню. И уже потом пошел смотреть продвинутый. А на флексах всего неделю тыркаюсь. Вроде реально очень удобно и продвинуто, но мой мозг постоянно хочет зафлоатить какой-нибудь логотипчик влево.
флоаты не были придуманы для сеток. они уйдут в прошлое как табличная верстка когдато. за флексами будущее.
Я прошел эту лягушку, анон в позапрошлом треде кидал, кажется, я даже поблагодарил. Барбершоп переделал на флексах чисто для тренировки, даже стыдно показывать, лол. Сегодня вот за респонсив-седону примусь.
кстати с каким стеком технологий можно начинать работку искать ?
лол я щас барбера пилю))
Ищешь вакансию - смотришь список требований. Промониторив несколько вакансий понимаешь что надо знать.
фулс стек человек оркестр 1000 лет практики 10000 зарплата
Не знаю. Я скажу за себя: учу с ноября. Часто задавал здесь такие тупые вопросы, что от стыда закрывал тред и даже не читал ответы. Сейчас могу сверстать любой адаптив, ебусь с флексами. Могу написать самостоятельно простой интерактив на ванилла JS, могу в простейший интерактив на чистом цсс. Ну и бутстрап, сасс+компасс+немножко бурбона. Думаю занырнуть в говн джквери еще. В общем, знания - энтрилевел, фактически. Работу буду искать ближе к лету, хочу JS освоить хотя бы до уровня говноджуна, и в каком-нибудь ангуляре поковыряться. А тут каждый второй с навыками уровня "прошел бесплатные курсы на хтмлакадеми" хочет уже в теплый офис, да чтобы не в говноформочках ковыряться, а прямо солидно работать.
Лол.
Ладно, скину свой, на гитхаб залил. Где-то за час этот выкидыш родил. Можешь обосрать на досуге, если не лень, например.
Размеры от балды накидал чисто на глаз, попап не делал, лень.
https://github.com/acilsd/test
Есть пара вопросов:
1. Мой процесс верстки выглядит примерно так:
- пилю оформление блоков в отдельных Less-файлах
- страницы ебашу с помощью Jade
- собираю это все Gulp'ом, пропуская через плагины типа autoprefixer и обновляю страницы Browser-sync'ом.
Норм вообще? У вас сильно отличается подход к верстке? Хочу чтобы все было как у людей.
2. Собственно главная проблема заключается в том, что я выдаю просто HTML/CSS. Теперь же мне нужно оживить элементы управления с помощью JS. Всякие кастомные селекты, табы, дропдауны и прочие модальные окна. Пробовал jQuery UI. Мне не нравится, что он использует какие-то свои классы для работы, а мне нужно, чтобы все было по БЭМ, как в bem-components
Че делать-то?
хуй на БЭМ ложить
Да нет, не прав ты. Суется в дело очень много кого, потому как программирование форсят, особенно уебки из обучающих компаний, которые на обучении азам гребут бабло с наивных. Учат везде основам, это реально пиздец. Что бы что-то выучить самому надо либо постоянно этим заниматься, читать книги, быть в тренде технологий, дрочить на практике. Многие школьники из-за своей импульсивности дальще 3 глав не уходят, ибо дота интереснее. А многие за 20 просто не могут позволить себе столько бесплатного времени.
Я ньюфаг в джс, пилю его медленно ручками-закорючками. Все остальное также, как у тебя, только я пока грант юзаю, пока хватает, потом перекачусь, лень сейчас возиться.
Довольно занятно. Надо бы научиться такую херь делать. http://www.mercedes-benz.ru/content/russia/mpc/mpc_russia_website/ru/home_mpc/passengercars/home/new_cars/models/cls-class/_c218/configurator/configurator_c218.html#/p3501
грузится пиздец
Да, я на объективность не претендую, про обучение ты прав, хотя именно с базового интенсива я ощутил ПОГРУЖЕНИЕ. Просто я тот самый 20 25летний дебил, что усердно пытается вкатиться, а постоянные вопли воннаби-фрилонсеров очень демотивируют, лол.
А ты придумай как это оптимизировать.
да там большинство долбаебов которые умеют только в фикс верстку лендингов с прикручиванием jq плагинов. У них там мясо и демпинг. Это нормально.
в /pr скажут
Объясните мне, смайлоеб чисто ради тролинга свои скобочки в каждом треде пихает или у вас действительно тут такая ньюфажная аудитория аутистов?
второе
чё за скобки ?
Если кто-нибудь все-таки обосрет мой высер - буду благодарен.
бля залей на github.io
такие)
Ребята, помогите. Нужно написать скрипт - "Надо написать скрипт, который будет всегда подставлять дату ближайшего понедельника. Т.е. например, если сегодня 11 февраля, то скрипт покажет дату 15.02.16, если сегодня 14 февраля, то покажет тоже 15.02.16. если сегодня 17 февраля, то покажет дату 22.02.16."
Я даже не знаю в какую сторону копать, так как только-только приступил к JS
Я даже не знаю в какую сторону копать, так как только-только приступил к JS
пиздуй отсюда в /pr
JS object date
адаптива нет, получается? 600+ резина
Поясняю:
>- пилю оформление блоков в отдельных Less-файлах
Это правильно. Препроцессоры все одинаковые.
>- страницы ебашу с помощью Jade
Попробуй Реакт, базарю, еще захочешь.
>- собираю это все Gulp'ом, пропуская через плагины типа autoprefixer и обновляю страницы Browser-sync'ом.
Это нормальное решение для проектов небольшого и среднего размера. Если хочешь совсем как у людей, то потрать несколько дней на то, чтобы разобраться с Вебпаком. У Кантора на Ютубе отличная серия сринкастов по нему. Он сложнее Галпа, но намного мощнее.
>Пробовал jQuery UI.
Это ты зря. Джиквери и его плагины это тяжелая и тормозная императивная параша, которую невозможно поддерживать. Большинство этих дропдаунов и инпутов достаточно легко реализуется руками. Можно на чистом JS, можно на том же Реакте.
>Реакт
Я не понимаю, что такое 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
Ты уж определись — или ты втыкаешь плагины без понимания что вообще происходит или разбираешься в JS/jQuery и делаешь как тебе надо — хоть по БЭМу, хоть с дрочкой вприсядку.
Реакт это библиотека для создания интерфейсов, она включает в себя очень продвинутый шаблонизатор. Он получше всяких джейдов тем, что позволяет полноценно работать с JS и использовать не только примитивные if-else, а вообще любой код. В твоем случае, конечно, и джейд сойдет.
Почему пишет - Uncaught ReferenceError: moment is not defined ?
Нахуя ради такой ерунды тянуть целую либу?
Потому что в примере используется внешняя библиотека.
Как сделать тогда делать без внешней либы, раз ерудна?
Ну так норм люди за это не будут 30к платить.
Пацаны, а модальную хуйню в барбершопе можно же было запилить по типу слайдера в нердс?
И еще вопрос, браузер всегда видит html как dom?
И еще вопрос, браузер всегда видит html как dom?
>И еще вопрос, браузер всегда видит html как dom?
ЧТОА?
Нет, модалку надо пилить на js
Про браузеры держи, просвещайся http://www.html5rocks.com/ru/tutorials/internals/howbrowserswork/
Спроси в /pr
> Про браузеры держи, просвещайс
Благодарю.
А почему модалку на жс? Как я понял, все что можно сделать на css - нужно делать на css.
Нет, конечно, я просто с флексами поигрался. "Резина" весьма условная, просто ебанул размеры в процентах, там я очень убого сделал эти ромбики, например, они при сжатии съезжают, но я даже их и не старался выводить.
И сейчас еще сам кучу ошибок в наименованиях по БЭМу увидел, буду править.
Хорошо, получил я значение, как мне его вывести в div? Нашёл решение, но код в таком виде https://jsbin.com/jumisafawu/edit?js,output ничего не делает
На каком этапе стоит смотреть в сторону реактов и прочего?
и где ты там его нашел? лел
html - структура
css - оформление
js - функциональная часть
Когда js освоишь
Когда уже фаерфокс начнет поддерживать инпуты time/date и прочие?
> когда
Ох, спасибо. Значит, пока даже не буду гуглить.
Знал бы я, что во фронтенде столько информации в мозг свалится, сделал бы себе сначала план учебы, лол.
Ну вот так - https://jsbin.com/jumisafawu/edit?html,js,output
как мне вывести то, что у меня в консоле, в див?
ты прикалываешься? Он нихуя тебе не выводит, да и не должен
Пиздец. Ты ж языка вообще не знаешь. Иди основы кури.
если так и будешь библиотечки подключать, то нихуя не выучишь
А зачем стороннюю библиотеку использовал, когда даже основ не знаешь?
Если тебя потом попросят написать это все на нативном у тебя ж жопа на марс улетит.
Посоны, почитал тут статьи на луркморе про веб-макак и javaScript, везде сплошное обливание говном и все в духе того, что веб-макаки сплошные быдлокодеры и нормальные программисты вытирают о них ноги.
И что-то мне так грустно стало.
И что-то мне так грустно стало.
На самом деле очень интересная задача. Прикинув в голове я не удивлен, что под нее целая библиотека написана.
писал просто программер с комплексом неполноценности. Ему знаешь ли припекает от того, что JS популярнее его плюсов в 6 раз сейчас.
Быдлокодером можно быть на любом языке
Надо кстати почиткать че там про 1с пишут лол
> нормальные программисты
Это какие, лол?
Всегда проигрываю.
Процедура ПриОткрытии()
Если ЭтоНовый() Тогда
ДатаПрефикс = Формат(Дата, "ДФ=dd");
МесяцПрефикс = Формат(Дата, "ДФ=ММ");
КонецЕсли;
КонецПроцедуры
Я чуть не блеванул когда в универе показали эту парашу
Ну типа кто нам бэкенд пишет на Питоне/Руби/Ноде
алсо, по жс там же норм статья, насколько я знаю, только с пхп-макак ржут.
Ее писал подгоревший байтоеб на крестах.
самый прикол в том, что эти эльфы живут там в своем манямирке и зарабатывают очень хорошие деньги, из-за специфики применения продуктов 1С. Но суваться в это болото никому бы не советовал.
> нам
Чет кекнул.
ну да все верно, если брать JS то он считается ебанутым на голову языком, но быдлом кодеров никто не зовет, а вооот на пэхе это просто илитарный пример быдла всевозможного. Хотя и везде есть и хорошие и плохие спецы.
> Питоне
Вообще лолировал.
> если брать JS то он считается ебанутым на голову языком
Схуяли это?
Нормальный язык для бэкенда, не пизди. Если конечно Джангу использовать.
>Питоне
проиграл
>Руби
довольно узкая хуйня со своими затыками
>Ноде
нода на джс написана если что
Так он изи вообще, хули они ебала вертят на жс?
Попробуй покодить на приятных языках типа того же Python или C# - поймешь.
Стоит начать с его сути-он интерпретируемы, следовательно он автоматически медленный. Ну и по мелочам там, типо статическая типизация..от чего конечно уже пытаются уходить сами разрабы.
> C#
блядь да съебите вы уже в /pr свой умники ебаные
Изи, не изи, похуй. Главное что он не ебанутый как JS и его сейчас советуют учить как первый язык для программистов, ибо легок, справляется со своими задачами и говнокодить на нем не получится.
>говнокодить на нем не получится
>он интерпретируемы, следовательно он автоматически медленный
>статическая типизация
>JS
ШТА?
Он прав, колобок.
динамическая, опечатался хуле. А интерпретируемый не ШТА а JS
Но у нас веб где платят больше и вообще рынок крупнее.
> говнокодить на нем не получится
Лолчто?
ты недооцениваешь говнокодеров походу
ИДИТЕ НАХУЙ ОТСЮДА ПИДАРАСЫ ТУТ ВЕРСТКА БЛЯДЬ
двачую, хватит не по теме пиздеть, кидайте лучше свой говно адаптив.
Ты хоть представляешь себе, каково это работать с клиентской частью без динамической типизации?
съеби из моего треда уебак
>Но у нас веб где платят больше и вообще рынок крупнее.
А бэкенд, где ка краз Питон применяется - уже не веб?
>Лолчто?
Если ты целенаправленно захочешь поговнокодить, то конечно сможешь. Но по сравнению с большинством языков - на нем гонокодить сложнее ибо без строго соблюдения правил ничего не выйдет. Одни только отступы вместо привычных для всех скобочек чего стоят.
Я ОП этого треда дебил. Уйми свой бугурт. JS для верстальщика тоже нужен, поэтому в его обсуждении здесь ничего зазорного не вижу. Даже наоборот, это полезно.
> А бэкенд, где ка краз Питон применяется - уже не веб?
Питону учат уже даже школьников в младших классах, не платят за него столько.
> Даже наоборот, это полезно.
Дважую.
т.неофит
Это ты про спарсить число в строку и потом обратно? если получится, лол
во первых оп-хуй
во вторых для этого есть тред специальный
От того что питону учат школьников хз где ты такое видел, обычно его в универах проходят, и то в основном забугром никак не следует, что за него платят меньше. Посмотри вакансии на hh каком-нибудь.
но мы-то про применение его в вебе базарим, братан
Съеби, заебал скулить.
Ага, отчасти. Ты представь себе, сколько тебе лишних действий понадобится чтобы задать одно лишь новое значение в какой-нибудь transfrom элемента.
неужели
ну есть такое, но только в плане того, что на выходе там нужна строка 'widht=' + число над которым до этого могли производиться манипуляции. Ну в принципе JS для этого и был придуман. Это уже потом его начали использовать куда в более серьезных местах, где уже этот плюс перетекает в минус.
Я так понял чисто HTML\CSS нужна только на дно-уровне. По-нормальному если работать, то нужно знать JS.
Da
Все правильно понял.
Подскажите хостинг какой-нибудь куда свои говнопримеры удобней лить.
без хтмл и ксс нихрена ты не сможешь во фронтенд учти
да туда один ток сайт влазит. Навигацию что ли пилить
или там можно типо huemoe.github.io/site2 создать и он его захостит?
This. Главное лить в ветку gh-pages.
Я уже достаточно попердолился с CSS и HTML. Уже напамять знаю все свойства и теги. А знать какие-то сложнейшие и редкоиспользуемые CSS-трюки необязательно. Если что можно просто нагуглить решение.
в тему будет https://habrahabr.ru/post/277547/
Прошел пару курсов на хтмлакадеми. Там и дальше будут нянчиться со мной как с ребенком или будет что-нибудь посложнее?
Курсы - часть базового интенсива. Проходи их вместе (там д.з такое)
А зачем интенсивы если человек и сам прекрасно справляется без всяких наставников?
там в одно мгновение все станет нихуя не ясно и пиздец-пиздец. Это в принципе к любому обучающему ресурсу относится(и не только по вебу), они тебе сто уроков по самым легким основам а потом пару слов о сложном.
Так наставников тебе никто и не предоставит, сидишь смотришь видосики, максимум - это совета в треде спросить.
Если все что рассказно в интенсивах человек нагуглит и выучит сам (что в принципе реально) - ну молоток значит.
на русском может кто-нибудь объяснить, как там все делается для виндоус. Смотрю по скриншотам и читаю, но один хуй не получается
Блядь, посаны, срочный вопрос.
Как сделать объединение ячеек таблицы, НО ЧТОБЫ ИХ СТАЛО БОЛЬШЕ?
Вот есть 3 столбца, допустим.
Объединением можно сделать, чтобы в следующей строке было 2 столбца. А если мне надо 4? То есть, больше, чем было по дефолту?
Как сделать объединение ячеек таблицы, НО ЧТОБЫ ИХ СТАЛО БОЛЬШЕ?
Вот есть 3 столбца, допустим.
Объединением можно сделать, чтобы в следующей строке было 2 столбца. А если мне надо 4? То есть, больше, чем было по дефолту?
Поздравьте меня, котаны, написал свой первый в жизни работающий слайдер на чистом JS с, наверное, максимально кривым кодом, но без костылей и вроде как работающий при любом кол-ве элементов!
https://jsfiddle.net/9769k1sr/2/
https://jsfiddle.net/9769k1sr/2/
>на чистом JS
Нахуя так делать вообще?
В чем форс использования ЧИСТОГО ЖЫ ЭС?
Иногда даже в требованиях в резюме вижу.
100 килобайт библиотек нынче совсем в лом прогрузить на 4G, да?
Долбоебизм какой-то.
Это просто практика для прокачки скилла. Мимодругойанон
Он написал, что это первый в жизни слайдер. Значит человек только изучает js. С либами же лучше знакомиться после того, как с языком освоишься, а то получится такой себе программист на джейквери.
Да, эти аноны правы, я просто изучаю JS, а JQuery еще даже в глаза не видел, там, я так понимаю, уже все давно написано и верстальщики просто вставляют нужные уже готовые скрипты в свою страницу?
Потому что изучение нативного джс дает тебе понимание всего, что делается внутри большинства библиотек. И прокачивает скилл офкорс.
А либы подключать много ума не надо.
Антонидосы, сколько будет стоить создание одностраничного сайта? Сложностей на нем никаких не надо.
Цель - реклама хореографа. Поэтому будет контактаня информация, отзывы и фото. Вот в общем-то и все.
Цель - реклама хореографа. Поэтому будет контактаня информация, отзывы и фото. Вот в общем-то и все.
Надо макет смотреть.
Понимаю, что немного не по профилю, но все же:
В некоторых вакансиях контент-менеджера есть требование "знание Corel Draw".
Какие именно навыки нужны контент-менеджеру из этого пакета?
В некоторых вакансиях контент-менеджера есть требование "знание Corel Draw".
Какие именно навыки нужны контент-менеджеру из этого пакета?
Увидел в "мы вам перезвоним".
Оказывается вот так вот бэки видят работу фронтов лол
Оказывается вот так вот бэки видят работу фронтов лол
работал одно время контент-менеджером. скорее всего, ниче там особо изъебистого не надо. по мелочи, обрезать например по размеру.
проиграл
Анончики, не могу выбрать редактор:
Sublime Text
Brackets
Atom
Sublime Text
Brackets
Atom
Выбор очевиден же. Sublime Text.
первый
Visual Studio Enterprise
brackets вообще сырой нахуй
atom чуть менее сырой, но все же.
они реально еще не допилены.
единственное что мне нравится в атоме, так это оформление. я поставил себе в ST One Dark Theme
А почему? У Brackets вот например есть изменение css классов прямо в html окне, а еще там можно узнать характеристики картинки без всяких фотошопов + все изменения моментально отображаются в браузере.
Brackets
Всё ты можешь, блять.
Попользуйся одним, потом вторым, потом третим и вернись-таки к первому. Заебали эти срачи и отсосы брекетодебилов.
inb4 покормил
Я понял, что тут большинство юзает Sublime, но никто свою точку зрения не обосновал. Зато преимущества Brackets на лицо
Он самый быстрый, лучше всех выглядит, под него тонны плагинов.
Сделай в первой строке 4 столбца и 2 объедини. Во второй строке можно уже сделать 4 столбца. Если я правильно тебя понял.
Я брекетс юзаю. Вполне доволен.
Все эти плюсы делают только разрабы адоба. А для саблайма дополнение может написать каждый и даже ты сам. Хотя их и так уже дохуя на все случаи.
В брекетс тоже расширения всякие мимокрокодилы пишут, и есть их овердохуя. Правда сравнить по количеству не могу.
Есть Google Chrome Workspaces, есть task runner'ы. Все что ты написал не нужно
Окей, окей. А что насчет Atom? Или он вообще на подсосе, что даже не обсуждается?
Сам попробуй и для себя реши.
Лучший Sublime
Потом Atom
На подсосе Brackets.
Хотя я лично за Atom, надеюсь его скоро доведут до ума, он опенсорсный в отличии от ST
Юзаю саблайм, только изза того что он шустрый, брекетс не пробовал, атом раздражает тормозами. Ну и еще в саблайме я знаю как эммет под быстрое написание бэмэлементов и модификаторов настроить а в атоме не знаю, хотя и не возился с ним долго.
>Лучший Sublime
>Потом Atom
>На подсосе Brackets
Так и есть.
>Хотя я лично за Atom, надеюсь его скоро доведут до ума, он опенсорсный в отличии от ST
Он такой же медленный, как и Brackets.
Ну если чисто для прокачки - это понятно.
Но такое говно я в некоторых заданиях на фрилансе вижу.
Скажите, как в Atom'e выделить содержимое HTML-тега?
В Sublime это Выделить тег → Ctrl+Shift+A. Повторное нажатие выделяет еще и сам тег.
В Sublime это Выделить тег → Ctrl+Shift+A. Повторное нажатие выделяет еще и сам тег.
Sublime написан на С++, а брекетс на JS+HTML, соответственно сублайм быстрее.
Юзайю СТ, его install package control ахуенен, он быстр, мне нравится его оформление и структура, у меня под него написано много макросов, которые очень легко редактируются в конфигах, как и настройки самого СТ, в связке с livePage получается динамическое отображение изменений. Куда либо перекатываться не вижу никакого смысла.
Ну так и сделал, но хотелось бы, чтобы ширина столбцов была динамическая.
Допустим, 4 столбца.
А далее нужно 3 столбца, но чтобы не так, что 1 из них занимает 50%, а остальные 2 по 25.
Надо чтобы они все по 33% занимали.
Мне проще тот же написать слайдер самому, чем скачивать какое-то тормозящее дерьмо из сети.
Работать он будет быстрее, делать только то - что я хочу что позволяет задействовать самые разнообразные анимации и прочие ништяки, не нужно качать дополнительные либы по сто ебучих килобайт и т.д и т.п. Одни профиты.
И нормально ресайзиться.
И на всех браузерах.
И свайп пальцем сам прикрутишь.
И режим карусели сделаешь.
Ессно, и потом буду таскать из проекта в проект. А все почему? Потому что сам писал, лелеял.
Если сайт небольшой, то можно и вставить какое-нибудь тяжелое неповротное говно, которое ещё и сверстать нужно должным образом.
Но если проект большой, то эти 100 килобайт потом выльются в тонны лишнего трафика, что в свою очередь будет вытекать в миллионы серверных затрат.
Я все же не могу понять, почему я не могу сверастать динамичное модально окно на цсс?
К примеру барбершопа, login это radiobtn, первый label там, он отображает кнопку с корзиной, если он включен - модальное окно display:block, у модального окна крестик - второй label, которым можно выключить radiobtn и убрать модальное окно.
Сейчас смотрю и охуеваю с жс, на цсс легче же сделать, не?
К примеру барбершопа, login это radiobtn, первый label там, он отображает кнопку с корзиной, если он включен - модальное окно display:block, у модального окна крестик - второй label, которым можно выключить radiobtn и убрать модальное окно.
Сейчас смотрю и охуеваю с жс, на цсс легче же сделать, не?
На самом деле на джс таки проще. Если ты ньюфаг и знаешь только верстку, то естественно джс для тебя пока - черная магия, но это пока.
На JS появление модального окна реализуется в 3 строчки. Вызвал обработчик на кнопку - внутри обработчика одной командой сменил класс элементу.
В CSS нужно ебаться с наследованием кода. Трюк с чекнутым инпутом работает только в определенной последовательности разметки, когда один элемент идет после другого или нескольких. Это не всегда разумно, и еще менее очевидно для других. Получается лишний головняк и путаница, в CSS, когда на JS достаточно подготовить дополнительный класс, запихнуть модальное окно хоть под закрывающийся боди и одним обработчиком тогглить его состояние.
Котейка, или кто ты там блядь, что там сложного то в реализации открытия и закрытия? Там же все разжевано в видосе по js. Смотри, вникай. Как ты дальше разбираться будешь если это тяжко?
дваждую, на css можно, но будет какой-то непонятный говнокод
Я не нахожу это сложным, я не понимаю, нахуя именно жс, если в вебинарах много раз повторяли, типа все что можно сделать цсс - делать на цсс, это считается профессионально или я что-то не так понял?
Где путаница на пике, например? Пара строк в цсс или целый скрипт на жс.
>целый скрипт на жс
Ого, да вы посмотрите, это же ЦЕЛЫЙ СКРИПТ!
Все что можно сделать на цсс в плане графики и оформления - это лучше, чем навырезать пнгшек.
Ты не так понял короче.
Опять же html задает структуру, css отвечает за оформление, js для функционала.
По хорошему там и слайдер им не надо было учить делать на css.
Ого, да это же целая путаница и говнокод, а не пара селекторов вместо скрипта.
>целая путаница
>11 строк
Путаница это непонятно как размещенные лэйблы подвязанные хуй знает где и в какой последовательности.
А две переменные и два обработчика, заметь, никак не влияющие на структуру разметки - это хорошо.
Переехал с сублайма на Visual Studio Code — есть под все платформы, бесплатный, поддерживается, легко подключить eslint, встроенная работа с гитом.
> это непонятно как размещенные лэйблы подвязанные хуй знает где и в какой последовательности
#login-radio:checked ~ .modal-block {
display: block;
}
Трудно охуеть, просто один лейбл это крестик у модального окна, а другой это кнопка с корзиной.
Пиздец, ультимейт велокостыль.
Что?
Зачем ты отстаиваешь эти ебанутые костыли? На JS это сделать действительно проще и логичнее.
Как это проще? Что за костыли?
>Как это проще?
Как на скрине.
И чем там проще?
на jquery ещё короч выйдет
А как бы вы вот такую хуйню верстали?
Создание скрытых чекбоксов это костыли. За поведение страницы должен отвечать JS.
iCheck
Бля, эту хуйню тоже сж? Нахуя они тогда дали это в базовом? Я через дельту верстал.
Все проще, блять. Не нужно создавать левого хтмл и css, например. Писать логику на чекбоксах, божечки.
Вот решение еще немного короче: http://jsbin.com/toqakasufu/edit?html,js,output
Можно даже написать var $ = document.querySelector.bind(document), будет еще меньше кода.
Эту хуйню делай как показали в базовом. С ней норм, она отвечает за оформление. Чистый html тоже вполне логичен и красив. Но блядь когда у тебя в чистом html вдруг вместо ссылки логина появляется чекбокс ни с того ни с сего, вот это уже далеко не круто
То есть, эту хуйню верстать как на скринах выше? С дельтой?
С какой в сраку дельтой???
~ это тильда
△ а вот это дельта
Точно, тильда. Так ее юзать там и о и нет?
>или
Блядь
Да, чек боксы и радио кнопки, другие возможные вещи в форме стилизуешь как объясняли на интенсиве (через + или через ~)
Слайдер в принципе можешь пока что так тоже пилить как они рассказали. Но на том же продвинутом будешь уже делать слайдеры через js.
Да никто сейчас это говно не использует, все уже давно по БЭМу верстают.
И как по бэм эту хуйню сверстать?
Понял.
Благодарю всех.
Котаны, это немного нерилейтед, но я к вашему обществу уже привык, так что рейтаните мои попытки в дизайн.
По задумке это сайт для какой-то игры для планшетов.
По задумке это сайт для какой-то игры для планшетов.
Возможно, вопрос платиновый. Как сделать, чтобы кружок внутри выделялся при наведении на весь блок ссылки, а не только на сам кружок?
https://jsbin.com/hififanuge/edit?html,css,output
https://jsbin.com/hififanuge/edit?html,css,output
>medal of duty
Обосрался с названия.
li:hover .round {/place for styles/}
Это вот сюды
Спасибо, няш, а то я тут уже начал страдать шаманством с абсолютными позиционированиями.
по-моему это пиздец. шрифты не читабельны. текст почему в кнопки не влазит? хуле СЕНД МЕСЕДЖ и АЙ АЦЕПТ не видно что это кнопка? слишком жирный ползунок прокрутки! расстояние между заголовком и обычным текстом в первом блоке схуяле одинаковое?
На какой сайте проверять в каком браузере какой тег работает?
can i use
Как реализовать линии сбоку от ИСТИННО МУЖСКАЯ КЛАССИКА в резиновом дизайне? Чтобы они растягивались.
таки у самого идея появилась. под текст блок с линией засунуть. только как сделать чтобы все что накрыто блоком с текстом не было видно?
>все что можно сделать цсс - делать на цсс
имелась в виду всякая мелкая декоративная хуйня. допустим, у тебя иконка в цветном кружке. ты можешь эту иконку вырезать вместе с кружком, а можешь этот кружок сделать на цсс, так вот лучше на цсс.
все эти слайдеры и прочая шняга на цсс - говно. производят впечатление того, что пишущие их людишки не умеют в жаваскрипт и поэтому тупо ссут его юзать, ебаные жалкие ничтожества.
А как же кросс браузерность?
О, можешь сказать, что у тебя спрашивали на собеседовании на контент-менеджера?
Подскажите, почему у li-шек не срабатывает :before. Не понимаю где накосячил.
http://codepen.io/Okhre/pen/YwboeQ
http://codepen.io/Okhre/pen/YwboeQ
ну как тебе сказать, я был контент-менеджер и копирайтер в одном лице, плюс делал всякие сеошные мелочи, ставил сео-плагины для вордпресса, заполнял всякую мета-хуйню, ключевики и т. д. контора была днищевая, поэтому меня тупо спросили, че я умею вообще делать. я ответил, что могу писать и рерайтить статейки и немного в хтмл, на уровне сверстать несложную страницу. этого хватило. хтмл очень пригодился, кстати, чем лучше в нем шаришь, тем проще будет работать. так в целом надо было разбираться в разных цмс, немного обрабатывать изображения, чтобы все это говно не разваливалось нахуй и в целом выглядело пристойно. это все несложно освоить, но немного времени все же надо. по сути сайты, с которыми я возился, были дико говеные, и всем на них было похуй.
content: "";
спасибо, не мог бы еще подсказать почему лишки не внутри бефор делаются?
-кун
-кун
проблему решил, если кому интересно, то посмотрите код у ол и ли. Никогда такого раньше не делал, но вроде бы это правильно.
-кун
-кун
>именует классы по БЭМу
>li
>каскад
Аноны, подскажите зеленому, каких знаний будет достаточно, чтобы стабильно получать 1–2 т.р/месяц. Или придется изучать все из шапки?
Нет такого уровня. Минимум знаний это все, что написано в шапке плюс JS/jQuery и хоть немного опыта с Ангуляром/Реактом. Тогда ты можешь претендовать на звание джуниора и получать свои законные 50-70к (в дс).
Благодарю, анон!!! Ближайшее время начну учиться.
что ты ожидал от аноны, который первый раз пробует БЭМ? Переделаю чуть попозже все.
Чет я охуел с бэм, зашел почитать, там гит, нода, библиотеки какие-то, для неофитов не завезли?
Завезли. Читай просто про методологию, а не саму библиотеку.
я тут искал разные способы горизонтально зацентровать ссылку-кнопку так, чтобы она ужималась под текст и ей не надо было задавать фикс. ширину. и без флексов.
margin 0 auto в связке с display:inline-block не работает.
есть всякие изъебы с display:inline-block плюс position:relative или absolute плюс left:50% плюс translateX(-50%).
обнаружил, что можно кнопке задать display:table и margin: 0 auto; и все работает заебись. кнопка с любым текстом всегда по центру, без всяких фикс. ширин. но чего-то тоже странно, я вообще никогда display:table не юзал.
а вы чем центруете обычно?
margin 0 auto в связке с display:inline-block не работает.
есть всякие изъебы с display:inline-block плюс position:relative или absolute плюс left:50% плюс translateX(-50%).
обнаружил, что можно кнопке задать display:table и margin: 0 auto; и все работает заебись. кнопка с любым текстом всегда по центру, без всяких фикс. ширин. но чего-то тоже странно, я вообще никогда display:table не юзал.
а вы чем центруете обычно?
Как человек пришедший из Java и SQL могу смело сказать, что - это хуета.
>Ну типа кто нам бэкенд пишет на Питоне/Руби/Ноде
>динамическая дристня без типов
Вот уж и в правду голос со стороны параши.
флексами
Минимальный каскад на небольших проектах по BEM не запрещен
Продвинутый смотришь 2 урок. Читаешь статью Громова и головокружительное погружение в БЭМ. Этого хватит. Еще от Яндекса кидал для ньюфань пару тредов назад.
Это сюда
Как реализовывал видео в бэкграунде?
HTML5
Кроме флекса еще можно так
display: inline-block
а у контейнера text-align: center;
http://jsbin.com/vevikenodi/edit?html,css,output
да, но опять же, теоретически у тебя в контейнере может быть что-то еще, кроме кнопки, и не всегда у этих элементов тоже будет text-align: center;
как вариант можно запилить отдельный контейнер для кнопки, лол.
А может быть сделать div c width 100% и абсолютно спозиционировать текст, что бы он поверх был?
под текстом будет видно линию же. максимум кастыльный вариант придумал. саный нижний слой с з-индекс1 это линия, второй слой з-индекс2 с изначальным фоном без линии и третий слой уже текст с з-индекс 3. но если фон сложный то трудно будет.
Посоны, можно ли выборочно отключать вложенность правил в LESS?
https://jsfiddle.net/t2kvhrou/1/ — обратите внимание на .active
https://jsfiddle.net/t2kvhrou/1/ — обратите внимание на .active
Будет ли считаться за ошибку, если я сделаю три блока по вертикали и буду делать с 1 по 3 так: 1. float: left, 2. float: left, 3. float: right.???
юзай флексы и не еби себе мозг
Как предлагаешь раскидать лейаут для такой страницы на флексах?
Три дива с флекс-флоу: коламн новрап?
Зачем последнему right? Всем left можно.
ну у тебя три колонки по 2 пикчи в каждой, эти колонки надо закинуть в контейнер, и ему задать флекс. пикчам задать 100% ширину и верхним какой-то маргин-боттом. че не так?
я автор вопроса. Придется тогда весь макет переделывать из-за флексбоксов. А как я описал ход действий не сойдет?
Сетку из 12 колонок сделай на флоатах и все.
Нагавнякал я тут Седону респонсив-хуёнсив. Покритикуйте плиз
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 кодировке тоже ругается.
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 кодировке тоже ругается.
Иконки слишком близко.
Ага, и походу я забыл прописать min-width
как же я завидую анонам, которые могут в адаптив. Я сел в лужу уже при верстке меню для мобильников. Не умею делать бутерброды и менюшку при клики на него. А бутстрапом не хочу пользоваться, так как от этого знаний не прибавится. Может я урок какой-то не скачал, где про это говорят или у меня старые уроки продвинутого, а в новом это объясняют?
Ну эт по сути мой первый макет адаптивный, тоже достаточно долго думал как сделать это меню - вводило в ступор.
Смотрел сам тот продвинутый, который в шапке.
За бутстрап толком не садился еще. Смотрел как-то один видос, но там парень наставил когда верстал кучу импортантов я охуел и подумал ну его нахер. Но все-таки думаю раскурочу его и попробую сам компилить и добавлять только нужное.
как ты разбирался с этим меню?
Долго и мучительно, лол.
В данном макете сделал его просто первым блоком, который изменяет высоту. На сворачивание/разворачивание влияет max-height (гуглил - нашел на СО вроде, что можно заанимировать таким образом высоту). Ну а с планшетами+ все просто - делаем из него флекс, меняем местами как по макету пункты - они отлично растягиваются (правда надо "лишний" пункт делать чтобы он посередке был и когда мы абсолютно спозиционируем лого - то оно встало на путое как раз место). Как сделать по-другому без этого "лишнего" пункта я хз.
Кнопки разворота и сворота просто ссылки с свгшками по клику изменяем max-height у меню.
В пинке же надо будет меню делать уже абсолютно спозиционированным вроде. сяду делать - будет ясно точно.
Ну и да, тебе никто не мешает с помощью инспектора попробовать понять в моем говнокоде как эта штука работает)
ну хорошо, попробую как доделаю другой макет. Спасибо за объяснения.
Поясните, если я для стилизации каждого элемента буду давать ему класс и в CSS-коде стилизация будет применяться только по классовым селекторам это нормально?
Да, прям как БЭМ)
Из-за скобки у меня создается ощущение, что это сарказм.
Нормально. Таким образом уйдешь от проблем со специфичностью и, возможно, от каскада.
было бы что рейтить
Верстаны, я снова выйду на связь (тот дебил, что переписал барбершоп на флексах для тренировки). Открыл, значится, макеты с продвинутого интенсива, а там пиздос, свг-хуйвг, ретина-хуина. Насколько целесообразно с этим ебаться вообще?
Ну я в своей Седоне сделал. Посчитал что важно ибо ретина не такая уж и редкость нынче, да и вектор (свг) явно получше растра.
Да и всетаки типа новые навыки, лвл ап, все дела
Ну и добавлю, что на самом деле там и ебаться особо не надо было
Я уже наверное заебал со своим макетом, но никуда не денешься. Нашел время и попытался адаптировать страницу под 640. Сойдет? http://c12266.shared.hc.ru/lookshop%20@640/index.html
Ладно, попробую разобраться.
Просто я тут испугался СВГшек, хуй знает, как их лучше запихивать, инлайново или как бэкграунд. Еще и фоллбеки для всякие ишаков восьмых (на это я точно забью, лол, верстаю то на флексах).
Объясните мне зачем вы учите все это, если Гугл, судя по новостям, скоро переводит сайты на динамическое построение. Вы же вообще никому не нужны будете.
Ты хоть читал, что такое динамическое построение страниц, или ты очередной дебил, которому просто покупарекать больше негде?
Вась, ты хоть понимаешь что несешь?
Опаньки, очередной подгорелый копирайтер подъехал.
Ага, отрицание, я так и думал.
Зато тут никто не отрицает того, что ты тупой валенок, который не понимает о чем говорит.
Код не ковырял, но с виду вроде норм.
О чем он вообще?
мимошел
>хтмл очень пригодился, кстати, чем лучше в нем шаришь, тем проще будет работать
можешь сказать какие именно знания html тебе пригодились? На примерах.
Лол, у Громова
>То чувство, когда дизайнер не только усложнил задачу техническому отделу, но и превратил работу контент-менеджера в ад.
http://codepen.io/nicothin/pen/xZoOWV
>То чувство, когда дизайнер не только усложнил задачу техническому отделу, но и превратил работу контент-менеджера в ад.
http://codepen.io/nicothin/pen/xZoOWV
ебаный стыд, ты в газпром там штоле устраиваешься? ну пришлют тебе, допустим, вордовский файл с простыней текста, надо все раскидать в абзацы, там, заголовки, списки, таблицы сделать, че нужно выделить жирным или курсивом, прикрутить нужные размеры шрифта, вставить картинки и т. д. в разных цмс разные интерфейсы для всех этих дел, и я уже забыл подробности, но основы хтмл для работы со всем этим хламом точно не помешают.
не понял смысла пилить фикс адаптив под 640
Что было в макете, то и напилил.
Бамп вопросу
Аноны, а как вообще адаптив делается? От чего зависит, чтобы на мобильниках нормально верстка отображалася?
В чем может быть проблема схлопывания отступа после радиобатонов на мобиле, если у них снизу margin есть и у всего блока clearfix стоит. на десктопе нет никаких проблем.
Анон, помогай, я тут связался с display: table. Обычной таблицей не делаю, так как хочу чтобы по семантике все было с тэгом nav, а для него списки самое то вроде.
Мне нужно чтобы в первый ячейке была картинка, но из за нее Vertical-align: midle не выравнивает текст в этой ячейке по центру? Как сделать его посередине?
https://jsbin.com/wuveluyohi/edit?html,css,output
Мне нужно чтобы в первый ячейке была картинка, но из за нее Vertical-align: midle не выравнивает текст в этой ячейке по центру? Как сделать его посередине?
https://jsbin.com/wuveluyohi/edit?html,css,output
Ну что, анон? Фриланс - это реально или нет?
продвинутый интенсив - смотришь, вникаешь, делаешь
It depends...
а как он выравняет, если у тебя картинка место занимает?
попробуй прописать нижний бордер в 1 пиксель прозрачный
бордер чекбоксам или блоку с картинкой
.item_name{
height: 100px;
line-height: 100px;
}
всему блоку
никогда такой хак не видал, но сейчас попробую
Лол, ппц костыль. А если текст будет в 2 строки?
.item_name{
display: inline-block;
vertical-align: middle;
line-height: 1.25;
}
а его родителю line-height: 100px;
ну и max-width: 100px; или сколько там чтоб строки переновились
бля помогло но ахуенный прикол появился. Сперва я бордер красный поставил все проверил, потом поставил прозрачный. На пека все ок, на стандартном брауезере все ок, а мобильный хром один хуй красный бордер грузит, пиздец, как так?
и еще прикол в том что хром и стандартный браузер показывают разные версии адаптива, хотя ширина экрана одинаковая
все норм, до хрома дошло, прозрачный стал бордер.
Просто закешировалось наверное вот и не долшло до него сразу.
А вот чтобы знать такое - надо базовый интенсив смотреть. Там про борьбу с выпаданиями маргинов рассказывали (что можно либо бордер делать, либо еще паддинг можно)
Так я и начал бороться паддингом, ток он не срабатывал на мобилах.
Странно, но ладно. Бордер если сработал уже хорошо
я так пробовал, он тогда родителя растягивает
ну да, растягивает вниз так и должно быть
На чистом жаваскрипте вообще никакие анимашки нельзя сделать, только через всякие жуквери?
Знаю только, что можно класс прикрутить, на который повешен transition.
Знаю только, что можно класс прикрутить, на который повешен transition.
что такое jq по-твоему, лел
Ну вот я и привык говнокодить с жуквери, теперь даже не помню, что можно без него делать, что нет.
Где тут был тред аннунака, который верстал крутые сайты/шаблоны в стиле true_flat_design? Нужен этот анон или кто так сможет, сразу скажу необходимо знание РНР будет.
Короче я если просто выкину картинку из потока и дам ей абсолютное позиционирование по верху родителя, насколько это будет нормально?
ну если текст под картинкой тебя устраивает, то вперед, так и не понял почему тебя не устроило мое решение проблемы.
А джиквери на чем написан по-твоему?
Ну там можно паддингом его покрутить, чтобы не подлезал под картинку. Я сделал как ты написал, но текст так и не выровнялся.
в смысле не выровнялся?
ну хз, так оно при уменьшении разрешения куда-то совсем далеко вниз уходит.
Лучше я абсолютно картинку сделаю, и паддинг родителю добавлю на ширину картинки, так меньше кода. Все равно спасибо за помощь, анон.
Я просто еще в общих чертах понимаю, как там какой-нибудь toggleClass написан, но вот анимации вообще хз. Расковыряю его как-нибудь.
Там типок в интенсиве по жс говорил, мол с появлением querySelector начался закат jquery. А что на смену-то пришло?
querySelector, ES6, CSS-анимации
там сам js нативный и пришел, который умеет базарить с домом и cssухой по-братски.
Салам, фронтенд макаки!
Сколько получаете в среднем за верстку макета? Есть разница в стоимость, если клиент попросит запилить какой-нибудь слайдер? Сколько времени тратите на заказ? Довольны тем, что делаете?
Еще лвл спалите
Сколько получаете в среднем за верстку макета? Есть разница в стоимость, если клиент попросит запилить какой-нибудь слайдер? Сколько времени тратите на заказ? Довольны тем, что делаете?
Еще лвл спалите
Ах да, поясните за препроцессоры css. Смысл их юзать, и юзаете ли их вы?
Каждый проект верстаете с нуля или есть какой-то универсальный шаблон?
Долго нужно вкатываться в адаптивность? Ну тепа шоб сайтик красиво смотрелся и на комплюктере, и на телефончике, и при этом не был кривой
препросы юзают все после того как попробуют, проект собирается по частям из бывших наработок по максимуму, остальное доделывается. Чтоб вкатится в адаптив надо вкатится во всю верстку, месяца 3 наверно хватит на все
---
Кто-нибудь объясните, как юзать гитхаб в виде хостинга. Гайд читал, но все-равно не получается.
Лить в ветку gh-pages. Все.
я знаю, что надо сделать gh-pages, но я кроме как залить макет на гитхаб нихуя не умею, а гугл молчит. Может кто сделает гайд специально для таких слоупоков вроде меня? Желательно для Github Desktop
На каком шаге возникает проблема?
https://pages.github.com/ если смотреть тут для винды туториал, то после того как заливаю макет на гитхаб. Нажимал потом в приложение "create new branch" ---> даю имя , и не знаю что дальше. Может вообще не так делаю.
А ты на гитхабе эту ветку создал?
нет, так как про это вроде нет в туториале. Даже и не знал, что такое надо. Создал в приложение новую ветку, зашел на гитхаб и сделал ее по умолчанию. Я все верно делаю?
Надо. Ветки на гитхабе не имеет никакого отношения к веткам в твоем локальном репозитории. Теперь тебе нужно запушить свою ветку с сайтом в гитхабовскую gh-pages.
> месяца 3 наверно хватит на все
Ну охуеть, я бызовый пол года прохожу.
имеется ввиду для не работающих пацанов, которые не в первый раз видят компьютер.
Я уж думал что я тут самый медленный
прошел 2 интенсива и немного курсов на юдасити
Большинство макетов идут без мобильных версий, поэтому приходится им пилить адаптивность самому. И я заметил, что это какой-то пиздос, потому что большая часть времени уходит не на верстку, а на чисто дизайнерское говно, чтобы все выглядело норм на всех разрешениях, все эти расстояния, пробелы между блоками, шрифты чтобы были адекватных размеров, и т. д. В общем, работаешь уже тупо как недодизайнер.
А у вас как с этим? Задрачиваете внешний вид, или кладете хуй?
А у вас как с этим? Задрачиваете внешний вид, или кладете хуй?
конечно круто, но я еще не все понимаю в гитхабе. Запушить я так понимаю это значит "pull request"? Но у меня вот такая проблема, как на снимке. Что-то подсказывает, что я должен куда-то залить свой макет чтобы он появился там, но не могу найти куда.
Нет pull request это совсем другое.
Я мало что понимаю на твоем скрине, потому что пользуюсь гитом через консоль и у меня не винда.
Твой проект он вообще храниться в гите? Ты работал с ним до этого? В папке с проектом должна быть скрытая папка .git.
Да, на всякий случай. Ты понимаешь, что git и GitHub это РАЗНЫЕ вещи. Первое — это система контроля версий, а второе это сайт, где хранятся репозитории с няшным интерфейсом. И прежде чем разбираться с гитхабом нужно разобраться с гитом.
мои проекты лежат в папке GitHub, а эта папка лежит в вроде как в облаке винды. Работать им начал 12 дней назад. В папках моих проектов, лежат только файлы моих макетов. Скорее всего гит скрыт. Говорил же умею только тупо залить на гитхаб макеты и все.
Одни огорчения с этой версткой
Верстаны, где можно почитать, как правильно использовать svg?
Что значит скорее всего? Включи отображение скрытых файлов и проверь. Или зайди в папку с проектом из консоли (cmd) и набери git status.
Пацаны, бекенд девелопер на связи. Что я получу, купив
http://learn.javascript.ru/ebook
эти книги (за 900р)? Там будет jQuery?
http://learn.javascript.ru/ebook
эти книги (за 900р)? Там будет jQuery?
да, папка была скрыта.
Его книга на рутрекере есть. А по джиквери есть методичка антона швецова или как -то так, и вообще тонна материала в интернете
Ало, как мне вкатываться без инфы?
Так, чтобы залить ветку на гитхаб нужно сделать git push %remote_name% %branch_name% (либо просто git push, если remote_name = origin, а название ветки такое же как и у локальной).
А вообще, поддвачну я этого
Почитай книгу по гиту на git-scm.ru
Можно освоить гит за час. Но если решишь выделить 2 дня, то выучишь его досконально.
Ок, значит тебе нужно найти в интерфейсе этой еболы управление удаленными репозиториями. Скорее всего репозиторий гитхаба там называется origin. И сменить там ветку с master на gh-pages.
Алсо, можно на гитхабе можно вообще удалить ветку master и поставить gh-pages по умолчанию. Тогда (по идее, кхе-кхе) все должно пушиться сразу в нее.
>Его книга на рутрекере есть.
Обновлённая? Мне не жалко денег.
>А по джиквери есть методичка антона швецова или как -то так, и вообще тонна материала в интернете
Про материал в интернете я в курсе, но мне казалось, что он и тут будет. Как-никак, некоторая инфа по jQuery у него на самом сайте есть.
Видос продвинутого, допы к нему + там в чате громов кидал ссыку на статью чувака которая про вставку спрайтов. Можешь еще в бложек Громова заглянуть там тоже про свг спрайты
Ты чё вообще несёшь? Вы тут со своей вёрсткой совсем поехали?
git checkout -b gh-pages; git push;
или git remote -v (глянуть адрес своего репа)
git push %remote_name% gh-pages
И всё.
Нахуй тебе ее покупать если на сайте все есть?
Двачую
Есть читалка, могу закачать туда все книги и читать в пробке/на парах.
Только можно origin вместо remotename
А вдруг у него несколько удалённых репов. Я не только на сейчас, но и на будущее подсказал. А вообще, я бы ему советовал идти на git-scm.ru и учить команды гита.
Ну так то да. Можно еще быстренько на кодскул и кодкедеми, если там читать лень
>git-scm.ru
Точнее, git-scm.com
А, хз, так не пробовал. Да и читается там книга быстро. Воды вообще нет.
некропост, конечно, но блядь, эти мудаки только меняют картинки при скролле. просто мерседес сфотан дохуя раз по кругу, после чего это огромное количество картинок добавлено в слайдер. пиздец, маразм это.
олсо, как-то мне предлагали сделать подобное. просили сделать круговой стенд, на котором будет крутиться модель девушки, при клике на одежду которой будет показываться вся инфа об одежде, включая цену. заказчик хотел сделать это быстро и бесплатно. закономерно был послан нахуй, настолько же быстро и бесплатно.
не парься, учусь уже больше 2 лет, js за полгода только нормально усвоил, и то многое не могу. при том, что последние 8 месяцев сижу дома на жеппке, не вылезая из компа, задрочу верстку настолько часто, что во сне продумываю решение некоторых нюансов макета. один раз даже, проснувшись ночью, попытался объяснить своей собаке различие между display: block и display: inline-block. при всем этом до сих пор нормально не попытался влиться во flex-box'ы, но уже успел послать на хуй jquery, как бесполезную либу, пишу теперь на нативном.
не вкатывайся, ты тут на хуй никому не сдался, а учиться тебе придется минимум год, чтобы нормально верстать и получать деньги за верстку. ну и получать за верстку на фрилансе ты будешь примерно 1000-3000 за заказ, а это от 2 до 5 дней работы. + часто заказчики кидают, просят переделать, отменяют заказы и прочее + конкуренция пиздец высокая. короче, сейчас уже поздно в верстку вкатываться, слишком много технологий, много демпингующей школоты на фрилансе и выебистых беков в офисе.
все очень просто, радиобаттоны сделаны для форм, применение их вне форм невалидно. если ты этого не понимаешь или не хочешь понимать, лучше больше не верстать.
олсо, скрипт на радиокнопках может неправильно отображаться в старых браузерах. с js таких проблем нет.
ну и просто на css очень легко запутаться с таким-то каскадом. и id-шников на странице получится слишком много, когда они практически не нужны.
Ебать ты слоупок. Он рассчитан на месяц, с готовыми видео можно уложиться в 2-3 недели.
>учусь уже больше 2 лет
>до сих пор нормально не попытался влиться во flex-box
Боже, с какими даунами сижу в одном треде.
>уже успел послать на хуй jquery, как бесполезную либу
Проиграл с дауна. У jquery есть свои задачи, под них она подходит, под остальные не подходит. Это не значит, что она плохая.
В чём суть?
То, что пользователь выделяет курсором - становится чёрным? Этого легко делается на ЖС (объекты range и selection) и выглядеть должно неплохо. Не понял, зачем они каждое слово в отдельный спан завернули, правда.
ну, я уже успел поработать верстаком в паре студий, свалить оттуда и сейчас потихоньку фриланшу, подыскивая себе новую работку в дс. некоторое время писал на ангуляре, писал на jade, stylus, less, собирал всю эту муть галпом. юзал bem-tools и enb. ебался с вордпрессом и yii.
до сих пор учусь потому, что данная специальность, мань, подразумевает постоянное обучение ввиду быстрого развития веба в целом.
flex-box ебал в рот, потому что он нихуя нормально не поддерживается теми же ишачками. могу, конечно на нем строить сетки, но не вижу смысла ближайшие года 3.
и про jquery. нахера мне тянуть такую тяжелую библиотеку, если я могу подрубить shim, который легче, и писать на нативном js, благо, есть es5. jquery все быстрее уходит в небытие, ведь создавалась она для поддержки стареньких браузеров. а jquery ui вообще не нужна, с его возможностью справляется тот же bootstrap, да и самому достаточно просто написать на нативе.
удивляюсь таким унтеркам, как ты, вам лишь бы унизить кого-нибудь, попытавшись за его счет выставить себя в лучшем свете.
inb4: уймись, мелкобуквенный.
Флексбокс поддерживается начиная с IE 10. Зачем поддерживать старое говно, если заказчик специально этого не просит?
потому что практически всегда в проектах требуется поддержка IE 9, который до сих пор не сильно старое говно. это не только заскок моих работодателей, но и большинства студий ДС. а в мухосранях еще и IE 8 требуется поддерживать. ну и в IE поддержка частичная. никогда не знаешь, как себя в нем поведет флекс-бокс.
На моей памяти за ~8 месяцев, что я фрилансю верстальщиком и jquery разработчиком только 1 или 2 раза просили поддержку старых ослов. Я обычно спрашивал, могу ли применять флексы, показывал ссылку на caniuse и объяснял. Сходились с заказчиками на том, что могу, если контент на осле будет виден и доступен. Небольшой css файл с фоллбеками к простейшей блочной вёрстке, подключенный через условный комментарий в html решает проблему.
везет тебе, один мой заказчик даже требовал поддержку IE 7, пока я не объяснил, что никто не поддерживает IE 7, и это будет стоить ему дороже. сошлись на IE 8, пришлось уголки у закругленных кнопок вырезать. было это примерно полгода назад.
>flex-box ебал в рот, потому что он нихуя нормально не поддерживается теми же ишачками
> jquery все быстрее уходит в небытие, ведь создавалась она для поддержки стареньких браузеров
Лол.
ты с русскоязычными фриланс биржами работаешь что ли?
jquery - IE 8 и ниже. IE-8 уже не нужен.
flex-box неадекватно поддерживается даже IE 11, а в IE 9 и ниже уже не работает. IE 9 еще нужен.
да, fl.ru, к примеру. на upwork очкую переваливаться.
IE != Старенькие браузеры.
IE == сорта отборного говна.
Где тут был тред аннунака, который верстал крутые сайты/шаблоны в стиле true_flat_design? Нужен этот анон или кто так сможет, сразу скажу необходимо знание РНР будет.
Делать сайты/шаблоны (включая дизайн) != верстать сайты/шаблоны.
Какая наху разница в каком стиле дизайн ты просто сидишь и верстаешь.
И блядь вокруг просто дохуя людей которые это не понимают.
Даже иногда в описаниях по тегу верстка попадпется: разработать сайт компании, придумать уникальный дизайн...
ананасики, очень удивился, что есть интенсивы по html-academy, но нет интенсивов от кантора. решил исправить это упущение, ловите его курсы за 2015 год:
http://nnm-club.me/forum/viewtopic.php?t=974903
Это курсы того чувака ,который написал learn.javascript.ru и javascript.ru
йобаный в рот, как же этот пидорас мямлит, нихуя же непонятно
О, круто, а то я только за 2013 видел гдето
Кто-нибудь может достать учебные макеты по js у академии? Именно не готовые макеты
И что же там неадекватного в IE 10-11?
Где работаешь?
Не пизди, охуенно он в ИЕ 11 поддерживается. В ИЕ10 есть нюансы.
Почему ебаные микромягкие не могут зашить в свое старое говно модальное окно типо хватит сидеть на этом говне, нажмите эту кнопку и edge установится автоматом и станет по умолчанию.
Полная хуйня. Слепил на флексах дохуя сайтов, из всего этого списка столкнулся только с невозможностью задать флекс филдсету. Так что сходи нахуй. Ничего критичного или даже более менее влиятельного на рабочие процесс там нет.
Есть тут аноны, которые пользуются саблайм текст 3? Почему когда я пытаюсь найти какое-нибудь дополнение через пэйдж контроль он нихуя не находит?
Двач, нормальная ли зарплата в 125рублей/ час , работая верстальщиком в конторе, сам студент, второй курс
package control установи бля
он установлен еще с базового интенсива у меня. Я пишу туда "Sass build", он ничего не показывает. Пытаюсь еще что-нибудь найти и снова ничего.
Есть тут аноны, которые ставили синтаксис на сасс в саблайме? А то надоело писать в scss
все я разобрался.
ну я как-то на заводе 85 получал.
смотря какой город же. по сколько часов в неделю отрабатываешь?
Антоши, я не разбираюсь в тонкостях винды, но мне надо переустановить иешку, потому что она закрывается через секунд 20 после запуска и не хочет сбрасываться к начальным настройкам.
Однако есть вопрос, не слетит ли мне чего еще помимо ИЕ, если я его удалю, а затем установлю новую версию? Безопасно ли это? Не хотелось бы потом из-за критичных багов в реестре лишний раз страдать.
Однако есть вопрос, не слетит ли мне чего еще помимо ИЕ, если я его удалю, а затем установлю новую версию? Безопасно ли это? Не хотелось бы потом из-за критичных багов в реестре лишний раз страдать.
На диване может ты что-то и слепил, но на деле вряд ли.
90% багов в списке решаются заданием дополнительного правила или внесением минимальных изменений в хтмл.
Верстал CRM с охуиллиардом вложенных друг в друга флексбоксов, ни с чем из этого не сталкивался.
Работаю от 2 до 7 часов в день, в зависимости от занятости в вузике
> минимальных изменений в хтмл
Манька, плиз. Уверен, что ты там полную хуйню наверстал, с 100500 лишних флекс оберток.
Ну пока что я вижу только твое беспруфное кукареканье и "уверенность" в том что все вокруг долбоебы, один ты верстальщик от бога. На самом деле ты ужасно заблуждаешся.
мимо-ОП
>верстальщик от бога
Сорри, я этим говном не занимаюсь уже месяцев 6.
>беспруфное кукареканье
Я как раз таки пруфанул, что есть баги в ие11, а такие тупые пидорахи как ты, только и умеют, что с дивана выщать про тысячи сверстанных на флексах макетов. Нахуй идите, маньки.
>такие тупые пидорахи как ты
Сказала обезъяна, за 2 года не осилившая флексы и джс на рабочем уровне.
И кто здесь пидораха то, если ты дебил, до сих пор не додумался настроить рабочую систему фолбеков. Вместо того чтобы поддерживать новые фишки и двигать вперед веб ноешь о том, что в ИЕ 11 видите ли есть баги правящийся одной сторокой или отказом от применения одного из свойств, даже не целого свойства, а одного из его значений. Топ кек блять.
Сука, ну ты точно тупорылая свинья, тебя хоть рожей в говно ткни, всё равно не поймешь нихуя.
>за 2 года не осилившая флексы и джс на рабочем уровне.
Ебанашка, иди дальше верстай за копейки, лол, а я буду православным фронтом заниматься.
Чет я заебался с флексами. Я делаю на нем меню и возникает проблема выбора first-child и изменение паддингов маргинов. Они какого-то хуя всему списку присваиваются, а конкретному ребенку-нихуя. Список ul>li
разобрался, опять на хуйне попался. .main_header__navlist li:first-child a{} А до этого искал детей у ссылки.
Блядь нихуя не понятно откуда во флексах берется процент от родителя когда резину верстаешь. Вроде следующий блок делаешь, шапка процентная едет, ебал в рот.
если у тебя в контейнере, скажем, два блока, то нужно задавать процентную ширину обоим. иначе блок без процента при сужении может сплющить нахуй процентный. еще надо не забывать про штуки типа флекс-шринк и флекс-гроу, но тут уже надо смотреть по ситуации.
Это похуй, мне надо процентные паддинги и марджины между ними, они нихуя не от корня считаются. Флексы заебись, но порой делать их геморойнее, чем классические флоаты.
странно. маргины вертикальные штоле? если вертикальные, то их у флекс-айтемов не предусмотрено, лол.
горизонтальные. Там как бы ряд li, а в каждой li-a, <a> это флекс с вертикальным центр выравниванием. И вот тут какое-то мясо пиздец. Надо задать отступы между li в %, а он их считает от них самих, а они разной ширины. Анал какой-то
BAMP ответьте анончики
В макдоналдсе такая же в моем мухосранске.
ты не самим этим <a> отступы задаешь, лол? пили песочницу штоле.
что за игорь/фильм на пике?
Кстати, поясните за флекс-гроу и флекс-шринк, раз уж пошла речь. И за флекс-базис тоже.
http://codepen.io/anon/pen/XXLxYP
только прощелкай правой по элементам, а то отступы вообще не появляются, хах, лол. Кароче паддинг по бокам 10%, в инспекторе в пересчете на px получается какое-то неведомое говно в вакуме.
ну правильно, 10% паддинга у ссылки считаются от лишки, т. е. от непосредственного родителя. а ты от чего думал они должны считаться? от списка штоле?
Спасибо, анончик.
А там как, более подробно рассказано, чем в учебнике? Есть смысл смотреть после него?
Ещё было бы круто его курс по ангуляру, тогда было бы вообще всё шоколаде.
Какой такой лишки? Так же непонятно почему ширина <a> меньше чем контент внутри, там последняя буква вообще на паддинг залазит, хотя ничего не ужимает эти блоки.
лишка - тег li.
ебать ты долбоеб... тебе совсем разные разные аноны пишут
Пиздец, за два года выучить флексы нормально не можете, ебантяи
ага, понял, спс. Только вот это крайне хуево, что у непосредственного родителя % берется. Мне надо отступы в% относительно ширины всей страницы, а тут они завязаны на ширине контента( a>li)
первый день учу, лол.
>до сих пор не додумался настроить рабочую систему фолбеков
ну долбоеб. то есть, я теперь должен тянуть дополнительные стили, чтобы в IE тоже все норм было, только ради flex-box'ов? не проще ли сразу верстать так, чтобы нихуя не ломалось, вместо того, чтобы костылить под IE?
ну извините бля, это тебе не rem.
попробуй тогда погугли про vw и vh, может, сработает как надо, если тебе прямо горит здесь заюзать процент.
А я напоминаю, что местные аноны кладут хуй на IE, двач выращивает говноспециалистов, которые не проверяют свою верстку нигде кроме хрома!
а кстати, и rem работает, хули это я.
В этом весь прогресс чувак. Всегда будут появляться новые фишки, которые поддерживаются далеко не везде, вернее, поначалу почти негде. А долг разработчиков их тестить и внедрять, чтобы создатели могли внести правки, доработать свое детище и т.д. Только так и делается прогресс. Те фишки которые разработчики не поддерживают так и не реализуют в полной мере, о них просто забывают, тимы разработчиков на браузерной стороне видят что поддержка хуевая и тоже не реализовывают ее. Вот и все.
Если бы разработчики постоянно забивали на новые штуки потому что у них видители поддержка хуевая, то мы бы до сих пор нарезали картинки за закругления углов.
ты неправильно мыслишь. тот же border-radius внедрили потому, что ВСЕ нарезали картинки для закругления углов, а не потому, что все его использовали.
исходя из твоей точки зрения, можно положить болт на определенный процент пользователей только из-за того, что они используют браузер, который не устраивает тебя, ведь в нем не поддерживается свойство, без которого можно прекрасно верстать, не используя фоллбеки.
такое отношение к пользователю - прямой путь в говноверстальщики, так как настоящий профессионал всегда проверяет свои сайты в различных браузерах и верстает так, чтобы его верстка нигде не ломалась. таких же анонов, которым похуй на сотни тысяч пользователей, которые остались без возможного доступа к их сайту из-за проблем верстки, не возьмут в приличную компанию на должность верстальщика. ведь никому не нужны говнари, которые требуют, чтобы все подстраивались под них. всем нужны профессионалы.
Не веришь мне, пойди да пересмотри интенсив от хтмл академи. Если не ошибаюсь лекцию Симоненка. Он там как раз про это поясняет.
>всем нужны профессионалы
Профессионалы как раз стараются внедрять в свое проекты что-то новое и вовсю следят за новинками. Не боятся писать фоллбеки, внедрять полифилы, етц.
Тот же подход Progressive Enhancement, так сильно щас популярный, что предполагает? А он предполагает, что сначала делаем охуенно с нормальными браузерами, потом фолбечим на старье до уровня требуемой поддержки. Все что ниже, если оговорено с заказчиком, оставляем как есть либо доделываем до хоть какого-то уровня, но не более того.
>Тот же подход Progressive Enhancement, так сильно щас популярный, что предполагает? А он предполагает, что сначала делаем охуенно с нормальными браузерами, потом фолбечим на старье до уровня требуемой поддержки
Чет больше на graceful degradation похоже.
Да он тупой даун, наслышался умных слов и с дивана вещает.
Начнем с того, что верстать на флоатах в раза 2 дольше и раза в 3 геморойней. Особенно в плане адаптивности. Про дальнейшую поддержку вообще молчу.
Я своим заказчикам, когда всю эту ерунду обсуждаем, сразу говорю, что мол, с ИЕ 10+ одна цена. Нужны ослики постарше - другая, ощутимо выше. Опять же, если сойдемся на всяких костылях - тогда немного дешевле.
Тут еще во какая хуйня есть. Заказчик, он ведь этот сайт держит постоянно. Ему надо его поддерживать в дальнейшем, модернизировать, расширять. Через год те же флексы станут вообще мастхев. У них щас то поддержка на уровне 95%, дальше - больше.
И что ему делать тогда? Захочет внедрить новые ништяки или перейти на новые техи - извольте, надо жестко рефакторить код, а по сути, здоровый такой кусок тупо переписывать. Это стоит денег, времени уходит много... Не захочет - будет переплачивать школьникам, потому что каждая ебучая фича типа вертикальной центровки - это гемор, а на флексах она делается в три строчки.
мимо
Не соглашусь. В некоторых ситуациях флоатами все сделать можно гораздо быстрее и проще, особенно если адаптивное перестроение не сложное. Я к тому, что надо всегда смотреть по ситуации, и не пытаться выебываться засовывая флекс в каждую дырку.
>верстать на флоатах в раза 2 дольше и раза в 3 геморойней
Это не так. Ими верстать очень просто и адаптивность с флоатной сеткой делать тоже просто.
Пример, пожалуйста.
Флоат изобретен для обтекания картинок текстом и должен использоваться для этого.
Ну должен, и что теперь, под ишака таблицами верстать?
Ну так сложно прикинуть, что бы я не написал, ты опровергнешь, ибо это можно сделать и на флексе, но мне удобнее зачастую заюзать флоат, как раз в ситуации похожей на обтекание. Особенно когда колонки всего две допустим. Я конечно допускаю, что мой уровень флексов не идеален, и в дальнейшем я возможно буду сам себя шкварить, но порой с этими течениями влом замарачиваться.
Окей, давайте поиграем с вами в игру.
Вот есть простенькая разметочка фичерс блока на три колоночки. Адаптивная. Я слепил ее на флексах особо не задумываясь.
http://codepen.io/Ykro314/pen/JGQxNm
Реализуйте то же самое поведение на флоатах. Затем глянем, что удобнее, где меньше кода, что проще в будущем поддерживать ...
>что бы я не написал, ты опровергнешь, ибо это можно сделать и на флексе
Именно.
отклеилось
На флексах нельзя флекс-айтему задать вертикальный отступ в процентах. Иногда нужная вещь.
ну на, на расчет процентов можешь не смотреть, препроц по формулам считать будет.
http://codepen.io/anon/pen/LGKqdv
итого на 1 строку меньше при той же архитектуре.
Я же просил реализовать поведение бро, на флоатах.
Флоатов я там не увидел.
Зато увидел отсутствие адаптива на разрешениях ниже примено 450px.
А еще там отчего-то есть горизонтальный скролл, видимо конфликтует ширина и марджины последнего элемента.
я на скорую руку примерно наебашил, я ниче против флексов не имею, просто варианты есть всегда. А на счет 450 просто дописать одно медиа еще.
Можно, просто проценты будут браться по направлению flex-direction. Но ты и в нормальном css не сделаешь без хаков, чтобы высота бралась как процент от ширины.
Сиранул с горизонтального скролла
Ничего против не имею. Тут просто речь зашла об удобстве.
В нем и фишка флексов. Вместо того чтобы писать лишние правила, медиавыражения, лишнюю разметку, распорки какие-то, берем несколько свойств, предельно понятных и делаем красивый лаконичный адаптивный дизайн.
>Можно
Бля, покажи штоле.
https://jsfiddle.net/hjz0ob6h/1/
Хочу тут маргин-боттом в процентах, а в лисе хуиньки.
li:last-child {
width: 98%;
Скролл из-за превышения 100%, чего завопили то, лол
Ого, интересное поведение. Беглый гуглинг показал, что лиса ведет себя правильно, а в вебките баг: http://stackoverflow.com/questions/26980916/firefox-ignores-vertical-margins-on-flex-items-children-of-a-flexbox-unless-ex
>интересное поведение
Лол, интересно, охуеть.
Рад, что пошатнул твои мировоззренческие устои относительно флексов.
>лиса ведет себя правильно, а в вебките баг
хромобляди в очередной раз соснули
лол, а сколько кукарекали про флексы
вообще реально ли иммигрировать в западную страну , верстальщику?
Только сеньор фронтендеру, лет 5 опыта минимум.
короче надо быть ахуенным фронт ендером?)
Посмотри разделы jobs / careers на сайтах amazon, google, uber, microsoft, airbnb, booking, apple, facebook, linkedin и так далее. Под требования подходишь — можешь отправлять заявку и попасть на собеседование.
Знание бутстрапа, ксс3, хтмл и джс. Охуеть требования
Пилите перекат.
Сап, двач, я тян. В общем в моём мухосранске есть только одна "веб-студия". Я хочу туда попасть как верстальщик. Так вот туда никто пока не нужен, но думаю написать им мол возьмите на стажировку или обучение. Как это дело обставить? Как напроситься к ним?
Бери и пиши.
тебя не возьмут
Откуда такая уверенность?
никому не нужен зеленый стажер, который будет верстать как попало и требовать за это деньги. тем более, туда пока никто не нужен.
мимо
Ну ты же тян, иди дизайнером. Тем более что девочка-дизайнер с представлением верстки это гуд -не будет всякую дичь малевать трудноверстабельную, нормально организовывать psd-шник, векторизировать и предоставлять графику (где это нужно), если адаптив-респонсив до делать 3 версии макета, а не блядь только для десктопа.... Короче будет почет и уважение, как минимум от технолога
Писать "Я знаю что вам никто не требуется, но есть ли возможность пройти стажировку/практику у вас? Я хуй 24летний, опыта нет, многого не знаю, но готов впитывать как губка." А что говорить на счет денег? Мне много не надо, но и нахуй я там такой нужен - меня учат, еще и платят.
Потому что я спрашиваю советов на двачике?
Я не тян, это же устойчивое выражение просто.
асечку-писечку!
Здравсвуйте.
Прошу Вас рассмотреть мою кандидатуру в Вашей компании на вакансию ________.
Резюме: ________________________
Примеры работ и кода.
GitHub: ______________________
Буду также признателен, если Вы сохраните мое резюме на случай появления новых вакансий.
Спасибо.
>это же устойчивое выражение просто.
Что-то новенькое
>Мне много не надо, но и нахуй я там такой нужен - меня учат, еще и платят.
вот поэтому ты там в хуй никому не уперся. можешь попроситься на неоплачиваемую стажировку, тогда есть шанс, что возьмут, хоть и очень низкий, никому не нужен новичок, на которого приходится тратить время.
>это же устойчивое выражение просто.
Что-то новенькое
этому 2 чаю. даже сохраню шаблон.
Флексы норм, в w3c просто пидорасы сидят.
А как раньше без флексов верстали, м?
Ну ахуеть, один узкий юзкейс в пользу применения чего-то отличного от флексов, да и то только в крайних случаях, и более чем дохуя кейсов для использования флексов.
Хмммм... Вот я даже не знаю, стоит ли их юзать. Ведь я не смогу задать вертикальный марджин в процентах, а это ведь куда вежнее всех тех плюшек что он дает.
ну охуеть, на официальной постоянной работе в студии тебя тот же тестировщик потом так выебет за то, что в IE плохо рендерится верстка или ломается что-нибудь в Chrome, что ты про эти флекс-боксы на ближайший год забудешь, еще и сидеть полгода не сможешь.
В студии, если это конечно это студия с профессионалами, а не ваньками верстающими сайтики торгашам с местного рынка, всегда сначала обсуждают допустимые технологии, поддержку, фичи, пути реализации, архитектуру и т.д. и только потом приступают к работе.
Имиджбордеры, а зачем в >2015-2016, в академии учат верстать в пикселях? Я имею в виду, почему сразу ааптив не надрачивать и задание размера в процентах?
Вот сейчавс базовый прохожу и думаю о том, чтобы преимущественно в процентах задавать размеры, разве не?
Вот сейчавс базовый прохожу и думаю о том, чтобы преимущественно в процентах задавать размеры, разве не?
Если не особо социофоб, то попробуй зайди туда, попизди с местными, скажи так мол и так, довайти вам за яду поработаю, потом денег будете платить много.
Думаю потому что он сложнее для восприятия, да и фиксированная еще не отжила своё. Еще долго всё это будет.
на двух интенсивах можно срубить больше бабла с ололокающих ебанашек.
зря так о себе
Слишком слоожннаа, сложна бляять
Ты же понимаешь, что пиксели на мобильных устройствах не имеет ничего общего с физическими пикселями?
Задавать все отступы в процентах супернеудобно. У тебя паддинг на кнопке будет зависеть от того, что на ней написано. Поддерживать равные отступы в разных контейнерах очень частый кейс.
Паддинг от ширины родителя будет зависеть, конечно.
Как правильно назвать репозиторий на гитхабе для другого сайта если OP.github.io уже занят, а создание OP.github.io/dva не прокатывает.
Попробовал я ваш LESS. Ебать анальное рабство. Штука конечно местами удобная, но блять с ним у меня гораздо медленнее происходит дело. Возможно потому что не умею толком пользоваться и дело привычки.
У меня вообще почти один в один в css выходит. Чуть вложенность и переменных штук 5, всё!
Что значит не занят? Сайт должен называться username.github.io, где username это твое имя, а не чье-то еще. И что значит не прокатывает? Заливаешь в gh-pages и все прокатывает.
>не занят
занят
Ты просто еще не познал всю прелесть вложений, импортов, амперсенда и прочих крутых штук. А ведь это только основы.
погоди, есть у меня локальный репозит. Мне его просто git push gh-pages сувать? Там ветку не надо переключать?
Возможно, я понимаю что это круто. Просто наверное нужно время, в голове начинает образовываться каша.
git push origin gh-pages
origin — название удаленного репозитория по умолчанию.
бля это все понятно. Непонятен принцип. Я вот толкаю, а там хуй тебе, ошибка. Принцип какой. Надо создать локальный репозит или можно толкать уже подцепленный к удаленному репозиту? где фигурирует название проекта, если все толкается тупо на гх-пэйдж. гх-пэйдж это что за репозит? Он автоматом создан и не отображается на сайте в репозитах?
>Я вот толкаю, а там хуй тебе, ошибка
Какая?
>Надо создать локальный репозит или можно толкать уже подцепленный к удаленному репозиту?
ЧТОА? Не надо создавать новых репозиториев, если уже есть подцепленный. Нужно создать новую ветку gh-pages в том же репозитории. Ветка по умолчанию называется master.
>где фигурирует название проекта, если все толкается тупо на гх-пэйдж
Название репозитория на гитхабе и есть название проекта.
>гх-пэйдж это что за репозит
Это ветка, которая может быть создана в любом репозитории на гитхабе.
Какая?
>Надо создать локальный репозит или можно толкать уже подцепленный к удаленному репозиту?
ЧТОА? Не надо создавать новых репозиториев, если уже есть подцепленный. Нужно создать новую ветку gh-pages в том же репозитории. Ветка по умолчанию называется master.
>где фигурирует название проекта, если все толкается тупо на гх-пэйдж
Название репозитория на гитхабе и есть название проекта.
>гх-пэйдж это что за репозит
Это ветка, которая может быть создана в любом репозитории на гитхабе.
Блядь у них главный манул сделан как-будто специально, чтоб никто не понял как несколько страниц публиковать. Спасибо анон.
Блядь, поясните мне за интерфейсы, че за хуйня? Я вообще нихуя не понял, веб интерфейс, любовь к интерфейсам в резюме, каждый этап - интерфейс, в чем суть?
ну для фронтендера разработка UI обычная работа. Ну чтоб понмал какие кнопочки за какой функционал отвечали, чтоб все было интуитивно понятно и тд
Если ты ньюфаг, то тут тебе будут рады. Но только в том случае, если ты, перед тем как что-то спросить, погуглишь хотя бы минут 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
Прошлый тред