hypnocolor

Expert
  • Content count

    749
  • Joined

  • Last visited

  • Days Won

    32

hypnocolor last won the day on February 20 2016

hypnocolor had the most liked content!

Community Reputation

223 Хорошая

About hypnocolor

  • Rank
    Король лаборатории
  • Birthday 09/18/1987

Contacts

  • Web site
    http://startsev.me/
  • Skype
    hypnocolor

Information

  • Sex
    Мужчина
  • From
    Россия, Магадан
  • Interests
    Музыка, дизайн, программирование

Recent Profile Visitors

8,110 profile views
  1. Приветствую. клик вешаете на блок со ссылкой, а не саму ссылку. Соответственно, событие сработает, даже если кликнуть правее от ссылки; непонятно, зачем вешаете событие на клик по второй ссылке внутри клика на первую, это ведь независимые элементы; нет точек с запятой в конце строк, это важно. Привыкайте писать их всегда; в подобных штуках хорошо бы проверять не только совпадения, но и вообще факт того, что в полях что-то вбито. Наскоряк переписал/дополнил как-то так: var regbutton = document.querySelectorAll('.button a'), form = document.querySelector('form'), inputs = document.querySelectorAll('input'), h3 = document.querySelector('h3'), reginfo = document.querySelectorAll('p'); regbutton[0].addEventListener('click', function(e) { e.preventDefault(); form.style.display = form.style.display === 'none' ? 'block' : 'none'; }); regbutton[1].addEventListener('click', function(e) { e.preventDefault(); if (inputs[0].value) { if (inputs[1].value && inputs[2].value) { if (inputs[1].value == inputs[2].value) { h3.textContent = 'Вы завершили регистрацию!'; reginfo[1].textContent = inputs[0].value; reginfo[2].textContent = inputs[1].value; } else { h3.textContent = 'Пароли не совпадают!'; } } else { h3.textContent = 'Введите пароль в оба текстовых поля'; } } else { h3.textContent = 'Введите имя'; } }); Продолжайте учить 🙂
  2. hypnocolor

    height и bottom

    А вы прям все-все-все сайты в интернетах проверили, чтобы утверждать про «никто и никогда»? 🙂 Если вы понимаете, что пишете и как оно работает, то в данном случае нет особой разницы, как именно задать высоту блока. Я бы тоже использовал bottom: 0 просто потому, что так короче 🙂 Так что просто делайте, как удобно.
  3. Это одно из ограничений display: table. Склеить строки или столбцы при его использовании нельзя.
  4. Плохо знаете. Прочитайте вдумчиво: http://htmlbook.ru/css/position.
  5. hypnocolor

    lazyload на чистом javascript

    https://github.com/dinbror/blazy
  6. hypnocolor

    необьяснимый z-index

    :after и :before — это части контента блока. Контент ведь у вас визуально поверх блока расположен? Вот и с псевдоэлементами (жёлтыми квадратами) в вашем случае то же самое. Чё это? z-index отлично со всеми позишнами работает, кроме static.
  7. Задайте непрозрачный фон тултипу и уголку: https://jsfiddle.net/95ybpqg6/2/.
  8. Занятные отзывы, заинтересовало прям. Написал вам тоже на почту
  9. Блин, элементарные же вещи, миллионы ссылок в гугле. За 127 сообщений, мне кажется, можно было это понять уже.
  10. Спасибо, офигенно, на основе этого собрал то, что нужно!
  11. Ребята, назрел такой вопрос. Допустим, я делаю проект по bem-way, то есть отдельные блоки хранятся в отдельных каталогах. В каждом каталоге есть jade-файл с разметкой блока и scss-файл с его стилями. Каким образом можно с помощью Галпа собрать любой отдельный блок вместе с его стилями? Понятно, что можно на каждый блок насоздавать тасков, но ведь блоков может быть адова куча и постоянно добавляются новые, замучаешься таски добавлять. Было бы круто, если бы таск был один, но принимал, например, в качестве параметра в командной строке имя файла блока (или всего каталога, неважно, ради такого я готов терпеть любые ограничения в именах файлов и каталогов ) и собирал итоговый html+css в отдельную папочку. Нагуглить такого сходу не смог :\
  12. Да, кстати, я тоже заметил, зачастили они с этим кабаном.
  13. Чем раньше освоите — тем лучше, там ничего сложного, дело привычки. Рано или поздно вы с этими технологиями столкнётесь и нужно быть готовым. Я тоже долгое время был «старовером», но потом пришли они — большие проекты. Конечно, если вся ваша работа состоит в вёрстке лэндингов или простых сайтиков на 3 странички, можно обходиться дедовскими методами. Но на больших проектах гит и автоматизаторы — незаменимейшая вещь. Последним моим проектом, в котором я не использовал gulp и препроцессоры, был французский магазин с кучей страниц и очень нестандартной вёрсткой, плюс всё это дело должно было быть адаптивным. Не повторяйте моих ошибок, я проклял всё на свете тогда. Особенно, когда заказчику захотелось вдруг перекрасить весь сайт с одного цвета на другой. Если бы я использовал Sass, я бы просто поменял значение одной переменной с цветом. Без него мне пришлось лопатить весь css (который не был разбит на модули, да…). В общем, учитесь на чужих ошибках и не делайте своих. Кажется, всё вышенаписанное я тут уже писал раза 2 минимум По теме — Sublime Text 3. Пробовал скобки и атом, так и не смог слезть с саблайма. Гитхаб вообще молодцы, Атом выглядит клёвым и интересным. Но пока что тормозной, гад. Я специально ждал, пока несколько версий допилят, не устанавливал. Но чё-то он продолжает тормозить :\ Пакеты саблайма: "installed_packages":[ "Color Schemes by carlcalderon", "EditorConfig", "Emmet", "FileDiffs", "GitGutter", "Jade", "LESS", "Package Control", "RegExLink", "Sass", "SCSS", "SideBarEnhancements", "Stylus", "Theme - Soda"]
  14. http://htmlforum.ru/index.php?showtopic=54420&hl=— было уже ведь.
  15. Ну и что теперь, по картинкам гадать, что ли? Есть тысячи способов показать свой код, о которых на форуме уже говорили миллионы раз.