Джулия

всем привет) подскажите,пожалуйста, как сделать(запрограммировать)... есть анкета, она открывается в модальном окне, данные в анкете не меняются http://prntscr.com/bw0orj как сделать так,чтобы при выборе данных в анкете(чекнутые чекбоксы) и при нажатии на кнопку Сохранить, данные отображались на основной странице(данные-это текст рядом с чекбоксом), причём порядок построения был такой же как в анкете. Может,кто такое делал или есть готовый пример

спасибо by chris) а кто-нибудь ещё посоветуйте, что используете для анимации,различных эффектов..(javascript, плагины и тд и тп)? плиз)

для всех браузеров надо подключать шрифты с разным расширением, если вы хотите подключать с локального сервера. На локальном сервере вам надо создать папку fonts, конвертировать шрифты .ttf и правильно прописать пути к шрифту в style.css если вы конвертируете шрифт(.ttf) на том ресурсе,что я вам написала, то получите все нужные расширения. я подключаю шрифт вот так: http://prntscr.com/bpfg0w и не надо прописывать для них bold, light. Вы конвертируете изначально(RobotoBold.ttf, RobotoLignt.ttf) уже с жирным, тонким начертанием шрифта. у меня в проектах очень часто используется шрифт Roboto - очень хороший веб-шрифт, могу ещё посоветовать OpenSans, PTSans. Но Roboto лучше.

перенесла ваш код,вставила картинку-логотип)) можно навести и выделить номер и адрес http://codepen.io/JuliJulia/pen/XKgBOO

может,вам подойдёт такая стилизация http://codepen.io/JuliJulia/pen/vKkaZY

спасибо,by chris) хотелось бы ещё,чтобы появление блоков происходило в обе стороны(при скролле вниз и вверх). Знаете какие-нибудь готовые решения?

Хочу научиться созданию анимаций на сайте, параллакс-эффекту, интересным появлениям блоков, анимации при скролле..Подскажите,пожалуйста, хорошие приёмы;возможно, библиотеки JS,какие используете либо CSS-анимацию. Видео-уроки, youtube канал по анимации.. Всё,что связано с веб-анимацией и будет полезно знать и уметь.))

конвертируйте шрифты с расширением .ttf во все форматы для разных браузеров(https://everythingfonts.com/font-face) и пропишите в стилях подключение этих шрифтов.

задай всем трём блокам float:left; width: примерно 30% и паддинги рассчитай http://codepen.io/JuliJulia/pen/wWdjXR

по вёрстке таких блоков http://savepic.ru/10349491.htm лучше верстать блок с бордером, внутри заголовок и текст и иконка - с абсолютным позиционированием(span с бекграундом-иконкой либо используйте псевдокласс :before этого блока тоже с бекграундом-иконкой).

возможно,как-то так) http://prntscr.com/bndksd

