А если ширину окна менять

подключать целую библиотеку ради одной картинки

я бы просто вставил картинки в 3 колонки

вообще без головняков и нелепых хаков

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

Rustam Treller has been kicked for inactivity (captcha button not pressed).

Люди что такое див ?

Люди что такое див ?

Это блочный парный тег <div></div>

Это блочный парный тег <div></div>

Ну что так серьезно Див - Демонический персонаж восточнославянской мифологии. Упоминается в средневековых поучениях против язычников. Отголоски последнего значения есть в эпизодах "Слова о полку Игореве", где выражение "връжеся див на землю" воспринимается как предвестие несчастья. Див отвращал людей от опасных дел, появляясь в виде невидали. Увидав его и удивившись, люди забывали о том неправедном деле, которое хотели совершить. У поляков его называли есизник («Есть и зник», есть и пропал), то есть бог-видение.

Сижу читаю и тут такое Там еще и баг есть

О, древнеславянский фронтенд подъехал

Ну что так серьезно Див - Демонический персонаж восточнославянской мифологии. Упоминается в средневековых поучениях против язычников. Отголоски последнего значения есть в эпизодах "Слова о полку Игореве", где выражение "връжеся див на землю" воспринимается как предвестие несчастья. Див отвращал людей от опасных дел, появляясь в виде невидали. Увидав его и удивившись, люди забывали о том неправедном деле, которое хотели совершить. У поляков его называли есизник («Есть и зник», есть и пропал), то есть бог-видение.

По этому и надо использовать семантические теги

Баг – в английской мифологиии духи . Согласно легендам, баг – «детское» страшилище, даже в наше время англичанки пугают им своих детей.  Обычно эти существа имеют вид косматых чудищ со спутанной клочковатой шерстью. Многие английские дети верят, что баги могут проникнуть в комнаты, воспользовавшись открытыми печными трубами. Однако, несмотря на довольно устрашающую внешность, эти существа совершенно не агрессивны и практически безвредны, поскольку у них нет ни острых зубов, ни длинных когтей. Напугать они могут только одним способом – скорчив страшную уродливую рожу, растопырив лапы и подняв шерсть на загривке.

По этому и надо использовать семантические теги

Вот как изгнать злого духа просто поставить теги )))

Вот как изгнать злого духа просто поставить теги )))

Если буду когда-нибудь выступать с докладом по семантику на конференции, обязательно использую эту информацию

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

просто задай фиксированный размер блока в пикселях

Вот как изгнать злого духа просто поставить теги )))

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

Ребята всем привет! Прошел все бесплатные курсе на HTML Academy, на подписку нет денег. К сожалению... Что посоветуете далее для обучения?? Спасибо заранее за помощь))

Ребята всем привет! Прошел все бесплатные курсе на HTML Academy, на подписку нет денег. К сожалению... Что посоветуете далее для обучения?? Спасибо заранее за помощь))

codeacademy, freecodecamp

codeacademy, freecodecamp

Они на английском?

freecodecamp вообще идеален на старте для будущего фронтенд разработчика. Бесплатен, интерактивен. Только на английском.

Они на английском?

да

да

жаль... Уровень моего английского школьный 3 вэа раю фром и вотс ё нэйм

жаль... Уровень моего английского школьный 3 вэа раю фром и вотс ё нэйм

отличный стимул подучить еще и английский

Спасибо за дельный совет, пошел искать свою учительницу по инглишу

Спасибо за дельный совет, пошел искать свою учительницу по инглишу

это все очень смешно, но без английского в этой сфере многому ты не научишься

Спасибо за дельный совет, пошел искать свою учительницу по инглишу

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

Разъясни пожалуйста почему

Разъясни пожалуйста почему

не хочу

ты как моя бывшая)))) хахахаахахахахах не хочу не буду. Спасибо в общем, на добром))

@baget322 у тебя есть какие нибудь ссылки на проекты с идеальной версткой? Или статейки на эту темы

Ребята всем привет! Прошел все бесплатные курсе на HTML Academy, на подписку нет денег. К сожалению... Что посоветуете далее для обучения?? Спасибо заранее за помощь))

Самая лучшая учеба это практика, ищи уже заказы и учись на них

ты как моя бывшая)))) хахахаахахахахах не хочу не буду. Спасибо в общем, на добром))

