tomaszs
Czy wiesz, że możesz łatwo animować jednocześnie kilka cech designu z użyciem CSS-a?

#dlaprogramistow #css #webdev #frontend #javascript #react #angular #ember #html #vue
  • Najlepsze
  • Wszystkie komentarze
tomaszs
tomaszs Autor
0
tomaszs
Czy wiesz, że możesz animować wysokość od zera do auto przy zastosowaniu obejścia z użyciem max-height?

#dlaprogramistow #css #webdev #frontend #javascript #react #angular #ember #html #vue
  • Najlepsze
  • Wszystkie komentarze
Jednorybek
@tomaszs: czy to nie jest zła praktyka wydajnosciowo? podobny efekt mozna uzyskać transformem, a wydajnosc będzie najpewniej większa
tomaszs
tomaszs Autor
0
@Jednorybek: bardzo dobre pytanie. Chętnie bym zobaczył ten sam efekt z użyciem transition i porównanie ich wydajności :)
tomaszs
Czy wiesz, że możesz podzielić tekst i ostylować go na dwa różne sposoby tylko dzięki CSS?

#dlaprogramistow #css #webdev #frontend #javascript #react #angular #ember #html #vue
  • Najlepsze
  • Wszystkie komentarze
LepiejWcaleNizPozno
@tomaszs: skoro tylko dzięki CSS, to po co tagi react, angular, ember, vue itd ?
LepiejWcaleNizPozno
@tomaszs: ale w 30% dotyczy mobilek, windowsa i innych platform, a ty kolego zaśmiecasz ten tag CSSowymi sztuczkami
Summar
W jaki sposób przesłać zmienną (jwt) z pliku .vue do pliku obsługującego konfiguracje axiosa .js żeby wlepić ten jwt w headersy? Ewentualnie inny sposób, jak ma wyglądać obsługa jwt na froncie żeby to dobrze działało? Teraz użyłem localstorage ale średnio działa
#vue #programowanie #javascript #programista15k
  • Najlepsze
  • Wszystkie komentarze
LaylaTichy
@Summar: zalezy jaki token, httponly cookie ogolnie najlepiej, jak jakis short token kilkuminutowy to i vuex i localsorage.

jak uzyjesz vuex to mozesz w tym js zaimportowac sobie store po prostu
tomaszs
Czy wiesz, że dzięki właściwości CSS o nazwie mask-image możesz sprawić, że tekst będzie wysuwał się zza osoby?

#dlaprogramistow #css #webdev #frontend #javascript #react #angular #ember #html #vue
  • Najlepsze
  • Wszystkie komentarze
tomaszs
Czy wiesz, że możesz zatrzymać animację lisa za pomocą jednej właściwości CSS?

#dlaprogramistow #css #webdev #frontend #javascript #react #angular #ember #html #vue
tomaszs
Czy irytuje Cię, gdy wypełniasz formularz kontaktowy, przewijasz stronę go góry, ale zamiast tego przeglądarka ją przeładowuje? Jeśli tak to polecam właściwość CSS o nazwie overflow-scroll.

#dlaprogramistow #css #webdev #frontend #javascript #react #angular #ember #html #vue
tomaszs
Czy irytuje Cię gdy border ustawiony na focus elementu powoduje, że Twój UI psuje się jak mecz z Krychowiakiem?

Użyj właściwości outline i zacznij zaliczać! ( ͡° ͜ʖ ͡°)

#dlaprogramistow #css #webdev #frontend #javascript #react #angular #ember #html #vue
  • Najlepsze
  • Wszystkie komentarze
tomaszs
tomaszs
11
Normalnie tekst jest łamany na kilka kolumn w ten sposób, by przynajmniej dwa wiersze zostały w poprzedniej kolumnie. Dzięki CSS możesz zwiększyć liczbę pozostawionych wierszy, aby tekst wyglądał jeszcze lepiej.

Daj plusa jak lubisz moje wpisy.

