Посоветуйте курсы по верстке!!!
посоветуйте хорошие курсы по верстке, общие знания есть, хотелось бы углубиться!!!!!!!
Выпадающий список алхимических элементов
Попал ко мне в руки необычный набор кубиков, на одном изображены алхимические символы, а на другом знаки зодиака. Ну и решил я сделать веб-страницу на которой можно будет выбрать значок и узнать, что он значит.
Собственно идея проста есть json файл в котором хранятся символы, они передаются на страницу, пользователь открывает dropdown и выбирает любой из них.
Первая проблема возникла, когда я узнал, что в dropdown можно впихнуть только строку, без всяких вложенностей. Поэтому вариант вставлять картинки отпал сразу. Ну не велика потеря, берём символы юникода и приписываем название, тем более, что найти их все не составляет большого труда. Все кроме одного - Плутона.
Этот уникум обладает целым набором. И единственный символ, который корректно отображается, это - ♇. Все остальные не поддерживаются Но мне нужен ведь не астрономический, а астрологический, который стоит первым в таблице.
Ну если в стандартных шрифтах такого нет, думаю я, значит надо скачать какой-то специальный шрифт, в котором эти значки присутствуют и заменяют стандартный алфавит. И такой шрифт также быстро нашёлся, благо ещё и бесплатный. И вроде всё здорово, загрузил на сервер, с компа отображается корректно. Захожу на сайт с телефона и вижу стандартную латиницу без скачанного шрифта.
Ладно бы проблема была в самом шрифте, так нет, обычный текст отображается корректно, но вот именно выпадающий список ведёт себя странно. Почитав пару страниц про схожие проблемы наткнулся на комментарий, в котором говорится, что это всё андроид берёт и интерпретирует как хочет. Но вот дела, попросил я своего друга яблочника зайти на сайт и сфоткать как там всё выглядит. И оказалось, что у него точно также.
Как видите сверху отображаются символы из скачанного шрифта, но внизу обычные буквы. Дальнейший поиск и эксперименты со шрифтами не дали никакого результата.
Ладно, подумал я, и решил вернуться к изначальной идее с обычным текстом, только для Плутона найти какой-то другой но похожий значок 🜝.
Если не вглядываться, они очень похожи, только этот немного повёрнут и вместо крестика стрелочка, но, как говорится "и так сойдёт".
Однако какое же удивление меня ждало, когда, переделав в очередной раз, я обнаружил следующую картину
В обычном тексте они чёрного цвета, но в списке и только с списке начинают выделываться, а солнце так вообще засияло. Со знаками зодиака ещё веселее - переливаются цветами радуги, однако опять же вне списка, а в списке они просто с фиолетовой рамочкой.
Что с этим делать и как быть? Ну, один из неприятных вариантов - это самописные скрипты, которые будут симулировать dropdown, но, честно говоря, заниматься этих как-то уже не особо хочется.
ИЩУ БЕСПЛАТНОЙ ПОМОЩИ , МОЖЕТЕ ДАЖЕ ЗАМИНУСИТЬ.
Прошу прощения люди. хочу научиться верстать сайты ,по html , css,
посоветуйте пожалуйста с чего начать, может быть книги , видео уроки, и тд и тп.
можно свезаться в телеге .
кто поможет бесплатным советом, буду рада .
Научу плохому
Вдохновился увиденным в после Горжусь хитрецом
И решил показать, как можно было избежать такой оплошности.
Как многие знают, станица в браузере это код, который прилетает нам по запросу от сервера сайта, на нём указаны параметры для отображения, значения и... цвет.
Для начала нужно открыть в браузере код нашей страницы.
Очень многобукф, какой-то непонятный эльфийский, но нам это не важно. Мы, щёлкая по элементам, находим элемент, который хотим поменять и ву-аля, при нажатии на одну из строк подсветилась вся страница, в ней то и находится всё, что нам нужно.
Раскрываем содержимое этой строки и точно так же ищем нужный нам элемент. Я например нацелился на главный цвет (зелёный).
Затем нужно пошуршать в конфигурационных элементах этого блока. Снова много иероглифов, но опять же ничего страшного, просто листаем до момента, где отображены все цвета, найти их чисто интуитивно не составляет труда.
И снова успех
Пощёлкав по галочке, увидел, как включается и отключается зелёный цвет. Значит точно наш клиент. И лёгким движением руки, меняю зелёный цвет на синий.
Готово. Точно так же можно поступить с любым элементом, например я поменял слово в левом меню.
Было
Стало
Но не забываем самое начало поста, где я сказал, что код страницы подгружется по запросу с сервера. Так что стоит перезагрузить страницу... И все наши старания превращаются в тыкву) Но одноразово обмануть батю пойдёт. Надеюсь было интересно.
Неудобный domofond.ru
Подгорело с верстки сайта)) Топ-фрейм на треть экрана загораживает объявление, классно да?
А "увеличение" фото нифига не увеличивает его :)
Не то чтобы нытье, но в самом-то деле, я же (наверное) подавляющая целевая аудитория с 1366 на 15,6"
И это при том, что реклама вырезана..
В обратную связь постучался, на всякий.
Плохие отступы — плохой дизайн
Если бы в дизайне нужно было знать только одно правило, — это было бы правило работы с отступами. Отступы помогают связывать элементы по смыслу. Дизайн становится организованным. Читателю удобно пробегать глазами и разбираться с информацией. Все счастливы.
P.S. Ребят, знать теорию и уметь делать — не одно и то же. В комментариях к посту есть задания для практики: https://vk.com/wall-73916093_2693
Вы их выполняете и отправляете мне. А я хвалю или ругаю. Строго, но справедливо :)))