• Какая CMS выдержит большую нагрузку?

    Sadist07
    @Sadist07
    Верстальщик, Недо дизайнер
    MODX Вообщем про нагрузку нечего не скажу(интернет магазины делают), зато скажу что оптимизировать и посадить шаблон на эту cms проще не куда)
    Ответ написан
    Комментировать
  • Долго грузится страница. В чём может быть проблема?

    Sadist07
    @Sadist07
    Верстальщик, Недо дизайнер
    Уменьшить количество блокирующих ресурсов
    (Н)Оптимизируйте порядок загрузки стилей и скриптов

    Минимизировать нагрузку
    (Н)Предоставьте изображения с нужными пропорциями,(Н)Сократите HTML

    Минимизировать задержку при загрузке страницы
    (Н)Укажите размеры изображений

    Другое
    (С)Используйте кэш браузера,(Н)Отложите синтаксический анализ JavaScript,(Н)Удалите строки запросов из URL статических ресурсов

    Сказал Google
    Ответ написан
    Комментировать
  • Практика для начинающих. Есть ли те, кто готов взять зеленых под свое крыло?

    Sadist07
    @Sadist07
    Верстальщик, Недо дизайнер
    По верстке могу помочь, посмотреть саму верстку, указать недочёты, и подсказать где черпать информацию. Но обещать что ты будешь именно тот грамотный верстальщик )) не буду) т.к все развивается...появляются методологии и т.п) Skype Sadist071
    Ответ написан
    5 комментариев
  • Как верстать древо скиллов как на картинке?

    Sadist07
    @Sadist07
    Верстальщик, Недо дизайнер
    Позиционированием, вот к примеру https://valkyrie-wow.org/armory/tool/talentCalcula...
    А что бы адаптивно было используешь @media и от ширины устройства играешься в css
    Ответ написан
    Комментировать
  • Как определить атрибут и добавить действие, если он совпал?

    Sadist07
    @Sadist07
    Верстальщик, Недо дизайнер
    <script>
    jQuery(document).ready(function($) {
    	var a = $('.bxslider ul').attr('style');
    	if (a == '-webkit-transform: translate3d(-11588px, 0px, 0px);') {
    
    	};
    });
    </script>
    Ответ написан
    Комментировать
  • Как убрать элемент с яндекс.карт?

    Sadist07
    @Sadist07
    Верстальщик, Недо дизайнер
    Если честно странно при в данный момент не должно быть вообще не каких элементов.... Кроме той что вы создали var myPlacemark = new ymaps.Placemark([56.34820425, 41.30735193]........................
    и добавили moscow_map.geoObjects.add(myPlacemark);

    Вообщем попробуй переделать вызов карты по аналогу....
    <div class="img" id="YMapsID">
    					
    </div>

    <script src="http://api-maps.yandex.ru/1.1/index.xml" type="text/javascript"></script>
    	<script type="text/javascript">
    	    // Создает обработчик события window.onLoad
    	    YMaps.jQuery(function () {
    	        // Создает экземпляр карты и привязывает его к созданному контейнеру
    	        var map = new YMaps.Map(YMaps.jQuery("#YMapsID")[0]);
    	            
    	        // Устанавливает начальные параметры отображения карты: центр карты и коэффициент масштабирования
    	        map.setCenter(new YMaps.GeoPoint(30.349234, 59.940919), 15);
    
    
    	        // Создает стиль
    			var s = new YMaps.Style();
    
    			// Создает стиль значка метки
    			s.iconStyle = new YMaps.IconStyle();
    			s.iconStyle.href = "img/map.png";
    			s.iconStyle.size = new YMaps.Point(140, 139);
    			s.iconStyle.offset = new YMaps.Point(-140, -139);
    
    			// Создает метку 
    			var placemark = new YMaps.Placemark(new YMaps.GeoPoint(30.349234, 59.940919), {style: s});
    			var placemark2 = new YMaps.Placemark(new YMaps.GeoPoint(30.249336, 60.015226), {style: s});
    
    			// Устанавливает содержимое балуна
    			placemark.name = "Плов без слов";
    			placemark.description = "Литейный пр., 28";
    
    			placemark2.name = "Плов без слов";
    			placemark2.description = "Комендатский пр., 30";
    
    			// Создает группу меток
    
    			var group = new YMaps.GeoObjectCollection();
    	        group.add(placemark);
    	        group.add(placemark2);
    
    	        // Добавляет группу меток на карту
    			map.addOverlay(group);
    
    						// Действия при добавлении элемента на карту
    
    			function OfficeNavigator (offices) {
    
    			this.onAddToMap = function (map, position) {
    			        this.container = YMaps.jQuery("<ul></ul>")
    			        this.map = map;
    			        this.position = position || new YMaps.ControlPosition(YMaps.ControlPosition.TOP_RIGHT, new YMaps.Size(10, 10));
    
    			        // CSS-свойства, определяющие внешний вид элемента
    			        this.container.css({
    			            position: "absolute",
    			            zIndex: YMaps.ZIndex.CONTROL,
    			            listStyle: 'none',
    			            padding: '10px',
    			            margin: 0
    			        });
    			        
    			        // Формирует список офисов
    			        this._generateList();
    			        
    			        // Располагает элемент управления в верхнем правом углу карты
    			        this.position.apply(this.container);
    			        
    			        // Добавляет элемент управления на карту
    			        this.container.appendTo(this.map.getContainer());
    			}
    
    			// Обработчик удаления элемента управления с карты
    			this.onRemoveFromMap = function () {
    			    if (this.container.parent()) {
    			        this.container.remove();
    			        this.container = null;
    			    }
    			    this.map = null;
    			};
    
    
    							// Формирует выпадающий список офисов
    				this._generateList = function () {
    				    var _this = this;
    				    
    				    // Вызывает функцию-обработчик для каждого объекта
    				    offices.forEach(function (obj) {
    				        // Создает ссылку на объект
    				        var li = YMaps.jQuery("<li><a href=\"#\">" + obj.description + "</li>"),
    				            a = li.find("a"); 
    				        
    				        // Создает обработчик щелчка мыши по ссылке
    				        li.bind("click", function () {
    				            _this.map.panTo(obj.getGeoPoint(), {
    				                flying: 1,
    				                callback: function () {
    				                    size: "large";
    				                }
    				            });
    				            return false;
    				        });
    				        
    				        // Создает слушатели событий открытия и закрытия балуна объекта
    				        YMaps.Events.observe(obj, obj.Events.BalloonOpen, function () {
    				            a.css("text-decoration", "none");
    				        });
    				        
    				        YMaps.Events.observe(obj, obj.Events.BalloonClose, function () {
    				            a.css("text-decoration", "");
    				        });
    				        
    				        // Добавляет ссылку на объект в общий список
    				        li.appendTo(_this.container);
    				    });
    				};
    			}
    
    				// Создает элемент управления "Путеводитель по офисам"
    				map.addControl(new OfficeNavigator(group));
    
    			// Добавляет метку на карту
    			/*
    			map.addOverlay(placemark);
    			map.addOverlay(placemark2);
    			*/
    
    
    			// Создает элемент масштабирования
    			var smallZoomControl = new YMaps.SmallZoom();
    			map.addControl(smallZoomControl);
    
    
    
    
    		})
    	</script>


    Правда тебе нужна ток верхняя часть до момента группировки меток.
    Ответ написан
    1 комментарий
  • Как задать правильно минимальную ширину в адаптивной верстке?

    Sadist07
    @Sadist07
    Верстальщик, Недо дизайнер
    Флотами сказали как сделать, остается ток javascript тут все просто. Когда .left и .right будет равняться 150px то .center будет равняться center = ширина родительского блока - 2*150px
    Ответ написан
    Комментировать
  • Как разместить под 100% блоком остальные блоки?

    Sadist07
    @Sadist07
    Верстальщик, Недо дизайнер
    Нечего не делай.... Они же блоки.... и будут идти друг под другом. А так размеры у 1 блока есть.... 100% от родителя.
    Так что можешь прописать

    html, body{
    width: 100%;
    min-height: 100%;
    }
    Ответ написан
    Комментировать
  • Как поставить блок на место?

    Sadist07
    @Sadist07
    Верстальщик, Недо дизайнер
    Если честно то не понятно что ты хочешь сделать... А так делаешь родительской ссылке position: relative.
    А самому блоку ставишь top: 0; left: 0; что бы блок начинался с левого верхнего угла.

    .hat_header_button {
    position: relative;
    }
    
    .edge {
    top: 0px;
    left: 0px;
    }
    Ответ написан
    Комментировать
  • Взять динамический attr при клике с jquery?

    Sadist07
    @Sadist07
    Верстальщик, Недо дизайнер
    $("div.bt_var_prod").find($spans).css({'opacity':'1'}).attr('data-info', parametr);
    скорее всего тебе тут нужно не атрибут менять а дату.
    тобишь как то так я думаю
    $("div.bt_var_prod").find($spans).css({'opacity':'1'}).data('info', parametr);
    Ответ написан
    Комментировать
  • Взять динамический attr при клике с jquery?

    Sadist07
    @Sadist07
    Верстальщик, Недо дизайнер
    Чтобы создать элемент тебе нужно привезать к нему значению .data('info','Значение'); а так ты не создаешь значения info а пытаешься с него что то вытащить.....
    Ответ написан
    Комментировать