white_dog

Пользователь

Регистрация: 29.08.2019

Сообщения: 1697

Рейтинг: 38

Нарушения: 110

white_dog

Регистрация: 29.08.2019

Сообщения: 1697

Рейтинг: 38

Нарушения: 110

Meepka сказал(а):

У меня тоже вопрос. как правильно писать @media выражения чтобы сайт не жрал кучу памяти?

Нажмите, чтобы раскрыть...

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

интересно что такое кучу памяти? вместо 10 байт, 20?

Meepka

Пользователь

Регистрация: 08.10.2012

Сообщения: 1944

Рейтинг: 485

Meepka

Регистрация: 08.10.2012

Сообщения: 1944

Рейтинг: 485

white_dog сказал(а):

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

Нажмите, чтобы раскрыть...

Ну вот разберись в чем проблема? потом расскажешь

white_dog

Пользователь

Регистрация: 29.08.2019

Сообщения: 1697

Рейтинг: 38

Нарушения: 110

white_dog

Регистрация: 29.08.2019

Сообщения: 1697

Рейтинг: 38

Нарушения: 110

Meepka сказал(а):

Ну вот разберись в чем проблема? потом расскажешь

Нажмите, чтобы раскрыть...

зачем мне это?roflanLico.png

мне хватает font-color, background: red в этом ксс

Meepka

Пользователь

Регистрация: 08.10.2012

Сообщения: 1944

Рейтинг: 485

Meepka

Регистрация: 08.10.2012

Сообщения: 1944

Рейтинг: 485

white_dog сказал(а):

зачем мне это?roflanLico.png

Нажмите, чтобы раскрыть...

ну ты же сказал, там легко.

white_dog

Пользователь

Регистрация: 29.08.2019

Сообщения: 1697

Рейтинг: 38

Нарушения: 110

white_dog

Регистрация: 29.08.2019

Сообщения: 1697

Рейтинг: 38

Нарушения: 110

Meepka сказал(а):

ну ты же сказал, там легко.

Нажмите, чтобы раскрыть...

ну и чем это сложно? скинь ресурс, где это объясняется

niganthas

Пользователь

Регистрация: 10.09.2015

Сообщения: 14

Рейтинг: 1

niganthas

Регистрация: 10.09.2015

Сообщения: 14

Рейтинг: 1

Meepka сказал(а):

не правильно, не благодари

Нажмите, чтобы раскрыть...

https://codepen.io/niganthas/pen/gOOZjrK


Meepka

Пользователь

Регистрация: 08.10.2012

Сообщения: 1944

Рейтинг: 485

Meepka

Регистрация: 08.10.2012

Сообщения: 1944

Рейтинг: 485

niganthas сказал(а):
Нажмите, чтобы раскрыть...

не правильно я банально добавил label и у тебя все поехало.

Спойлер: "йуйцу"

Whynot228

Пользователь

Регистрация: 24.06.2013

Сообщения: 188

Рейтинг: 121

Whynot228

Регистрация: 24.06.2013

Сообщения: 188

Рейтинг: 121

img

niganthas

Пользователь

Регистрация: 10.09.2015

Сообщения: 14

Рейтинг: 1

niganthas

Регистрация: 10.09.2015

Сообщения: 14

Рейтинг: 1

Meepka сказал(а):

не правильно я банально добавил label и у тебя все поехало.

Спойлер: "йуйцу"

Нажмите, чтобы раскрыть...

Ну так ты условие поменял. Конечно можно обвернуть все в див и позиционировать относительно его. А для условия выше, более чем.

Meepka

Пользователь

Регистрация: 08.10.2012

Сообщения: 1944

Рейтинг: 485

Meepka

Регистрация: 08.10.2012

Сообщения: 1944

Рейтинг: 485

niganthas сказал(а):

Ну так ты условие поменял. Конечно можно обвернуть все в див и позиционировать относительно его. А для условия выше, более чем.

Нажмите, чтобы раскрыть...

напиши мне как правильно стилизовать input[type='checkbox'] во всех состояниях (default, checked, disabled)

Какое условие я поменял? ты изначально даже не правильно сделал разметку если что

niganthas

Пользователь

Регистрация: 10.09.2015

Сообщения: 14

Рейтинг: 1

niganthas

Регистрация: 10.09.2015

Сообщения: 14

