nightgremlin

Это как вариант, спасибо

Хочу спросить у Гуру, помогите начать. В общем решил я взяться за этот макет. Grunt я не стал изучать, мне больше понравился Gulp. Настроил его, всё классно работает! Установил я приложение pixel perfect(решил сделать согласно ТЗ) и тут меня постигло разочарование. Мой жалкий монитор в 1280х1024px в браузере добавляет прокрутку так, как ширина исходника 1440. Что делать? Уменьшить размер макета до 1280px и нормально верстать в pixel perfect или как?

Ни разу не приходилось, но возможно вот эта статья вам чем-то поможет в ваших проектах https://learn.javascript.ru/string#методы-и-свойства Там применяется оператор НЕ '~' для красивого вызова indexOf P/S: c Delphi не знаком вообще

Задай для начала себе вопрос чего ты хочешь от этой жизни? Когда сможешь ответить на него подумай как достичь, того что ты там загадал. Просто, на вопросы, которые ты задал, есть куча ответов. + у каждого присутствующего здесь, есть своё "особое" мнение. Адаптируйся, приспосабливайся, где-то ломайся, а где-то прояви "стойкость". Адаптация нынче в тренде

Всем спасибо очень помогли! Главное продуктивно. Вопрос можно закрывать. +1 поставил всем, а что? Я не жадина. ___________________________________________________________________________________________________________________________________ mrnobody, видео как раз в точку, но консолью уже как-то привычнее стало (наверное из-за пристрастия к Linux). Ты верно написал, просто я ступил

Не то.... Задам вопрос по-другому. Как создать репозиторий такого вида username.github.io/new-layout

Это всё понятно, тут была важна задумка, что такое в принципе просто сделать на нативном JS. Доработать и впустить в дело это уже дело житейское

Здравствуйте уважаемые форумчане! Я думаю многие из вас работали с github. Объясните мне пожалуйста как работать с репозиториями. Я создал репозиторий вида username.github.io На компе у меня есть локальный репозиторий, созданный с помощью Git. В нём уже есть файлы, папки всё работает. Но мне всё это надо закинуть не в username.github.io , а в папку (подрепозиторий или проект), например username.github.io/new-layout ___________________________________________________________________________________________________________________________________________________________________ Вопрос состоит в следующем, как создать такую папку и запихнуть в неё все содержимое с локального репозитория, чтобы при открытии в браузере странички username.github.io/new-layout все работало?

Прикольная штука получилась с Flex Если для последнего элемента задать другое значение высоты, то оно останется фиксированным. А другие элементы будут растягиваться по родительскому https://jsfiddle.net/Lh843osr/ Может кому будет полезно!

Если задавать высоту родительскому блоку, тогда работает а если не задавать тогда не работает. В данном примере ты задаешь высоту: height:100px; Как раз в этом примере https://jsfiddle.net/xsakqo2v/ и видно что не растягивает, если не задать свойства height родительскому блоку

Чтобы получить опыт работы запросто. Да и знания бывают разные

Вот решение на JavaScript: https://jsfiddle.net/0eurp72g/ Можете даже теперь свойство height:100% убрать из стилей. _______________________________________________________________________________ P/s: только что заметил, что за тег dib ? Новый тег?

Можно сделать вот так: https://jsfiddle.net/4ppf4bc3/ Или так: https://jsfiddle.net/799fypyL/ В общем поиграйтесь со свойствами. Если хорошо JS знаете, то задайте условия при которых бы высота ячеек выравнивалась по высоте последней ячейки.

Вы пытаетесь растянуть ячейки не по родительскому элементу, даже с flex у вас ничего не выйдет. Боюсь в вашем примере поможет только JavaScript. Но самый простой способ это задать высоту родительскому блоку и выравнивать высоту по его значению, либо как было указано выше задать одинаковую высоту для всех ячеек. __________________________________________________________________________________________________________________________________ А вот ваш пример с Flex-ом: https://jsfiddle.net/Lgcrrr1t/ Со свойством align-items:stretch; тоже не поможет так, как браузер считает, что высота строки меньше высоты последней ячейки.

Вот, например на сайте http://boxberry.ru/ в правом нижнем углу такой блок сделан с помощью блока и псевдоэлементов :after, :before. Правда они впихнули два разных изображения в эти псевдоэлементы.

+1, а я бьюсь. Мы же получаем коллекцию элементов (getElementsByTagName). Кстати ваше решение из Flexbox тоже отличное!

Чтобы не открывать новую ветку, да и по теме в принципе. Где ошибка: var div = document.createElement('div'); div.className = "navigation"; div.innerHTML = "Your panel navigation"; var screenWindows = screen.width; if (screenWindows >= 320 && screenWindows <= 480) { var f = document.body.getElementsByTagName('footer'); f.appendChild(div); } else if (screenWindows >= 480) { var h = document.body.getElementsByTagName('header'); h.appendChild(div); } вот исходник: https://jsfiddle.net/5pwxwpsf/1/

Для этого нужна регистрация? Так нет, не могу Нет, не удобно. Быстро. Если честно, то нет. Учить правила будут по книжкам и удобным приложениям. Как получат права станет вовсе не интересно. Возможно, если сделать сайт супер мега привлекательным за счет дизайна и эффектов, то может это и привлечет посетителей, а так нет...

Достаточно поставить like , если помог. (Администрация прошу понять и простить, что сказал не в тему)

Согласен с вами, но нет необходимости подключать целую библиотеку ради нескольких строчек кода. Да и нативным JS можно добиться такого же результата (код по размеру получился такой же)

По-Гуглить не пробовали или в Яндексе пошарить?

Вы указывайте не размер картинки, а размер блока, который как было сказано выше должны указать, потом просто можете поиграться со свойством background-size, например. Причем можно не заморачиваться с размером картинки под браузеры.

+1, как всё просто! Огромное спасибо, усталость наверное даёт свой отпечаток. Дописал немного код: https://jsfiddle.net/nightgremlin/f5vcgadr/ Это так для примера, может кому пригодиться.

Не пойму в чем дело. Пожалуйста подскажите. Мне надо чтобы при нажатии (onmousedown) на любую кнопку на страничке менялись её стили: document.body.onmousedown = function(event) { var target = event.target; if (target != 'button') return; // Если нажали не на кнопку, то ничего не происходит target.style.borderBottomWidth = 1 + 'px'; // Например, поменяем размер нижней границы }; Заранее спасибо!

Для новичка всё сойдет. В код не смотрел, есть пару вопросов по шаблону: 1. В верхнем меню ссылки при наведении должны были так выделяться или вы сами придумали? Вроде там есть отчетливое подчеркивание. 2. Почему не до верстали 4 картинки, а именно эффект при наведении? + Уехали названия Name & Email в форме. (в Chrome, в других браузерах не проверял)