Pull to refresh

CSS 20 лет

Web design *Interfaces *
image

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

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

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

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

Information Security *Website development *VK API *Conferences Game design *
Всем привет! В июле мы провели в Краснодаре первый митап по Backend-технологиям – а теперь самое время обсудить Frontend. Приглашаем на онлайн-митап с разработчиками SimbirSoft. Как всегда, участие бесплатное, а за самые интересные вопросы спикеры подарят полезные подарки.

Читать дальше →
Total votes 3: ↑3 and ↓0 +3
Views 1.2K
Comments 0

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

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

Читать дальше →
Total votes 3: ↑3 and ↓0 +3
Views 1.1K
Comments 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 архитектура
Total votes 21: ↑9 and ↓12 -3
Views 3.8K
Comments 35

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

GeekBrains corporate blog Java *Web services testing *

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

Читать далее
Total votes 19: ↑4 and ↓15 -11
Views 2K
Comments 1

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

HTML Academy corporate blog Website development *JavaScript *Studying in IT IT career

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

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

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

Узнать подробнее
Total votes 15: ↑9 and ↓6 +3
Views 3.3K
Comments 2

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

Website development *Cryptography *Reverse engineering *Legislation in IT Statistics in 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

Читать далее
Total votes 193: ↑189 and ↓4 +185
Views 77K
Comments 572

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

Information Security *Cryptography *Legislation in IT IT-companies

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

Читать далее
Total votes 12: ↑12 and ↓0 +12
Views 4.6K
Comments 4

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

СберМаркет corporate blog JavaScript *HTML *Studying in IT IT career

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

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

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

Подробнее о стажировке
Total votes 3: ↑3 and ↓0 +3
Views 8.2K
Comments 15

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

Website development *CSS *JavaScript *HTML *

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

Читать далее
Total votes 14: ↑14 and ↓0 +14
Views 4.5K
Comments 3

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

Website development *CSS *JavaScript *HTML *IT-companies

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

Читать далее
Total votes 10: ↑10 and ↓0 +10
Views 9.3K
Comments 15

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

HTML Academy corporate blog Website development *CSS *HTML *Web services testing *

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

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

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

Читать далее
Total votes 4: ↑4 and ↓0 +4
Views 3.1K
Comments 3

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

Нетология corporate blog Website development *CSS *JavaScript *HTML *

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

Читать далее
Total votes 6: ↑3 and ↓3 0
Views 5.8K
Comments 0

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

HTML Academy corporate blog Website development *CSS *JavaScript *HTML *

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

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

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

Вот здесь
Total votes 2: ↑2 and ↓0 +2
Views 892
Comments 0

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

HTML Academy corporate blog Website development *CSS *HTML *

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

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

Читать далее
Total votes 2: ↑2 and ↓0 +2
Views 798
Comments 0

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

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

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

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

CSS исполнилось 10 лет

Lumber room
19 декабря W3C отметила 10 лет с момента принятия спецификаций стандарта CSS level 1. Специальные мероприятия по этому поводу прошли под девизом «10 лет со стилем».

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

На специальной страничке «Зала славы» перечислены сайты, внесшие значительный вклад в популяризацию CSS. Среди них есть всем хорошо известные тесты Acid, галереи Microsoft, CSS Zen Garden и другие, сделавшие принцип разделения контента и оформления признанным во всем мире.
Total votes 4: ↑4 and ↓0 +4
Views 430
Comments 0

Стоимость XHTML+CSS-вёрстки там, за бугром

Lumber room
Есть у меня любимый сайт, «Digital-web.com», который хорош ещё и тем, что на его страницах рекламируются интересные мне сетевые «конторы». Среди них есть и объект моего сегодняшнего пристального внимания — «PSD2HTML.com». Фирма занимается тем, что воплощает в XHTML+CSS-коде присланные клиентом макеты. 8 рабочих часов на вёрстку макета, как заявлено.

Мне понравилась раскладка стоимости за вёрстку одного макета. Не могу не рассказать об этом (не сочтите за рекламу).

Читать дальше →
Total votes 13: ↑11 and ↓2 +9
Views 1.9K
Comments 40

Альтернатива CAPTCHA.

Website development *
Вместо того, чтобы заставлять человека доказывать, что он не робот, можно попробовать заставить машину раскрыть себя.

Damien Katz предложил сделать это с помощью CSS.
Для этого, говорит он, нужно использовать поле ввода email, скрытое от пользотателя средствами CSS.

Когда человек заполнит форму, скрытое поле он заполнить не сможет, оно будет пустое. Но, если форму заполнит бот, он вставит в это поле какой-нибудь текст(он ведь не узнает, что это поле скрыто) и засабмитит её.

Таким образом, если среди данных, отправленных формой находится этот email, то форма была отправлена ботом.
Total votes 35: ↑27 and ↓8 +19
Views 5.5K
Comments 88