Shenia132

Всем привет, такая ситуация. Использую vscode, на винде проблем с подключением к bitbucket через ssh не было, и клонировал, пушил, и т.д. Поставил себе хакинтош, создал ключ ssh, добавил его в битбакет. Через терминал я могу и пушить и клонировать, все что может понадобится я могу делать. Даже через терминал в vscode, все работает. Не могу понять в чем проблема, в прикрепленной картинке видно что он мне выдает когда я хочу запушить именно через кнопки соответствующие. Очень долго гуглил, ничего не помогло. Проблема только с vscode, тот же phpstorm все нормально клонирует и пушит. Но phpstorm пользоваться не хочу, жрет систему очень. Vscode даже не спрашивает меня о passphrase, я думаю дело в этом, он не спрашивает но и без пароля то он не может подключится. Можете пожалуйста подсказать в чем может быть проблема ?

Ну если я правильно понял, то просто задаешь обертке 1200px и делаешь их по центру. Если header и footer растягиваются на всю ширину, то тогда хедеру не задаешь фиксированную ширину а внутри него делаешь div.container и ему даешь 1200px и ровняешь его по центру.

Всем привет. Подскажите как лучше делать подобные чекбоксы и радиобаттоны ? Скриншот взял чисто для примера, чтоб вы поняли о чем идет речь.

http://www.jotform.org/wp-content/uploads/2013/07/jquery-change-checkbox-style.jpg

 

если не брать бутстрап, то придётся все те же самые стили писать самостоятельно. Это точно надо?

 

Обведены и помечены цифрами филдсеты. В каждом из них по 6 групп, выстроенных тупо через float:left

 

Что-то типа:

<form className="form">    <fieldset className="form__section">        <div className="form__group">            <label className="form__group_label">Название организации</label>            <input className="form__group_input" value={this.state.company} />        </div>        <div className="form__group">            <label className="form__group_label">Город</label>            <input className="form__group_input" value={this.state.city} />        </div>        <div className="form__group">            <label className="form__group_label">Контактное лицо</label>            <input className="form__group_input" value={this.state.person} />        </div>        /* … тут ещё поля */    </fieldset>    /* тут ещё филдсет */</form>

 ну и соответственно стили:

.form  &__section    margin-bottom: $fieldSectionBottomGap  &__group    @extend .form-group    &_label      color: $labelColor      font:        weight: bold        family: someFontFamily, sans-serif    &_input      @extend .form-control

Понял, спасибо

Так а чем не устраивает стандартная структура по сетке с обычными группами полей?

Смотри если не брать bootstrap. Там первый блок(я обозначил их) идет обертка для этих всех инпутов с контактными данными(почта,город и т.д), в нем еще два дива и внутри там input по 3 штуки в каждом и так же во втором блоке где тип лизинга,стоимость. Так будет правильно если сделать ?

Скрин - http://pixs.ru/showimage/Lichniykab_1470911_19952037.jpg

давайте скрин, попробуем подсказать.

http://pixs.ru/showimage/Lichniykab_9600987_19951905.jpgзабыл загрузить скрин.

Всем привет. Подскажите пожалуйста какую сделать лучше структуру для этих форм что на скрине ? Также еще вопрос, как делаются этот выпадающий список валют и инпуты такие ?

http://pixs.ru/showimage/Lichniykab_9600987_19951905.jpg

 

 

 

Как можно было бы придумать, свое обучение более интересным ? А то теорию читаешь, и зачастую потом не можешь "допереть", как на практике все это отработать. Было бы прикольно, на каком то проекте отбивать навыки свои, узнал новое - применил.

 

 

Нуу, открывайте любой сайт, находите интересные вещи и стараетесь сверстать так же. А после, когда сверстали/не сверстали, можете открыть код инструментами разработчика и посмотреть как оно свёрстано, сравнивая с вашим решением. Тоже самое применительно к JavaScript и т.д.

 

Как лучше, изучить например js потом адаптив к примеру. То есть сначала что то одно, а не параллельно ?

 

1) Прочитал/придумал задание, 2) Изучил теорию для этой задачи, 3) Приступил к практике, пробуя решить задачу всевозможными способами. Если не выходит, опять читайте теорию по проблемным местам, а после снова в бой, пробуя решить и т.д. 4) В конце, когда задача решена/либо нуу ни в какую не решается, то смотрите правильный ответ). Главное максимум приложенных усилий.

 

