Дайджест новостей и полезных статей из мира фронтенд-разработки за неделю 11–17 июля.
🧬 HTML
📔 Создадим табы на веб-компонентах. Для создания потребуется хорошо знать разметку, ариа-роли и UX.
Рубрика «html» - 5
Фронтенд-новости №15. CSS становится сложнее, VITE 3.0, самый высокий сайт в мире
2022-07-17 в 7:38, admin, рубрики: css, html, javascript, Блог компании HTML Academy, НовостиКак я перешел из нефтянки в IT за 1 год
2022-07-06 в 14:50, admin, рубрики: css, html, javascript, React, ReactJS, redux, войти в IT, первые шаги в it, план развития frontend разработчикаКак я Markdown парсер выбирал
2022-06-19 в 14:52, admin, рубрики: html, javascript, markdown, usability, Лайфхаки для гиков, сравнениеВступление
Я обожаю Markdown. Это мощный, но вместе с тем лаконичный язык разметки. В его основе лежит концепция разделения данных и представления, что делает его очень удобным в ряде применений, например в системах контроля версий. Поэтому, например, Markdown является стандартом для документации на GitHub.
Markdown широко распространен в вебе как язык разметки для текстовых редакторов: на сайтах для ведения блогов, в вики проектах и т. д. Я сам ежедневно использую Markdown, и не только в разработке ПО, но и для ведения заметок. Я использую программу ObsidianЧитать полностью »
Делаем отзывчивый и максимально возможный размер шрифта динамического текста относительно контейнера
2022-06-18 в 10:50, admin, рубрики: css, font, html, javascript, markdown, markup, react.js, ReactJS, responsive, дизайнПеред нами часто возникает задача, сделать текст отзывчивым в зависимости от размера экрана устройства. Казалось бы, задача вполне тривиальна, и сходу можно назвать несколько вариантов её решения, не ломая голову, но всегда есть дополнительные условия, которые усложняют выполнение простых задач. В данной статье мы будем рассматривать решение небольшой задачи: как сделать максимально возможный размер шрифта динамического текста в его родительском контейнере. Или же, как впихнуть невпихуемое.
Предисловие
Рекомендации по созданию RSS-фидов
2022-05-13 в 8:08, admin, рубрики: atom, Feeds, html, rss, rss feed, rss reader, usability, поисковая оптимизация, фиды
В этой статье представлены технические советы по ведению блога. Они никак не связаны с хорошим контентом, а рассказывают о том, как делиться этим контентом. Рекомендации выстроены в примерном порядке важности и имеют обоснования своей важности.
Форматы
Люди обычно называют фиды «RSS-фидами», но часто они не имеют в виду конкретно RSS. RSS — это не единственный и даже не самый лучший формат. Использование стандартизованного формата очень важно для того, чтобы ваш фид понимало максимальное количество ридеров и поисковых движков.
Вам нужно использовать RSS 2 или Atom. Эти форматы имеют очень широкую поддержку. Среди других популярных форматов более старые стандарты RSS и JSON Feed или Microformats h-feed. Я буду избегать использовать их или менее популярные форматы, потому что их поддержка не так широка.
Читать полностью »
11 хитростей Chrome DevTools, которые помогут Вам стать Senior FrontEnd-разработчиком
2022-05-01 в 10:26, admin, рубрики: chrome, chrome devtools, console, css, DevTools, Google Chrome, html, javascript, верстальщик, верстка, Разработка веб-сайтов, Учебный процесс в ITПредисловие
Я полагаю, что вы должны быть знакомы с браузером Chrome, так как это ближайший партнер разработчиков интерфейса. Мы можем использовать его для просмотра сетевых запросов, анализа производительности веб-страницы и отладки последних функций JavaScript.
В дополнение к этому, он также предоставляет множество мощных, но необычных функций, которые могут значительно повысить эффективность нашей разработки.
Давайте посмотрим.
1. Повторно отправить запрос XHR
Как развиваться программисту, не меняя работу
2022-04-30 в 15:39, admin, рубрики: html, pet-project, Блог компании Школа Loftschool, наставничество, опенсорс, пет-проект, преподавание, Программирование, развитие программиста, резюме, собеседования, удаленная работа, фриланс, хакатон
Можно ли расти профессионально, не меняя работу. Думаю, я не одна, кто задавался этим вопросом.
Как написать калькулятор на HTML и CSS без JavaScript
2022-04-16 в 20:28, admin, рубрики: css, html, skillfactory, Блог компании SkillFactory, декларативное программирование, ненормальное программирование, Программирование, селекторы, трюки, трюки в коде
Материалом о разработке калькулятора на CSS и HTML, без файла JS, тега script и обработчиков событий в HTML делимся к старту курса по Fullstack-разработке на Python. За подробностями приглашаем под кат.
Постановка задачи
Атрибуты HTML, которыми вы никогда не пользовались
2022-04-12 в 13:22, admin, рубрики: css, html, markup, атрибуты, разметка, теги, Формы ввода
В январе этого года Мэдисон Канна спросила у своих подписчиков в Twitter:
Какие языки/технологии вам бы хотелось изучить или узнать глубже в этом году?
Мой выбор: typescript, next.js, react, graphql, solidity, node — Мэдисон Канна (@Madisonkanna) January 3, 2022
Мой ответ был очень простым: HTML. И я ни в коей мере не был саркастичным или насмешливым. Разумеется, я неплохо знаю, какие теги использовать в каких случаях и как обеспечивать семантику и доступность моего HTML.
Однако существует целая куча малоиспользуемых атрибутов, о которых я забыл, и, вероятно, целая куча атрибутов, о существовании которых я и не знал. Этот пост стал результатом моих исследований, и я надеюсь, что он окажется для вас полезным при создании страниц на HTML.
Читать полностью »
4.04: День веб-мастера. Дело пахнет нафталином?
2022-04-04 в 9:00, admin, рубрики: 4.04, html, php, ruvds_статьи, Блог компании RUVDS.com, веб-мастер, день веб-мастера, Разработка веб-сайтов, Серверное администрированиеВпервые с веб-мастером я столкнулся в 2009 году. На вид это был типичный ботаник, который пришёл на встречу в кафе и шустро начал рисовать на бумаге схему будущего сайта. В тот момент он почему-то решил, что я и есть предприниматель, которому нужен сайт магазина чешского стекла. Но я был системным администратором большой компании и просто помогал знакомому договориться с джедаем сайтостроения. Мой собеседник сыпал умными словами, однако, суть была простой: фактически он предлагал стандартный сайт на Joomla, но мне собирался продать это минимум как разработку экстра-класса. Скоро мне надоела эта болтовня, я выдал свой ИТ-бэкграунд и мы расстались, покурив на прощание на крыльце. Мастер уехал на Toyota Land Cruiser, я на Ниве. Много думал. Сайт другу в итоге сделал веб-мастер из Самары: быстро, качественно, по разумной цене. На Joomla, конечно. Нет уже ни сайта, ни бизнеса, ни моей компании, судьбу веб-мастера я невольно отслеживал несколько лет среди френдов — он ушёл в энтерпрайзную Java-разработку.
Так получается, что веб-мастеринг тоже — того, всё?
Олдовый котик машет лапкой из олдового web 1.0. Кстати, многие лендинги и сайты выглядели как раз в стилистике этой картинки: куча цветов, максимум информации, непонятные клипарты и неизменный WordArt с самыми забористыми шрифтами
Читать полностью »