stDragon

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

Вопрос с подковыркой. Занимаюсь версткой ни так долго порядка года. Чистый CSS и HTML знаю нормально + где надо JS. Но на фрилансерских сайтах часто натыкаюсь на заказы типо "сверстать под фреймворк *****" задался вопросом что надо учить, раз рынок требует, выбрал bootstrap. Прочтение мануала ввело меня в полнейший ступор. Фреймворк тяжелый сам по себе подключает ряд библиотек на джава, использует LESS и много букв кода. так вот собственно вопрос технология CSS создавалась чтобы вынести все стили в отдельный файл и как следствие сделать более читабельным HTML код а здесь я вижу чтобы вместо того чтобы банальному банальный display: inline-block; присвоен целый класс, который опять же записывается в HTML документе только теперь все это с использованием дополнительных ресурсов мощности. шо за бред? или я не секу фишку?

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

он и так не выводится, т.к. заключен в html коментарии проблема заключена в тексте, который я обозначил звездочками внутри скобок и кавычек. его вывод обязателен. там как раз и есть вся информация... а можно по подробней обяснить /g это глобальный поиск. я нашел \? как мне в голову приходит что перед вопросом нужен слешь [\s\S] не соображу *? тоже не соображу.

сам порядка недели сидел вечерами и пытался понять какие дисплеи в приоритете. Статей толковых для теликов не нашел вот сайт который мне посоветовали для просмотра тенденций экранов http://gs.statcounter.com/#resolution-ww-monthly-200903-201203 самое подходящее что нашел это вот эту статью на хабре http://habrahabr.ru/post/125247/ для себя лично решил что буду делать по онлайн шаблонам вот этого тестового сайта: http://quirktools.com/screenfly/ если уж заказчику будет что-то более конкретное то можно воспользоваться этим сайтом http://screenqueri.es/ вообще телевизоры все сельнее начинают входить в обиход, как и мобильные дивайсы. и по мне (записал в блокнотике =) ) надо изобритать какой-то новый подход для них. уж слишком много свободного места на телевизорах простаивает в пустую (хоть в две колонны выводи как газету) так что тут поля действия для креатива не пахано)

картина такая. 1C+PHP делают обычную таблицу прайсе с 4 колонками. доступа к PHP и серверу нету. изменить PHP нету возможности. создается эта таблица в таком вот виде <tr> <td class="PrD">10653</td> <td class="PrN"><!--? echo HSC("CD-R Oxion 700Mb 52x Инь-Янь")?--></td> <td class="PrD">шт</td> <td class="PrS">9.00</td> <td class="PrD">Нет</td> </tr> <!--? echo HSC(" ************* ")?--> код который выводиться не должен. для удаления его я использую document.body.innerHTML = document.body.innerHTML.replace(/" echo HSC("/g,''); НО этот скрипт отказывается работать с символами <!--? скобкой и кавычкой. я уже замучился перебирать варианты. даже в качестве спец символов записывал их. не получается. объясните что я делаю не так зы. да я знаю что это костыль. все это делается для создания нового прототипа сайта. старый находится в отвратительном состоянии весь кривой и застрял в дизайне 90-х, но на полную реформацию "добро" еще не получено. так что сейчас ограничивается все front end частью.

спасибо, пока у меня не было доступа на сервер, понял чтобы получить наследование надо изменить максимум на минимум и перевернуть в голове модель)

Наверно глупый вопрос, но я не совсем понимаю при прогрессивной верстке /*==общий код для самых маленьких дисплеев==*/ @media screen and (max-width: 480px){ телефоны } @media screen and (max-width: 768px){ планшеты } @media screen and (max-width: 992px){ мониторы } у нас сверху вниз наследование происходит? то есть 768 будет в себя включать 480 или же там надо будет все это про дублировать еще раз. Интересуюсь с целью сокращения кода. если наследуется то супер.

Спасиб за статистику, и ссылочку про мобилы, ток вот со статистикой какая-то смешная тенденция если 1900х1200 1366x768 1600х1200 заметно растет количество пользователей с годами что логично, как вы сказали ноутбуки с таким разрешением преобладают, да и люди стали их чаще покупать то вот 1280х1024 1280х768 и 1280x800 по сути неизменно и колеблется по сезонам (летом меньше). но вот строчка "неизвестно" которая резко увеличивается меня очень смущает, потому что в конце она обгоняет всех на порядок... правильно ли я подумал, что это мобильные устройства???

Подскажите пожалуйста список большинства популярных разрешений для резиновой верстки с использованием: @media screen and (max-width: ***px){} Для деспотов: 1024x768, 1280x1024, 1680x1050, 1920x1080 эти как я понял ноутбуков: вообще не знаю планшетов: 7" и 10.1" но как понимаю есть еще небольшой зоопарк от Sumsung + Ретина дисплеи + еще горизонтальное и вертикальное расположение смартфонов: ??? там вообще грандиозный зоопарк... игровых приставок: (PS3 Xbox) точнее скорее для широкоформатных телевизоров. цель простая. хочу сделать собственный набросок или пару набросков для адаптивной верстки под свои нужды. Вообще идеальным было бы если бы дали ссылку на статейку или ряд статей из которых можно сделать выдержки для себя. То что удавалось найти мне сводиться в большей части к пустым фразам, что надо использовать разные разрешения без конкретных цифр.

да всебы замечательно только там коментарии никто не пишет практически

брат художник подкинул идейку для интересного эффекта "трансформации", но поскольку скил в JS слабоват, не могу понять каким образом можно обратиться с условием к элементу, что если их контуры пересекаются в процессе параллакса, то они меняют цвет, а их логическая разность сохраняет исходный цвет. собственно параллакс запилил довольно быстро (хотя и пока схематично): http://codepen.io/stDragon/full/mbFjz а вот с инверсией цвета встрял на месте. вот так должно (схемотично) выглядеть https://docs.google.com/open?id=0BzoXOi2obvx_d0F1Zk9vdmFmeDg подскажите пожалуйста в какую сторону копать (предполагаю что canvas), какими элементами оперировать чтобы это реализовать. Если скинете какие нибудь статьи схожие по прицепу, буду вообще счастлив и благодарен.

а если сделать элемент просто прозрачным? filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); /* IE 5.5+*/ 2 -moz-opacity: 0; /* Mozilla 1.6 и ниже */ 3 -khtml-opacity: 0; /* Konqueror 3.1, Safari 1.1 */ 4 opacity: 0; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9+ */