Size: a a a

CSS — русскоговорящее сообщество

2020 April 27

SB

Sergey Bekharsky in CSS — русскоговорящее сообщество
Alexander 🥖
потому что там не woff2
ну так может твой конвертор испортил, а может реально баг в вариативных шрифтах в вофф2, я не в курсе, сорян
источник

A🥖

Alexander 🥖 in CSS — русскоговорящее сообщество
Sergey Bekharsky
ну так может твой конвертор испортил, а может реально баг в вариативных шрифтах в вофф2, я не в курсе, сорян
понятно
скачивал с google font helper как и всегда
источник

A🥖

Alexander 🥖 in CSS — русскоговорящее сообщество
попробую просто вариативные шрифты подрубить
благо поддержка позволяет
источник

A🥖

Alexander 🥖 in CSS — русскоговорящее сообщество
спасиб
источник

AB

Alex Bessmertnov in CSS — русскоговорящее сообщество
Хз сделайте коробку фиксированной высоты и меньше и начнёт все прикручиваться. Какой высоты картинка мож она влезает в высоту не понятно...
источник

Ю

Юра in CSS — русскоговорящее сообщество
Привет
Можно ли из sublime text 3 используя мож какие то плагины сделать аналог оффлайн IDE по аналогии с с сервисом https://repl.it/   ?  
https://prnt.sc/s6wj1a    это как в repl.it
https://prnt.sc/s6wioh   это как в саблайм неплохо, чтобы было )
так можно вообще ?
источник

VG

Vladimir Grebnev in CSS — русскоговорящее сообщество
Kenan Ayvazov
Вопрос хороший: как лучше всего организовать работу с иконками ( когда нету сборщиков. Для смены цветов нужно иметь доступ )? Возникает парочка идей:
1) Инлайнить в CSS их ( через encoder )
2) Вставлять их тупо в html
3) Через use
use рулит, особенно если проект не маленький. А если есть сборка то у JetBrains есть пара полезных тулзовин
https://github.com/JetBrains/svg-sprite-loader
https://github.com/JetBrains/svg-mixer
источник

DS

Dmytro Svyrydenko in CSS — русскоговорящее сообщество
Всем привет! А может кто-то подсказать, как с помощью гридов реализовать указанную ниже логику, если это вообще возможно.

К примеру есть динамический контейнер с rows по 500px, и колонки по 190px. 500/190 = 2.float. Значит в в одном row будет 2 колонки. Но они будут прижаты к левому краю. Можно ли как-то растянуть эти колонки до 250px, чтоб они растянулись и заняли одинаковое пространство? Допустим, как только контейнер станет 600, то 600/190 = 3.float. Значит можно поместить 3 колонки, но с такой же растянутой логикой, т.е. в итоге каждая колонка будет по 200px
источник

DS

Dmytro Svyrydenko in CSS — русскоговорящее сообщество
Если это можно сделать не на гридах, а как-то иначе – внимаю :)
источник

DS

Dmytro Svyrydenko in CSS — русскоговорящее сообщество
Dmytro Svyrydenko
Всем привет! А может кто-то подсказать, как с помощью гридов реализовать указанную ниже логику, если это вообще возможно.

К примеру есть динамический контейнер с rows по 500px, и колонки по 190px. 500/190 = 2.float. Значит в в одном row будет 2 колонки. Но они будут прижаты к левому краю. Можно ли как-то растянуть эти колонки до 250px, чтоб они растянулись и заняли одинаковое пространство? Допустим, как только контейнер станет 600, то 600/190 = 3.float. Значит можно поместить 3 колонки, но с такой же растянутой логикой, т.е. в итоге каждая колонка будет по 200px
Если кому интересно, то реализовал вот так
источник

Кm

Кирилл mrDoode in CSS — русскоговорящее сообщество
Dmytro Svyrydenko
Если кому интересно, то реализовал вот так
Отвечать на свои вопросы, если сам нашел решение — хорошая практика👍
источник

