nightgremlin

18 часов назад, klierik сказал:

А если обрезать макет по бокам?

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

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

Что делать? Уменьшить размер макета до 1280px и нормально верстать в pixel perfect или как?  

Ни разу не приходилось, но возможно вот эта статья вам чем-то поможет в ваших проектах  https://learn.javascript.ru/string#методы-и-свойства

Там применяется оператор НЕ '~' для красивого вызова indexOf

P/S: c Delphi не знаком вообще

В 27.09.2017 в 13:05, slavva1998 сказал:

1.ваши советы 20 летним от 30, 40 летних. что можете посоветовать.
2.что вам советовал и учил отец - хочу перенять опыт. мой меня нечему не научил.
3.каким по вашему мнению нужно быть в россии
4.каким быть с окружающими в целом
5.каким быть с девушками
6.расскажите как быть и вести себя с кавказцами, славянами (ведь бывают разные люди)

Задай для начала себе вопрос чего ты хочешь от этой жизни? Когда сможешь ответить на него подумай как достичь, того что ты там загадал.

Просто, на вопросы, которые ты задал, есть куча ответов. + у каждого присутствующего здесь, есть своё "особое" мнение.

Адаптируйся, приспосабливайся, где-то ломайся, а где-то прояви "стойкость". Адаптация нынче в тренде   

9 часов назад, andrey7287 сказал:

Если нужно что бы было в папке, создавай локально такую папку.

7 часов назад, Hasiev сказал:

Интерактивный курс по GIT Репозиторий можно создать также в github , после чего в настройках репозитория, в разделе - GitHub Pages, Source - выбрать master branch.

6 часов назад, mrnobody сказал:

Вы наверное имеете ввиду GitHub Pages.

https://htmlacademy.ru/blog/99-github-as-hosting

Всем спасибо очень помогли! Главное продуктивно. Вопрос можно закрывать. +1 поставил всем, а что? Я не жадина.

___________________________________________________________________________________________________________________________________

mrnobody, видео как раз в точку, но консолью уже как-то привычнее стало (наверное из-за пристрастия к Linux).

9 часов назад, andrey7287 сказал:

Если нужно что бы было в папке, создавай локально такую папку.

Ты верно написал, просто я ступил

1 час назад, andrey7287 сказал:

git remote add origin [ссылка на репозиторий]

git push origin master

Если нужно что бы было в папке, создавай локально такую папку.

Не то....

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

В 22.09.2017 в 16:36, Switch74 сказал:

Тут есть нюансы:
screen.width - размер экрана, а не окна браузера, скорее всего оно вам поможет если вы будете тестить на меньшем экране в реальности.
document.body.getElementsByTagName возвращает коллекцию элементов, а не сам элемент как это делает getElementById, т.к. с id подразумевается только 1 элемент, а элементов с одинаковым тегом может быть много

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

Здравствуйте уважаемые форумчане! 

Я думаю многие из вас работали с github. Объясните мне пожалуйста как работать с репозиториями.

Я создал репозиторий вида username.github.io 

На компе у меня есть локальный репозиторий, созданный с помощью Git. В нём уже есть файлы, папки всё работает.

Но мне всё это надо закинуть не в  username.github.io ,  а в папку (подрепозиторий или проект), например  username.github.io/new-layout 

___________________________________________________________________________________________________________________________________________________________________

Вопрос состоит в следующем, как создать такую папку и запихнуть в неё все содержимое с локального репозитория, чтобы при открытии в браузере странички  username.github.io/new-layout все работало? 

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

Может кому будет полезно!

24 минуты назад, DevChristmas сказал:

Код проверен , работает!

Если задавать высоту родительскому блоку, тогда работает а если не задавать тогда не работает. В данном примере ты задаешь высоту:

height:100px;

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

48 минут назад, Евгений_SB сказал:

Только за знание этой технологии "JavaScript"  меньше чем за 40 штук никто не подпишется, за 30 максимум HTML и CSS 

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

Вот решение на JavaScript: https://jsfiddle.net/0eurp72g/

Можете даже теперь свойство height:100% убрать из стилей.

_______________________________________________________________________________

P/s: только что заметил, что за тег dib ? Новый тег?

Можно сделать вот так: https://jsfiddle.net/4ppf4bc3/

Или так: https://jsfiddle.net/799fypyL/

В общем поиграйтесь со свойствами. Если хорошо JS знаете, то задайте условия при которых бы высота ячеек выравнивалась по высоте последней ячейки.   

13 часа назад, SnowSilver сказал:

Как сделать так, чтобы остальные ячейки тоже растянулись по высоте строки ??

Вы пытаетесь растянуть ячейки не по родительскому элементу, даже с flex у вас ничего не выйдет. Боюсь в вашем примере поможет только JavaScript.

Но самый простой способ это задать высоту родительскому блоку и выравнивать высоту по его значению, либо как было указано выше задать одинаковую высоту для всех ячеек. 

__________________________________________________________________________________________________________________________________

А вот ваш пример с Flex-ом: https://jsfiddle.net/Lgcrrr1t/

Со свойством align-items:stretch;  тоже не поможет так, как браузер считает, что высота строки меньше высоты последней ячейки. 

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

Правда они впихнули два разных изображения в эти псевдоэлементы.  

6 часов назад, Switch74 сказал:

https://jsfiddle.net/5pwxwpsf/2/

+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/

В 27.08.2017 в 09:15, DivMan сказал:

А сможете добавить вопрос для своего города? 

Для этого нужна регистрация? Так нет, не могу

В 27.08.2017 в 09:15, DivMan сказал:

Удобно ли пользоваться сайтом?

Нет, не удобно.

В 27.08.2017 в 09:15, DivMan сказал:

Долго ли загружается?

Быстро.

В 27.08.2017 в 09:15, DivMan сказал:

Очень хочу узнать, интересна ли моя идея?

Если честно, то нет. Учить правила будут по книжкам и удобным приложениям. Как получат права станет вовсе не интересно.

Возможно, если сделать сайт супер мега привлекательным за счет дизайна и эффектов, то может это и привлечет посетителей, а так нет...

17 часов назад, Ars сказал:

Благодарю за полный и понятный ответ

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

3 часа назад, DevChristmas сказал:

jQuery значительно упрощает работу с DOM элементами.

Согласен с вами, но нет необходимости подключать целую библиотеку ради нескольких строчек кода.

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

В 04.09.2017 в 20:05, ErUnDAK сказал:

Порекомендуйте пожалуйста статьи или видеоуроки по bootstrap.

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

15 часов назад, Ars сказал:

Вопрос такой:  указываю див'y :  

background-image: url(img/header.png) no-repeat; 

 

 Картинка не появляется. Стоит указать width и height так сразу появляется. Еще указываю размер картинки, но почему не показывает. Стоит указать на 10px больше высоту, так сразу появляется.  Вопрос: обязательно ли всегда указывать размер картинки, если да, то во всех же браузерах по-разному будет отображаться?

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

7 часов назад, DivMan сказал:

 if (target.tagName != 'BUTTON')

 

+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'; // Например, поменяем размер нижней границы
};

Заранее спасибо!

В 06.09.2017 в 21:42, lolzteamskypee сказал:

Сойдет ли для новичка ? 

Для новичка всё сойдет.

В код не смотрел, есть пару вопросов по шаблону:

1. В верхнем меню ссылки при наведении должны были так выделяться или вы сами придумали? Вроде там есть отчетливое подчеркивание.

2. Почему не до верстали 4 картинки, а именно эффект при наведении?

+ Уехали названия Name & Email в форме. (в Chrome,  в других браузерах не проверял)