222. GitHub и npm, iPad с курсором, URL, липкие таблицы, User-Agent…
Веб-стандарты
00:00:40 События
00:04:09 GitHub и npm
00:18:07 iPad с курсором
00:23:38 История URL
00:32:54 Липкие таблицы
00:40:40 Жизнь без User-Agent
00:50:30 Вёрстка писем
00:56:22 Закрывайте теги!
00:04:09 GitHub и npm
00:18:07 iPad с курсором
00:23:38 История URL
00:32:54 Липкие таблицы
00:40:40 Жизнь без User-Agent
00:50:30 Вёрстка писем
00:56:22 Закрывайте теги!
Полторы тысячи попаданцев борятся на Джаваскриптоне за гречий. Присоединяйтесь и вы.
Тринадцать глав интерактивных курсов уже были исследованы. Помогите участникам открыть остальные и добраться до главного месторождения гречия!
Тринадцать глав интерактивных курсов уже были исследованы. Помогите участникам открыть остальные и добраться до главного месторождения гречия!
Как создать аккордеоновый эффект наведения с помощью box-shadows.
https://fossheim.io/writing/posts/css-box-shadow-animation/
https://fossheim.io/writing/posts/css-box-shadow-animation/
Если вы хотите узнать, что такое валидный код — читайте статью.
Разберёмся, что значит сам термин, как работает валидатор, и почему это важно.
Разберёмся, что значит сам термин, как работает валидатор, и почему это важно.
HTML Academy
Как проверить валидность HTML-разметки
Рассказали, зачем нужен валидатор, и как им пользоваться.
Media is too big
VIEW IN TELEGRAM
Для учителей и учащихся 6-11 классов мы вместе с благотворительным фондом «Айкью Опшн» и командой Geek Teachers подготовили бесплатный курс «Космическая вёрстка» для изучения основ HTML и CSS. Заявки на участие в проекте принимаются до 20 апреля — https://iqcharity.ru/projects/kosmos
🔺 Кто может принять участие?
Учителя информатики, технологии, математики, ведущие внеурочную деятельность в средних и старших классах государственных и муниципальных общеобразовательных организаций и организаций дополнительного образования Российской Федерации.
Прошедшие отбор преподаватели получат методическое пособие с презентациями и интерактивными заданиями, доступ к кабинету учителя на нашей платформе с возможностью отслеживать прогресс учеников и много других полезных материалов.
🔺 Кто может принять участие?
Учителя информатики, технологии, математики, ведущие внеурочную деятельность в средних и старших классах государственных и муниципальных общеобразовательных организаций и организаций дополнительного образования Российской Федерации.
Прошедшие отбор преподаватели получат методическое пособие с презентациями и интерактивными заданиями, доступ к кабинету учителя на нашей платформе с возможностью отслеживать прогресс учеников и много других полезных материалов.
Как найти время на учёбу и перестать гореть
Сейчас, когда многие ресурсы открывают доступ к своим материалам, хочется успеть всё и сразу: научиться верстать, готовить эталонный борщ, вязать носки или освоить каллиграфию. Рассылки, дайджесты, ленты в соцсетях, курсы — выбор огромен, но ухватиться за всё невозможно. Так как же найти время на учёбу и не упустить важное? Советы от Коли Шабалина, автора и преподавателя профессиональных курсов.
А есть ли проблема?
Прежде чем читать дальше, подумайте, как вы справляетесь с рабочими и домашними делами. Всё плохо, если вы:
- ничего не успеваете;
- постоянно чувствуете усталость;
- обещаете и не выполняете;
- каждый раз начинаете «с понедельника»;
- постоянно горите и вините себя за несделанное.
Если таких проблем у вас нет — не тратьте время и продолжайте заниматься своими делами. Если же в вышеперечисленных пунктах вы узнали себя — добро пожаловать в большинство! Давайте разбираться, что делать, чтобы не было так плохо.
Начните работать с календарём
Заведите себе календарь и первые две недели записывайте туда всё, чем вы занимались в течение дня: сколько спали, во сколько ели, когда работали, гуляли и т.д. О том, как трекать время, и что делать с полученными результатами, хорошо написано в книге Криса Бэйли «Мой продуктивный год».
В конце недели выделите время и проанализируйте, что получилось. Вы увидите, сколько времени уходит на домашние дела, работу, как часто вы недосыпаете и отвлекаетесь. Посмотрите внимательно и выкиньте всё самое ненужное.
Задайте себе вопрос: «если бы я этого не сделал, что-то бы изменилось?». Если нет — смело убирайте это занятие из своей рутины. Освободившиеся слоты старайтесь заполнить полезными занятиями. Например, пройдите интерактивные курсы.
Уберите шум
Минимизируйте отвлекающие факторы: отключайте уведомления из мессенджеров, отписывайтесь от пабликов/каналов, куда вы не заходите. Если вас раздражают сторис вашего коллеги в инстаграме — замьюте его. Выходите из бесполезных чатов, блокируйте людей, которые вам досаждают.
Модерируйте пространство вокруг себя: по возможности оставляйте только то, что приносит пользу или просто доставляет удовольствие (всем иногда нужно посмотреть на картинки с котиками).
Высыпайтесь
Научитесь высыпаться и определите, сколько часов нужно вашему организму, чтобы чувствовать себя комфортно в течение дня. Не жертвуйте сном: сначала вы можете не заметить последствия недосыпа, но бесследно он точно не пройдёт. Недостаток сна может препятствовать формированию памяти и способности последовательно формировать мысли и регулировать эмоции. Ложитесь пораньше, не пользуйтесь перед сном телефоном.
Учитесь в определённое время
Подходите к обучению осознанно.
Не надо учиться на уставшую голову или когда вокруг вас много отвлекающих факторов. Перед обучением мозг должен отдохнуть и настроиться на обучение. Постройте своё расписание так, чтобы каждый день вы учились в одно и то же время. В этом вам снова поможет календарь. Занесите туда все запланированные дела, посмотрите, во сколько и в какие дни у вас есть свободное время — и забронируйте его для учёбы.
Задавайте себе вопрос: «нужно ли мне это?»
Если у вас есть цель, например, стать фронтенд-разработчиком — составьте план, как этого достичь. Пропишите не абстрактные, а конкретные шаги, что вам нужно сделать и выучить, чтобы сменить профессию. Сейчас очень легко отвлечься от плана и браться за всё подряд. Возможностей много, а времени — нет.
Когда вы кидаетесь читать новую книги или статью, проходить ещё один курс — спросите себя, приведёт ли это к вашей цели. Всё, на что вы отвечаете «нет», оставьте на тот случай, когда цель будет достигнута.
Сейчас, когда многие ресурсы открывают доступ к своим материалам, хочется успеть всё и сразу: научиться верстать, готовить эталонный борщ, вязать носки или освоить каллиграфию. Рассылки, дайджесты, ленты в соцсетях, курсы — выбор огромен, но ухватиться за всё невозможно. Так как же найти время на учёбу и не упустить важное? Советы от Коли Шабалина, автора и преподавателя профессиональных курсов.
А есть ли проблема?
Прежде чем читать дальше, подумайте, как вы справляетесь с рабочими и домашними делами. Всё плохо, если вы:
- ничего не успеваете;
- постоянно чувствуете усталость;
- обещаете и не выполняете;
- каждый раз начинаете «с понедельника»;
- постоянно горите и вините себя за несделанное.
Если таких проблем у вас нет — не тратьте время и продолжайте заниматься своими делами. Если же в вышеперечисленных пунктах вы узнали себя — добро пожаловать в большинство! Давайте разбираться, что делать, чтобы не было так плохо.
Начните работать с календарём
Заведите себе календарь и первые две недели записывайте туда всё, чем вы занимались в течение дня: сколько спали, во сколько ели, когда работали, гуляли и т.д. О том, как трекать время, и что делать с полученными результатами, хорошо написано в книге Криса Бэйли «Мой продуктивный год».
В конце недели выделите время и проанализируйте, что получилось. Вы увидите, сколько времени уходит на домашние дела, работу, как часто вы недосыпаете и отвлекаетесь. Посмотрите внимательно и выкиньте всё самое ненужное.
Задайте себе вопрос: «если бы я этого не сделал, что-то бы изменилось?». Если нет — смело убирайте это занятие из своей рутины. Освободившиеся слоты старайтесь заполнить полезными занятиями. Например, пройдите интерактивные курсы.
Уберите шум
Минимизируйте отвлекающие факторы: отключайте уведомления из мессенджеров, отписывайтесь от пабликов/каналов, куда вы не заходите. Если вас раздражают сторис вашего коллеги в инстаграме — замьюте его. Выходите из бесполезных чатов, блокируйте людей, которые вам досаждают.
Модерируйте пространство вокруг себя: по возможности оставляйте только то, что приносит пользу или просто доставляет удовольствие (всем иногда нужно посмотреть на картинки с котиками).
Высыпайтесь
Научитесь высыпаться и определите, сколько часов нужно вашему организму, чтобы чувствовать себя комфортно в течение дня. Не жертвуйте сном: сначала вы можете не заметить последствия недосыпа, но бесследно он точно не пройдёт. Недостаток сна может препятствовать формированию памяти и способности последовательно формировать мысли и регулировать эмоции. Ложитесь пораньше, не пользуйтесь перед сном телефоном.
Учитесь в определённое время
Подходите к обучению осознанно.
Не надо учиться на уставшую голову или когда вокруг вас много отвлекающих факторов. Перед обучением мозг должен отдохнуть и настроиться на обучение. Постройте своё расписание так, чтобы каждый день вы учились в одно и то же время. В этом вам снова поможет календарь. Занесите туда все запланированные дела, посмотрите, во сколько и в какие дни у вас есть свободное время — и забронируйте его для учёбы.
Задавайте себе вопрос: «нужно ли мне это?»
Если у вас есть цель, например, стать фронтенд-разработчиком — составьте план, как этого достичь. Пропишите не абстрактные, а конкретные шаги, что вам нужно сделать и выучить, чтобы сменить профессию. Сейчас очень легко отвлечься от плана и браться за всё подряд. Возможностей много, а времени — нет.
Когда вы кидаетесь читать новую книги или статью, проходить ещё один курс — спросите себя, приведёт ли это к вашей цели. Всё, на что вы отвечаете «нет», оставьте на тот случай, когда цель будет достигнута.
Учёные, Аборигены и Корпорация идут на равных и продолжают изучать залежи гречия на Джаваскриптоне. Уже открыты 16 глав интерактивных курсов ⚡
Присоединяйтесь к космическим приключениям, учите HTML, CSS и JavaScript, добывайте гречий — https://tml.io/du8ce
Присоединяйтесь к космическим приключениям, учите HTML, CSS и JavaScript, добывайте гречий — https://tml.io/du8ce
Наш выпускник Евгений Сажнев учился в Самаре на финансиста и шесть лет проработал на госслужбе. В Академии он прошёл четыре профессиональных курса и за полтора года стал разработчиком.
Он рассказал о собеседованиях, тестовых заданиях и о новой работе.
Он рассказал о собеседованиях, тестовых заданиях и о новой работе.
HTML Academy
«Хочу из чиновников попасть в IT». О чём меня спрашивали на собеседованиях на фронтендера
Евгений Сажнев учился в Самаре на финансиста и шесть лет проработал на госслужбе — а после этого сменил профессию и за полтора года стал разработчиком.
Курс «JavaScript, уровень 2» стартует уже в понедельник, запись ещё открыта.
После прохождения курса вы будете уверенно программировать современные веб-приложения.
Что вас ждёт:
— живые лекции и общение с преподавателем;
— записи лекций для повторения материала;
— практические задания: работа над личным и учебным проектами;
— пошаговые демонстрации написания кода по учебному проекту;
— много материала для самостоятельного изучения,
— персональный наставник;
— сертификат.
После прохождения курса вы будете уверенно программировать современные веб-приложения.
Что вас ждёт:
— живые лекции и общение с преподавателем;
— записи лекций для повторения материала;
— практические задания: работа над личным и учебным проектами;
— пошаговые демонстрации написания кода по учебному проекту;
— много материала для самостоятельного изучения,
— персональный наставник;
— сертификат.
Впереди некоторых из нас ждут длинные выходные. И мы знаем, чем занять следующую неделю 😏 На «Акселератор» снижены цены и добавлены новые проекты!
«Круизы в Антарктику» — лендинг компании, специализирующейся на морских круизах в Антарктику. Несложный макет, который позволит потренироваться в построении сеток на флексбоксах и использовании html-форм.
Второй проект — магазин велосипедов. С его помощью вы поработает с флексбоксами, вставкой видео-блока и подключением интерактивной формы.
В зависимости от вашего опыта и желания вы можете делать проекты как с адаптивом, так и без него.
«Круизы в Антарктику» — лендинг компании, специализирующейся на морских круизах в Антарктику. Несложный макет, который позволит потренироваться в построении сеток на флексбоксах и использовании html-форм.
Второй проект — магазин велосипедов. С его помощью вы поработает с флексбоксами, вставкой видео-блока и подключением интерактивной формы.
В зависимости от вашего опыта и желания вы можете делать проекты как с адаптивом, так и без него.
l.htmlacademy.ru
Акселератор — HTML Academy
Получите первый опыт коммерческой разработки. «Акселератор» — это практика для верстальщиков и фронтенд-разработчиков с командой, горящими сроками и код-ревью.
Как анимировать текст с помощью SVG и CSS.
https://css-tricks.com/how-to-animate-text-with-svg-and-css/
https://css-tricks.com/how-to-animate-text-with-svg-and-css/
Написали для новичков руководство по работе с HTML-кодом на своём компьютере: разбираемся, в чём его писать и как запустить.
Forwarded from Веб-стандарты (Вадим Макеев)
Выпуск №223: Safari, третьи куки и ваши хранилища, Prettier, быстрые картинки, старые трюки, auto в CSS. Слушайте на Ютубе https://youtu.be/tGyF6Ro8_Pw, читайте на Медиуме https://medium.com/p/c6c4e4ff7c8f
223. Safari, третьи куки и ваши хранилища, Prettier, быстрые картинки…
Веб-стандарты
00:00:23 Подкасты
00:02:36 События
00:05:11 Safari и третьи куки
00:14:07 Safari и ваши хранилища
00:21:20 Спор про Prettier
00:33:51 Быстрые картинки
00:48:44 Старые трюки
00:59:35 Auto в CSS
00:02:36 События
00:05:11 Safari и третьи куки
00:14:07 Safari и ваши хранилища
00:21:20 Спор про Prettier
00:33:51 Быстрые картинки
00:48:44 Старые трюки
00:59:35 Auto в CSS
Участники операции Javascripton2020 не теряют времени даром и во всю исследуют залежи планеты. Они уже добрались до программирования, узнали всё о флексбоксах, возможностях HTML и CSS, и продолжают погружаться в мир веб-разработки (и гречия).
До 5 апреля ещё можно поучаствовать в операции и пройти открытые командами интерактивные курсы. Вперёд!
До 5 апреля ещё можно поучаствовать в операции и пройти открытые командами интерактивные курсы. Вперёд!
Недавно мы спросили наших читателей, что больше всего им мешает во время работы дома. Статистику нужно как-то красиво оформить, так почему бы не сделать SVG-график?
В туториале показали, как создавать SVG-элементы, добавлять им анимацию и интерактивность. А ещё собрали полезные материалы по теме.
В туториале показали, как создавать SVG-элементы, добавлять им анимацию и интерактивность. А ещё собрали полезные материалы по теме.
HTML Academy
Как сделать интерактивную SVG-диаграмму
Показали, как создавать SVG-элементы, добавлять им анимацию и интерактивность.
В магазине макетов появились два новых проекта: «Магазин косметики Maroon» и «Школа английского языка».
К каждому макету приложены инструкции с рекомендациями профессиональных фронтендеров и пример эталонной вёрстки.
К каждому макету приложены инструкции с рекомендациями профессиональных фронтендеров и пример эталонной вёрстки.
Отзывы студентов и имена лучших наставников двадцать седьмого потока «HTML и CSS, уровень 1» — в нашем отчёте.
