@frontend_school #статья #HTML #JavaScript

CANVAS шаг за шагом: Основы

Если верить англо-русскому словарю, то можно узнать что canvas переводится как холст, а если верить википедии, то можно узнать что тег canvas, это элемент HTML 5, который предназначен для создания растрового изображения при помощи JavaScript. Тому как создать это растровое изображение и будет посвящена сегодняшняя статья. Прежде чем начинать пробовать свои силы в этом не легком деле рекомендуется уже иметь базовые знания о том что такое HTML и с чем едят JavaScript.

@frontend_school #статья #HTML #CSS

10 современных раскладок в одну строку CSS-кода

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

@frontend_school #навигация

Навигация на канале

Для более удобного взаимодействия с каналом мы сделали инструкцию по взаимодействию с рубриками и направлениями канала:

#интересное - интересные проекты и заметки.

#статья - полезные статьи.

#викторина - ежедневные викторины.

#викторина_недели - еженедельные викторины с несколькими вопросами на время.

#задача - задачи на различные темы и по разным технологиям.

#ответ_на_задачу - способ решения ранее заданной задачи.

#туториал - туториалы и пошаговые инструкции применения различных технологий.

#видео - видео с лекциями и уроками.

#юмор - смешные картинки и видео, связанные с веб-разработкой и программированием.

#полезное - полезные сервисы и статьи, которые помогут проще и быстрее освоить ту или иную технологию.

#HTML, #CSS, #JavaScript - дополнительные теги, уточняющие тематику публикации.

Также не забывайте про наш главный чат Frontend.school("Чат"), где можно пообщаться на тему фронтенд-разработки, а также задать свой вопрос и получить ответ.

@frontend_school #статья #HTML

Секреты использования семантической верстки в HTML5

В этой статье вы узнаете как пользоваться семантической разметкой в HTML5 и как это делать правильно.

@frontend_school #статья #HTML #CSS

Краш-тест вёрстки

Студенты делают страницу «чётко по макету». Ровно с теми же текстами, картинками и формами, что в дизайне. Это правильно. Есть дизайн, надо сверстать. Но по неопытности они часто не задумываются, что это всё-таки сайт, а не картинка. И что нужно сверстать так, чтобы можно было поменять текст. Или порядок полей в форме. Или добавить новые поля. Или удалить старые. Или даже собрать новую страницу из существующих блоков. И надо, чтобы сайт не развалился. В этой статье разбираются типичные ошибки новичков.

@frontend_school #статья #HTML #Canvas

Индикатор искусственного горизонта на HTML5 canvas

В этой статье будет представлено воплощение средствами HTML5 одной из необычных идей по визуализации пространственного положения управляемого объекта. Код может использоваться в браузерных играх, имитирующих управление транспортным средством в трехмерном пространстве. Статья очень интересная!

Читать статью

@frontend_school #статья #HTML

Секреты использования семантической верстки в HTML5

Если вы более менее знакомы с HTML, то вы должны знать про HTML теги, которые в большинстве своём используются для форматирования контента — они говорят браузеру как показывать контент на странице. Они не дают определение типу содержащегося контента или какую роль играет контент на странице.
В этой статье вы узнаете как пользоваться семантической разметкой в HTML5 и как это делать правильно.

Читать статью

@frontend_school #статья #HTML

Расширенный HTML

В этой статье вы непосредственно от автора библиотеки узнает обо всех её возможность и преимуществах перед обычным HTML.

Читать статью

@frontend_school #статья #HTML

10 полезных советов для веб-разработчиков по загрузке файлов в HTML

Возможность загрузки файлов является ключевым требованием для многих веб- и мобильных приложений. От загрузки фотографии в социальные сети до публикации резюме на веб-сайте портала о вакансиях file upload — везде. Веб-разработчики должны знать, что HTML обеспечивает нативную поддержку загрузки файлов с небольшой помощью JavaScript. В этой статье обсудят 10 случаев использования поддержки загрузки файлов HTML.

Читать статью

​​Забудьте про div, семантика спасёт интернет

Существует два типа верстальщиков — те, кто используют только div и те, кто использует семантическую вёрстку. Сразу скажем, вторые круче! И в этой статье вы узнаете почему.

Читать статью

@frontend_school #статья #HTML

​​Малоизвестные, но крутые атрибуты в HTML

Все знаю такие HTML-атрибуты, как src, href и прочие, которые применяет каждый фронтенд-разработчик. Но помимо них существуют ещё несколько любопытных, которые не так часто применяются и не так известны, как остальные. В этой статье вы узнаете о некоторых из них.

Читать статью

@frontend_school #статья #HTML

​​Что лучше использовать: ссылки или кнопки

При вёрстке макета не всегда понятно, что перед нами — кнопка или ссылка. Внешне эти элементы могут быть очень похожи, но их функции различаются и браузер реагирует на них по-разному. Поэтому неправильный выбор может привести к ошибкам в работе веб-страницы. Если дизайнер по каким-то причинам не отрисовал состояния вообще, то придётся руководствоваться логикой, описанной в этой статье.

Читать статью

@frontend_school #статья #HTML

Ответы на популярные вопросы по HTML

Даже изучая вёрстку, у нас копятся множество вопросов. HTML — технология древних, поэтому многое там может быть не очевидно и путать.

Чтобы вопросы у вас не копились, делимся большой статьёй, где, скорее всего, вы найдёте ответ на то, что вас интересует: https://www.frontendinterviewhandbook.com/ru/html-questions

@frontend_school #статья #html