Size: a a a

Front-end developers

2020 March 14

MP

Maksym Pohribniak in Front-end developers
off_uk
Хз как это с css сделать
препроцессоры юзаешь?
источник

o

off_uk in Front-end developers
ну или так
источник

o

off_uk in Front-end developers
суть в том, что хз можно ли это со стандартным css
источник
2020 March 15

АП

Алексей Прасолов in Front-end developers
Alexander
Но мне нужно чтобы элементы накладывались друг на друга в противоположном порядке, т.е сверху первый элемент (он же и в структуре html тоже первый)
Как это реализовать?
У тебя только 2 пути: делать в препроцессорах или делать в js. Извини 3-го и более способов не знаю.

Лично я бы сделал в js, для адаптивности. Объяснение почему:

       1. Если css файл откроет другой разработчик и у него не будет препроцессора, и плюс он захочет добавить ещё один элемент в этот список, то обычный css не установит добавленному элементу свой номер в z-index;

       2. Даже если у пользователя будет стоять запрет на использование js файлов, сильно дизайн от этого не пострадает;
источник

A

Alexander in Front-end developers
Алексей Прасолов
У тебя только 2 пути: делать в препроцессорах или делать в js. Извини 3-го и более способов не знаю.

Лично я бы сделал в js, для адаптивности. Объяснение почему:

       1. Если css файл откроет другой разработчик и у него не будет препроцессора, и плюс он захочет добавить ещё один элемент в этот список, то обычный css не установит добавленному элементу свой номер в z-index;

       2. Даже если у пользователя будет стоять запрет на использование js файлов, сильно дизайн от этого не пострадает;
Я просто сделал flex-direction: row-reverse;
источник

A

Alexander in Front-end developers
Алексей Прасолов
У тебя только 2 пути: делать в препроцессорах или делать в js. Извини 3-го и более способов не знаю.

Лично я бы сделал в js, для адаптивности. Объяснение почему:

       1. Если css файл откроет другой разработчик и у него не будет препроцессора, и плюс он захочет добавить ещё один элемент в этот список, то обычный css не установит добавленному элементу свой номер в z-index;

       2. Даже если у пользователя будет стоять запрет на использование js файлов, сильно дизайн от этого не пострадает;
И какой разработчик будет редактировать сбилдженный css ?:D
источник

VM

Valar Morgulis in Front-end developers
Alexander
И какой разработчик будет редактировать сбилдженный css ?:D
вдруг легаси достанется
источник

A

Alexander in Front-end developers
Valar Morgulis
вдруг легаси достанется
та какое легаси 😂
источник

АП

Алексей Прасолов in Front-end developers
Alexander
Я просто сделал flex-direction: row-reverse;
Можно естественно и с помощью flex-direction: row-reverse; сделать. Но как я понял тебе не подходит то что порядок будет другой.
источник

A

Alexander in Front-end developers
Алексей Прасолов
Можно естественно и с помощью flex-direction: row-reverse; сделать. Но как я понял тебе не подходит то что порядок будет другой.
Просто при выводе элементов перебираю с конца массива, вот и всё)
источник

DE

Denis Evlampiev in Front-end developers
Alexander
Просто при выводе элементов перебираю с конца массива, вот и всё)
Если это интерактивные элементы, то у пользователей, использующих для навигации клавиатуру, элементы будут перебираться в обратном порядке и это очень неудобно. Хотя можно починить с помощью tabindex.
Но проблемы останутся у скринридеров. Они читают элементы в том порядке в котором те описаны в html. Поэтому навигация для скринридера построится в обратном порядке и читать он их будет в обратном порядке. это не лечится.
Я бы делал через transform. Не будет работать в IE, но это кажется меньшее из зол https://codepen.io/codepen-store/pen/OJVvKgv
Ну или js
источник

OP

OLEKSANDRA PROTSENKO in Front-end developers
Очень новичок. Интересно, есть ли возможность посылаться в коде  на фото, которое на гуглдрайв, чтобы с любой точки можно было просмотреть в браузере верстку, не заливая фото на сервак, а храни временно на Гугл-драйв?)
источник

A

Alexander in Front-end developers
OLEKSANDRA PROTSENKO
Очень новичок. Интересно, есть ли возможность посылаться в коде  на фото, которое на гуглдрайв, чтобы с любой точки можно было просмотреть в браузере верстку, не заливая фото на сервак, а храни временно на Гугл-драйв?)
На сколько я знаю гугл драйв только на скачивание, не на просмотр удаленно. Есть бесплатные сервисы для хранения фото но там тоже скорее всего переходить нужно на них. В общем сервак лучше всего)
источник

r

redhemd in Front-end developers
OLEKSANDRA PROTSENKO
Очень новичок. Интересно, есть ли возможность посылаться в коде  на фото, которое на гуглдрайв, чтобы с любой точки можно было просмотреть в браузере верстку, не заливая фото на сервак, а храни временно на Гугл-драйв?)
источник

OP

OLEKSANDRA PROTSENKO in Front-end developers
Я ж предупредила, что новичок, камон, гайз😉
источник

r

redhemd in Front-end developers
OLEKSANDRA PROTSENKO
Я ж предупредила, что новичок, камон, гайз😉
сорри)
источник

OP

OLEKSANDRA PROTSENKO in Front-end developers
Alexander
На сколько я знаю гугл драйв только на скачивание, не на просмотр удаленно. Есть бесплатные сервисы для хранения фото но там тоже скорее всего переходить нужно на них. В общем сервак лучше всего)
Сань, спасибо ✌
источник

OP

OLEKSANDRA PROTSENKO in Front-end developers
redhemd
сорри)
Accepted  😜
источник

ЕС

Егор Сабанцев in Front-end developers
здравствуйте, подскажите пожалуйста в каких случаях можно использовать document.documentElement.appendChild не могу разобраться
источник

A

Alexander in Front-end developers
Егор Сабанцев
здравствуйте, подскажите пожалуйста в каких случаях можно использовать document.documentElement.appendChild не могу разобраться
Когда тебе надо внутрь тега через джс вставить другой тег
источник