Вся активность

Этот поток обновляется автоматически   

  1. Вчера
  2. Имелось в виду что адаптивны в современных браузерах с поддержкой @media, а в ie7 и ie8 просто работают достаточно кроссбраузерно, извините если ввёл в заблуждение
  3. А в чём выражается тут адаптивность в ИЕ7 и ИЕ8? Вы сами проверяли свои работы в этих браузерах?
  4. Здравствуйте, меня зовут Олег, я начинающий верстальщик, мне нужно несколько работ для портфолио, поэтому я предлагаю сделать вёрстку вашего сайта по psd макету совершенно бесплатно. Я закончил курсы по вёрстке сайтов в учебном центре «Специалист» при МГТУ им. Н.Э.Баумана, также читал справочник и различные статьи, достаточно хорошо знаю HTML, CSS, и базовый JavaScript. Примеры моих работ: https://oleg900.github.io/EH/ адаптивный, с поддержкой ie9+. https://oleg900.github.io/LEO-SHOP/ не адаптивный, с поддержкой ie9+. https://oleg900.github.io/Book-shop/ адаптивный, с поддержкой ie7+, (ie7, ie8 работает, но не адаптивный). https://oleg900.github.io/Servers/ не адаптивный, с поддержкой ie8+. https://oleg900.github.io/Freelancer/ не адаптивный, с поддержкой ie9+. http://aqua-somiky.xyz/ адаптивный, с поддержкой ie8+, (ie8 работает, но не адаптивный). Связаться со мной можно по электронной почте: Oleg90s@mail.ru, или стучитесь в скайп: olegoleghgf.
  5. А самому попробовать ? Не разу не использовал Pull и Push в бутстрап. При грамотном подходе они просто не нужны. Если возникают какие то сложности, проще сверстать отдельно взятый блок ТАК как вам нужно, не стоит становится заложником технологии. Как вариант, не большие элементы можно подвигать через translate или position. Про JS уже написали. Выбирайте что вам подходит. Успехов.
  6. тут написано, что надо сделать https://developers.google.com/speed/pagespeed/insights/?url=https%3A%2F%2Fhutor.kh.ua%2F&tab=desktop
  7. Так я пологаю тоже не получится? <container> <div class="row"> <div class="col-xs-12 col-md-12"> <div>1</div> <div class="col-xs-push-12">3</div> </div> <div class="col-xs-12 col-md-12"> <div class="col-xs-pull-12">2</div> <div>4</div> </div> </div> </container>
  8. Или js или дублировать блоки, по другому никак
  9. https://www.webpagetest.org/result/170429_T0_JD5/ Я бы не скачал что всё так плохо.
  10. Можно ли при такой структуре поменять местами при маленьких экранах блоки c текстом 2 и 3? <container> <div class="row"> <div class="col-xs-12 col-md-12"> <div>1</div> <div>3</div> </div> <div class="col-xs-12 col-md-12"> <div>2</div> <div>4</div> </div> </div> </container> т. е. сперва идёт обычный порядок 1 3 2 4, а при размере col-xs-12 меняется на 1 2 3 4
  11. возможно из-за подключённого бутстрапа и джейквери
  12. Последняя неделя
  13. Здравствуйте! Только что закончил работу над лендингом и перешел к его оптимизации. Перед этим решил его проверить с помощью сервиса Pingdom: https://tools.pingdom.com Показатели следующие: Performance grade: 97 Page size: 3.5 MB Requests: 93 Load time: 60 СЕКУНД! Голова трещит, что переспелый арбуз, не могу понять, в чем причина столь долгой загрузки? Буду искренне благодарен за экспертное мнение. Адрес лендинга: https://hutor.kh.ua/ P.S. Проверял этим сервисом сторонние лендинги, с весом и обращениями в 2-3 раза превышающие мои. Скорость загрузки у них всего несколько секунд.
  14. Здравствуйте, в Англии есть выделенные сервера для тех кому нужен широкий безлимитный гарантированный канал 24/7. При заказе от двух серверов скидка 10$ Для заказа напишите в поддержку OSHQ.ru Dell Poweredge R410 Dual Intel Xeon E5620 CPU 64GB RAM 4 x 2TB SATA Hardware RAID 10/6/5/0 Linux OS / Self install OS 1Gbit Port - Гарантированный 24/7 Unmetered Bandwidth Up to 5 IPs Rolling Monthly Contract Free Setup iDRAC Цена:115$ Dell Poweredge R420 Dual Intel Xeon E5-2430 CPU's 128GB RAM 4 x 4TB SATA Hardware RAID 10/6/5/0 Linux/VMWare/Self install OS 1Gbit Port Гарантированный 24/7 Unlimited Bandwidth Up to 5 IPs Rolling Monthly Contract Free Setup iDRAC Цена: $169 Dell Poweredge R720 Dual Intel Xeon E5-2630 CPU's 128GB RAM 4 x 500GB SSD + 2 x 2TB SATA Hardware RAID 10/6/5/0 Linux/VMWare/Self install OS 1Gbit Port Гарантированный 24/7 Unmetered Bandwidth Up to 5 IPs Rolling Monthly Contract Free Setup iDRAC Цена: $234 Dell Poweredge R620 Dual Intel Xeon E5-2670 CPU's 192GB RAM 4 x 600GB 10k SAS Hardware RAID 10/6/5/0 Linux/VMWare/Self install OS 1Gbit Port Гарантированный 24/7 Unmetered Bandwidth Up to 5 IPs Rolling Monthly Contract Free Setup iDRAC Цена: $258
  15. https://www.npmjs.com/package/gulp-csso
  16. Здравствуйте Обнаружил, что плагин, который я использовал в Gulp для минификации - "gulp-clean-css" не объединяет стили. Пример: .test { background: black} .test { margin-top: 10px margin-bottom: 20px} На выходе хотелось бы увидеть: .test{background: black;margin:10px 20px 0 0} Но сам плагин проводит минификацию, а сами свойства не объединяет... Может кто подсказать плагин, который отвечает именно за чистку кода (объединение правил CSS)?
  17. до
    Основной темой второй конференции о мобильной JS-разработке MobileJSBuzz II будет React Native. https://dou.ua/calendar/15552/
  18. до
    IT-Consultant Николай Лототцкий выступит с темой: «JavaScript UI фреймворки. Что выбрать мне?». https://dou.ua/calendar/15580/
  19. до
    На конференції зберуться провідні розробники, щоб поділитись своїм унікальним досвідом роботи з найсвіжішими технологіями у сфері програмування мовою JavaScript. https://dou.ua/calendar/15511/
  20. до
    За 8 дней вы полностью окунетесь в процесс разработки и программного кода — начиная из его основ, столпов — HTML5&CSS и заканчивая техниками работы с jquery, CMS Wordpress и методиками для качественной креативной работы как в студии так и на фрилансе. https://dou.ua/calendar/15520/
  21. Ну если примерно так сделать:
  22. Низкая ценовая политика изначально меня удивила, но попробов услуги я понял что большинство хостеров зажрались и дерут деньги непонятно за что. Хорошо что есть такие компании как Зомро и каественно обслуживают клиентов.
  23. <div class="row"> <div class="col-lg-8 col-md-8 col-sm-12 pull-right">2</div> <div class="col-lg-4 col-md-4 col-sm-12">1</div> </div>
  24. <div class="row"> <div class="col-lg-4 col-md-4 ">1</div> <div class="col-lg-8 col-md-8 ">2</div> </div> интересует вопрос при разрешении экрана sm блок 1 стал на место блока 2 и расположились друг другом горизонтально ——————————— 1 ———————————2 а нужно ———————————————————--2 ———————————————————--1 помогите
  25. Доброго времени суток! Подскажите, как можно задать границы слайд шоу так, чтобы они не вылазили с блока боковой колонки? Проблема в том что картинка(№1) вылазит за предел блока, а должна быть в рамке (№2) как показано на скрине ниже… http://savepic.ru/13747125.jpg Ссылка на страницу: http://www.2amovers.com/ru/krupnye-proekty/ Код страницы: <div class="block-3 no-mar sidebar"> <style> #IUAfinance32 {width: 97%; position: relative; margin: 6px; {1}} #IUAfinance32 * {margin: 0; padding: 0;} #IUAfinance32 a, #IUAfinance32 a:hover {border: none; text-decoration: underline; color: inherit;} #IUAfinance32 .IUAfinance_block {overflow: hidden; padding: 4px; font-family: Arial; font-size: 10px; background: #F6F6F6; border: 1px solid #00529c; color: #000000;} #IUAfinance32 .IUAfinance_title {overflow: hidden; margin-top: -4px; font-size: 12px; font-weight: bold; height: 20px; line-height: 20px; color: #00529C;} #IUAfinance32 .IUAfinance_title i {position: absolute; right: 4px; top: 2px; width: 36px; height: 14px; background: url(//i.i.ua/v2/logo/logo_small_14_black.png) no-repeat 0 0 transparent; opacity: .3;} #IUAfinance32 .IUAfinance_content, #IUAfinance32 .IUAfinance_content:hover {display: block; background: #FFFFFF; padding: 4px; margin-bottom: 4px; text-decoration: none; color: inherit;} #IUAfinance32 .IUAfinance_head_title {font-size: 12px; font-weight: bold;} #IUAfinance32 .IUAfinance_item, #IUAfinance32 .IUAfinance_head {padding: 4px 0;} #IUAfinance32 .IUAfinance_item:last-child {padding-bottom: 0;} #IUAfinance32 .IUAfinance_item {border-top: 1px dotted #DDD; font-size: 18px; font-family: Trebuchet MS;} #IUAfinance32 .IUAfinance_item_title, #IUAfinance32 .IUAfinance_item_data {display: inline-block; vertical-align: top; width: 42%; text-align: right;} #IUAfinance32 .IUAfinance_item_title:first-child, #IUAfinance32 .IUAfinance_item_data:first-child {width: 16%; text-align: left;} #IUAfinance32 .IUAfinance-increase:before {content: "\25B2"; color: #40983c; font-size: 11px;} #IUAfinance32 .IUAfinance-decrease:before {content: "\25BC"; color: #ed482e; font-size: 11px;} </style> <div id="IUAfinance32"> <div class="IUAfinance_block" id="IUAfinanceBlock"> <h1 class="IUAfinance_title" id="IUAfinanceTitle"></h1> <a href="//finance.i.ua/informers/" target="_blank" class="IUAfinance_content" id="IUAfinanceContent"></a> <a href="" id="IUAfinanceLink">Курсы доллара, евро и рубля по банкам</a> </div> </div> <script type="text/javascript"> var $container = document.getElementById("IUAfinance32"); $container.style.width = "240"; $container.querySelector(".IUAfinance_block").style.backgroundColor = "rgb(255,109,36)"; $container.querySelector(".IUAfinance_block").style.borderColor = "rgb(255, 255, 255)"; $container.querySelector(".IUAfinance_block").style.color = "rgb(255, 255, 255)"; $container.querySelector(".IUAfinance_content").style.backgroundColor = "rgb(204, 204, 204)"; $container.querySelector(".IUAfinance_title").style.color = "rgb(255, 255, 255)"; $container.querySelector("#IUAfinanceLink").style.color = "rgb(255, 255, 255)";</script> <script type="text/javascript"> if (typeof(iFinance) == "undefined") { if (typeof(iFinanceData) == "undefined") { document.write('<scr' + 'ipt src="//i.i.ua/js/i/finance_informer.js?1" type="text/javascript" charset = "windows-1251"></scr' + 'ipt>'); iFinanceData = []; } iFinanceData.push({b:15, c:[840,978,643], enc:2, lang:0, p:32, ver2: true}); } else { window['oiFinance32'] = new iFinance(2); window['oiFinance32'].gogo({b:15, c:[840,978,643], enc:2, lang:0, p:32}); } </script> <div> <style type="text/css"> {width: 97%; position: relative; margin: 6px; {1}} {margin: 0; padding: 0;} 1:hover {border: none; text-decoration: underline; color: inherit;} .1_block {overflow: hidden; padding: 4px; font-family: Arial; font-size: 10px; background: #F6F6F6; border: 1px solid #00529c; color: #000000;} .1_title {overflow: hidden; margin-top: -4px; font-size: 12px; font-weight: bold; height: 20px; line-height: 20px; color: #00529C;} </style> <div id="1"> <div class="1_block" id="1Block"> </div> </div> <script type="text/javascript"> var total_pics_num = 9; // колличество изображений var interval = 12000; // задержка между изображениями var time_out = 2; // задержка смены изображений var i = 0; var timeout; var opacity = 100; function fade_to_next() { opacity--; var k = i + 1; var image_now = 'image_' + i; if (i == total_pics_num) k = 1; var image_next = 'image_' + k; document.getElementById(image_now).style.opacity = opacity/100; document.getElementById(image_now).style.filter = 'alpha(opacity='+ opacity +')'; document.getElementById(image_next).style.opacity = (100-opacity)/100; document.getElementById(image_next).style.filter = 'alpha(opacity='+ (100-opacity) +')'; timeout = setTimeout("fade_to_next()",time_out); if (opacity==1) { opacity = 100; clearTimeout(timeout); } } setInterval ( function() { i++; if (i > total_pics_num) i=1; fade_to_next(); }, interval ); </script> <img src='http://2amovers.com/wp-content/gallery/officenew/1.jpg' id="image_1" style="position: absolute;" width="98%" vspace="16" hspace="6" title="Все лучшее в мувинге для Вас, от нас. 2Amovers ©" /> <img src='http://2amovers.com/wp-content/gallery/officenew/2.jpg' id="image_2" style="opacity: 0; filter: alpha(opacity=0); position: absolute;" width="98%" vspace="16" hspace="6" title="Все лучшее в мувинге для Вас, от нас. 2Amovers ©" /> <img src='http://2amovers.com/wp-content/gallery/officenew/3.jpg' id="image_3" style="opacity: 0; filter: alpha(opacity=0); position: absolute;" width="98%" vspace="16" hspace="6" title="Все лучшее в мувинге для Вас, от нас. 2Amovers ©" /> <img src='http://2amovers.com/wp-content/gallery/officenew/4.jpg' id="image_4" style="opacity: 0; filter: alpha(opacity=0); position: absolute;" width="98%" vspace="16" hspace="6" title="Все лучшее в мувинге для Вас, от нас. 2Amovers ©" /> <img src='http://2amovers.com/wp-content/gallery/officenew/5.jpg' id="image_5" style="opacity: 0; filter: alpha(opacity=0); position: absolute;" width="98%" vspace="16" hspace="6" title="Все лучшее в мувинге для Вас, от нас. 2Amovers ©" /> <img src='http://2amovers.com/wp-content/gallery/officenew/6.jpg' id="image_6" style="opacity: 0; filter: alpha(opacity=0); position: absolute;" width="98%" vspace="16" hspace="6" title="Все лучшее в мувинге для Вас, от нас. 2Amovers ©" /> <img src='http://2amovers.com/wp-content/gallery/officenew/7.jpg' id="image_7" style="opacity: 0; filter: alpha(opacity=0); position: absolute;" width="98%" vspace="16" hspace="6" title="Все лучшее в мувинге для Вас, от нас. 2Amovers ©" /> <img src='http://2amovers.com/wp-content/gallery/officenew/8.jpg' id="image_8" style="opacity: 0; filter: alpha(opacity=0); position: absolute;" width="98%" vspace="16" hspace="6" title="Все лучшее в мувинге для Вас, от нас. 2Amovers ©" /> <img src='http://2amovers.com/wp-content/gallery/officenew/9.jpg' id="image_9" style="opacity: 0; filter: alpha(opacity=0); position: absolute;" width="98%" vspace="16" hspace="6" title="Все лучшее в мувинге для Вас, от нас. 2Amovers ©" /> <!--[if gte IE 5]><script type="text/javascript"> // запрет правой кнопки createPopup().show( 0, 0, 0, 0, 0 ); </script><![endif]--> <body oncontextmenu="return false;"> </div> </div> Заранее спасибо!
  26. Здравствуйте! Когда я подключаю свой телефон на андроид 4+Хром к компу, чтобы посмотреть его глазами на какой-то сайт и отладить что-то при необходимости, то почему-то при прокрутке страницы вверх или вниз исчезает изображение в импровизированном экране телефона(там я поставил знак вопроса): Если мышку переместить на DOM справа, то изображение появляется и держится до момента новой прокрутки страницы вверх или вниз. Это как-то можно исправить, чтобы не бегать мышкой на DOM?
  1. Загрузить больше активности