Рейтинг: 1


Я показал суть. Используешьнужный селектор состояния(я сделал checked) и псевдоелементы(before/after) их можно поменять на любой div например, но затрагивая разметку. И оборачивать label`ом инпут - плохая практика, лучше использовать атрибут for.

Podpivasik

Пользователь

Регистрация: 14.07.2018

Сообщения: 30012

Рейтинг: 11111

Нарушения: 40

Podpivasik

Регистрация: 14.07.2018

Сообщения: 30012

Рейтинг: 11111

Нарушения: 40

Meepka сказал(а):

У меня тоже вопрос. как правильно писать @media выражения чтобы сайт не жрал кучу памяти?

Нажмите, чтобы раскрыть...

эти запросы ничего не жрут. лучше скрипты оптимизируй

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

Lileef

Пользователь

Регистрация: 14.11.2019

Сообщения: 80

Рейтинг: 6

Lileef

Регистрация: 14.11.2019

Сообщения: 80

Рейтинг: 6

Meepka сказал(а):

напиши мне как правильно стилизовать input[type='checkbox'] во всех состояниях (default, checked, disabled)

Какое условие я поменял? ты изначально даже не правильно сделал разметку если что

[/QUOTE]

https://codepen.io/Lileef/pen/Jjjwmjqня

Нажмите, чтобы раскрыть...

niganthas

Пользователь

Регистрация: 10.09.2015

Сообщения: 14

Рейтинг: 1

niganthas

Регистрация: 10.09.2015

Сообщения: 14

Рейтинг: 1

Meepka сказал(а):

напиши мне как правильно стилизовать input[type='checkbox'] во всех состояниях (default, checked, disabled)

Какое условие я поменял? ты изначально даже не правильно сделал разметку если что

[/QUOTE]

Сделай по своему используя только тег input, хочу посмотреть как правильно.

Нажмите, чтобы раскрыть...

Корнеплод

Пользователь

Регистрация: 22.10.2019

Сообщения: 591

Рейтинг: 293

Корнеплод

Регистрация: 22.10.2019

Сообщения: 591

Рейтинг: 293

https://www.codecademy.com

Только скипай Grid и учи вместо него Flex

Lileef

Пользователь

Регистрация: 14.11.2019

Сообщения: 80

Рейтинг: 6

Lileef

Регистрация: 14.11.2019

Сообщения: 80

Рейтинг: 6

Корнеплод сказал(а):

https://www.codecademy.com

Только скипай Grid и учи вместо него Flex

Нажмите, чтобы раскрыть...

почему grid скипать?

schot

Пользователь

Регистрация: 05.11.2019

Сообщения: 12

Рейтинг: 3

schot

Регистрация: 05.11.2019

Сообщения: 12

Рейтинг: 3

img
Forecasted сказал(а):

Hello everyoneHeyGuys.png


Я уже начал учить HTML и CSS. Первая ссылка по запросу в гугле "html and css free lessons" привела меня на сайт codeacademy.org.


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


Также я решил учиться по двум источникам одновременно - чтобы смотреть на проблемы с разных углов. В качестве второго источника я выбрал канал на ютубе "Quentinn Watt tutorials". Не жалуюсь, у чела хорошая дикция, приятный голос и как по мне обьясняет он доходчиво. Но так как я полный новичок, я не могуОБЬЕКТИВНОоценить насколько из него классный учитель. Мне просто нравится формат видео, и т.д


Прошу тех кто шарит в это деле оценить насколько хороши эти 2 источника. И еще прошу знающих людей посоветовать другие сайты для изучения HTML/CSS, может есть и получше, ибо я выбрал то что мне предложил гугл. Желательно такие где ты можешь сразу выполнять задания во время урока, чтобы в моей голове закрепилась информация. Ну а если тупо читать уроки и пытаться запомнить информацию без закрепления практикой - у меня все вылетает из головы буквально через 5 минут.



Спойлер: "Одно из видео"



Нажмите, чтобы раскрыть...


Ютуб: Канал Гоша Дударь

А вообще, находишь какой нибудь шаблон landing page и разбираешь его, пробуешь что либо менять. Html/css нужно учить именно на практике. Ознакомься с тегами и начинай разбирать готовые одностраничники. После этого найди простенький макет и сверстай его.
После переходи к изучению js и php/phyton/ruby (опять же можешь найти видеоуроки на канали у Гоши Дударя), либо же курсы Михаила Руссакова (можешь скачать пиратские курсы)

hzzz

Пользователь

Регистрация: 20.06.2013

Сообщения: 1893

Рейтинг: 520

hzzz

Регистрация: 20.06.2013

Сообщения: 1893

Рейтинг: 520

Сам учу потихоньку по этому материалу:https://klondikecity.info/book/HTML-XHTML-CSS2.pdf

Тут трудно что-то не понять и преподносится не скучно

Lileef

Пользователь

Регистрация: 14.11.2019

Сообщения: 80

Рейтинг: 6

Lileef

Регистрация: 14.11.2019

Сообщения: 80

Рейтинг: 6

hzzz сказал(а):

Сам учу потихоньку по этому материалу:https://klondikecity.info/book/HTML-XHTML-CSS2.pdf

Тут трудно что-то не понять и преподносится не скучно

Нажмите, чтобы раскрыть...

за какой годэтот материал ? ))

Корнеплод

Пользователь

Регистрация: 22.10.2019

Сообщения: 591

Рейтинг: 293

Корнеплод

Регистрация: 22.10.2019

Сообщения: 591

Рейтинг: 293

Lileef сказал(а):

почему grid скипать?

Нажмите, чтобы раскрыть...

Устарел, учить его сложнее чем Flex, а пригодится с шансом 0.01%

hzzz

Пользователь

Регистрация: 20.06.2013

Сообщения: 1893

Рейтинг: 520

hzzz

Регистрация: 20.06.2013

Сообщения: 1893

Рейтинг: 520

Lileef сказал(а):

за какой годэтот материал ? ))

Нажмите, чтобы раскрыть...

2014 (

Lileef

Пользователь

Регистрация: 14.11.2019

Сообщения: 80

Рейтинг: 6

Lileef

Регистрация: 14.11.2019

Сообщения: 80

Рейтинг: 6

Корнеплод сказал(а):

Устарел, учить его сложнее чем Flex, а пригодится с шансом 0.01%

Нажмите, чтобы раскрыть...

нто когда он устарел?) его юзать намного удобней когда есть и десктоп и мобайл верстка

Корнеплод

Пользователь

Регистрация: 22.10.2019

Сообщения: 591

Рейтинг: 293

Корнеплод

Регистрация: 22.10.2019

Сообщения: 591

Рейтинг: 293

Да флексится все нормально на мобилкахroflanPominki.png

Lileef

Пользователь

Регистрация: 14.11.2019

Сообщения: 80

Рейтинг: 6

Lileef

Регистрация: 14.11.2019

Сообщения: 80

Рейтинг: 6

Корнеплод сказал(а):

Да флексится все нормально на мобилкахroflanPominki.png

Нажмите, чтобы раскрыть...

никто не спорит, я тебе говорю как проще и меньше писать )

white_dog

Пользователь

Регистрация: 29.08.2019

Сообщения: 1697

Рейтинг: 38

Нарушения: 110

white_dog

Регистрация: 29.08.2019

Сообщения: 1697

Рейтинг: 38

Нарушения: 110

Podpivasik сказал(а):

эти запросы ничего не жрут. лучше скрипты оптимизируй

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

Нажмите, чтобы раскрыть...

2 фронтера, которые не плохо изучили свою тему, начали доказывать себе и другим, что они чтото сложное и важное изучают) что значит макаки самоучки, для которых каждая новая для них технология - как в первый раз. Прикинь что будет, если дать реакт «гению» на месяц(!!!) книжку по какому-нибудь спрингу или там джанго хотябы) он же не выдержит)


schot сказал(а):


Ютуб: Канал Гоша Дударь

А вообще, находишь какой нибудь шаблон landing page и разбираешь его, пробуешь что либо менять. Html/css нужно учить именно на практике. Ознакомься с тегами и начинай разбирать готовые одностраничники. После этого найди простенький макет и сверстай его.
После переходи к изучению js и php/phyton/ruby (опять же можешь найти видеоуроки на канали у Гоши Дударя), либо же курсы Михаила Руссакова (можешь скачать пиратские курсы)

Нажмите, чтобы раскрыть...

Че уже устроился девелопером по гайдам гоши дударя? Xd

Что учил? Java или С++(за час)?