ЮТ

Юрий Тарасевич... in CSS — русскоговорящее сообщество
привет)
подскажите как сделать на flex (или как то еще) сетку в виде таблицы чтобы заголовки были одинаковой ширины с контентом (текст).

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

Текст имеет разную ширину (заранее не известно какая).
при этом при подгрузке данных может добавится еще колонка

<div className='table'>
   <div className='table-row table-header'>
       {map(headers, item => (
           <div
               className='table-cell'
               key={item.code}
           >
               {item.name}
           </div>
       ))}
   </div>
   <div className='table-rows'>
       {map(rows, (row) => (
           <div className='table-row'>
               {map(headers, header => (
               <div
                   className='table-cell'
                   key={row.fields[header.code]}
               >
                   {row.fields[header.code]}
               </div>
           ))}
           </div>
       ))}
   </div>
</div>
источник

DS

Dmytro Svyrydenko in CSS — русскоговорящее сообщество
Dmytro Svyrydenko
Если кому интересно, то реализовал вот так
А лучше не auto-fit, а auto-fill
Иначе будет как на видео в начале :)
источник

VG

Vladimir Grebnev in CSS — русскоговорящее сообщество
Юрий Тарасевич
привет)
подскажите как сделать на flex (или как то еще) сетку в виде таблицы чтобы заголовки были одинаковой ширины с контентом (текст).

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

Текст имеет разную ширину (заранее не известно какая).
при этом при подгрузке данных может добавится еще колонка

<div className='table'>
   <div className='table-row table-header'>
       {map(headers, item => (
           <div
               className='table-cell'
               key={item.code}
           >
               {item.name}
           </div>
       ))}
   </div>
   <div className='table-rows'>
       {map(rows, (row) => (
           <div className='table-row'>
               {map(headers, header => (
               <div
                   className='table-cell'
                   key={row.fields[header.code]}
               >
                   {row.fields[header.code]}
               </div>
           ))}
           </div>
       ))}
   </div>
</div>
А с помощью таблицы нельзя?
источник

н#

не ты зло, а moment.... in CSS — русскоговорящее сообщество
Юрий Тарасевич
привет)
подскажите как сделать на flex (или как то еще) сетку в виде таблицы чтобы заголовки были одинаковой ширины с контентом (текст).

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

Текст имеет разную ширину (заранее не известно какая).
при этом при подгрузке данных может добавится еще колонка

<div className='table'>
   <div className='table-row table-header'>
       {map(headers, item => (
           <div
               className='table-cell'
               key={item.code}
           >
               {item.name}
           </div>
       ))}
   </div>
   <div className='table-rows'>
       {map(rows, (row) => (
           <div className='table-row'>
               {map(headers, header => (
               <div
                   className='table-cell'
                   key={row.fields[header.code]}
               >
                   {row.fields[header.code]}
               </div>
           ))}
           </div>
       ))}
   </div>
</div>
лучше делать таблицей это
источник

кз

классовые компоненты... in CSS — русскоговорящее сообщество
не ты зло, а moment.js 👨‍💻 #stayhome
лучше делать таблицей это
я тут зло
источник
2020 April 28

н#

не ты зло, а moment.... in CSS — русскоговорящее сообщество
плохой пример
источник

KA

Kenan Ayvazov in CSS — русскоговорящее сообщество
Блин, в чем прикол такие ники ставить? Типо люди хотят привлечь внимание к себе?
источник

SB

Sergey Bekharsky in CSS — русскоговорящее сообщество
Kenan Ayvazov
Блин, в чем прикол такие ники ставить? Типо люди хотят привлечь внимание к себе?
Да
источник

SB

Sergey Bekharsky in CSS — русскоговорящее сообщество
Лебедев такое начал лет 15 назад. Брал заголовок из спама раз в неделю и хуярил в название жж.
источник