ты просил ресурсы для обучения, я тебе их дал. Все твои шутеечки ваще не к месту. Не нравится что-то - ищи сам

Полюбому есть какая-то книга современная где вся инфа систематизирована. Потому что запоминат названия тегов и правила для тоже CSS по тому же http://htmlbook.ru это издевательство...

ты просил ресурсы для обучения, я тебе их дал. Все твои шутеечки ваще не к месту. Не нравится что-то - ищи сам

Я тебя услышал. На добром говорю же)) Или крайнее слово всегда за тобой?????

Может быть есть список тегов HTML, список правил важных на первоначальном этапе для CSS, на которые стоит обратить внимание??

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

Не охото просто попусту тратить время на ненужную инфу, а охото сразу взять и внять!! Чтобы начать понимать все это дело

Не охото просто попусту тратить время на ненужную инфу, а охото сразу взять и внять!! Чтобы начать понимать все это дело

Берёшь макет и делаешь

У тебя уже есть база. Ты прошёл курсы, теперь примени знания на практике

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

Книги тем более для фронтенда чуть более чем бесполезны(на начальном этапе).Если ты ищешь волшебную пилюлю то для верстки все просто берешь и делаешь вёрстку халявных макетов, но что бы зарабатывать на этом тут важна скорость работы.

Ребята всем привет! Прошел все бесплатные курсе на HTML Academy, на подписку нет денег. К сожалению... Что посоветуете далее для обучения?? Спасибо заранее за помощь))

Если ещё нет общего понимания,то в Ютубе есть море видосов к примеру frontcoder,webdeveloper,web design master,напиши в лс может вечером что-то ещё поскидую.

Друзья, возникает большая проблема с CSS? а именно с позиционированием элементов. Все разбегается хрен пойми куда и на друг друга накладывается...

Друзья, возникает большая проблема с CSS? а именно с позиционированием элементов. Все разбегается хрен пойми куда и на друг друга накладывается...

Ты просто не понимаешь позиционирование.

Друзья, возникает большая проблема с CSS? а именно с позиционированием элементов. Все разбегается хрен пойми куда и на друг друга накладывается...

Разбирись что когда от чего зависит.

Если ещё нет общего понимания,то в Ютубе есть море видосов к примеру frontcoder,webdeveloper,web design master,напиши в лс может вечером что-то ещё поскидую.

Спасибо за годный контент ютуба. webdeveloper да!! Зачетно парень объясняет. Только а ээээ его тяжело воспринимаются)))) Напишу позже, напомню по инфу

А с чем?

Да кто ж знает? Выкладывай код на codepen или jsfidle, посмотрим

Самая лучшая учеба это практика, ищи уже заказы и учись на них

Судя во вопросам человека, ему еще рановато во фриланс. Лучше взять парочку простых макетов, да сверстать

Полюбому есть какая-то книга современная где вся инфа систематизирована. Потому что запоминат названия тегов и правила для тоже CSS по тому же http://htmlbook.ru это издевательство...

Правильно ответили, что книга - это фигня. Если забыл что-то, можно быстренько загуглить, не обязательно заучивать каждый тэг и свойство

Да конечно... Какой тут может быть фриланс?? Чтобы подвести человека со сроками, в итоге протянуть его и выдать ему кривой результат. Пока нет))

Да конечно... Какой тут может быть фриланс?? Чтобы подвести человека со сроками, в итоге протянуть его и выдать ему кривой результат. Пока нет))

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

Да конечно... Какой тут может быть фриланс?? Чтобы подвести человека со сроками, в итоге протянуть его и выдать ему кривой результат. Пока нет))

Можно найти заказчика без срока и за отзыв, тогда особой ответственности нет и есть хорошая практика

Спасибо, я понял

Ребята подкиньте пожалуйста простой одностраничник для тренировки

Ня https://yadi.sk/d/RUOadAKBkgGrmg

И подпишись на рассылку htmlacademy, там макеты есть ну и всякое полезное

Ня https://yadi.sk/d/RUOadAKBkgGrmg

Спасибо

И подпишись на рассылку htmlacademy, там макеты есть ну и всякое полезное

Спасибо, подпишусь!

@baget322 у тебя есть какие нибудь ссылки на проекты с идеальной версткой? Или статейки на эту темы

Что значит идеальная верстка ?

