dhat: ахахах, ну transition просто ко всему сразу применил, сути не меняет, если нужно только для меню, то уберите для всей страницы и добавьте только для меню. Ну и на счет stylus. Все довольно просто, ничего отличного от обычного css нет, кроме как отсутствие фигурных скобок, двоеточий и точки с запятой. Да и на codepen есть встроенная возможность перевести все в обычный css.
А на счет min-width и max-width не понял что вы имели ввиду..
Работает то мой пример так как нужно?
Виктор Королев: ахаха да я не имел ввиду движок "unreal", я имел ввиду типа "нереально" сделать подобное в браузере.
Не совсем понял, что вы имеете ввиду под "выбирайте натив". Какие это движки. Что посоветуете?
copal: Ну вот я и задался таким вопросом, возможно ли сделать именно с такой плавностью и физикой.
Поискав в интернете готовые игры, не нашел более менее нормальных, хотя бы немного приближенных к указанной мною. Нашел только красивые 3d демки, какие то даже игры, но все равно это не то что нужно. Везде либо красивая графика, без какой либо физики, либо 3d, которые неимоверно едят память и жутко тормозят.
А хотелось бы и красиво и с физикой чтоб норм было, ну и 60 fps чтоб выдавало.
Получается на данный момент анрил подобное сделать в браузере?
Хочется блин и геймдев и веб, но что то кажется сейчас это не лучшее сочитание...
Вот хз что делать. Либо продолжать веб, делать приложения, либо уходить в мобилки, и заниматься геймдевом под них. Тянет и туда и туда, и кпц как сложно определиться.
Владимир: Windows 10. Сейчас этого не происходит почему то. Предыдущую неделю так было.
Сохранялось полностью все как было. Все открытые окна, открытые файлы и т.д. Все оставалось на своем месте
Игорь Касперский:
Но это все не совсем правильно. Просто оно работает. А за реализацию я не ручаюсь. Там изначально все не совсем оптимально.
Сейчас оно работает, но не совсем адаптивно, при каждом изменении структуры как вот сейчас вы изменили придется менять код. Если для вас это не критично, то вот https://jsfiddle.net/evg_/n962evq0/1/ , решение конкретно по вашей верстке.
Владислав Поляков: А мой пример не рабочий да?)
Вот зачем менять кнопки, хотя по сути у вас это тоже одна и та же кнопка, просто классы меняются*.
Просто вешаем обработчик и смотрим на состояние кнопки. Если одно, вызываем одну функцию, если другое, другую.
Денис Хоть кто то воспользовался моих остатком процента)))
А можно поинтересоваться что произошло при выполнение сие кода? Просто php ваще не бум бум.
В общих чертах понял что отправляется запрос, бла бла, дальше в php проверяем если запрос "не пустой", ну что то в этом роде, то записываем в файл Hi. Вроде так, а может и не так, зх)))
И что это даст? не пойму просто как это поможет вызвать например какую нибудь функцию перед закрытием страницы?
И для чего вот эти строки?
e.preventDefault();
var confirmationMessage = "";
(e || window.event).returnValue = confirmationMessage;
return confirmationMessage;
Какой в них смысл? Как я понял, эти строки отменяют обработку по умолчанию, а потом все равно возвращаем значение, при чем false.
Объясните пожалуйста ваш код, хочется понять что вы сделали и как что и для чего работает
Zellar: Если заговорили об оптимизации, то использовать вот такие вот кусочки картинок тем более не нужно.
У вас 2 картинки состоят из 10 кусочков. Каждая картинка получится одни запрос на сервер.
Суммарно все кусочки весить будут +- также как 2 цельные картинки, а вот запросов будет в 5 раз больше.
Ну а на счет того что типа может поменяться цвет фона, тот уже ваше дело. Чушь какая то. Ну и что, что поменяется вам от этого не горячо не холодно не будет.
Если цвет фона поменяется, это значит поменялся дизайн. И кто знает как задумает дизайнер. Может он захочет чтобы линии всегда были белыми, а если не захочет то он и нарисует линиям новый цвет.
Но если вам все таки принципиально чтобы фон линий был под цвет фонового цвета, то нарезайте фон на 100500 мелких плиток и указывайте позиции для каждой. Супер сложного здесь ничего нет.
Указываете background-image, repeat, position, size и все. Но мое лично мнение, что так делать не нужно.
И еще раз повторюсь, как и писал в другом вашем вопросе, ваш дизайнер не дизайнер.
И вообще, как вы писали в другой теме, вы хотите профессионально научиться верстать, ну как я понял.
Я вам уже отвечал.
Но добавлю конкретно под эту ситуацию.
Зачем вы сейчас уже какой день зацикливаетесь на этих картинках из плиток?
Вам научиться верстать нужно или конкретно этот макет добить и чтобы картинки были именно из кусочков??? Думаю научиться верстать.
Не делайте такой супер целью сделать как задумал дизайнер. Мыслите как разработчик, как это будет делаться с технической стороны. И возникайте на каждую извращенную "дизайнерскую" идею.
Забудьте вы сейчас про этот фон да и верстайте дальше. Сверстайте весь макет. А фон это уже последнее дело. там уже если хватит нервов, можете и по извращаться.
Но с опытом вы поймете что нужно когда и как делать.
В общем как хотите, это ваше дело, ваша верстка.
Удачи, все равно, надеюсь все получится.
Как сделаете, создайте тему, или киньте в ЛС верстку, хочется посмотреть что получится.
Zellar: Зачем усложнять жизнь? Здесь же явно видно что на фоне просто две цельные картинки. Зачем их делать в виде разделенных плиток? Делайте body множественный фон из 2х картинок и все.
А как сделать адаптивными я привел пример.
Максим Жаров: А при чем тут я?) на моей codepen или что вообще? не догоняю. Не понял сути вашего ответа на мой ответ на вопрос ТС.
И ваш пример ну никак не является решением которое нужно ТС. Вообще не в тему ваш ответ если честно)
Максим Жаров: да это не утверждающий вопрос. Ты написал что научился у меня. Что это значит? Как понять научился на codepen? Поясни пожалуйста свое высказывание. Суть уловить не могу.
profesor08 Ваш код тоже имеет не совсем правильную реализацию. А если я захочу поменять цвета пунктов. Это мне и все атрибуты тоже придется менять. Не совсем эффективно. А так вполне можно использовать
Алексей: Да уже вспомнил что дефолтное выравнивание по базовой линии. Но все равно это извращение какое то с этими inline-block, vertical align. Ну никак ни для это они созданы.
Для этих вещей есть намного лучшее решение - использовать флексы.
На счет кроссбраузерности. Во всех браузерах превосходная поддержка (Если конечно IE не считать за браузер). caniuse.com/#feat=flexbox Но и для этого убожества можно использовать условные комменты.
В общем самым адекватным решением будет использование flexbox. остальное порнография. имхо
На счет абсолютного позиционирования))) можно и на таблицах сверстать.) Тут то и пригодится vertical-align.
Думаю это то что нужно