Век живи, век учись.
Контакты

Достижения

Все достижения (14)

Наибольший вклад в теги

Все теги (53)

Лучшие ответы пользователя

Все ответы (68)
  • Как сделать выезжающее меню на сайте?

    eucalipt
    @eucalipt
    Самоделкин.
    Для блока слева создай отдельный элемент на странице. Например, div с id "menu". В него помещай все, что тебе нужно. Умеешь подключать JQuery? На всякий случай, объясню.

    <script src="http://code.jquery.com/jquery-1.11.1.min.js"></script> <!-- JQUERY -->


    Вот эту строчку впихни в head своей страницы. Теперь у нас подключен JQuery.
    Что мы делаем дальше? Дальше нам надо отловить клик по нашему "бутерброду" и после клика, собственно, и выдвинуть менюху. Как это делается:

    $(document).ready(function() {
      $("#menu").click(function() {
        $(this).addClass("show");
      });
    });


    Этот код просто выдели в отдельный .js файл (ну и подключи его как простой .js скрипт, разумеется. Только он должен быть подключен после того, как подключишь JQuery).

    Короче, что мы сделали: мы отловили клик по этому элементу и повесили на него функцию, которая к нашему div'у добавит класс "show". Дальше уже чистый css.

    #menu {
    /* тут твои стили */
    left: -350px;
    }
    
    #menu.show {
    /* тут твои стили */
    left: 0px;
    }


    Я думаю, суть ясна. Когда у менюхи появляется класс "show", то тогда мы просто "выдвигаем" ее из-за левого края страницы. По желанию можно сделать это плавным:

    #menu {
    /* тут твои стили */
    transition: left ease 0.2s;
    left: -350px;
    }
    
    #menu.show {
    /* тут твои стили */
    left: 0px;
    }


    Кстати, этот код написан под менюху, шириной в 350px.

    Теперь ее надо закрыть. Тут 2 способа. Хотя нет, 3.
    Можно отловить в нашем скрипте уход мышки с элемента и просто убрать класс "show" (mouseleave, removeClass()). А можно отловить клик по НЕэлементу див. Это тоже в JQ.
    А можно еще расставить флаги, и контролировать, когда меню открыта, при нажатии на бутерброд, делать одно, и когда закрыта - другое.
    Ответ написан
    4 комментария
  • Что делать с тупыми ответами на Тостере?

    eucalipt
    @eucalipt
    Самоделкин.
    "Перед тем как запостить код, его надо сначала написать и отладить локально". Мне кажется, что вы уже загнули немного. Ведь написать код и оттестить его локально - это уже работа.
    Ответ написан
    7 комментариев
  • Какой CSS препроцессор выбрать?

    eucalipt
    @eucalipt
    Самоделкин.
    Попользовался SASS'ом (а именно SCSS'ом).
    Во-первых, ужасно намучался с использованием оного.
    Под виндой работать не хотел наотрез.
    Только с костылями и Compass'ом принялся работать под Ubuntu.

    Во-вторых, это то же самое, что и учить новый язык.
    Честно, единственный (!) плюс, который я нашел в использовании этих препроцессоров - это то, что можно использовать переменные. И всё.
    Все остальное вам вряд ли понадобится, если вы уже пишете ровный код.

    Лучше вместо того, чтобы учить тот же SASS, выучите CSS. Серьезно, куда больше толку будет.

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

    Знаю, все равно попробуете хоть один препроцессор, даже несмотря на мой ответ.
    Ответ написан
    3 комментария
  • Есть ли смысл изучать линукс фронтендеру?

    eucalipt
    @eucalipt
    Самоделкин.
    Linux имеет смысл изучать всем.
    Ответ написан
    Комментировать
  • На каком языке лучше делать сайт?

    eucalipt
    @eucalipt
    Самоделкин.
    Одним языком ты точно не обойдешься.
    Начни с изучения каркаса, с html (и да, я знаю, что это не язык :D), бери сразу html 5, не читай старой литературы по нему.

    После займись стилизацией, за это отвечает css. Бери сразу css3, не возвращайся в 2000-е, тебе это не надо. Обычно стилизацию рассматривают вместе с каркасом. То есть большинство учебной лит-ры - это html+css (в новых подразумевается, что это html5 + css3).

    По ходу изучения (а лучше после) берись за JS, то бишь Java Script. Он отвечает за "красивости на сайте". lern.javascript.ru - для отличного начала.

    После всего этого (а лучше разом с JS) бери php. Советую именно его, потому что распространен, много отличных гайдов (в том числе и на оф. сайте). Можешь читать старую лит-ру, НО только чтобы понять основные конструкции, такие как if, for, while, foreach и так далее. Сам же код пиши в ООП стиле, это будет большим плюсом для тебя в будущем, так как сейчас все активно на него переходят. Дойдя до MySQL бери MySQLi (это относится к PHP).

    Этих знаний должно быть достаточно. Для полного освоения и плавания без надувных кругов рассчитывай на 2 - 3 года обучения.
    Ответ написан
    Комментировать

Лучшие вопросы пользователя

Все вопросы (48)