Как стать автором
Обновить
  • по релевантности
  • по времени
  • по рейтингу

Как я в десять раз ускорил работу таблицы Google одной строкой CSS

Блог компании Timeweb Cloud Разработка веб-сайтов *CSS *
Перевод
Наша компания использует Google Search Console для проверки статуса индексации и оптимизации видимости наших веб-сайтов. Также в консоли можно проверить, какие внешние веб-сайты ссылаются на вашу страницу. Однажды я просматривал страницу «Top linking sites» и заметил сильное торможение скроллинга. Оно происходило, когда я выбирал отображение большого массива данных (500 строк) вместо стандартных 10 результатов.


Раздел «Top linking sites» в Google Search Console, 500 строк на страницу

Я интересуюсь производительностью фронтенда, поэтому не мог удержаться и решил разобраться, в чём дело. В конце концов, Google активно стремится к повышению веб-производительности, поэтому стоит ожидать, что собственные публичные приложения компании будут хорошим эталоном.
Читать дальше →
Всего голосов 84: ↑84 и ↓0 +84
Просмотры 22K
Комментарии 26

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

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

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

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

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

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

Читать дальше →
Всего голосов 3: ↑3 и ↓0 +3
Просмотры 879
Комментарии 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.6K
Комментарии 35

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

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

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

Читать далее
Всего голосов 19: ↑4 и ↓15 -11
Просмотры 1.7K
Комментарии 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
Просмотры 2.8K
Комментарии 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
Просмотры 75K
Комментарии 570

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Читать дальше →
Всего голосов 13: ↑11 и ↓2 +9
Просмотры 1.7K
Комментарии 40

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

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

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

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

Таким образом, если среди данных, отправленных формой находится этот email, то форма была отправлена ботом.
Всего голосов 35: ↑27 и ↓8 +19
Просмотры 5.3K
Комментарии 88

Cascading Style Sheets

Терминология IT
И первое упражнение.

Как нужно правильно переводить "CSS"?
Как это уже переводили, понравилось ли вам?
Может нужно вообще избегать перевода?
Всего голосов 9: ↑7 и ↓2 +5
Просмотры 1.4K
Комментарии 16

Консоль разработчика в Opera

Opera
Еженедельная сборка браузера Opera 9.20 под номером 8713 отметилась замечательным нововведением, хорошо знакомым пользователям Firefox, — консолью разработчика (Developer Console)!

Консоль будет доступна из меню Tools(Сервис)-Advanced(Дополнительно)-Developer Console(Консоль разработчика)

Читать дальше →
Рейтинг 0
Просмотры 5.9K
Комментарии 1

Консоль разработчика в Opera

Opera
Еженедельная сборка браузера Opera 9.20 под номером 8713 отметилась замечательным нововведением, хорошо знакомым пользователям Firefox, — консолью разработчика (Developer Console)!

Консоль будет доступна из меню Tools(Сервис)-Advanced(Дополнительно)-Developer Console(Консоль разработчика)

Читать дальше →
Всего голосов 45: ↑38 и ↓7 +31
Просмотры 15K
Комментарии 78

Плюшками балуемся

Чулан
А мы тут плюшками балуемся. «Хабр», раздел «Работа» (главная, резюме, подраздел). XHTML+CSS. Пробуем, переделываем, снова пробуем. Эдакая разминка для мозга, знаете ли.

Заново написан весь код, внешний вид сохранён по мере возможности. Обкатываем повторяющиеся элементы, встречающиеся так же и в других страницах «Хабра» (например, блочок с кармометром, листалка).

Шрифты масштабируемы теперь и в IE тоже, код довольно легковесен, люб валидатору, ну и всё в таком духе.
Всего голосов 15: ↑15 и ↓0 +15
Просмотры 428
Комментарии 23

Плюшками балуемся. Часть 2

Чулан
Продолжаем заниматься любимым делом Карлсона.

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

CSS рулят, друзья мои.

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