Понял, спасибо за советы.

 

Как можно было бы придумать, свое обучение более интересным ? А то теорию читаешь, и зачастую потом не можешь "допереть", как на практике все это отработать. Было бы прикольно, на каком то проекте отбивать навыки свои, узнал новое - применил.

 

 

Нуу, открывайте любой сайт, находите интересные вещи и стараетесь сверстать так же. А после, когда сверстали/не сверстали, можете открыть код инструментами разработчика и посмотреть как оно свёрстано, сравнивая с вашим решением. Тоже самое применительно к JavaScript и т.д.

 

Как лучше, изучить например js потом адаптив к примеру. То есть сначала что то одно, а не параллельно ?

 

Кроме JS есть набор фронтенд-инструментов, которые оптимизируют работу и сокращают время на разработку за счёт автоматизации рутинных операций. Рекомендовал бы следующее:

• Sass
• Emmet
• Bower
• Gulp
• Yeoman

 

Ну подобные инструменты я использую.

Могу вам предложить пару статей по теме: раз, два.

Как можно было бы придумать, свое обучение более интересным ? А то теорию читаешь, и зачастую потом не можешь "допереть", как на практике все это отработать. Было бы прикольно, на каком то проекте отбивать навыки свои, узнал новое - применил.

Всем привет. Верстаю сайты, но хочу развиваться дальше и углубленно в этой сфере. Начал изучать js. Но еще очень много чего нужно изучать, поэтому вопрос - как лучше всего построить свое обучение, чтобы это было как можно более эффективно, и чтобы за "короткий срок" можно было поднять так сказать свой скилл ?

Всем привет. Хотел бы чтобы вы проверили мою верстку http://verstka-primer.esy.es/world/ Макет, для многих легкий но я хотел бы чтобы вы мне показали как лучше сделать тот или иной элемент. Надеюсь, что там не так все плохо )

 

Закончили работу над проектом"РД-Электро".

Сайт можно посмотреть по адресу - http://rd-electro.ru/ 

 

когда наводишь на ссылку"О нас" должен быть такой отступ до ссылки "Главная страница" ?

 

... и отступы задавать через :nth-of-type(2n) \ :nth-of-type(2n+1)...

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

center это для того чтобы выровнять по центру содержимое

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

Я смотрю ты не особо активно участвуешь в собственной теме - если что не расстраивайся, сайт не ужасный, ты сам попросил критики) и дизайн очень приятный

 

спасибо за критику. Без нее никак )

 

... и отступы задавать через :nth-of-type(2n) \ :nth-of-type(2n+1)...

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

center это для того чтобы выровнять по центру содержимое

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

Я смотрю ты не особо активно участвуешь в собственной теме - если что не расстраивайся, сайт не ужасный, ты сам попросил критики) и дизайн очень приятный

 

почему я не задаю section по центру, потому что не которые из них должны растягиваться на всю ширину.

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

 

а вообще из больших и жирных минусов - что на маленьком экране возникает горизонтальная полоса прокрутки. у меня 1024х600, и некоторые элементы подстраиваются под мою ширину экрана, а некоторые вылезают. попробуй http://quirktools.com/screenfly/или что-нибудь в этом роде, посмотри, что получается. менять надо обязательно, ширина экрана как у меня - вовсе не редкость.

 

еще мелочи:

 - непонятно, зачем в каждой section внутри center;

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

 - что за дикий triangle и зачем он нужен???))) ну я понимаю, если он просто остался на случай, если ты передумаешь, как оформлять speech bubbles у happy customers, но откуда он на самой верхней полоске меню, рядом с логотипом?

 - если уж использовать осмысленную семантику, то можно было бы конечно и как-то помасштабнее ее поприменять, там, h1, h2, h3, article, все такое...

 

и да, фиксированное меню, либо хотя бы кнопка "наверх".

center это для того чтобы выровнять по центру содержимое

Всем привет. Хотел спросить. Вот сайт который я с верстал на less http://verstka-primer.esy.es/Zonya/ я просто подключил js файл и создал style.less . Читал что лучше его компилировать. А вот как это делать. У меня стоит linux. Когда компилировать надо файл less после того когда ты все с верстал, или по ходу работы ? Можете пожалуйста объяснить мне, а то вот именно про компиляцию как и что там, инфу я не нашел.