ERROR: S client not available

Для того, чтобы понять, что она идеальна или близка к этом, надо время потратить, и не 5 минут)

Да и внутри проекта надо ещё самого смотреть как именно сделано, учтён ли компонентный подход и различные вариации изменения определенного компонента

@baget322 у тебя есть какие нибудь ссылки на проекты с идеальной версткой? Или статейки на эту темы

Идеалной вёрстки не существует, есть семантичная вёрстка, без использования лишних тегов, без построения хрупких конструкции в CSS, без названий классов на транслите и желателно с исползованием хотябы базового БЭМ.

Идеалной вёрстки не существует, есть семантичная вёрстка, без использования лишних тегов, без построения хрупких конструкции в CSS, без названий классов на транслите и желателно с исползованием хотябы базового БЭМ.

Чо то образцы 2014 года какие-то

Чо то образцы 2014 года какие-то

Что ты имеешь ввиду, не совсем понял.

Полюбому есть какая-то книга современная где вся инфа систематизирована. Потому что запоминат названия тегов и правила для тоже CSS по тому же http://htmlbook.ru это издевательство...

Для обретения базовых знаний книги идеально подойдут, к примеру, издательства O'Reilly. Но за актуальной инфой по любому тебе придеться обращаться к официальной документации и статьям на профильных сайтах. И в основном документация на инглише, особенно, если ты будешь углубляться в JS/SQL/PHP/Ruby/Python и т.д.

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

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

Шаблонизатор, сборщик и компоненты. Хорошая вёрстка - та, которую можно многократно использовать с небольшими доработками в разных проектах

Что ты имеешь ввиду, не совсем понял.

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

Для обретения базовых знаний книги идеально подойдут, к примеру, издательства O'Reilly. Но за актуальной инфой по любому тебе придеться обращаться к официальной документации и статьям на профильных сайтах. И в основном документация на инглише, особенно, если ты будешь углубляться в JS/SQL/PHP/Ruby/Python и т.д.

На данном этапе меня пока интересует HTML и CSS

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

Я даже не успел с БЭМом ознакомиться

Я даже не успел с БЭМом ознакомиться

Это ты зря на самом деле

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

Бэм умер?

БЭМ умер? ВТФ? Его Гугл продвигает

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

найди интенсивы HTML academy за этот год, а лучше пройти платно т.к. за бесплатно нет стимула заниматься и на много вопросов не ответит никто по программе, они очень хорошо этому обучают. ИЛи подпишись на канал Вадима Макеева на ютубе он разбирает популярные сайты на ошибки, много интересного можно узнать

Бэм тока в больших проектах нужен же

Бэм умер?

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

БЭМ умер? ВТФ? Его Гугл продвигает

Гугл?))))

Гугл?))))

Гугл

найди интенсивы HTML academy за этот год, а лучше пройти платно т.к. за бесплатно нет стимула заниматься и на много вопросов не ответит никто по программе, они очень хорошо этому обучают. ИЛи подпишись на канал Вадима Макеева на ютубе он разбирает популярные сайты на ошибки, много интересного можно узнать

А там есть что то, что не для дубовых новичков? ?

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

Когда это БЭМ умер? Что сейчас предлагаешь использовать место него? Не атомарный ли CSS?

Гугл?))))

Читал официальную статью от гугла, где они пишут юзайте бэм

Когда это БЭМ умер? Что сейчас предлагаешь использовать место него? Не атомарный ли CSS?

Стайлед компонентс))00

Читал официальную статью от гугла, где они пишут юзайте бэм

Можно пруф или хотя бы скажи в каком контексте они это писали ?

Можно пруф или хотя бы скажи в каком контексте они это писали ?

Гугли bem google

Когда это БЭМ умер? Что сейчас предлагаешь использовать место него? Не атомарный ли CSS?

Атомарный прикольный, но я его не применял глобально в каком-либо проекте

А там есть что то, что не для дубовых новичков? ?

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

Можно пруф или хотя бы скажи в каком контексте они это писали ?

https://github.com/google/material-design-lite/wiki/Understanding-BEM

https://github.com/google/material-design-lite/wiki/Understanding-BEM

Это что?)

Гугли bem google

https://developers.google.com/web/fundamentals/performance/rendering/reduce-the-scope-and-complexity-of-style-calculations