skracanie

Automatyczne skracanie tekstu w CSS

16 marca 2017 / Michał Kortas

Dzisiaj bardzo krótki wpis, w którym przedstawię Ci mały CSSowy ficzer (text-overflow: ellipsis) do eleganckiego ucinania tekstu, który nie mieści się we wskazanym miejscu – na przykład w kontenerze rodzica. Możliwość tę wykorzystywać będę w aplikacji projektowanej na potrzeby DSP2017. Continue reading Automatyczne skracanie tekstu w CSS

Tagi: css • Daj Się Poznać 2017 • ellipsis • skracanie

Partner technologiczny

Najnowsze komentarze

Michał Kortas

Dziękuję za kod. AVIF zapowiada się świetnie.

2020-10-20 10:21:09

Krzysztof

Można też wskazać pliki do konwersji:

gulp.task('webp', () =>
   gulp.src('./source/_gfx/*.{jpg,jpeg,png,tiff}')
      .pipe(webp())
      .pipe(gulp.dest('gfx'))
)

można to zautomatyzować, tylko tak ja mam w watch'a ustawionaego na less->css a zdjęcia raczej ich bardzo dużo nie wrzucamy to można zrobić to "z ręki".

2020-10-16 14:11:41

Krzysztof

Ten opis też wygląda ciekawie: https://publishing-project.rivendellweb.net/gulp-and-avif-part-2/

2020-10-16 14:07:15

Michał Kortas

Ciekawa alternatywa. Kompresja jest niewiarygodna. Zastanawiam się ile tylko zajmie implementacja w przeglądarkach :)

2020-10-15 08:33:33

btk

WebP można użyć tu i teraz, ale na horyzoncie mamy jeszcze AVIF, który może przejąć palmę pierwszeństwa już niedługo. 'Mała' analiza: https://jakearchibald.com/2020/avif-has-landed/

2020-10-14 08:59:16