Submit Search
Upload
Basics of modern markup
•
Download as PPTX, PDF
•
0 likes
•
54 views
A
Alex Nesterenko
Follow
report in russian
Read less
Read more
Software
Slideshow view
Report
Share
Slideshow view
Report
Share
1 of 28
Download now
Recommended
24 hop - Deadlocks
24 hop - Deadlocks
Денис Резник
Слайды доклада о методологии вёрстки "БЭМ", придуманной в компании "Яндекс". Краткое описание методологии, принципов создания качественного css-кода, и применения "БЭМ" в WordPress
Вёрстка по методологии БЭМ
Вёрстка по методологии БЭМ
versusbassz
Роман Комаров — «Механизм работы браузера»
Роман Комаров — «Механизм работы браузера»
Yandex
Vasiliy Vanchuk - Стили на пользу пользователю Вы сами можете управлять тем, как выглядит любой сайт. Это просто, это законно, это полезно. Рассказ о том, как можно раскрасить Вконтакте.
Стили на пользу пользователю - MinskCSS #1 15 декабря
Стили на пользу пользователю - MinskCSS #1 15 декабря
Vasiliy Vanchuck
Что такое пользовательский интерфейс? Как делать интерфейсы?
05 HappyDev-lite-2015 autumn. Михаил Хохлов. Front-end.
05 HappyDev-lite-2015 autumn. Михаил Хохлов. Front-end.
HappyDev-lite
Артем Маркушев - HTML & CSS
Артем Маркушев - HTML & CSS
DataArt
Препроцессором сейчас уже никого не удивишь. С их помощью упрощается синтаксис css, добавляются переменные, условия и циклы. Все это хорошо и замечательно, но часто — не достаточно. Препроцессоры не дадут изменить уже существующий css, который вы получаете из внешних источников, не перепишут ссылки на картинки и шрифты при перемещении файлов в новую папку, не отсортируют css-свойства в нужном вам порядке и не удалят из файлов лишние правила. Во всех этих случаях, а также во многих других вам помогут постпроцессоры. В своем докладе я расскажу, что такое постпроцессоры, какие они бывают и чем отличаются друг от друга. Объясню почему использовать их лучше, чем править css вручную и с помощью регулярных выражений, а также приведу примеры их использования в ежедневной работе.
Зачем нужны постпроцессоры при живых препроцессорах — Алексей Иванов, JetStyle
Зачем нужны постпроцессоры при живых препроцессорах — Алексей Иванов, JetStyle
Yandex
Я занимаюсь CSSO. В ходе работы над ним мне пришлось погрузиться в процесс парсинга CSS. В результате парсер (тот, что в CSSO) был не раз переписан. Пришло время сделать его отдельным инструментом. Новый быстрый детальный парсер CSS, его AST, области применения и кое-что ещё.
Парсим CSS
Парсим CSS
Roman Dvornov
Recommended
24 hop - Deadlocks
24 hop - Deadlocks
Денис Резник
Слайды доклада о методологии вёрстки "БЭМ", придуманной в компании "Яндекс". Краткое описание методологии, принципов создания качественного css-кода, и применения "БЭМ" в WordPress
Вёрстка по методологии БЭМ
Вёрстка по методологии БЭМ
versusbassz
Роман Комаров — «Механизм работы браузера»
Роман Комаров — «Механизм работы браузера»
Yandex
Vasiliy Vanchuk - Стили на пользу пользователю Вы сами можете управлять тем, как выглядит любой сайт. Это просто, это законно, это полезно. Рассказ о том, как можно раскрасить Вконтакте.
Стили на пользу пользователю - MinskCSS #1 15 декабря
Стили на пользу пользователю - MinskCSS #1 15 декабря
Vasiliy Vanchuck
Что такое пользовательский интерфейс? Как делать интерфейсы?
05 HappyDev-lite-2015 autumn. Михаил Хохлов. Front-end.
05 HappyDev-lite-2015 autumn. Михаил Хохлов. Front-end.
HappyDev-lite
Артем Маркушев - HTML & CSS
Артем Маркушев - HTML & CSS
DataArt
Препроцессором сейчас уже никого не удивишь. С их помощью упрощается синтаксис css, добавляются переменные, условия и циклы. Все это хорошо и замечательно, но часто — не достаточно. Препроцессоры не дадут изменить уже существующий css, который вы получаете из внешних источников, не перепишут ссылки на картинки и шрифты при перемещении файлов в новую папку, не отсортируют css-свойства в нужном вам порядке и не удалят из файлов лишние правила. Во всех этих случаях, а также во многих других вам помогут постпроцессоры. В своем докладе я расскажу, что такое постпроцессоры, какие они бывают и чем отличаются друг от друга. Объясню почему использовать их лучше, чем править css вручную и с помощью регулярных выражений, а также приведу примеры их использования в ежедневной работе.
Зачем нужны постпроцессоры при живых препроцессорах — Алексей Иванов, JetStyle
Зачем нужны постпроцессоры при живых препроцессорах — Алексей Иванов, JetStyle
Yandex
Я занимаюсь CSSO. В ходе работы над ним мне пришлось погрузиться в процесс парсинга CSS. В результате парсер (тот, что в CSSO) был не раз переписан. Пришло время сделать его отдельным инструментом. Новый быстрый детальный парсер CSS, его AST, области применения и кое-что ещё.
Парсим CSS
Парсим CSS
Roman Dvornov
Методологии верстки. Краткий обзор таких методологий, как БЭМ, AMCSS, OOCSS, Atomic CSS, OPOR, MCSS, SMACSS, FUN, DoCSSa. Плюсы и минусы методологий.
Методологии верстки
Методологии верстки
Elizaveta Selivanova
Занятие со спецкурса в ОмГУ, 2014 год
Спецкурс 2014, занятие 9 (2 часть). Code conventions and best practices
Спецкурс 2014, занятие 9 (2 часть). Code conventions and best practices
7bits
Short review of css metodologies
A вы верите в систематизацию
A вы верите в систематизацию
Irina Levina
Большинство считает CSS чем-то простым и не заслуживающим внимания. Но за мнимой простотой кроется большая сложность и огромный пласт проблем, не имеющих пока решения. Современный CSS с его объёмами, новыми фичами, разной поддержкой и багами браузеров, уже почти не поддается анализу человеком. Для этого появляются программы, которые разбирают CSS на атомы, анализируют и помогают сделать его лучше. Как к этому прийти, где мы сейчас и что ещё предстоит сделать.
CSS глазами машин
CSS глазами машин
Roman Dvornov
“Language Oriented Programming для Flash-разработчиков” Евгений Потапенко и Иван Дембицкий расскажут о новых возможностях, которые возникают благодаря новейшим технологиям программирования. На конкрентых примерах вы узнаете что такое языковые расширения, как они могут облегчить вам жизнь, сделать программу понятнее и короче. Покажут как это реализовано в Realaxy ActionScript Editor и ответят на ваши вопросы.
Dembitsky/Potapenko
Dembitsky/Potapenko
DevGAMM Conference
Основы языка разметки HTML и каскадных таблиц стилей (CSS)
Стажировка 2016-07-06 03 Евгений Тарасенко. Основы HTML и CSS (часть 1).
Стажировка 2016-07-06 03 Евгений Тарасенко. Основы HTML и CSS (часть 1).
SmartTools
Работа со статикой в Django
Работа со статикой в Django
MoscowDjango
Основы CSS
Основы CSS
sneemb
Html5 css3 занятие 2
Html5 css3 занятие 2
Html5 css3 занятие 2
Алексей Дементьев
О вёрстке. Рассказывает Вера Шныренкова.
Подходы к вертске
Подходы к вертске
Andrew Vdovichenko
Презентация подготовлена по материалам выступления Юрия Бондаренко на витебском MiniQ#14, который был проведен 25 апреля 2019: https://vk.com/miniq14; https://communities.by/events/miniq-vitebsk-14. Про доклад: В докладе я расскажу о том, как писать стили на чистом "ванильном" CSS. Мы рассмотрим возникающие перед вертальщиком практические задачи и способы их решения.
CSS. Практика
CSS. Практика
Vitebsk Miniq
Html5 css3 занятие 3
Html5 css3 занятие 3
Html5 css3 занятие 3
Алексей Дементьев
Html5 css3 занятие 4
Html5 css3 занятие 4
Html5 css3 занятие 4
Алексей Дементьев
More Related Content
Similar to Basics of modern markup
Методологии верстки. Краткий обзор таких методологий, как БЭМ, AMCSS, OOCSS, Atomic CSS, OPOR, MCSS, SMACSS, FUN, DoCSSa. Плюсы и минусы методологий.
Методологии верстки
Методологии верстки
Elizaveta Selivanova
Занятие со спецкурса в ОмГУ, 2014 год
Спецкурс 2014, занятие 9 (2 часть). Code conventions and best practices
Спецкурс 2014, занятие 9 (2 часть). Code conventions and best practices
7bits
Short review of css metodologies
A вы верите в систематизацию
A вы верите в систематизацию
Irina Levina
Большинство считает CSS чем-то простым и не заслуживающим внимания. Но за мнимой простотой кроется большая сложность и огромный пласт проблем, не имеющих пока решения. Современный CSS с его объёмами, новыми фичами, разной поддержкой и багами браузеров, уже почти не поддается анализу человеком. Для этого появляются программы, которые разбирают CSS на атомы, анализируют и помогают сделать его лучше. Как к этому прийти, где мы сейчас и что ещё предстоит сделать.
CSS глазами машин
CSS глазами машин
Roman Dvornov
“Language Oriented Programming для Flash-разработчиков” Евгений Потапенко и Иван Дембицкий расскажут о новых возможностях, которые возникают благодаря новейшим технологиям программирования. На конкрентых примерах вы узнаете что такое языковые расширения, как они могут облегчить вам жизнь, сделать программу понятнее и короче. Покажут как это реализовано в Realaxy ActionScript Editor и ответят на ваши вопросы.
Dembitsky/Potapenko
Dembitsky/Potapenko
DevGAMM Conference
Основы языка разметки HTML и каскадных таблиц стилей (CSS)
Стажировка 2016-07-06 03 Евгений Тарасенко. Основы HTML и CSS (часть 1).
Стажировка 2016-07-06 03 Евгений Тарасенко. Основы HTML и CSS (часть 1).
SmartTools
Работа со статикой в Django
Работа со статикой в Django
MoscowDjango
Основы CSS
Основы CSS
sneemb
Html5 css3 занятие 2
Html5 css3 занятие 2
Html5 css3 занятие 2
Алексей Дементьев
О вёрстке. Рассказывает Вера Шныренкова.
Подходы к вертске
Подходы к вертске
Andrew Vdovichenko
Презентация подготовлена по материалам выступления Юрия Бондаренко на витебском MiniQ#14, который был проведен 25 апреля 2019: https://vk.com/miniq14; https://communities.by/events/miniq-vitebsk-14. Про доклад: В докладе я расскажу о том, как писать стили на чистом "ванильном" CSS. Мы рассмотрим возникающие перед вертальщиком практические задачи и способы их решения.
CSS. Практика
CSS. Практика
Vitebsk Miniq
Html5 css3 занятие 3
Html5 css3 занятие 3
Html5 css3 занятие 3
Алексей Дементьев
Html5 css3 занятие 4
Html5 css3 занятие 4
Html5 css3 занятие 4
Алексей Дементьев
Similar to Basics of modern markup
(13)
Методологии верстки
Методологии верстки
Спецкурс 2014, занятие 9 (2 часть). Code conventions and best practices
Спецкурс 2014, занятие 9 (2 часть). Code conventions and best practices
A вы верите в систематизацию
A вы верите в систематизацию
CSS глазами машин
CSS глазами машин
Dembitsky/Potapenko
Dembitsky/Potapenko
Стажировка 2016-07-06 03 Евгений Тарасенко. Основы HTML и CSS (часть 1).
Стажировка 2016-07-06 03 Евгений Тарасенко. Основы HTML и CSS (часть 1).
Работа со статикой в Django
Работа со статикой в Django
Основы CSS
Основы CSS
Html5 css3 занятие 2
Html5 css3 занятие 2
Подходы к вертске
Подходы к вертске
CSS. Практика
CSS. Практика
Html5 css3 занятие 3
Html5 css3 занятие 3
Html5 css3 занятие 4
Html5 css3 занятие 4
Basics of modern markup
1.
Основы современной верстки
2.
HTML - Валидность - Семантичность
3.
Валидность <!DOCTYPE html>
4.
Проверка валидности - Синтаксис -
Закрывающие тэги - Наличие обязательных атрибутов - Вложенность тэгов - Названия тэгов и атрибутов
5.
Семантичность
6.
Шаблонизаторы - Haml - Pug
(ex Jade) - Mustache - ...
7.
Pug
8.
CSS - Наследование - Каскад -
Специфичность
9.
Наследование
10.
Каскад
11.
Специфичность (вес) cssspecificity.com
12.
Тест
13.
Еще тест
14.
Проблемы - Вложенность - Пересечение
стилей - Специфичность
15.
Вложенность
16.
Пересечение стилей и
специфичность
17.
Пересечение стилей и
специфичность
18.
19.
Модульность - Изолированность - Переиспользование
(DRY) - Легкая модификация
20.
Методологии - OOCSS - CMACSS -
AMCSS - БЭМ - ….
21.
БЭМ
22.
БЭМ структура и
нейминг
23.
Частые ошибки
24.
Пре- и постпроцессоры
25.
Препроцессоры - Less - Sass -
Stylus - ...
26.
Бэм и Less
27.
Постпроцессоры - PostCss - Autoprefixer -
Pleeease - ...
Editor's Notes
Соответствие стандарту
Download now