Это копия, сохраненная 23 февраля 2016 года.
Скачать тред: только с превью, с превью и прикрепленными файлами.
Второй вариант может долго скачиваться. Файлы будут только в живых или недавно утонувших тредах. Подробнее
Если вам полезен архив М.Двача, пожертвуйте на оплату сервера.
Если ты ньюфаг, то тут тебе будут рады. Но только в том случае, если ты, перед тем как что-то спросить, погуглишь хотя бы минут 5. В противном случае будешь послан нахуй, и абсолютно заслужено. Совершенно идиотские вопросы, нытье и прочее - аналогично. Не говорите, что мы не предупреждали.
Заранее предупреждаем, времена, когда можно было сверстать две фиксированных странички и завалиться в хардкорный фронт-енд давно прошли. Нет, работу конечно найти можно будет. Позиция называется 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
Макеты для верстки, тоже от академии. Все из их рассылки, поэтому лучше бы тебе на нее подписаться. Ребята вываливают кучу годноты, хоть и относительно редко.
https://mega.nz/#!CtYGSCbB!3Y6fDxxL_N_LstGFPGjHrhXbIoNqk4BzmNjjEmk2jPc
===========================
Официальное обращение к тем, кто выкладывает свой говнокод в архивах и файлообменниках:
>Идите нахуй.
или
>Используйте блять cssdesk или jsfiddle или даже jsbin. Делать тут нам больше нехуй, кроме как выкачивать css
То же касается умников со скриншотами. Если запили скрин и желаете получить внятный ответ – показывайте и код, а лучше оформите все в песочнице. В противном случае не жалуйтесь на реакцю.
======================
Все основная инфа и материалы здесь:
Обновленная паста - http://pastebin.com/ytWW0UfU
Старая паста если кому вдруг понадобится - http://pastebin.com/tvvwC7uz
Прошлый тред >>415040 (OP)
Есть блок обратной связи с формой, на всю высоту экрана и шириной 430 пикселей, который изначально скрыт.
Когда нажимаешь на кнопку "обратная связь", блок обратной связи выезжает слева сдвигая основной контейнер в право за экран.
Как бы кто такое сверстал?
Тоже сижу, если не постоянно, то время от времени. Отвечаю мало, потому что 95% вопросов задают полные ньюфаги. Знаю что не очень правильно, но щито поделать. Такой вот я.
Пояснять лень, да и устал уже.
Вот здесь парень что-то похожее делает.
https://www.youtube.com/watch?v=_RPFalOGOJU&index=5&list=PLLnpHn493BHGrSO0lNO-3SNuuoPuJrA1o
Not your personal google.
Курс «Рамки и фоны, часть 2» / Испытание: ювелирная работа
Кекстаграм: Эпилог. JavaScript / Испытание: игровые фишки
Да ну чего ты. Никакого неуважения к ньюфаням у меня нет. Сам таким же был в начале осени. Просто неинтересно отвечать в сотый раз про то как делать меню на нердсе. Отвечаю только если вижу что никто не откликнулся, а так тут и без меня неплохо справляются. Что радует, если честно.
Думаю надо было сделать второй слайдер через owl, но не уверен в том, что это правильно делать два слайдера по разному.
>>432993
скорее пустая трата денег, когда можно прочитать все или посмотреть в гугле.
Оп-хуй, ты зачем для Джаваскрипт нарисовал значок Джава? Ты знаешь, что это два разных языка?
Потому и не ответили что ты по дебильному его задал. Я тебе экстрасенс что ли блять?
Конечно не знаю.
первый пошел
пофиг на слайдеры эти. Лучше помоги с этим http://codepen.io/anon/pen/BjRgrV . Что я пишу не так? При уменьшение экрана картинки не становятся меньше, а выходят за границы контейнера. Задавал уже этот вопрос в прошлом треде, но так и не помогли. Уже второй день не понимаю, что не так. Нашел кучу подобных макетов, но там все работает хорошо, а у меня хуй.
Ты там что-то с путями напутал, потому что у меня картинки вообще не отображаются.
я вообще не знаю, как картинки должны отображаться на этом сайте. Их там надо как-то загружать?
У картинок добавь класс img-responsive. Удали ширину и высоту у правого и левого блока
http://codepen.io/anon/pen/zrwgKN
оооо "img-responsive" это бутстраповский класс для картинок? Знал бы его раньше неебался бы уже второй день с ними. Видать я не тот сайт бутстрапа листаю. Спасибо.
Кеканул, и где тут проблема верстальщика?
Очевидно же, что слова "Evernote" не должно быть там, либо просто дизайнер проебался.
проиграно
подскажи почему не меняется цвет прозрачности?
Так же почему не получается сделать, чтобы вовремя наведения мышки появлялся +, как на скрине. http://codepen.io/anon/pen/EPXKMM?editors=110
scss?
https://codepen.io/anon/pen/mVwOQP?editors=110
Сделал, но с небольшими косяками. Сейчас некогда править. Если есть желание разобрать по частям тобою написанное, то вечером вернусь. Обрати внимание, что я добавил в html блок mask.
300 рублей охуеть какие деньги большие.
жду
> верстка
> проект размещен 17:40
> 1000000 откликов
Какого хуя на кэнайюз написано что да, а у меня не работает нехера. Анус пылает.
лолблядь, особенно спун, что это за хуйня вообще.
А главный сайт весь такой прямо пиздатый анимированый
Перхоть.
Почему у меня не срабатывает селектор?
.catalog-item:hover + .catalog-item-inner {
display: block;
}
Тут. Окончательный вариант:
https://codepen.io/anon/pen/obwdrP?editors=110
>подскажи почему не меняется цвет прозрачности?
>Так же почему не получается сделать, чтобы вовремя наведения мышки появлялся +, как на скрине.
Картинке с ховером ты задаешь свойство content — неправильно. Content задаётся элементам с псевдоклассами :before и :after.
Картинке, при наведении, ты придал значение прозрачности 0.4 и зелёный бэкграунд, но бэк у изображения не будет видимым. Просто прими как должное. Твою логику понимаю и сам накалывался на этом, но, видимо, это недоработки в спецификации css.
Объяснил хуёво, но как могу.
нормально объяснил мне. Все супер. Спасибо.
Я так понимаю с css у меня проблемы жесткие. Думаю главная ошибка в нём это редкая практика по таким задачам. Гуглил и находил кучу всяких способов сделать это, но было очень геморно. Твой способ очень простой. Буду изучать его.
У тебя случайно не было когда-нибудь проблем со слайдером-карусель? Типа если уменьшаешь экран, то картинка слайда уменьшается как нужно, а вот текст уходит вверх и в итоге исчезает. Мне сказали типа позиционирование не так как надо, но я нашел кучу сайтов сделанные через бутстрап, и посмотрел какие там слайдеры. У них все норм, и не отличаются ничем посути.
Так же ты не тот анон, который устроился на работу версталой или я путаю?
> Думаю главная ошибка в нём это редкая практика по таким задачам.
Верно.
Пример со слайдером вкинь, разберемся.
>Так же ты не тот анон, который устроился на работу версталой или я путаю?
Нет, не он.
У тебя какой уровень подготовки? По чему учился, какой уровень практики? Верстал уже что-то отдельное? Интенсивы курил?
Скорее всего ты просто не по тому алгоритму пошел, либо на каком-то пункте жестко проебался в плане теории.
Ну и практика необходима ессно, куда ж без нее.
Ну смотри, у инпута бекграунд серый, а нужно, чтобы когда в него написал что-то, он стал белый.
Я там попытался разные варианты, но что-то не то, хотя мне по прежнему кажется, что через val() нужно.
>У тебя какой уровень подготовки?
А как мне узнать какой у меня уровень подготовки?
>По чему учился, какой уровень практики?
Прошел хтмл академию, смотрю различные ролики за 2015 год(не старше 1 года, так как ссыкую, что там может уже устаревшая инфа быть).
>Верстал уже что-то отдельное?
Сверстал в общей сложности макетов штук 5, а может 6. Точно не скажу. Отдельное ты имеешь в виду, что-то из архива академии?
>Интенсивы курил?
Интенсивы курил.
Согласен. Моя слабость css, и то что я начинаю забывать что-то во время верстки макета(думаю у многих так было). Особенно всякие position и display, так же ховер в котором помогал добрый анон. Никак не могу запомнить их принцип работы. Начал пытаться освоить бутстрап, но вроде сейчас более менее понимать его начал.
В остальном мне помогает инструмент разработчика. Если что-то не понимаю, то делаю сначала в нем все, а потом уже полученное кидаю в редактор.
Хотел что-то еще написать, но забыл.
Так проще всего наверное
var input = document.querySelector( ".back" );
input.oninput = function() {
if( input.value ) {
input.style.background = "white";
}
else {
input.style.background = "";
}
}
Ох блять, хуйню спорол.
Держи короче.
https://jsbin.com/lezeqam/10/edit?html,css,js,console,output
Смотри, а если четыре инпута, работает только на первом
https://jsbin.com/gemekozufi/1/edit?html,css,js,console,output
Это не джиквери друг, это чистый джс. На нем если инпута четыре, надо собирать их всех в массив через querySelectorAll, а затем вешать обработчик через делегирование, ну или циклом пройтись.
Если интересно, могу дописать скрипт. Если нет, то лучше возвращайся к джиквери. Там вроде все попроще будет, в детали лезть не надо.
в скрипт еще строку добавить надо, чтобы он в самом начале если задано value для инпута менял фон. А так норм
мимоанон
>>434606
Там все вроде проще. В методах джиквери, насколько я знаю, циклы уже интегрированы.
Но написать не могу, извини. Синтаксис джиквери вообще не знаю. За все время обучения работал с ним чуть меньше получаса. Только пьюр джс, только хардкор.
А вот когда нативный подтяну до нормального уровня, тогда и за фреймворки примусь. А то учить сходу фреймворк, как по мне, тугая практика.
Портишь восприятие языка, нихуя не понимаешь что внутри творится, только функции цепочкой вызываешь. Программист уровня б получается.
Ясно.
С чего начинал учить ЖС? Чем продолжил? Книги помогают в этом плане?
Я проходил кодакадемию и повторял выскакивающий попап из барбершопа. Но вот к примеру что-то вот такое попалось, и я уже соснул на чистом
Согласен, правда одной строкой не получилось.
>>434602
Держи, если надо, доработанный
https://jsbin.com/zayohu/edit?html,js,console,output
Вообще начинал с eloquent javascript, но она слишком неудобна для новичка. Потом пересел на Кантора для ньюфага, ИМХО, мастхев. С тех пор его курю, щас как раз вторую часть учебника оканчиваю.
Насчет книг - думаю да. Я вообще люблю по книгам учить технологии. Ну или по чему-то, структурированному приблизительно как книги. В них информация изложена последовательно. Автор ставит себе намерение раскрыть перед тобой рассматриваемую тему и концентрируется только на ней. Хочешь не хочешь, а понимание описанного предмета получишь.
Ну и практика ессно. В программировании именно она решает.
О каких браузерах вообще речь идет? ИЕ8- чтоль?
Да забей на них вообще. Требование поддерживать динозавров встречается редко. Ну разве что ты работаешь в конторе с каким-то монструозным приложением и огромной историей. Но до того момента, уж поверь, разберешся.
Ок. Тогда другой вопрос, бокс шадоу нельзя что-ли процентно офсетить? Ну типа сделал её внутренней и сдвинул на 100% и она как бэкгр колор стала.
А, лол, я только сейчас понял что из себя представляет внутренняя тень.
Точно не могу сказать, но видимо напутал с путями к файлу шрифта.
Вот такая запись
src: url('bebasneue_regular-webfont.ttf')
означает что файл шрифта находится в корневой папке проекта.
А, ну и я надеюсь ты понимаешь, что затем шрифт надо подключить в боди или любом другом элементе через свойство font-family.
Странно, но все пишут так.
Лично у меня с этим траблы. На оси стоит одна ИЕшка 11ая, и та глючная. Со скачиванием другой начинаются майкрософтопроблемы уровня, удали старую версию, почисть пк от вирусов/реестра/временных файлов/микробов/неба/аллаха, отмой процессор с мылом, помолись сатане етц.
Короче полный пиздец. А в итоге у меня на ПК все равно будет какая-то одна версия ослика, пусть и полностью рабочая.
Как это дело упростить и иметь возможность хотя бы приблизительно оценить ситуацию в ИЕ 9-11?
> С одного-двух месяцев до 4+
Окей, а это начиная с какого уровня знаний?
С чего начать человеку, котрый вообще в этом не понимает? Есть много времени, свободного от основной работы, да и голова на месте. Решил попробовать, да не знаю с чего начать.
>Все основная инфа и материалы здесь:
>Обновленная паста - >http://pastebin.com/ytWW0UfU
что тебе здесь непонятно-то? По шагам же расписано. Ну прочти еще раз. Если все равно не поймешь - тогда это не твое.
Качаешь базовый интенсив- смотришь, вникаешь, параллельно проходишь курсы доступные на htmlacademy. Все, что необходимо для начала там есть.
мне тут подскажет кто-нибудь, как выполнить?
Базовый JS интенсив
https://yadi.sk/d/3 3-a4VF_m f4Ys
Пробелы убираем.
Только программу просмотрел. По моему очень хорошо. Качество подачи на уровне. Академия в этом плане, похоже, лучшая в рунете.
Слышь, вот сюда послушай. Слышишь? Ты красавчик!
Популярность, на счет зарплат есть только суммарно по технологиям. И вообще кому интересно можете посмотреть тут http://stackoverflow.com/research/developer-survey-2015#profile-experience
Там дохуя интересного.
самый жир отпал
У меня такая разметка
<td>
<span class="sit-in-the-corner">
13
</span>
Текст-Текст<br/>
Текст-Текст
</td>
sit-in-the-corner {
float: left;
margin-left: 5px;
margin-top: -15px;
}
table td {
vertical-align: middle;
text-align: center;
}
Как сделать чтобы флоат числа которое в верхнем левом углу не спихивало строку которая находится в ячейчке таблицы
Перезалей на кодепен, разберись с лапшой в html, объясни нормально задачу.
Проще всего в таком случае позиционировать спан абсолютно, чем пердолиться с флоатами, к тому же в таблицах они себя ведут "не очень". Ну и пару моментов у тебя совершенно неочевидных.
Нахуя прописывать такой чудовищный lh? Зачем импортант на заголовке и т.д?
Переписывай.
Ах да, в нагрузку, именовать классы так нельзя.
Они не могут быть оформительскими. Если это день месяца, то так и напиши.
http://codepen.io/anon/pen/GovwON
> разберись с лапшой в html, объясни нормально задачу.
Разметке генерируется на стороне сервера, но там ничего такого нету
Нужно отобразить календарь с некоторым содержимым
Выводятся td в цикле
Если есть содержимое то спану с числом приписывается один класс
Если нету то другой
Если нету как видишь все как нужно отображается, если есть то сдвигает в бок содержимое
> Проще всего в таком случае позиционировать спан абсолютно,
Я плохо разбираюсь в html, но разве абсолютное позиционирование будет работать для разных разрешений? Как можно 30 спанов расположить чтобы они всюду были в верхнем левом углу клетки?
> Зачем импортант на заголовке
Там 2 имортанта
Если их убрать то надписи не будут центрироваться посредине клетки, это похоже что-то в бутстрапе переопределяет.
> Ах да, в нагрузку, именовать классы так нельзя.
Переименовал
http://codepen.io/Ykro314/pen/OMjaBx?editors=110
>Я плохо разбираюсь в html, но разве абсолютное позиционирование будет работать для разных разрешений?
Будет
>Как можно 30 спанов расположить чтобы они всюду были в верхнем левом углу клетки?
За счет комбинирования position:relative у родителя и absolute у наследника.
>Переименовал
Лучше но все равно не идеально. При именовании классов, равно как и при объявлении переменных рекомендуется использовать один из стилей
Либо camelCase то есть dayOfMonthEmpty
Либо использование дефиса/нижнего подчеркивания в качестве разделителя.
Это скорее мера предосторожности, предотвращает заползание текста на дату или критическое сближение с ней на любом разрешении. Она необзятальна, можешь убрать.
А импортант там стоит потому что у ячейки, если судить по инструментам разработчика, из-за бутстрапа какое-то дичайшее переопределение свойств с наследованием в 5 уровней, без гемороя по-другому его не переопределить. Короче полный пиздец, именно поэтому я бутстрап и не использую.
Спасибо
Только так и можно.
ссыль то нерабочая
Как вы оцениваете такой шаблон? Сложный или простой? Для портфолио подойдет?
Хорошо, а как это примерно выглядит? Хоть бы в псевдокоде, а то я вообще не могу представить что происходит после того как получили данные из БД.
[code]
var r = select * from items ->
var html = ''
foreach item in items {
parse(item, parsed);
html+= "<h1>" + parsed[0] + "</h1><br>"
+ "<img src=\"" + parsed[1] + "\">"
+ "Цена: " + parsed[2];
}
[/code]
Что-то подобное?
Понятия не имею. Может кто-то из знающих напишет. А вообще может в гугле или на ютубе по запросу "получение данных из базы данных с помощью пхп" что нибудь есть кратенькое
Ничего не понял, но возможно это тебе поможет? input[name="name-input1"], input[name="name-input2"]
Ты все правильно понял, но у меня так не срабатывает.
Обосрамся. Ты все правильно написал. Спасибо.
Я синтаксис пхп не знаю вообще, но конкретно в этом коде вижу создание элемента циклом из массива.
Да это я сам от балды написал, не уверен что там от настоящего пхп что-то есть.
Потому что учат тут JS. А верстку до этого нужно знать по дефолту.
Имея достаточно практики их макеты можно верстать на глаз. Я собственно, этим и займусь. А вместо сайта с их проектом придумаю какой-то свой, с похожим функционалом. Уже даже пару идеек имеется.
ну ебать. Мне сверстать сайт тоже не проблема, но вот хотелось бы макет про мага достать. Уж очень понравился.
я спрашивал про заголовок и кнопку. Со стороны семантики это будет правильно, если я в дивы их раскидаю, и задам левый и правый флоат?
тут как бы нихуя не список, чтобы логически оправдано юзать ulli, блоками и делай.
а места где должны быть фотографии, я так понимаю должен вырезать как есть, а потом задавать ховер при наведение, чтобы появлялся глаз с подписью детали?
Сап, двач, это очередной ЕОТ (есть одна таблица) вопрос.
В каждой ячейке текст должен располагаться в три уровня:
Первый - в верхнем правом углу, небольшого размера
Второй - по центру, большого размера
Третий - под вторым, небольшого размера
У меня получилось сделать только два уровня :(
HTML
<td class=qwerty>Второй<p>Третий</p></td>
CSS
.qwerty {
font-size: 200%;
text-align: center;
}
p {
font-size: 50%;
text-align: bottom;
line-height: 1px;
Еще пробовал второй параграф вставлять перед основным текстом и задавать ему класс, но почему-то не робит
HTML
<td class=qwerty><p class=epta></p>Второй<p>Третий</p></td>*
Сап, двач, это очередной ЕОТ (есть одна таблица) вопрос.
В каждой ячейке текст должен располагаться в три уровня:
Первый - в верхнем правом углу, небольшого размера
Второй - по центру, большого размера
Третий - под вторым, небольшого размера
У меня получилось сделать только два уровня :(
HTML
<td class=qwerty>Второй<p>Третий</p></td>
CSS
.qwerty {
font-size: 200%;
text-align: center;
}
p {
font-size: 50%;
text-align: bottom;
line-height: 1px;
Еще пробовал второй параграф вставлять перед основным текстом и задавать ему класс, но почему-то не робит
HTML
<td class=qwerty><p class=epta></p>Второй<p>Третий</p></td>*
Вот просят все портфолио, а где его делать? Я вот сверстаю макет с интенсива, я могу его потом людям показывать, типа какой я молодец и вот это все? Куда это все заливать?
Верстка это хуйня, 10 часов в неделю - будешь знать её от корки до корки за 2 месяца, но много на ней не заработаешь, 40-45к супер максимум, скорее всего по началу будет около 20к.
а как ее учить от корки до корки? Если не считать интенсив, то кроме хтмлбук, что еще читать?
Там практически больше ничего нету, интенсив я не смотрел, но прошёл хтмлакадемию, кодкадеми и устроился за 20к версталой (за месяц, но я по 6 часов в день задрачивал), сейчас уже больше получаю.
Делаешь как я сказал выше, потом верстаешь 5-6 макетов разных, можно на парочке поюзать какой-нибудь фреймворк, заодно смотришь что такое сборщики (галп лучше/проще всего на данный момент) и препроцессоры (стайлус или сасс лучше всего), можно бэм на одном из макетов заюзать, он сейчас востребован. Всё, ты готовый верстала. Верстая макеты и решаю задачи/проблемы по-ходу их появления намного быстрее всё усваивается.
Нет правильно будет сделать заголовок тегом для заголовка а кнопку тегом для кнопки или ссылкой.
github pages
Где и как устроился?
Ох блять, вы тут еще живы, аж прослезился, посоны....
Я один из тех кто гайд пилил и треды создавал, сейчас забил хуй на верстку и только пишу js, получаю чуть больше сотки на руки, опыта чуть меньше двух лет. Кто не такое хуйло как я и уже завел трактор? Меня уже несколько раз хантили в европку, но я соснул. Как дела,посоны?
первым-устроился-в-ДС-кун
Можешь вполне. Тем более в минске все заебись с it
сделал 8 макетов, но скорее всего они гавеные и думаю их переделать скоро, так как сейчас стал шарить получше. Сделал так же 2 макета через бутстрап. Думаю выложить резюме в конце февраля, как буду уверен что рука набита нормально.
>будешь знать её от корки до корки за 2 месяца
Топ лел. От корки до корки блять. За 2 месяца в таком темпе он научится, верстать фиксированные страницы, возможно начнет разбираться в адаптиве, но не более того.
Я вот намного больше на это времени спустил, но себя знающим "от корки до корки" не считаю. Вот когда с легкостью не задумываясь особо сможешь сделать любой пример отсюда
http://tympanus.net/codrops/
тогда уже можно кидаться такими выражениями.
Значит бутстрапом нет смысла мазаться, так как адаптивную верстку я лучше не стану знать? Зачем так все усложнять?
Топ кек это сайт этот, там 90% свг хуиты, которая к верстке имеет очень посредственное отношение. В адаптиве разбираться примерно 3 минуты.
Может есть, а может и нет. Все зависит от твоих целей.
Бутстрап - инструмент, не более того. Им можно и нужно пользоваться, когда это необходимо. Он действительно позволяет верстать страницы очень быстро, правда без особой оглядки на дизайн. Но начинать учить верстку с бутстрапа или сразу же перепрыгивать на него после нескольких макетов не вникнув в суть это, как по мне, глупость.
Могу привести возможно немножко дебильную аналогию. Человек верстающий без фреймоворков и постоянно развивающийся - это строитель, способный с нуля построить дом: подобрать чертеж, вырыть котлован, залить фундамент, полы смонтировать, смуровать стены, кровлю, осуществить внутреннюю отделку етц. Мастер от А до Я короче.
А "верстальщик на бутстрапе", ничего кроме этого самого бутстрапа не видящий - это как строитель, собирающий модульные домики из разноцветных панелей. Закрутил парочку винтовых свай, наложил пол, приварил готовые стены, установил кровлю - готово, еще один дремучий барак.
Пройди хтмлакадеми, потом скачай рандомный макет и начинай верстать как можешь.
забил хуй на верстку, нашел другую более менее работу, а треды все равно читаю и иногда отвечаю ньюфагам
Адаптивную верстку учи. Тебе в итоге надо сделать разные размеры блоков для разных разрешений и их позиционирование относительно друг-друга без потери функциональности.
Посмотрел я, значит, два видоса из интенсива хтмлакадемии и начал размечать Nerds. И кажется мне, что очень он похож на Барбершоп—хоть бери, вставляй код в редактор, а потом только названия ссылок поменяй, ну и слайдер вроде как в другом месте находится. Это так и есть?
Есть уроки по созданию простых cms, вот создай по такому уроку и поймешь все.
google torrent
ты тупой? Каким образом ты предлагаешь ебануть туда эту ссылку? М?
Ну проходи еще раз, лол, это ж элементарщина.
Да, делаешь места под картинки пустыми дивами, либо картинками с плейсхолдером, а при наведении задаешь им background с неповторяющимся изображением размещенным по центру.
заебал наебывать. Типа мастер-фотошопа дохуя?
Фронтенд-хуенд
И за одно: при указании, например, ширины столбцов в div-е, с помощью процентов относительно чего высчитывается этот процент?
>при указании, например, ширины столбцов в div-е, с помощью процентов относительно чего высчитывается этот процент?
родителя
Наверно будет логично запилить адаптив, на мелкое разрешение и все блоки просто вниз выстроить?
Как-будто что-то удивительное, верстать может каждый, даже дизайнер. Давно уже фронтэн девелопер занимается и версткой и скриптами и чем угодно на стороне клиента. Полноценный разработчик на зарплате может быть только такой и тред на дваче никак на это не повлиял, лол.
Если работает в маленькой студии или фриланс - да. Если более менее большая компания, которая заботится о своих деньгах и не разбазаривает их - нет.
Все равно верстала-это начальный уровень фронтэнд девелопера и если человека прет только верстать сайты сотнями и никуда не расти, то он странный как минимум.
.btn:hover .title,
.btn:hover .descr,
.btn:hover .icon {
opacity: 1;
}
http://codepen.io/anon/pen/eJGWrE
Или нет, что-то хуй пойми. Поясните аноны, если у меня есть див в котором ещё дивы, прозрачность родительского влияет на прозрачность дочерних?
Т.е. если у меня родитель с опасити 0.5, а потомок с опасити 1, то потомок будет полностью непрозрачен?
Мне надо чтобы фон был полупрозрачный, а элементы внутри блока были непрозрачными. Как на пичке.
Просто увидел в книжке по CSS3 интересное меню, решил сделать.
поставил опасити бтн .6 и при ховере .8 . Насчет иконки сейчас посмотрю
.btn {
padding: 15px 20px;
position: relative;
opacity: .6;
width: 150px;
border-top-right-radius: 31px;
border-bottom-right-radius: 31px;
background: transparent;
padding-right: 50px;
transition: all 0.3s ease;
}
.btn:hover {
color: white;
text-shadow: 1px 1px 2px black;
box-shadow: 2px 2px 2px 0 black;
opacity: .8;
width: 185px;
}
Но я не согласен с этим.
Верстка это совершенно отдельная часть, да, там работают в основном новички и там всё относительно просто, но фронтенд это не продолжение верстки. Это тоже отдельная область, практически с версткой никак не связанная.
У меня в компании 20 кодеров и 3 версталы, кодеры вообще в верстке почти ничего не понимают и не хотят понимать.
Продвинутый уровень верстки это скорее проектировщик интерфейсов, который плотно работает и с дизайнерами, и с менеджерами, туда идут люди которых реально прёт верстка, довольно много тянок, кстати. Там есть достаточно много жса, но это опять же не совсем фронтендер.
А ну т.е. у тебя текст всё равно полупрозрачный, просто это менее заметно. Вот сайт с оригинальным меню: http://farukat.es/ , но что-то я всё равно не понимаю как там полупрозрачность сделана.
так у него вроде просто спрайты стоят. Хотя я не уверен, что в этом дело.
А всё, недоглядел просто, я думал там как-то по-хитрому сделано. А там тупо сделано через ргба, я так сразу думал сделать, но не хотелось использовать ргба вместо православного НЕХа.
Двачую этого. Алсо умение делать крутые анимации тоже требует плотного знания верстки, плюс джс конечно и свг.
Да и вообще, если нырнуть вглубь верстки, можно много чего накопать.
Просто фронт-енд сейчас, сборный образ из всего из всего. Я даже видал вакансии где нужен был сеньйор фронтенд, хотя заниматься он должен по большому счету геймдевом.
В 5 или 6 уроке интенсива показывают
как ты это сделал? Какой только похожий макет не находил, там только сотрудники меняются и все. Пробовал через бутстраповскую карусель, но он не хочет показывать текст без картинки на фоне.
Написал на JS слайдер.
>>437851
Совсем не ок. Я бы такой макет показывать постеснялся.
Не советую тебе над этим сильно париться. Просто верстай как тебе кажется нужным и все. Не знаешь как запилить слайдер - лучше не пили. Научишся - тогда возьмешся. Толку тебе от этих плагинов, если на собеседовании любой вопрос о нем сразу же покажет, что нихуя ты в этих самых слайдерах не понимаешь?
Ах да, и включай мозги. Будешь спрашивать совета каждый раз - ничему не научишся. Верстка и кодинг даются в первую очередь тем, кто умеет использовать свой котелок по назначению. Не бойся сделать ошибку. Ошибки очень полезны.
я не знаю, что конкретно почитать, чтобы не спрашивать тут. Я знаю, что я конкретно нихуя не умею, но не знаю как найти инфу про это, которая будет правильная и не устаревшая. Просто нахожу много разных портфолио людей, которые верстали макеты академии, и просто охуевал, как они ее могли закончить и получить сертификаты(хз что там дают, если я вдруг не прав).
>я не знаю, что конкретно почитать, чтобы не спрашивать тут
Все что нужно дается в интенсиве. И базовые знания, и хорошие практики и инструменты. Дальше используешь эти знания по назначению. От тебя не так много требуется.
>Просто нахожу много разных портфолио людей, которые верстали макеты академии, и просто охуевал, как они ее могли закончить и получить сертификаты
Очень хуево сверстали?
Хочешь книг? В оп-пасте есть ссылка на книжную полку фронтендера, ну или загугли просто. Выбирай понравившуюся книжку по html и css оттуда.
>Очень хуево сверстали?
да там больше половины, которых находил почти ничем не отличаются от чувака по ссылке выше. И почти каждый пишет, что имеет сертификат от хтмлакадемии. КАРАУЛ!
Насчет книг, посмотрю повнимательнее. А что делать, когда не получается найти ответ на какой-то вопрос и гугл молчит? Например: Когда сидел на сайте бутстрапа нашел там карусель, при уменьшение экрана текст не меняет свой размер, а тупо не помещается в слайд. Как быть тут? http://bootstrap-3.ru/javascript.php#carousel-examples
Просто уменьши экран и сам увидишь о чем я.
>А что делать, когда не получается найти ответ на какой-то вопрос и гугл молчит?
Такого не бывает. Но если все же случилось и ты реально подумал а потом подумал еще, еще раз погуглил, и снова подумал - можешь спрашивать.
>Просто уменьши экран и сам увидишь о чем я.
Та не у меня вроде работает.
Насчет ответов по бутстрапу, ответить тебе по нему может тот, кто в нем разбирается. Лично я не разбираюсь, хотя с ноля верстаю тот же макет Good__good адаптивно, с функционалом вообще без проблем. И таких множество.
Алсо, тебе я на текущем этапе развития не советовал бы садиться на бутстрап.
>Та не у меня вроде работает.
ну у меня вот так показывает.
Вот гуглил насчет слайдера бутстраповского, и ответа так и не нашел. Пошел на ютуб, и там тоже нет ответа. Тут уже не я один с такой проблемой, и тут не знает никто.
Ну я доверстаю уже гудгуд весь на бутстрапе, а потом уже буду без него зубрить.
Верстале сложно получать 50к, т.к. это самый самый топ зарплат для версталы и обычно к этому времени получают необходимые навыки жса и перекатываются во фронт, что я и сделал, получаю 80к. (Меня повысили с версталы с 40к сразу до кодера с 70к)
Проходил генералассембли.
Да и вообще когда сажусь за свой проект - теряюсь и не понимаю что делать и с чего начать. Знание семантики - 0.
Купи годный учебник или открой спецификацию.
Тем, что там рассказывают, что делает position absolute и margin auto
Что делаю сейчас:
1) Начал сегодня htmlacademy.
Что делать после? Прошёл там самый-самый первый урок "Знакомство". Дальше двигаться в какую сторону?
После хтмлакадеми куда?
htmlacademy (желательно пройти платную часть тоже) (2 недели)
codecademy (html + js/jquery) (1 неделя)
дальше верстаешь 5 макетов, попутно решая возникающие проблемы (3 недели)
можешь идти устраиваться версталой за минимальную зп в говностудию, 15/20к
Пасту в ОП-посте читайте, заебали уже.
Лень тратить драгоценное время на htmlacademy/что вы там советуете.
мимобекенд дев
>советует только курсы
>нет знаний адаптивности, хороших практик, етц
>нет препроцессоров, гита и прочих инструментов
>codecademy (html + js/jquery) (1 неделя)
>2 недели - 1 неделя - 3 недели
Топ кек. Я удивлен что нет пункта
>бутстрап (30 минут)
Для джуна версталы за 20к это необязательно.
Естественно после всего, что я написал надо дальше развиваться, но начальный путь именно такой, если ты думаешь, что учит верстку надо с гита и вебпака, то у меня для тебя плохие новости, а именно, что ты пидор ебаный.
Согласен. Но что ты подразумеваешь под джуном версталой? Что он будет знать после прохождения одних только курсов? Скорее всего с горем пополам сверстает несколько чудовищ из дивов с дичайшей разметкой и отсутствием даже намека на семантичность, не говоря уже о поверхностных фишках HTML5/CSS3, адаптивности итц. И не потому что дебил, а потому что попросту не хватило накопленных знаний.
Разве требуется где-то верстальщики такого уровня?
А обзываться сходу нехорошо, я тебя не обзывал, просто подверг критике твою схему
Тут другого пути нет. Задрачивать, тратить время, верстать и еще раз верстать. Волшебного рецепта в этом деле нет. На первых порах, это конечно будет, в лучшем случае, работа за хлеб. По другому опыт не придет. Если хватит сил и мотивации, то неизбежно перекатишься в нормальный фронтэнд.
Вообще-то на курсах хтмлакадеми (да и на кодкадеми) есть адаптивность, поэтому я подразумевал, что человек её тоже выучит за эти 5 недель, и верстая свои 5 макетов будет её использовать хотя бы, как минимум, в 3х.
Да, первый макет он может сделает без неё и с
>дичайшей разметкой и отсутствием даже намека на семантичность
(алсо я считаю, что семантичность нахуй не нужна)
Но потом уже будет лучше, и к пятому макету он уже будет делать всё более менее.
Это всё я говорю из ходя из своего опыта, т.к. я нашёл работу именно проделав все эти пункты, и мне кажется, что выучить верстку за 5 недель задрачивания это более чем реально, т.к. опять же я это сделал, и я не считаю себя сверхчеловеком каким-то, я такой же как все, и другие тоже на это способны.
Всмысле 5 недель? На вёртску? Мне надо чтобы интродакшн был сразу такой, интенсивный и ебучий, чтобы я через неделю ебашил макеты пачками. На работу пока похер, я буду переростать во фронтендщика.
Ну тогда вряд ли у тебя что-то получится.
Давай так, чтобы у тебя не осталось всяких детских иллюзий. Верстка - дело не хитрое, но и она требует времени для качественного исполнения. За неделю ты этому никогда в жизни не научишься. Ты можешь вызубрить все теги, но адаптивную сетку из них не сделаешь. Чтобы писать нормальную, качественную разметку, тебе придется потратить не один месяц. Да, такие дела. Не умеючи нормально верстать, ты никогда в жизни не перекатишься в фрондэнд. JS напрямую воздействует с элементами разметки и свойствами. Как ты собираешься кодить, не зная основ?
В курсах академии (и кодкедеми вроде тоже) нет адаптивности. Она у них в интенсиве продвинутом. В кодкедеми правда кропаль бутстрапа есть.
CУУУКА, мне жаль тех ребят которые заплатили бабки за продвинутый курс. Ту кучу теории что они нагородили в этом курсе можно с успехом нагуглить. Как верстать и собрать этих чудовищ - препроцесоры, адаптивность , js, вместе не показали. Хотяяя, они же работают с наствниками... Я только об этом вспомнил.
Не говори
Есть одна кнопка с прозрачностью. Нужно сделать текст в ней непрозрачным. Не подскажите как это реализовать? Запихнуть текст в <span> и переназначить opacity ему не помогло.
Но почему так?
>>437089
>жабакодера
Это ты говоришь про java, а я пишу на javascript, это разные вещи. Пилить долго, задавай конкретные вопросы.
>>437495
>На какой позиции сейчас находишся?
Формально должность называется "верстальщик", но я не верстаю уже почти
>Что планируешь дальше делать?
Углублять знания в js, познакомиться еще с 2-3 языками и немного угореть по матану и компьютерным наукам. Еще хочу найти удаленку за валюту.
>Какие задачи выполняешь?
Сейчас пилю большое приложение целиком на канвасе. Игру.
Спасибо, сам не додумался.
В каком смысле "та грань"? Определи для себя приоритеты и двигайся к ним. Я целенаправленно уделял больше времени JS, чем html/css, на собеседованиях говорил что интереснее, и так далее.
Двачую. И какой уровень знаний и умений нужен, чтобы хотя бы за 15-20к взяли?
Что мешает просто накачать макетов и тренироваться? Бери каждый раз макет посложнее, делай все полностью адаптивно, познакомься с UI/UX и попробуй их улучшать самостоятельно и опыта наберешся огого.
Дело не только в опыте, а в заработке за счет приобретенных навыков. Во фриланс сходу лезть не разумно, ящитаю, опыта нет, а вот может есть сервисы, созданные для подбора новичков, дабы работали "на подсосе" за копейку и приобретенный в будущем опыт.
На счет макетов подвачну. Наталкиваешься иной раз на задачи, коих не было в курсах, что заставляет искать решение и узнавать что-то новое.
Htmlacademy, htmlbook
Аноны объясните почему 1) надпись "Our service" при уменьшение экрана уходит вправо? 2) Почему картинки тоже не остаются на месте над заголовками?
Не надо говорить, почему у меня они не встрочку. Все сделал, как нужно, но вот те два вопроса не могу решить. Подскажите.
хотя думаю, что в 1 вопросе дело в "left: 600px" у .service h2. Насчет картинок не знаю, что не так.
Что "проект"?
Если ты про свои загруженные туда проекты, то они пропадут понятное дело, надо будет заново загружать.
Спасибо.
>>439575
В интенсиве говорят, что это плохая идея, менять чекбоксы/селекты.
Просто не хочу пока гуглить, в интернетах слишком много готовых примеров. Вроде получается более-менее. Но мне интересно: в этом макете не подразумевается, что это форма (нет кнопки отправки, очевидно что там будет джс типа, кнопочку нажал - тебе справа результаты автоматически). Так что я просто ебанул инпуты, обернул их в спаны вместе с текстом и уже их выстроил в столбик. Это совсем быдло-стайл и так делать нельзя?
>>439606
Но это не отменяет того, что у тебя там ерунда была написана, то, что я написал, работает без него
Да говорят, но есть и другая сторона медали. НИКТО из заказчиков не хочет стандартные чекбоксы/селекты. Поэтому хочешь не хочешь, придется исхитряться.
В любом случае замена чекбокса другими элементами - полезная практика, чисто для прокачки скиллов. А въебать дефолтный чекбокс много ума не надо.
>Это совсем быдло-стайл и так делать нельзя?
Можно, другое дело, как они себя ведут при ресайзе и вообще что за свойства ты там задавал, но это такое.
Я бы делал улом с лишками, внутри которых уже сам чекбокс с тайтлом
Ну, я уже научился их стилизовать, в интенсиве он подробно показывает. Сделаю, как разберусь с основным.
> улом с лишками
Вот, спасибо за подсказку.
При ресайзе нормально себя ведут.
Вот стандартная кнопочка заебавшего всех барбершопа.
Фигачу в него лорем, нормально переносится, не разваливается. Но если пишу одно длинное слово (скажем, тридцать букв "а", то оно улетает за пределы блока. Это считается за фейл?
>>439606
спасибо, но это конечно круто, но хотелось бы через бутстрап чтобы работало. Так как все row у меня будут творить хуйню. Как это сделать?
Абсолют ведь надо задавать, если родитель имеет позишен: релатив. Даже в каком-то уроке на ютубе видел, где так задают и все прекрасно работает.Может заголовок надо в дивы обернуть?
Канал парня с видео из летней конференкции cssday 2015. Есть полезные вещи по UI, флексбоксам етц.
Про позиционирование ты говоришь верно. Но оно в том случае ни к чему даже с бутстрапом.
Мне кажется, там действительно он не сработал, потому что при задании col-lg-3 для лишек, они должны были растянуться на всю ширину, но им было похер. Надо, конечно, на компе проверять, но все же.
Ну а по поводу съезжания заголовка при уменьшении экрана, по-этому там и не подходит позиционирование, а нужно было просто отцентровать по-середине с помощью mаrgin: 0 auto. Но чтобы заголов принял ту ширину, которую ты ему задал, а не тянулся на всю ширину экрана, нужно задать ему дисплэй: блок.
>>440016
Возможно там именно в бутстрапе кроется проблема. Вернее в том, что он старается переопределить свойства элементов в перемешку с бутстраповскими классами.
Вот например, анон выше просил навести порядок с табличкой-календариком, которую собирают на бутстрапе. Так там паддинг для клеток установлен с наследованием уровня
table>tbody>tr>td
его хочешь не хочешь, придется переопределять либо инлайновыми стилями либо импортантом.
Вот и здесь та же самая хуйня. Он скорее всего пытается переопредилить стили без нормального оверлоада, в итоге работают только те, которые в бутстрапе не установлены.
мимо
в валидатор загружал?
только что проверил - пишет, что все гуд.
Но автоматом заменяет на overflow-wrap: break-word;
Особенность свойства. Изначально было создано только word-wrap. Затем его переписали под overflow-wrap, толком ничего не поменяв. А word-wrap оставили черновым.
Проблема у overflow-wrap с поддержкой на старых браузерах, она не очень. А word-wrap делает точно то же самое, но поддерживается везде. Ибо legacy и все дела.
нахуй ты там margin-right: 50px поставил это ломает сетку. И проверь пути подключения файлов
за оверфлоу хидден не благодари это не решение он нихуя не переносит а скрывает, причем может это очень криво сделать
Я уже переделал, без оверфлоу, с переносом. Макет-то учебный, да еще и мой первенец, лол, поэтому я особо всеми этими валидаторами пока не заморачиваюсь. А спасибо за ценную инфу, я еще даже не знал, что есть такое свойство даун, что с меня взять.
такая же шняга как и у предыдущего типочка в первом варианте - не работает, если задавать сразу вэлью
Вряд ли. Для работы на фрилансе нужно терпение, опыт, желание и возможность учится. Слишком серьезная конкуренция.
Вряд ли кто-то обратится к халтурщику без знаний, если на тот же заказ задеплоен продвинутый разработчик.
Хочешь срубить мелочь по тихому не напрягаясь - тебе дорога в копирайт. Расценки там смешные, зато уровень вхождения ниже плинтуса.
Так я готов учиться, могу год-два потратить, не вопрос, лишь бы это приносило заработок в будущем в обозначенных мной суммах. Копирайт - нет, это хуже некуда, я программист, я не смогу таким заниматься.
Какой же ты программист если заработок на стороне ищешь, да еще и версткой лол?
ссым на тебя всем тредом
Обычный начинающий на пятидневке.
Что к ним относится? В общих чертах хотя бы.
К примеру http://learn.javascript.ru/first-steps можно ли считать за основы?
Или же даже всего основного курса в двух частях не будет достаточно для этих самых основ?
А то дошел тут модулей через замыкания и задумался, так ли уж нужно всю эту кучу говна знать?
Этот учебник это примерно половина того, что нужно знать джуну. Плюс, кроме всего прочего, нужно уметь это применять.
Следующий вопрос: как в седоне лучше сделать топ-контент?
> Текстовые блоки лежат поверх большого фото в своих фиксированных размерах и центруются.
Я для себя разметил так:
один блок - хуячу фоном большую фотку,
второй блок - внизу хуячу фоном маску
третий блок - мелкие текстовые элементы, в нем свои блоки для каждого текстового элемента.
Правильное направление мысли или я лох, пидр?
Сойдет.
Можно вырезать без маски, прям блок с картинкой и маской вместе. Там все равно белый фон на странице. Я помнится, так и делал, когда продвинутый изучал.
Но это дело вкуса.
Окей, спасибо. Ну я только размечаю, на макет смотрю. Думаю, проще будет одной картиной фон сделать, да, но пока придерживаюсь их стайлгайда.
Скажите почему не получается сделать, как на скриншоте? В чем причина?
Да, и еще вдогонку сразу - этот макет лучше верстать параллельно с просмотром продвинутого интенсива? Я просто только базовый закончил, седону резиновую хочу сверстать, чтобы закрепить+углубить знания, а потом уже пойти дальше.
Зависит от того, как ты себя чувствуешь в верстке фиксированных страниц. Если барбершоп твой первый и единственный, то советую сверстать еще как минимум техномарт. А вообще рекомендуется для закрепления запилить минимум 3-4 фиксированных лендинга, и только потом садится за продвинутый.
Лично я так и делал.
Чувствую себя... неопределенно. У меня, судя по всему, есть "чуйка" на это дело, но я многого не знаю. Пожалуй, и правда сначала техномарт сверстаю, спасибо.
Там в макете все эти надписи (как на пикрелейтед >>442087) сделаны тупо картинками отдельными слоями. Значит ли это, что можно их так же тупо вырезать-вставить, или лучше, как говорится "поиграться шрифтами" и все такое?
ну так в том-то и суть. если поле не пустое, то цвет фона белый. если поле пустое, то зеленый. об этом же и просили. если нужно, чтобы изначально было зеленое, то вот тебе:
https://jsfiddle.net/ftp3x8Lx/1/
да, вполне сможешь, если будешь постоянно учиться и делать проекты. иначе проебешься, потому как в веб очень быстро развивается и меняется. достаточно полгода проебать, и уже не наверстаешь лол.
>>441810
ничего особенного в этом нет. многие программисты подрабатывают на стороне. просто кто-то по своей специальности, а кто то запиливается еще куда-нибудь. у меня есть знакомый, который работает питонистом, параллельно преподавая в универе историю.
я снова вернулся со своей проблемой, которую до сих пор не могу решить. Посмотрел даже на примере слайдера на сайте бутстрапа, но все-равно не помогло. Подскажите как сделать, чтобы при уменьшение экрана текст не уходил вверх, а уменьшался под размер слайда. Я знаю тут есть аноны у которых была такая же проблема.
Этож элемент лого ну или дизайна, она поменяется может через года 2, нахуй париться и шрифты подстраивать искать заморачиваться. Новый текст потом так же вставят картинкой. Единственный плюс шрифтового решения это оптимизация загрузки. И то шрифты вероятно тяжелые, да и несколько их.
Блять, бутстрап такая хуйня, из него максимум сетку можно взять, все остальные компоненты нахуй не нужны.
Использовал один раз бутстрап и обосрался-кун
Если ты все прошел что на сайте дано то должен понимать как сделать. Если всеравно не понимаешь - открывай код какой-либо из уже готовых реализаций и вникай
Это еще больший пиздец. Я не понимаю что выполняют те или иные объекты, так как функций, как мне кажется, так много и они настолько непонятные на интуитивным уровне, в отличии от CSS; не понятное что является переменной js, а что - программиста; откуда взялись name и age на пикрелейт? при написании как на пикче? ввел пограмист? синтаксис?
Все это в заблуждения какие-то вводит и чем дальше, тем их больше.
Можно заюзать vw, но он под конец обычно уменьшает размер до совсем пиздюшного.
Я для такого случая как-то писал костыль на жуквери, чтобы рассчитывал размер шрифта от ширины родителя.
Так ты писал выше что прошел уже его. А тут выходит что ты в объекты не вдупляешь. Как же ты тогда прошел? Сиди кури
надо не просто читать, а сидеть решать. Прочитал раз 10, понял что там написано, взял и попробовал написать что-нибудь. Получилось, тогда дальше пошел читать. Снова получилось? Дальше читаем. Просто прочитать, любой даун может, а вот написать по памяти не каждый сможет.
У тебя в голове пиздец. Если прошел и не понимаешь то ты нихуя не прошел, а тупо почитал. Прошел - это все понял, усвоил и выпонил упражнения. Как вообще можно идти дальше если ты какойто из базовых разделов не усвоил?
Ты нахуя за этот бутстрап взялся, если основы верстки не понимаешь?
>>443165
Согласен. Алсо есть еще подход, я таким пользуюсь. Вместо того чтобы читать по 10 раз. Прочитал 1-2 раза, вникнул, а затем в вордовском файлике описал основные моменты.
Если глава сложная и много непонятно, то тупо берешь и описываешь ее всю, причем разбирая каждый пример кода. Реально каждый.
Главы про call/bind/apply я так и разбирал. Брал функцию и описывал ее практически построчно, что автор делает, зачем, и что в конце получилось.
Можешь тупо уменьшать его через медиазапросы на разных разрешениях.
та же хуйня была, начал разбираться с кодом, смотрел готовые слайдеры, копался. с опытом приходит понимание. покопайся в коде уже готового простейшего слайдера.
медиа-запросы юзай, гений, или font-size в em или % задавай
Макет, кстати, на редкость ебанутый, даже размер шрифтов пришлось интуитивно искать, дезайнер - мдк (но это даже хорошо, теперь я кэтому буду готов, лол).
нахуй ты сюда пишешь о своих достижениях? Нам поебать вообще. Если хочешь, как-то привлечь к себе внимание, то пиздуй на твиттер и оставляй там свои ебанутые восхищения. Боже, как же такие дауны выбешивают.
золотые слова. хтмл и ксс учить не меньше 3х месяев для начального уровня. но без этого ни в какой фронтэнд не залезешь. к тому же проще верстка не стала а становится только сложнее
Успокойся. Ну на подъеме человек. Радуется, что получается что-то. Да, не все бегут на форум рассказывать что у них чего-то выходит. Но и такая реакция как у тебя тоже не уместна.
Я тоже лично не вижу профита для нюфани писать что он сделал макет, не выкладывая код на ревью. Но че поделать...
>>443849
ты наверное имел в ввиду не html, css а верстку (технологии, приемы, инструменты) вцелом. Ибо как можно сидеть 3 месяца только над тегами и селекторами я хз
мне кажется, что месяца дрочильни html+css макетов вполне достаточно, чтоб более менее быть готовым к любой верстке. Это без JQ. И это если фул тайм сидеть.
Ну это такое, постоянно вылезает что-то новое, в каждом макете, что ты не знаешь или не умеешь. Ну и многое не сверстаешь без jq, те же чекбоксы, карусели и тд.
В общем у каждого темп свой, есть где-то даже статья, где рассказывают как учить js, так вот там говорят "учи медленно", то есть закрепляй каждый материал, больше практикуйся, смотри на смежные технологии, понимай чуть шире своего стека, даже когда учишься.
Любых лэнингов разве что.
Попробуй без напряга сверстать адаптивно макет крупного инет магазина. Посмотрим как ты запоешь.
Я уже молчу о разных фишках, нестандартных элементах етц.
Это только кажется так ребятки. Этот >>438399 прав. Как и в любом другом деле, освоить основы довольно просто. Но дальше ты погружаешся в детали. А именно они отличают хорошего специалиста от халтурщика.
Про js вон чуть выше яркий пример выученого лерн.жс.ру. С этим согласен, но html css все же немного другая тема, тут тупо набивание руки помогает. Я к тому, что месячной дрочки хватит, чтобы тебя взяли в какую-нибудь говностудию за корку хлеба, а там обучение уже куда продуктивнее, как мне кажется
>>443928
вот в ебаном хтмлакадеми прям сразу на тебя вываливают все особенности и детали, ничего толком не объяснив.
Если ты про html css, то там никаких приколов-то и нет особо, только с css3 и всякими йоба фишками, которые все юзают чтоб повыебываться. Остается только знать все правила что куда схлопывается почему инлайн ведет себя так, как лучше выравнивать и почему все поехало и тд. С JS все сложнее. А курс академии на сайте порой заставлял не понимать, а дрочить пиксели чтобы совпадение было 100%, а не 99% и это бесило меня пиздец. Дальше учить не можешь, пока не подберешь с миллионной попытки идеальное положение. Да и миллионной попытки нет, всего 10, что ли, забил на эту хуйню
http://kemerovo.hh.ru/vacancy/15415808?query=html
те времена когда в верстальщике нуждались прошли. теперь это за профессию не считают
Да это стандартное объявление в стиле - ФУЛСТЭК ПРОГРАММИСТ ВЕБ ВЕРСТАЛЬЩИК, ОПЫТ ОТ 10 лет, ANGULAR JS REACT FLEXBOX ПИТОН ДЖАНГО, ЗП 12.000 РУБЛЕЙ
не думал, что у них все так просто.
разве что в сео меркетологи ебучие
из объяв не понятно даже что нужно работодателю и какой уровень скила той или иной технологии
А ты у нас я вижу знаток дохуя.
Верстальщики всегда будут нужны. Чисто из финансовой точки зрения.
>>443947
>то там никаких приколов-то и нет особо
Топ кек. Наверное именно поэтому есть целые сайты и куча книг, посвященные исключительно html/css до отвала забитые контентом, советами, различными типсэндтрикс и прочим дерьмом. Конференции блять разработчики почти что каждый квартал проводят, опытом делятся. Но конечно же ты прав, никакой глубины там нет.
так вакансии посмотри
Да даже если не нужна, вёрстка это идеальный вариант для входа в профессию. Дальше хоть программируй, хоть оптимизируй, хоть дизайны рисуй.
так весь вопрос в том - на каком уровне верстку надо знать, если у неё куча особенностей и деталей, которые даже ни кем не используются
Я знаю, что всех бесит, когда так говорят - но на таком уровне, что бы хватало знаний для решений твоих задач.
Ну а свистелки и перделки это как приятный бонус, можешь играться, можешь нет.
Ну давай я посчитаю за тебя.
Есть верстальщик и фронтендер ориентированный на джс. Час работы верстальщика стоит 5 баксов. Час работы фронтендера от 15 баксов.
Любой проект начинается с верстки. Если это сайт а не приложение, то верстка - почти что его половина.
Верстальщик делает страницу, например, за 2 дня. Делает хорошо, потому что это его основная работа и конечно же он в ней разбирается. 2 дня его работы - 80 долларов.
Ту же самую работу наверняка сделает и фронтендер, но если он ориентирован исключительно на джс и не сильно знает верстку, то она у него отнимет больше времени.
Но допустим, для чистоты эксперимента он тоже справился за 2 дня с той же задачей. Сколько его 2 дня работы стоят? Примерно 240 баксов, если считать по отмеченной мною выше ставке.
80 и 240. Улавливаешь?
блядь да как так то ? у них жс в первую очередь с хтмл и ксс взаимодействует !!!
Знают, не знаю, знают хорошо, плохо знают, не знают особенностей. Какая разница? Он прав. Разница только в оплате. Зачем давать верстку матерому фронтендеру, и платить ему в 2-3 раза больше, если ту же работу сделает верстальщик, и скорее всего сделает качественнее, за меньшие деньги.
Я не говорил что он ее не знает.
конкретные пример работы, типо сидит он такой нихуя не верстает и весь день чем-то занят. Слайдеры что ли прикручивает?
Если он хуячит веб приложение еще можно понять, там драг энд дропы всякие, все такое
Окей, давай из простенького - несистемная валидация формы на стороне клиента.
Верстальщик накидал форму на сайте, кодер занимается функционалом. В данном примере проверяет разные поля на тип значения, вешает функции на события, проверяет субмит, пишет функционал для всплывающих подсказок, условия валидации, всякие дополнительные фишки и т.д. и т.п.
топ кек
смешно-смешно. Еще скажи фотошопером-дизайнером
Усидчивей будь. Забыл - отвлекись от текущего дела и открой урок вспомни, не ленись.
ну а что я могу поделать, если есть одна контора где нужны знания хтмл, ксс и бутстрапа + обучат джс.
да как блядь ? я по кд лезу во вконтакт или на двач!! ямне нравится веб и я хочу этим заниматься, но меня хватает на 30 минут максимум
ну так ты себе вопросы задавай тогда, мы-то тебе блеа чем поможем если ты ленивое хуйло. По опыту скажу, что выход из зоны комфорта очень сильно решает, когда жрать нехуй, очень быстро учишься.
Срочно нужно натяпать 2 интерфейса на HTML\css и потом все это обмазать php И jquery и встал вопрос о том как быстрее нарисовать интерфейс.
Для справки - сделаные 2 сайта будут подключены к денверу, и запущены на локальной машине, все это будет работать с MySql.
Я ахуею щас все в блокноте ебашить, есть какая прога, чтобы все быстро и красиво нарисовать (кнопки,стиль,меню) грубо говоря блочно, а потом уже пальчиками в блокноте (или там же если получится) обмазать это все скриптами и прочим динамичным дерьмом.
Могу в разные фотошопы,java и прочие непонятные слова.
Анон, подскажи
cms?
нихрена не понятно - тебе дизайн надо или верстку?
Если дизайн - то ты написал что могешь фотошоп. Значит нахуй спрашиваешь.
Если верстку - то тогда в обычном блокноте не пиши - юзай sublime, atom, brackets либо Web/php-shtorm.
вообще для быстрого прототипирования можешь фреймворк заюзать, да тот же бутстрап например
хотя мне чет кажется что хочешь какой-нибудь гавноконструктор. Типа adobe muse или че там еще есть
https://htmlacademy.ru/courses/65/run/27
Получается, я проебался с размера и их нужно менять в зависимости от падингов?
ты зачем clearfix по всем классам распидарасил? Создай один прототип и прописывай блокам, а то тут половина там половина.
Всмысле, процесс мне понятен - таблицы и инлайн стили, но я не понял как они потом читаются почтовыми клиентами. То есть, закинув html в письмо, нихуя не получается.
Только небольшая оговорчка. В задании ширина фиксированная, а тебе надо будешь делать все резиновое, то есть ширина в процентах.
Бля, это основа верстки
Точнее сказать не только резиново, но еще и адаптивно.
братишка!!!, но у нас есть свой тред, тут лучше не злоупотреблять
>"на подсосе"
Такие никому не нужны. Сам был таким когда-то и чудом устроился в конторку, с только со мной наебались, могли бы сразу взять кого-нибудь за 30к и имели бы прибыль с него, а взяли меня за 15 к и учили, деньги платили и учили ещё, конечно потом я стал приносить доход и сам стал получать больше, но нахуя, если контора сразу могла найти кого-то с опытом, ведь с опытом дохуя людей!
Пытался вкатиться во фриланс - не вкатывается, хотя я занимался и бекендом и фронтендом, вообще эти понятия никогда не разделял, мы делали сайты полностью, даже дизайн, но дизайн примитивный, ничего сложного и красивого не рисовали.
Поэтому для меня вообще сам факт зарабатывания вёрсткой - что-то не реальное.
Тем более теми, кто на подсосе.
Та у тебя в голове вообще взаимоисключающие параграфы.
>ко-ко-ко верстка учиццо за месяц кудах
лал питухи ебаные, а че не за час то? скачал видос какой-нибудь академии, посмотрел там кароче теги, в них хуячишь текст, вот еще ссылки и дивы, чтобы всю эту хуйню по странице разбросать, ну еще флоатить это все можно и позишеном двигать туда сюда кароч
туда же жс. вот вощем переменные там, массивы, цыклы бля, есть еще условия всякие иф елс хуелс. и все, можно устраиваться синьором на удаленку за 100+К
зато потом такое животное делает инпуты ебучими дивами и приходит сюда с раскрытым хайлом, чтобы ему туда нассали. а все потому что ВЕРСТКА УЧИЦЦА ЗА МЕСЯЦ))))) ЧО ТАМ СЛОЖНОВА)))) КВАДРАТИК С ТЕКСТОМ ЗНАЧИТ ДИВ)))) И ВСЕ)))
если ты этот мудила >>443541
, то иди переделывай. Ошибки свои смотри лучше, они перед глазами.
Я не тот пидорок. Но если там есть грубые ошибки, то укажи.
Я когда верстал особо не парился про "пиксель в пиксель" и конечно где-то схалявил. Я просто хотел начать курить продвинутый интенсив, и вот думаю стоит ли или пока потоптаться, но чтоб топтаться нужно узнать где косяки, сам не вижу вот и написал.
>main-content-item-instruments
Не проще сделать вложение в css? Ну или префиксами писать, чем такие простыни.
<button>
Какие различия?
Никаких, взаимозаменяемые.
главная сделана нормально, а вот страницы юзверей по пиздец
Охуенно, серьезно.
С названием классов ты на правильном пути, но методологии нет. Почитай про БЭМ обязательно.
Необязательно использовать БЭМ библиотеку, там у них охуенная методология по называнию классов.
Большая красная кнопка логин не ссылкой ли быть должна? А если и нет, то линк под значком проскакивает
Ну так он еще не смотрел продвинутый вроде. Просмотрит и БЭМ будет применять
Да спасибо,что-то с line-height намудрил, нужно было тупо абсолютно спозиционировать и все. Просто в макетах я некоторые вещи делал по разному, чтоб попрактиковаться и возможно не самые лучшие решения.
Вроде норм, но этот аутист всё портит.
Не могу понять где поворот картинок прописан вот тут: http://c12266.shared.hc.ru/duhot/index.html, просвети.
нет, я запутался на этом. Не получается никак сдвинуть чексбоксы. В итоге кашу наделал там.
Вроде оно:
.promo-block div:hover>b,
.reality-container:hover
.avatar-form{
animation-name:mirror;
animation-duration:1s;
}
Если тебе интересно как этот поворот делать, то вот видяшка
https://www.youtube.com/watch?v=nD8xqlh6Esk&list=PLLnpHn493BHGrSO0lNO-3SNuuoPuJrA1o&index=2
мимо-ОП
Хз я где-то с сентября. Я это делаю не спешно, т.к работаю, и достаточно стар.
фронтенд ориентирован на UI, улавливаешь? проще взять фронтенда, который будет верстать и писать на js, чем верстака и чистого js-программиста. другое дело в том, что нормального фронтенда не найдешь сейчас, а в мухосрани не найдешь работы для фронтенда.
олсо, некоторые фронтенды еще и бэк иногда правят. потому что иногда нужно поправить, а времени на ожидание нет.
дебил тупой, нахуя тогда класс clearfix делал? убейся нахуй, фронтенд не твое
да
ааа, блядь, как же ты прав, господи, 10 из 10 чаев тебе, братишка!
на больших проектах все пойдет по пизде, если вложения делать, потому и придумали БЕМ. вот только тут не по бем.
а scss на больших проектах не придумали? Да и на сколько больших, вряд ли кто-то среди нас будет заниматься проектами уровня яндекс. Ещё, кстати, есть Смакс, кто читал? Такие же простыни как у БЭМ?
gulp + jade + stylus (потому что он лучше чем sass) + gulp-bem, если собираешь проект(что быстрее и удобнее в большинстве случаев).
>scss на больших проектах не придумали?
scss - всего лишь препроцессор, он облегчает написание css. по сути, ты никуда от вложенностей не денешься, просто станешь быстрее писать, ибо не нужно больше добавлять фигурные скобки, двоеточия и прочее. компилятор сам все добавит и соберет код.
ты, видимо, не работал даже с простыми онлайн-магазинами, у которых вечно создаются новые разделы, ведь PM не спят, а вечно придумывают новые "фишечки для сайтов". даже в обычном онлайн-магазине ты с наследованиями заебешься бороться. говорю тебе как человек, параллельно поддерживающий 3 сайта на протяжении года, создававший новые разделы, переделывавший старые итп. если использовать наследования, обязательно проебешься где-нибудь. а когда сайт большой, это можно сразу не заметить, а потом ты от тестировщика по ебалу получишь и будешь переделывать.
>Да и на сколько больших, вряд ли кто-то среди нас будет заниматься проектами уровня яндекс
любой сайт, который больше лендинга, блога или сайта-обучалки какой-либо хуете, стоит делать по БЕМ, ибо потом может понадобиться что-то заменить, что-то переделать, сверстать точно такую-же страницу, но с другими стилями, и чтобы именно на ней отображались одни стили, а в остальных - другие. и тогда ты заебешься читать эти вложенности, гораздо проще блокам стили поменять, и читается легче.
Задача и решения следующие:
Задача 5
От веревки длинной 48 метров отрезали 3/4 части. Какой длины стала веревка?
Решение
1) 48 : 3/4 = 36 (м) отрезали от веревки;
2) 48 – 36 = 12 (м).
Ответ: веревка стала равна 12 метров.
В js она выглядит у меня так.
function rope(totalLength){
var cut = totalLength 3 / 4;
var residue = totalLength - cut;
return residue;
}
alert (rope(48));
Предположим, я захочу 3/4 заменить переменной. Соответственно, решение будет выглядеть так:
function rope(totalLength, inCut){
var cut = totalLength inCut;
var residue = totalLength - cut;
return residue;
}
alert (rope(48, ???));
Но я не знаю как записать те же 3/4 при вызове функции. Гугл дает инфу только про 10-ные дроби. Как в такой ситуации дать переменной inCut значение 3/4?
Задача и решения следующие:
Задача 5
От веревки длинной 48 метров отрезали 3/4 части. Какой длины стала веревка?
Решение
1) 48 : 3/4 = 36 (м) отрезали от веревки;
2) 48 – 36 = 12 (м).
Ответ: веревка стала равна 12 метров.
В js она выглядит у меня так.
function rope(totalLength){
var cut = totalLength 3 / 4;
var residue = totalLength - cut;
return residue;
}
alert (rope(48));
Предположим, я захочу 3/4 заменить переменной. Соответственно, решение будет выглядеть так:
function rope(totalLength, inCut){
var cut = totalLength inCut;
var residue = totalLength - cut;
return residue;
}
alert (rope(48, ???));
Но я не знаю как записать те же 3/4 при вызове функции. Гугл дает инфу только про 10-ные дроби. Как в такой ситуации дать переменной inCut значение 3/4?
я относительно верстки спрашиваю
Можешь передать вместо inCut аргументы a,b. А внутри скрипта уже объявить переменную inCut, которая равна a/b.
Кстати получить значение можно и перемножив длину на 3/4.
Хотя о втором забудь, в глаза ебусь.
что бы тебе тут ни посоветовали, не слушай тех питухов, кто скажет "верстать макеты". только время проебешь
что делать то ? почему не макеты ?
если ты только прошел курсы - кури интенсив базовый, потом продвинутый, потом js, а потом иди искать работу
в шапке есть ссылка на макеты от академии. Сиди и верстай их
>интенсив посмотри
С каждым новым тредом таких даунов все больше и больше. Просижу 50 тред, и больше не буду сюда заходить, ибо заебали такие уже.
Лично я захожу на themeforest, выбираю понравившийся макет и верстаю его от и до. Если вдруг что-то не получается, всегда можно заглянуть в исходный код.
+ не нужен фотожоп
+ картинки уже нарезаны
- картинки нужно выкачивать по одной если тупой индус не додумался сделать спрайт
спасибо, нашел ответ.
inline-block'и ведут себя как строки, есть такое свойство line-height, почитай про него.
Хорошо, попробуем по другому. Как сверстать подобное что на пике, только чтоб контент был красивенько по центру?
Скинь пример кода на codepen/jsfiddle/plnkr тогда и посмотрим.
С инглишом плоховато.
Блять, а как сделать этот язык что сверху?
Где можно можно посмотреть верстку бэмом, ту статью с хабра в шапке я видел. Очень мало обьяснений на примерах как верстать бэмом, зато куча пидорасов которые на конференция талдычать одно и тоже, зато примеров реалной верстки аж блять одна статья. Заходишь на ютуб посмотреть видео - там блять куча уебанов верстают ЧЕРЕЗ ПОЛНЫЙ СТЕК БЭМ, сборщики которые блять сука нахуй нихуя не работают, установи кучу всякой хуйни NPM, BEM-tools , BEMJSON, хуйсон, кучу всякой хуйни про которую блять неебешь в душе что это и как оно блять работает,УХ СУКА МОЯ ЖОПА В ОГНЕ.
Короче дайте дайте пример блять как по кошерному называть классы, как не путать блок с элементами , как блять это все работает на практике.
Что блять такое JSON, хотя нет, я знаю что это, как он блять работает на сайте? Почему это все покрывать 18 слоями абстаркций и почему не рассказать как работают эти абстракци? CСУКККА, ЭТИ СБОРШИКИ КОТОРЫЕ НИХУЯ НЕ РАБОЮТ!
про БЭМ (не полный стек, а просто именование классов) есть в продвинутом
Вот пример http://codepen.io/Ykro314/pen/ZQrvmm
Я хочу при наведении как бы отодвинуть ее границу, например, на 10 пикселей, а потом придвинуть обратно на 8. Тоесть запилить что-то типа обратного движения. Вы поймете о чем я, если поховерите на ней.
С @keyframes это делается очень легко. Собственно в примере так и делал. Но есть проблема, при деактивации ховера анимация жестко срывается. Переход обратно к состоянию через transition на кнопке не срабатывает.
Вопрос: можно ли добиться плавного эффекта возврата, то есть чтобы кнопка правильно возвращалась в свое базовое состояние с использованием именно анимаций? То есть как-то деактивировать этот ебучий срыв?
Алсо получилось найти альтернативное решение через эксперименты с кривыми Безье и transition-timing-function, раскомментируйте в ховоре обычный transform: scale(1.1) и закомментируйте анимацию если хотите потестить. Но это работает только на обычном линейном переходе, что нихуя не норм.
>Хорошо, а как это примерно выглядит?
Корень, в корне дохуя папок, в каждой из них так же дохуя папок, в общем охуенный такой каталог, где дохуя папок и файлов. Каждый файл - это скрипт. Скрипты бывают те, которые выполняются у пользователя в браузере - например яваскрипт, который проверят заполненность всех полей при регистрации, или те, которые выполняются на сервере, например получение данных из бд по какому-то запопросу. Для не разработчика выглядит просто непонятным складом хуйни, кучи php скриптов, яваскриптов хтмл, картинки и т.д.
В одном файле может быть как и язык разметки - хтмл, так и язык сценариев - пхп, яваскрипт, в пхп-функции ещё передаются языки запросов для работы с бд.
Бля, а для кого он в конце полчаса распинается о верстке по БЭМ (модификации Галахера) адаптивного барбершопа?
Не нравится этот - посмотри у Яндекса похожий.
https://ru.bem.info/forum/-661/
Ну же, котаны, везде это просто так подается, как будто все знают что это такое. А я видимо тупой и не понимаю, что где.
Контентные от слова контент лол.
Ну в смысле например фотки товаров в онлайн-магазине (их потом будут через cms загружать, а ты прописываешь через тэг img)
А оформительские от слова оформление. То бишь, картинки, предназначенные для оформления страницы (ваш кэп). Ну например фоновая картинка, либо мелкая графика (всякие рюшечки, значки, стрелочки). При том, что мелкая графика по-возможности обычно собирается в спрайт.
Если ты спрашиваешь для разделения на папки (как он говорит на базовом) - то забей и клади все в папку img (ибо на продвинутом на том же этот же чувак говорит, что можно разделять, а можно не разделять).
>Если ты спрашиваешь для разделения на папки (как он говорит на базовом) - то забей и клади все в папку img
Да, для этого и српашиваю. Ну ладно, img так img, так даже удобнее.
Посмотрм, посмотрим. Еще вопрос по верхнему язычку в седоне остался. Там два изображения - синий язык и рисуночек сверху. Как их слепить в кучу и сделать одним изображением? Я думал сделать язык через background -image центральной ячейки верхнего меню. Но проблемка в том что у языка нет отступа сверху. Или лучше сделать через абсолютное позицирование?
Какой нахуй язычек, лол, это часть логотипа выше, зачем ты его вообще включил в это изображение? Он накладывается сверху через абсолютное позиционирование и увеличенный зет-индекс.
http://codepen.io/anon/pen/NxyOgL
Не обращайте внимание на высоту картинки. Не знаю почему она получилась такой. У меня все нормально показывает, косяк только в контейнере.
Анон, который писал выше про седону, это не я. Не обоссывайте меня сильно, я только учусь.
Ширина изображения больше шиниры контейнера на пару пикселей.
Задай изображению ширину в 100%.
Это копия, сохраненная 23 февраля 2016 года.
Скачать тред: только с превью, с превью и прикрепленными файлами.
Второй вариант может долго скачиваться. Файлы будут только в живых или недавно утонувших тредах. Подробнее
Если вам полезен архив М.Двача, пожертвуйте на оплату сервера.