скачки убрали) - отлично стало.Теперь посмотрите на Лого - надо ли наведение такое же как и у всех ссылок..по-моему не надо по поводу наведения на строки - можно цвет наведения просто изменить(не делать его цветом нечётных строк,сделать соовсем другим) и тогда наведение можно применить к каждой строке.(для наведения используйте псевдоклассы (nth-of-type(even) и nth-of-type(odd) - чётные и нечётные строки). в вашем случае .table-hover > tbody > tr:hover:nth-of-type(odd),.table-hover > tbody > tr:hover:nth-of-type(even) {background: #цвет;} >>>И выпадающие списки вверху в меню серого цвета фона..плохо смотрится. Для выпадающего подменю сделал бордюр и подменю немного светлей. стало лучше? - я бы сделала цвет бордера зелёным #5cb85c, и вообще,сделала,что-то типо такого http://prntscr.com/bn1noo по странице http://dev4.softreactor.com/admin/hostel/hostelstep1 >>>разные отступы слева в инпутах с текстом и инпутах селект - вот это я имею ввиду,небольшие отличия,но они заметы http://prntscr.com/bn1cba >>>по цветовой гамме смотрите сами,но зелёный цвет форм и шагов(#7b9f35) смотрится не очень..я бы поменяла на синий(#337ab7) - на сайте не должно быть очень много разных цветов. - Поменял. Теперь фон стал как и топ заголовок с тектсом "Hostel Management->New Hostel : Step 1". Думаете так лучше? - поменяйте ещё на белый цвет текста. И можно чуть подробнее о "на сайте не должно быть очень много разных цветов" Может, ссылку где это описано... Подобрать цвета на сайт довольно сложно... - я так думаю,что макет вам никто не делал,а вы сразу сами верстаете сайт..Часто составляется мудборд-картинки,описывающие тематику сайта.Посоветовала бы выбрать несколько картинок и закинуть в https://color.adobe.com и программа сама подберёт цветовую гамму либо посмотрите ещё https://vc.ru/p/colorise-it >>>и по шрифту посмотрите: если используете Helvetica, то подгружайте его для пользователей,иначе у меня,например, в системе не установлен этот шрифт и шрифт меняется на ваш указанный вторым - Arial. А какой набор шрифтов Вы бы предложили чтобы меньше заморачиваться со шрифтами на данном этапе? - часто в вебе используется шрифт Roboto(https://www.google.com/fonts) - найдите его,скачайте и конвертируйте для всех браузеров (https://everythingfonts.com/font-face) И еще подскажите пожалуйста а как лучше к сделать строку состояния вверху "You have 3 Active Operators No operator selected (You are watching data of )".Там выводятся какие-то общие сообщения для залогинившегося юзера. не знаю как сделать лучше - то что сейчас не очень нравится... - не вижу,где эти состояния,пришлите скрин.

надпись - Выезд специалиста для отбора проб - на следующий день в удобное для вас время - делайте без <br/>(вообще,плохая практика перевода строки),задайте этому блоку просто ширину 460px. немного не поняла зачем блоку с заголовками .section__title(например, Кому необходимы анализы сточных вод?) и блоку .whoneed {float:left}? тоже самое по блоку .we_do__list и .we_do__result - зачем float:left? Там надо списку и блоку прописать display: inline-block; у вас достаточно часто встречается float:left у блоков,только не понятно зачем они везде.. у блока .section-price_bottom да и в других лучше не прописывать конкретную высоту,а делать паддинги сверху и снизу .you_get_item-quickness .you_get_item__image поменяйте { background-position: -159px -280px;} - если -160px виден край следующей иконки спрайта. А в самом спрайте .you_get_item__image{background-repeat: no-repeat} прописывайте везде no-repeat. по иконкам - лучше использовать .png или .svg(лучше всего,не теряется качество), .jpeg - для фоток. по поводу изображения парня с ноутом - только так,вырезая его и позиционируя на страницу

чуть что кидайте ссылку на проект - оценю,подкажу)

https://drive.google.com/file/d/0BzB0UnAFkbULUVVpd1ZVNy11TmM/view?usp=sharing https://drive.google.com/file/d/0BzB0UnAFkbULdl8tbXN6cUxQQTg/view?usp=sharing

если смотреть конкретно только эти страницы - то те же скачки происходят при наведении на ссылки и на лого(у картинке надо бэкграунд сделать прозрачным,а то сейчас она на белом фоне). страница http://dev4.softreactor.com/admin/dashboard/index В таблице Hostel Listings и Tour Listings - наведение на строку срабатывает только на чётных строках..так должно быть?и эти таблицы не ровные,ячейки разные(почему-то у заголовка Hostel Listings нижний паддинг равен 0).И выпадающие списки вверху в меню серого цвета фона..плохо смотрится. по странице http://dev4.softreactor.com/admin/hostel/hostelstep1 разные отступы слева в инпутах с текстом и инпутах селект по цветовой гамме смотрите сами,но зелёный цвет форм и шагов(#7b9f35) смотрится не очень..я бы поменяла на синий(#337ab7) - на сайте не должно быть очень много разных цветов. и по шрифту посмотрите: если используете Helvetica, то подгружайте его для пользователей,иначе у меня,например, в системе не установлен этот шрифт и шрифт меняется на ваш указанный вторым - Arial.

когда захожу в Featured Hostels и Active Hostels выдаёт много ошибок - A PHP Error was encountered. Новый хостел создаётся нормально) новый тур тоже создаётся,но с ошибками php

может,подойдёт такой вариант http://codepen.io/JuliJulia/pen/mEWWQa

да,зарегестрировалась и нормально зашла в систему )

слайдер сверху сейчас,по моему мнению,мешает либо там должны показываться картинки по тематике,по товарам вашего магазина.Хедер с навигацией лучше поместить сверху,а не снизу слайдера.Иконки соц. сетей раскрасила бы в их цвета.Междустрочный интервал во всём тексте уменьшила бы,для удобства чтения.Возможно,убрала бы курсивное начертание.А так..вроде бы магазин понятен.Цветовая гамма норм,не напрягает.

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

смотрю страницу Login в мозиле там,где меню - навигация при нажатии Calendar, hostels - нет бэкграунда у появляющегося блока - смотрится странновато чекбокс+Remember me должен быть выровнен по вертикали и выравнивала бы по правому краю,чтобы инпут и remember me оканчивались на одном уровне строка Forgot Password? Not Member? Sign Up - переходит на другую строку,думаю,так не должно быть наведение на нижнюю навигацию - About us, contact us - не должны надписи скакать много нюансов по странице,на самом деле..и при уменьшении ширины браузера - тоже править надо некоторые моменты