#dlaprogramistow #css #webdev #frontend #javascript #react #angular #ember #html #vue
tomaszs
Czy wiesz, że dzięki właściwości CSS o nazwie offset możesz animować ducha po ścieżce? Uwaga: Safari jeszcze tego nie obsługuje

#dlaprogramistow #css #webdev #frontend #javascript #react #angular #ember #html #vue
  • Najlepsze
  • Wszystkie komentarze
tomaszs
tomaszs
13
Twoja rybka jest za mało hardkorowa i nie ćwiczy bicków? Użyj fit-content i przywróć jej odpowiednie proporcje! ( ͡° ͜ʖ ͡°)

#dlaprogramistow #css #webdev #frontend #javascript #react #angular #ember #html #vue
tomaszs
Czy wiesz, że dzięki właściwości CSS o nazwie mix-blend-mode możesz uzyskać interesujące efekty tekstowe (i graficzne) ?

#dlaprogramistow #css #webdev #frontend #javascript #react #angular #ember #html #vue
tomaszs
Amstelvar to mój ulubiony zmienny font (variable font). Wspiera optyczne skalowanie (optical sizing). Dzięki CSS można wyłączyć tą opcję i zobaczyć jak potężna ona jest!

#dlaprogramistow #css #webdev #frontend #javascript #react #angular #ember #html #vue #typografia
tomaszs
tomaszs
14
Pusta komórka psuje Ci tabelę? Ukryj ją właściwością CSS o nazwie empty-cell!

#dlaprogramistow #css #webdev #frontend #javascript #react #angular #ember #html #vue
  • Najlepsze
  • Wszystkie komentarze
tomaszs
Czy wiesz, że możesz zmienić styl napisów do filmu z użyciem pseudoelementu CSS o nazwie ::cue ? CSS zawsze trafia do bramki :)

#dlaprogramistow #css #webdev #frontend #javascript #react #angular #ember #html #vue
  • Najlepsze
  • Wszystkie komentarze
tomaszs
tomaszs
53
Czy wiesz, że możesz dodać napisy do filmu za pomocą jednego tagu HTML?

#dlaprogramistow #css #webdev #frontend #javascript #react #angular #ember #html #vue
  • Najlepsze
  • Wszystkie komentarze
tomaszs
Czy wiesz, że wszystkie przeglądarki obsługują format MP4 i możesz stworzyć stronę zawierającą filmy bez problemu? Pamiętaj aby dodać muted wraz z autoplay, aby film odtwarzał się automatycznie!

#dlaprogramistow #css #webdev #frontend #javascript #react #angular #ember #html #vue
  • Najlepsze
  • Wszystkie komentarze
tomaszs
Czy wiesz, że ustawienie właściwości content na grafikę spowoduje, że zastąpi ona zawartość elementu? (╯°□°)╯︵ ┻━┻

#dlaprogramistow #css #webdev #frontend #javascript #react #angular #ember #html #vue
  • Najlepsze
  • Wszystkie komentarze
paul8585
paul8585
Uczę się właśnie frontu i w związku z tym mam 2 pytanka w razie gdyby ktoś się znał.

Czy można hostować apkę #vuejs na zwykłym hostingu współdzielonym? Albo inaczej, czy #vue może działać bez node.js? Z tego co na razie rozumiem, node.js jest potrzebne do lokalnego tworzenia/test, ale generalnie to plik wynikowy mogę wrzucić na serwer jako czysty js i powinno hulać?

Czy jest sens rozbijać front i
  • Najlepsze
  • Wszystkie komentarze
tomaszs
Czy wiesz, że teraz możesz czasem drastycznie zwiększyć wydajność Twoich rubasznych divów? Używaj właściwości CSS contain: content i testuj. Daj żyć wiatrakom!

#dlaprogramistow #css #webdev #frontend #javascript #react #angular #ember #html #vue
  • Najlepsze
  • Wszystkie komentarze