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

Провал Tailwind, инструмента для невежд

Блог компании ISPmanager Веб-дизайн *CSS *HTML *
Перевод
Привет, Хабр! Не так давно в нашем блоге вышел перевод статьи «Взлет и падение Bootstrap». Как указали в комментариях наши читатели, вскоре после публикации оригинального материала на Medium, на том же ресурсе появилось и опровержение. Чтобы вы могли оценить обе точки зрения, публикуем перевод этой статьи. Поскольку материал получился крайне объемным, мы решили разбить статью-опровержение на две части. По традиции, будем рады вашим комментариям и дополнениям! Позиция редакции может не совпадать с мнением автора =)

Томас Димнет написал статью под названием «Взлёт и падение Bootstrap», в которой он пытается впарить Failwind, как если бы он каким-то волшебным образом был лучше, чем bootcrap. Глупая и невежественная статья. И так вышло, что мой ответ на эту статью оказался настолько длинным, что я решил оформить его в отдельный материал.

Как обычно, я не подразумеваю под словами «невежество» и «невежда» какие-то страшные оскорбления. Таким образом я обозначаю людей, которым не известны наилучшие практики. Проблема в том, что фреймворки сами по себе накачаны таким огромным количеством глупостей, что написать статью совсем без ругательств и нападок попросту невозможно.


Читать дальше →
Всего голосов 28: ↑16 и ↓12 +4
Просмотры 3.7K
Комментарии 17

Игра Жизнь — клеточный автомат на HTML, JS

CSS *JavaScript *HTML *
Из песочницы
Tutorial

Игра Жизнь - это клеточный автомат созданный в 1970 году Джоном Конвеем.

Это не совсем игра, а просто симуляция клеток по определенным правилам.От игрока лишь требуется размещать эти клетки.

В этом посте мы сделаем "Игру Жизнь" на HTML странице при помощи CSS & JS.

Читать далее
Всего голосов 15: ↑3 и ↓12 -9
Просмотры 4.2K
Комментарии 15

Книга «Создаем динамические веб-сайты с помощью PHP, MySQL, JavaScript, CSS и HTML5. 6-е изд.»

Блог компании Издательский дом «Питер» Профессиональная литература *
image Хорошего дня, Хаброжители!

Новое издание бестселлера описывает как клиентские, так и серверные аспекты веб-разработки. Книга, наполненная ценными практическими советами и подробным теоретическим материалом, поможет вам освоить динамическое веб-программирование с применением самых современных технологий. Для закрепления усвоенных знаний автор расскажет, как создать полнофункциональный сайт, работающий по принципу социальной сети.

• Изучите важнейшие аспекты языка PHP и основы объектно-ориентированного программирования.
• Познакомьтесь с базой данных MySQL.
• Управляйте cookie-файлами и сеансами, обеспечивайте высокий уровень безопасности.
• Пользуйтесь фундаментальными возможностями языка JavaScript.
• Применяйте вызовы AJAX, чтобы значительно повысить динамику вашего сайта.
• Изучите основы CSS для форматирования и оформления ваших страниц.
• Освойте продвинутые возможности HTML5: геолокацию, обработку аудио и видео, отрисовку на холсте
Читать дальше →
Всего голосов 7: ↑6 и ↓1 +5
Просмотры 422
Комментарии 0

CSS 20 лет

Веб-дизайн *Интерфейсы *
image

Двадцать лет назад, 17 декабря 1996 года международный консорциум W3.org опубликовал рекомендации по использованию CSS Level 1. Этот момент официально считается днем рождения Cascading Style Sheets — формального языка описания внешнего вида страницы с использованием языка разметки (HTML, XHTML, XML и так далее).

Кембридж, Массачусетс, США — 17 декабря 1996 — Всемирный консорциум Wide Web (W3C) сегодня опубликовал рекомендацию для стилей веб-страниц. Мы рекомендуем CSS level 1 (CSS1). Он дает веб-дизайнерам мощный набор инструментов, который поможет им с выбором таких вещей как шрифты, цвета и поля страницы.

Спустя некоторое время CSS стал стандартным инструментом веб-разработки, при помощи которого многие до сих пор верстают страницы веб-сайтов.
Читать дальше →
Всего голосов 24: ↑18 и ↓6 +12
Просмотры 9.2K
Комментарии 7

27 августа приглашаем на онлайн-митап Hot Frontend

