Адаптивный дизайн

что-то не заметил этого, там все через DOM...

Ладно, сделал тест, 1000 (тысяча) <span>число</span>

(размножил в notepad++)

Меняю фон на черный у всех 1000 одновременно на js через групповые операции,

все работает МГНОВЕННО !!! Сам даже удивился... ожидал все же 0.5 сек, а нет, тут реально все МГНОВЕННО !

🤣 уморил.

Ну раз ты JS тестируешь, то и создал бы динамически, нафига Notepad++-то нужен )))

P.S. А время чем измерял? Или просто выводил таймер до и после?

размножить в нотпаде++ быстрее (три нажатия клавишь), зачем засорять код лишним...

время не буду мерить, лень, я вижу глазом что мгновенно и мне достаточно.

Если ты играешь в святого Форму Неверущего, твое дело, можешь

сам такой же эксперимент проделать и убедится что 1000 элементов

сегодня это не проблема.

P.S. любопытно как ты измерять время будешь, операция css асинхронные, ф-ия возвращается в момент ее вызова.

:) Похоже ты отстал от современного асинхронного програминга в js. Я же уже выше объяснил что css в отдельном процессе

или трэде или нити запускается не блокируя основную нить браузера.

Не понял: а в каком месте я выразил сомнения или недоверие? Ахтунг! Это фриндлифаер! Я же свой! 🤣

Опять не понял: а в каком месте я собирался измерять время выполнения css?

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

Измерить можно, но надо читать доки по асинхронному програмингу js - мне сейчас лень, а по памяти не помню.

погугли - demo DOM html speed measurement или как-то, там много впечатляющих демок кажется там я видел и больше 1к элементов

Да, по видимому сейчас все очень даже не плохо с DOM-ом

собственно тест

http://mol.js.org/app/bench/#count=1000/sample=native-dom~native-html

Brand from Amber, Вы так и не ответили на вопрос почему не меняется ссылку при наведении js-ом?

Вовсе нет. Точнее это кривой подход.

Правильный - mobile first.

Использование srcset - как одно из решений этого подхода для графики.

мы используем модель

- несколько растянутый по ширине и высоте резиновый холст на который приколоты в центр тяжести прямоугольники (элементы гуи). Тогда их размер и пропорции не изменяются при увеличении и уменьшении размера холста.

Либо прямоугольники приклеены - тогда они изменяют свои размеры при масштабировании. минимаьные марджины между элементами.

С приходом флекс бокс стало возможно изменять размеры блоков и отступов в меньшей (большей) степени чем растяжение (сжатие) холста. (не прямо пропорционально)

Часть элементов появляются или скрываются при сжатии/растяжении.

то есть не так уж и просто... рядовой дизайнер воспитанный на css трюках с марджинами в пикселях как правило не справляется...(без знания флекс-бокс) т.е. делает нечто отдаленно похоже ведущее себя от того как было изначально задумано..

Угу, именно поэтому нынче столько современный сайтов, на которых сидеть просто неприятно, центральная колонка 500 пкс и шрифт 72 размера, норм. Мобайл ферст, пацаны.

---------- Добавлено 05.11.2017 в 16:03 ----------

Оба метода - довольно уродоивые костыли, не надо их называть будто это какой-то стандарт общепринятый.