400 ре в месяц. Фотошоп и то дешевле)

ну тут уже зависит от того работаешь ты или балуешься версткой

при обычном доходе фронтедера 400р в месяц вообще не заметны будут

Ну хз

Подскажите лучше, как адаптивить эти грёбаные таблицы? На смартфонах они выглядят плачевно ?

куды копать?

Понятно когда две колонки, там просто, но когда 3-4 ..

Уменьшать шрифт?

https://css-tricks.com/responsive-data-tables/ нагуглил, но не то

overflow-x: auto;

здравия!

Понятно когда две колонки, там просто, но когда 3-4 ..

самый лучший способ адаптивить таблицы, это не использовать таблицы

самый лучший способ адаптивить таблицы, это не использовать таблицы

++++

самый лучший способ адаптивить таблицы, это не использовать таблицы

+

Что-то из разряда — самый лучший способ что-то делать – не делать это что-то. Глупо, иногда они необходимы.

Да. Например, чтобы сделать таблицу.

Ее можно сделать без тего тейбл, и тд

а разве нельзя?:(

Подскажите лучше, как адаптивить эти грёбаные таблицы? На смартфонах они выглядят плачевно ?

насчет адаптивки таблеток смотри на codepen.io по запросу "tables"

там ты найдешь много реализаций адаптивных таблиц

а для чего их ипользовать можно пример?

я использовал один раз в жизни

как ни удивительно для таблицы с реквизитами

но кстати говоря потом переделал в простые div, ибо проблемы с адаптивностью сохранились (левая колонка, в зависимости от текста слева, прыгала от таблицы к таблице)

такие вещи нужно решать дивами или списком

поэтому все таки хотелось бы услышать случай по весомее

для таблиц

например отчетность

или характеристики товара

сравнение товаров

история заказов

в корзине ИМ

все это можно сделать без таблицы

да же не так, все это можно и НУЖНО сделать без таблицы

и нафига делать таблицы не через таблицы?

это как делать детей через ж..

таблицы и формулы, наверное тоже в ворд делаете, в не ексел?:)

Даже я знаю, что таблицы - это зло

Используйте каждый инструмент по назначению

Лол

Это бессмысленная присказка

Инструмент table - это поломанный неудобный топор из каменного века

Чтобы убить животное, лучше использовать ружье

Чтобы завалить дерево, лучше бензопила

Но ладно, это я упражняюсь в бессмысленных аналогиях

Table - для верстки это легаси. Он неудобный, плохо кастомизируется, с ним неудобно работать

Да пусть верстают на чем хотят. Мне table омерзителен и жутко не удобен, я искренне не понимаю за чем он нужен в современном мире адаптивности.

Ну вот они сделают, а поддерживать потом тебе

Да пусть верстают на чем хотят. Мне table омерзителен и жутко не удобен, я искренне не понимаю за чем он нужен в современном мире адаптивности.

А как выводить табличные данные?

например в связке ul+li далее ul+li управлять всем оформлением через nth-child

Слажна

???

Мда

Извините, не удержался.

Полезная вешь, однако, спасибо

Почистил чат, не материтесь

ERROR: S client not available

Noooooooo!

Как же без мата

Тут же js и вёрстка

Вопрос не обсуждается: Группа посвящена Front-end и Back-end. Тут вы сможете найти ответы на ваши вопросы, получить полезные советы, а так же ссылки на учебные материалы. !ЗАПРЕЩЕНО!: - Оскорбление других участников - Холивар - Флуд - Троллинг - Мат - Реклама Штраф - БАН

=(

Жизнь так несправедлива к фронтендщикам

Мы делаем все, чтобы этот чат не превратился в сральник (как например Хабрахабр IT), где можно крутить экраны натыкаясь на маты, анимешное порно и взаимную ругань

например в связке ul+li далее ul+li управлять всем оформлением через nth-child

Зачем изобретать костыли, если w3c давно уже придумали table.

да потому что адаптивность его это и есть костыль???

Зачем изобретать костыли, если w3c давно уже придумали table.

потому что table простой как дверь, с ним невозможно работать, когда требуется что-то посложнее просто разлинованной таблицы

Чищу чат, разговор ни о чем.

воу воу по легче

Я не про table а про маты и их нужность/ненужность. конечно

Насчет table... При вводе запросов на table последняя инфа о них вылазит с 2010 года... Значит юзать не стоит

кстати статья когда стоит использовать свойства table в css (свойства, но не сами таблицы) https://htmlacademy.ru/blog/29-display-table-anti-hero

display: flex наше всё

насчет flex - я ведь праивльно понимаю, что для IE10-11 придется использовать старую нотацию?

как-то пытался узнать, может ли autoprefixer в поддержку IE 9 10 11 для флексов - не нашел внятного ответа

насчет flex - я ведь праивльно понимаю, что для IE10-11 придется использовать старую нотацию?

то есть "старую нотацию"?

11 вроде понимает

Кстати, отличная тулза для хрома http://responsivewebdesigntester.com/

то есть "старую нотацию"?

синтаксис 2009 года: https://css-tricks.com/old-flexbox-and-new-flexbox/

т.е. - хочу использовать флексы, в новой текущей красивой и лаконичной нотации, а поддержку старых браузеров повесить на стабильно работающие полифиллы

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

Подскажите, почему с телефона сайт может не скролится?

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

Да, сейчас покопался еще, скину сюда выводы, кому интересно будет: - IE11 поддерживает новую нотацию flex, с рядом уникальных багов в конкретных ситуациях. - IE10 поддерживает переходную нотацию (среднюю между старой и новой). Можно писать стили в новой нотации - autoprefixer дополнит их переходной. - IE9 флексы не поддерживает, ни в каком виде. Если нужно обеспечивать поддержку - можно подгружать дополнительные стили для IE9 с float вместо flex. Если плевать на прогрессивное улучшение - можно использовать https://github.com/jonathantneal/flexibility - он расположит блоки по флексу через js

Да, сейчас покопался еще, скину сюда выводы, кому интересно будет: - IE11 поддерживает новую нотацию flex, с рядом уникальных багов в конкретных ситуациях. - IE10 поддерживает переходную нотацию (среднюю между старой и новой). Можно писать стили в новой нотации - autoprefixer дополнит их переходной. - IE9 флексы не поддерживает, ни в каком виде. Если нужно обеспечивать поддержку - можно подгружать дополнительные стили для IE9 с float вместо flex. Если плевать на прогрессивное улучшение - можно использовать https://github.com/jonathantneal/flexibility - он расположит блоки по флексу через js

Спасибо, схоронил