.nav-bottom {	padding: 86px 0 97px 0;	background: rgb(236, 236, 236) url(../images/bg-nav-bottom.jpg) no-repeat right center;	background: -moz-linear-gradient(356deg, rgb(236, 236, 236) 30%, rgb(253, 253, 253) 70%);	background: -webkit-linear-gradient(356deg, rgb(236, 236, 236) 30%, rgb(253, 253, 253) 70%);	background: -o-linear-gradient(356deg, rgb(236, 236, 236) 30%, rgb(253, 253, 253) 70%);	background: -ms-linear-gradient(356deg, rgb(236, 236, 236) 30%, rgb(253, 253, 253) 70%);	background: linear-gradient(86deg, rgb(236, 236, 236) 30%, rgb(253, 253, 253) 70%);}

правильно, последний background который без изображения заменил первый в котором есть изображение

 

то есть мне надо, в конце ставить изображение ?

ссылка на сайт не работает!

Скорее всего вы background картинки прописали выше чем background  линейный градиент. Пропищите его ниже!

вот сайт http://verstka-primer.esy.es/Bio/

Всем привет. Есть проблема, нижний самый блок на сайте http://verstka-primer.esy.es/Bio/там где категории и так далее. Градиент поставил блоку нижнему но изображение не ставиться прописываю ничего не получается не пойму почему. Как мне сделать так чтобы было как на  картинке http://pixs.ru/showimage/biov503jpg_5673359_16681178.jpg  И еще почему то к placeholder не применяются стили. Помогите пожалуйста.

 

Всем привет. Есть проблема, надо сделать блоки как на картинке http://pixs.ru/showimage/biov503jpg_3042573_16669650.jpgне могу выровнять содержимое чтоб заголовки на одном были уровне с другими. Вот что я тут сделал http://verstka-primer.esy.es/Bio/ начал изображение одинаковые по высоте вырезать, но все равно первый ряд, получилось а другие нет. Вроде и легко но у меня почему то, всегда найдется на чем за топорится. Буду рад помощи.

.product img{

width:189px;

height:206px;

}

 

изображение сплюснутыми получаются

Всем привет. Есть проблема, надо сделать блоки как на картинке http://pixs.ru/showimage/biov503jpg_3042573_16669650.jpgне могу выровнять содержимое чтоб заголовки на одном были уровне с другими. Вот что я тут сделал http://verstka-primer.esy.es/Bio/ начал изображение одинаковые по высоте вырезать, но все равно первый ряд, получилось а другие нет. Вроде и легко но у меня почему то, всегда найдется на чем за топорится. Буду рад помощи.

Может браузер не поддерживает какойто элемент в вашем коде. Скиньте код посмотрим...

вот содержание файла jquery.cslider.js  http://jsfiddle.net/8a8g1Lhd/ 

У меня все впорядке. Пользуюсь браузером Фаерфокс. Попробуйте другой браузер. А вообще можно код слайдера?

ага ля точно в firefox работает. Чего тогда chrome так выеживаеться ?

У меня все впорядке. Пользуюсь браузером Фаерфокс. Попробуйте другой браузер. А вообще можно код слайдера?

еще когда, в firefox перелистываешь дергается почему то фон

Всем привет. Подскажите пожалуйста, как мне на сайте http://verstka-primer.esy.es/Bio/в слайдере картинка йогурта сначала стоит рядом с текстом. Но при перелистывании слайдера картинка получается с права. А нужно чтоб она постоянно стояла возле текста, при перелистывании. Подскажите пожалуйста как мне сделать.

http://take.ms/Ha45S воу, что это за BR? кто ж так будет текст вбивать? в любую строку дописываю текст и все падает. надо ширину задать на .from-the-blog

то есть вместо br ширину блоку просто задать ?

При наведение уменьшаться картинки в блоки "Our Awesome Works" - это УЖАСНО со стороны дизайна. Мое личное мнение.

добавил текста в блок "Our Awesome Works" правые миниатюры сместились вниз.

 

для .post добавьте правило vertical-align: top;

без него если добавить побольше текста, остальные блоки вниз съежают.

я понял, спасибо