• Как мне центрировать стандартное навигационное меню bootstrap'a 3?

    @media screen and (max-width: 768px) {
      .navbar {
        text-align: center;
      }
    }

    Классы только свои напиши.
    Ответ написан
    3 комментария
  • Post и Get запросы, какая между ними разница и что лучше и для каких целей?

    socengel
    @socengel
    7 лет native php в продакшене, онлайн 20000+,
    Общего между ними то что они работают одинаково. Разницы между ними технически никакой. А вот идеологические различия есть.

    Я расскажу о них в контексте PHP. Прошу заметить что протокол HTTP к PHP имеет косвенное отношение потому что он создавался для обмена html страницами а PHP просто расширяет возможности и того и другого.

    GET запрос используется чтобы получить данные а POST чтобы отправить. (Напоминаю что технически они работают одинаково).

    Поэтому в контексте PHP опираясь на эту идеологию сделали следующим образом:
    1. При каждом запуске PHP по умолчанию создаются суперглобальные массивы ($_GET, $_POST).
    2. Если в строке запроса есть вопросительный знак(?). То все что после него считается параметрами GET запроса они представлены в формате 'ключ'='значение' и в качестве разделителя используется знак амперсанда (&)
    Пример:
    GET /index.php?name=Андрей&surname=Галкин
    это строка запроса, тут 2 параметра. эти параметры попадут в массив $_GET.
    3. $_POST заполняется другим способом. содержимое этого массива заполняется из "заголовков запроса". То есть из места, скрытого от глаз в явном виде. Всю рутину по созданию таких заголовков берет на себя браузер. Хотя иногда и что-то редактируется в заголовках в ручную.

    Чаще всего пост запрос используется в формах (для отправки данных).

    Например у нас есть форма для входа 2 поля логин и пароль.

    Представим что мы используем GET метод. Тогда при отправке формы мы перейдем на следующий адрес /login.php?login=Андрей&password=123 согласитесь что так передавать такую информацию совсем не безопасно. Любой может открыть ваш браузер и начиная вводить адрес сайта он из истории может увидеть ваши пароли и логины.

    А вот если бы мы указали методом POST то мы бы получили следующий запрос:
    POST /login.php (login=Андрей&password=123) то что в скобочках было бы скрыто и никак не сохранено в браузере.

    Теперь другая ситуация например форма поиска. Мы вводим текст и получаем страницу с результатами. Вот тут уместнее GET форма. потому что нам было бы удобно сразу иметь ссылку на результат поиска, то есть добавить в строку запроса можно выразится "Публичные параметры", которыми можно поделиться. И как результат в строке браузера будет конкретная ссылка на текущую страницу. Мы можем ее скопировать, и разместить где-нибудь, или например скинуть другу. И получить при переходе одну и ту же страницу. А не просить других людей зайти на сайт и в поиск вбить определенную фразу чтобы получить необходимую страницу.

    В общем подводя итог:
    GET - это чтобы получить определенную страницу в определенном виде ( сортировка, текущая страница в блоге, строка поиска и т.п. ).
    POST - для оправки данных которые не влияют на отображение страницы, в том плане что эти данные влияют только на результат выполнения скрипта ( логины, пароли, номера кредиток, сообщения и т.п. ).

    И еще одна хорошая новость их можно комбинировать, например
    POST /index.php?page=login (login=Андрей&password=123) Думаю я уже достаточно объяснил что из этого получится и какие параметры в какой массив попадут.
    Ответ написан
    2 комментария
  • Какие есть полезные плагины для Brackets?

    SKolt
    @SKolt
    https://www.instagram.com/seregamih/
    Вот, записал на той неделе обзор из 33 видео. Там где то с 10-го начинаю показывать плагины, которые использую, может кому будет полезно. Обзор Brackets
    Ответ написан
    Комментировать
  • Имеет ли значение разрешение PSD макета для верстальщика?

    Yastr
    @Yastr
    Зачем менять? Вам какой прислали с такого и верстайте. Если главная область выглядит огромной, есть смысл спросить у заказчика, задумано ли так, или же нужно сжимать.
    Ответ написан
    Комментировать
  • Как подружить retina дисплей и CSS Media Queries?

    Serj-One
    @Serj-One
    i'm sexy and i know it
    Вы читали, что такое retina?
    В Retina-экранах плотность пикселей в 4 раза больше, чем в обычных. Соответственно 2560-retina px = 1280 css px.
    Проще говоря, элемент, который на обычном мониторе занимает 1 физический px, на retina будет занимать 4px. Т.е. 2px по горизонтали и 2px по вертикали. Но в пересчёте на css px это будет тот же 1px.
    Ответ написан
    5 комментариев
  • Какой двигатель выбрать для Landing Page?

    Yastr
    @Yastr
    Никакой, не вижу смысла ставить лендинг на движок (;
    Еще и тот, что "поддерживает функционал или плагины с scroll-ом слайдшоу и подменю", это уже конструктор, которые выдает кривой код и добавляет геморроя...
    Ответ написан
    3 комментария
  • Как сравнить один массив с другим и вывести совпадения jquery?

    @QTnub Автор вопроса
    Программист , музыкант , филантроп
    более или менее сотворил что то похожее на правду
    function arraysInCommon(arrays){
                            var i, common,
                            L= arrays.length, min= Infinity;
                            while(L){
                                if(arrays[--L].length<min){
                                    min= arrays[L].length;
                                    i= L;
                                }
                            }
                            common= arrays.splice(i, 1)[0];
                            return common.filter(function(itm, indx){
                                if(common.indexOf(itm)== indx){
                                    return arrays.every(function(arr){
                                        return arr.indexOf(itm)!= -1;
                                    });
                                }
                            });
                        }
                         
                        
                        var arr = ["Улица Академика Янгеля", "Петровско-Разумовская", "Авиамоторная", " "] ;
                        var massiv = ["Улица Академика Янгеля", "Петровско-Разумовская", "Петровско-Разумовская", "Авиамоторная"];
    
                        
                        var allArrays = [ arr, massiv];
                        console.log(allArrays);    
                        var matches = arraysInCommon(allArrays).sort();
                        console.log(matches.toString());

    этот код делает все почти так как надо , он выводит мне одинаковые станции , но если обратить внимание массивы введены вручную , а когда я пытаюсь подставить вместе них масивы которые собираюсь со страницы и из базы то ничего не происходит , вот полный код
    // собираем и танции метро из строки и преобразовываем в массив 
                        var metro_stations = "[[*svod_metro]]" ;
                        var metro_massive = metro_stations.split(',');
                        console.log(metro_massive);
                        
                        // собираем значения всех инпутов станций метро и преобразовываем в массив 
                        var input_metro = $('.metro_title').text();
                        var input_metro_massive = input_metro.split(',');
                        console.log(input_metro_massive);
                        
                        
                        
                        
                        
                        
                        // сравниваем массивы 
                       function arraysInCommon(arrays){
                            var i, common,
                            L= arrays.length, min= Infinity;
                            while(L){
                                if(arrays[--L].length<min){
                                    min= arrays[L].length;
                                    i= L;
                                }
                            }
                            common= arrays.splice(i, 1)[0];
                            return common.filter(function(itm, indx){
                                if(common.indexOf(itm)== indx){
                                    return arrays.every(function(arr){
                                        return arr.indexOf(itm)!= -1;
                                    });
                                }
                            });
                        }
                         
                        
                        var arr = ["Улица Академика Янгеля", "Петровско-Разумовская", "Авиамоторная", " "] ;
                        var massiv = ["Улица Академика Янгеля", "Петровско-Разумовская", "Петровско-Разумовская", "Авиамоторная"];
    
                        
                        var allArrays = [ metro_massive, input_metro_massive];
                        console.log(allArrays);    
                        var matches = arraysInCommon(allArrays).sort();
                        console.log(matches.toString());
    Ответ написан
    Комментировать
  • Появляющийся блок при наведение мыши

    GM2mars
    @GM2mars
    Без css анимации.
    HTML верстка:
    <div class="cont">
      <div class="overlay">
        <h1>Заголовок</h1>
        <p>Текст</p>
      </div>
      <img src="img1.jpg">
    </div>

    CSS стили:
    .cont {
      width: 500px;
      height: 500px;
      position: relative;
    }
    .overlay {
      position: absolute;
      text-align: center;
      width: 100%;
      height: 100%;
      background: rbga(0, 0, 0, 0.3);
      display: none;
    }

    JavaScript(jQuery):
    jQuery(document).on("hover", ".cont", function() {
      jQuery(this).children(".overlay").fadeIn("fast");
    }, function() {
      jQuery(this).children(".overlay").fadeOut("fast");
    });


    Принцип простой, есть контейнер с фоновой заливкой цвета, в нем картинка, над картинкой абсолютно расположен блок с текстом, который скрыт (display: none).
    При наведении мышкой на контейнер, показываем скрытый блок с текстом, и делаем прозрачность у картинки. На идеальное решение не претендует, но должно работать.
    Ответ написан
    Комментировать
  • Появляющийся блок при наведение мыши

    структура html

    <div class="block-wrap">
    			<div class="block-img"></div>
    			<div class="block-text">
    				<h2>Заголовок</h2>
    				<p>Текст</p>
    			</div>
    		</div>


    структура css

    .block-wrap{
        position: relative;
        overflow: hidden;
    }
        .block-img{
            position: relative;
            width: 100%;
            height: auto;
        }
        .block-text{
            position: absolute;
            top: 0;
            left: 0;
            background: rbga(0,0,0,.3);
            color: #fff;
            opacity: 0;
            visibility: hidden;
    width: 100%;
    height: 100%;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    padding: 5%;
                    -webkit-transition: all 0.2s ease;
                    -moz-transition: all 0.2s ease;
                    -o-transition: all 0.2s ease;
                    -ms-transition: all 0.2s ease;
                    transition: all 0.2s ease;
        }
        .block-wrap:hover .block-text{
            opacity: 0;
            visibility: visible;
        }
    Ответ написан
    Комментировать
  • WebStorm или PhpStorm от JetBrains: в чем разница?

    @slvABTOP
    WebStorm встроен в PhpStorm. Если будешь использовать php, то второй вариант однозначно.
    Ответ написан
    1 комментарий
  • WebStorm или PhpStorm от JetBrains: в чем разница?

    TekVanDo
    @TekVanDo
    Javascript Developer
    Выбирай PhpStorm, в нем практически все тоже самое что и в WebStorm + собственно поддержка php, фреймворков и некоторых cms на нем написанных.
    Ответ написан
    Комментировать
  • Google Docs API: интеграция с сайтом и права на документ

    @vl103080
    Ответ написан
    Комментировать
  • Регулярное выражение (выборка до слова)?

    Yastr
    @Yastr Автор вопроса
    @simpleadmin насколько я понимаю финальный результат таким должен быть?
    <?php 
      if( $curl = curl_init() ) { 
        // $ip = $_SERVER["REMOTE_ADDR"]; 
        $ip = '212.100.131.254'; 
        curl_setopt($curl, CURLOPT_URL, 'http://ip-whois.net/ip_geo.php?ip='.$ip); 
        curl_setopt($curl, CURLOPT_RETURNTRANSFER,true); 
        $out = curl_exec($curl); 
        $matches = array(); 
       
        preg_match_all("/^\s*Город:\s+(.+)<br>/Usmi", $out, $matches); 
        $city = isset($matches[1][0])?$matches[1][0]:false;
        var_dump($city);
       
        print_r($matches[1][1]); 
        curl_close($curl); 
      } 
    ?>

    Выдает - bool(false)
    Ответ написан
    9 комментариев
  • С чего начать и как изучить веб-дизайн, дизайн интерфейсов в целом?

    nvkzNemo
    @nvkzNemo
    Что бы не совершать кучи ошибок допускающихся художниками и полиграфистами пришедшими в веб, а так же понять в чём заключается веб-дизайн, а так же дизайн интерфейсов, рекомендую нижеприведенные книжки, в том порядке, в котором читал их я. Я перечитал кучу литературы, но эти самые стоящие.
    1. Стив Круг «Веб-дизайн или Не заставляйте меня думать»
    2. Якоб Нильсен «Веб-дизайн»
    3. Дональд Норман «Дизайн привычных вещей»
    4. Джеф Раскин «Интерфейс»
    5. Алан Купер «Психбольница в руках пациентов»

    Ну и конечно же не забывать про Ководство и периодически заглядывать в Советы.

    Нормального самоучителя по созданию макета от А до Я мне не встречалось. Иногда проскакивают статьи на сайтах вроде Smashing Magazine, или на Техдизайнере.

    Ну а что бы быть «в тренде» — могу посоветовать, для тренировки, отрисовать один-в-один несколько сайтов именитых веб-дизайнеров (нарпимер с Ревижена, только не вздумайте их в портфолио ложить себе потом), прочитать всё что найдёте про модульные сетки (1, 2 и т.д.) и регулярно посещать Dribbble.
    Ответ написан
    2 комментария
  • JQuery плагин не работает в Internet Explorer?

    krivochenko
    @krivochenko
    Программист Yii Framework
    Действительно, как сказал max_rip не подгружаются стили из файла scrollbars.css
    Возможно, проблема возникает из-за того, что: "Можно подключить не более 31 CSS-файла". У вас их 35.
    Ответ написан
    3 комментария