Информационная безопасность *Разработка веб-сайтов *ВКонтакте API *Конференции Дизайн игр *
Всем привет! В июле мы провели в Краснодаре первый митап по Backend-технологиям – а теперь самое время обсудить Frontend. Приглашаем на онлайн-митап с разработчиками SimbirSoft. Как всегда, участие бесплатное, а за самые интересные вопросы спикеры подарят полезные подарки.

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

24 октября приглашаем на онлайн-митап Hot Frontend в Казани

Разработка веб-сайтов *CSS *JavaScript *Canvas *ReactJS *
Всем привет! Приглашаем разобрать «горячие» вопросы Frontend-разработки на новом онлайн-митапе. Эксперты представят несколько кейсов из практики и ответят на вопросы слушателей. За самые интересные вопросы мы, как всегда, вручим полезные подарки. Ждем вас 24 октября, участие бесплатное.

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

RevolveR Contents Management Framework v.1.9.4.9

PHP *MySQL *CSS *JavaScript *HTML *
Recovery mode
Лет 10 назад мне нужна была какая-то система, чтобы вести блог о web-разработке и я использовал сильно хакнутый Drupal, который со временем стало невозможно обновить из-за груды костылей и постоянной нужде рыться под капотом после каждого update.

За 10 лет накопилось порядка 300 статей по верстке и front-end программированию, а также куча полезных сниппетов кода, которые я в последующем использовал для создания RevolveR Contents Management Framework на фирменной архитектуре KMV(Kernel<-Model<-View).

Kernel Model View архитектура
Всего голосов 21: ↑9 и ↓12 -3
Просмотры 3.8K
Комментарии 35

Запуск курса по автоматизации тестирования на Java

Блог компании GeekBrains Java *Тестирование веб-сервисов *

За семь месяцев студенты курса освоят основы Java, научатся автоматизировать тестирование веб-интерфейса и бэкенда на Java. Они выполнят четыре проекта, которые можно будет добавить в портфолио. Учебная программа разработана для практикующих тестировщиков и специалистов из других сфер ИТ.

Читать далее
Всего голосов 19: ↑4 и ↓15 -11
Просмотры 1.9K
Комментарии 1

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

Блог компании 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

Центризбирком РФ обфусцировал статистические данные выборов на своем сайте, вероятно, чтобы затруднить их анализ

Разработка веб-сайтов *Криптография *Реверс-инжиниринг *Законодательство в IT Статистика в IT

Российский ученый Сергей Шпилькин, известный своими исследованиями статистических аномалий в результатах российских выборов, в своем фейсбуке сообщил о том, что на сайте Центризбиркома РФ невозможно скопировать данные со страницы с результатами выборов.

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

Ссылка на страницу с примером: http://www.primorsk.vybory.izbirkom.ru/region/izbirkom?action=show&root=252000008&tvd=4254005265098&vrn=100100067795849&prver=0&pronetvd=null&region=25&sub_region=25&type=242&report_mode=null

Читать далее
Всего голосов 193: ↑189 и ↓4 +185
Просмотры 77K
Комментарии 572

Грузовой корабль к CSS. Запуски года: 92 всего, 34 от Китая. Успешно

Научно-популярное Космонавтика

Вячеслав Ермолин, 21 сентября 2021 г.

Успешный запуск китайского грузового корабля для орбитальной станции. Инфографика.

Читать далее
Всего голосов 12: ↑11 и ↓1 +10
Просмотры 963
Комментарии 14

Эксперты по криптографии увидели в сканировании контента на стороне клиента угрозу для демократии

Информационная безопасность *Криптография *Законодательство в IT IT-компании

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

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

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

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

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

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

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

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

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
Просмотры 878
Комментарии 0

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

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

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

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

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

Версия для печати

Habr
Очень не хватает нормальной версии для печати. Чтобы почитать хабра на бумаге приходится копировать текст в текстовый процессор. При печати из браузера на бумагу выводится куча ненужной информации — в результате на страницу влезает не весь текст.

Предлагаю сделать специальную версию stylesheet'a для печати. Чтобы при cmd+p (ctrl+p) выводился только текст записи: без навигации, рекламы и прочего.

Хороший пример того, что нужно сделать, на сайте simplebits.com (нажмите Print Preview в браузере).
Всего голосов 12: ↑7 и ↓5 +2
Просмотры 1.6K
Комментарии 11