Mirki #frontend pokażcie mi jakieś fajne animacje #css co się dla was podobają bo szukam inspiracji?

W sumie mogą tez być z #javascript jak jakieś fajowskie ()

Się wkręciłam w we wszystko latające jak paralityk na stronie.

#pytanie
  • 4
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

Jak zrobic floaty zeby uzywaly calego dostepnego miejsca niezaleznie od rozdzielczosci na ktorej strona jest wyswietlana.
Przykladowo, mam menu i tresc. Szerokosc menu musze zdefiniowac wartoscia absolutna, bo procentowo nie bedzie ani dobrze wygladac na telefonach, ani na 4k. Jak zrobic w CSSie, zeby div z trescia wypelnial pozostala czesc ekranu, a jeszcze lepiej zeby byly dwa divy z tresciami i wypelnialy pozostala po menu czesc ekranu pol na pol?

#css
  • 1
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

@piwniczak: nie floaty, a flexy
Najprostszy, najbardziej optymalny sposób to chyba wrzucenie górnego menu przewijanego jako fixed. Ze zmianą wielkości na media queries.
A content na stronie wrzucić do dwóch kontenerów, których rodzic będzie flex-containerem.
Chocian to też zależy od layoutu
  • Odpowiedz
Jak skracać tekst znajdujący się w kilku wierszach, w akapicie? Jest to obecnie możliwe również za pomocą #css. Postanowiłem więc odświeżyć swój wpis z przed kilku lat i dostosować go do bieżących możliwości przeglądarek.

Pierwsza część zawiera to, co było w nim do tej pory – skracanie tekstu w jednej linii.

⚔️ Druga część poradnika prezentuje sposób na ucinanie rozbudowanego bloku tekstowego bez stosowania skomplikowanych zabiegów.
michalkortas - Jak skracać tekst znajdujący się w kilku wierszach, w akapicie? Jest t...

źródło: comment_1607614117SJvnAhI0lGJx7wObjXSudP.jpg

Pobierz
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

Ile można zarabiać jako Frontend Developer? Jakich technologii najbardziej opłaca się uczyć? Które miasto i jaka branża są najkorzystniejsze dla frontendowca w tych czasach? Sprawdźcie to (σ ͜ʖσ)

Frontend Developer - praca i zarobki w Polsce

#frontend #javascript #typescript #html #css #uidesign #angular #react
#vuejs #
Bulldogjob - Ile można zarabiać jako Frontend Developer? Jakich technologii najbardzi...

źródło: comment_16075122155GsdmsJUcSDqMTZpThdZvS.jpg

Pobierz
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

@panato: dzięki, działa dobrze. Właśnie o to chodziło, żeby elementy grida układały się zawsze w jednym wierszu, bo czasem mam jeden element czasem 5. Takie coś jest gituea.
  • Odpowiedz
Mam obecnie layout jak po lewej stronie obrazka. Chcę dodać sekcję z filtrami contentu i uzyskać layout jak ten po środku.
Da się jakoś uzyskać taki efekt za pomocą flexboxa?

Wpadłem jeszcze na pomysł, aby filtry contentu wrzucić dwa razy i ustawić ich wyświetlanie w zalezności od rozmiaru ekranu. Tylko trochę za dużo powtarzania kodu, więc pomysł średnio mi przypadł do gustu.
#kiciochpyta #webdev #css
lim0 - Mam obecnie layout jak po lewej stronie obrazka. Chcę dodać sekcję z filtrami ...

źródło: comment_1607248483e0XzFddBOc8XZgye5lov58.jpg

Pobierz
  • 4
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

Witajcie, mam mega problem z inputami w sklepie, a mianowicie kiedy na wersji mobilnej klikam input, aby wprowadzić email to podświetla się tylko autouzupełnienie bez klawiatury ( co jest problematyczne dla klienta jeśli chce wpisać inne dane itp.) - i nawet jeśli jakimś cudem uda się tę klawiaturę uruchomić ( tak jak na zrzucie ekranu ) to wpisując w nią cokolwiek nie wpisuje się to w wybranym inpucie.

Wracając jeszcze do autouzupełnienia,
imdejv1 - Witajcie, mam mega problem z inputami w sklepie, a mianowicie kiedy na wers...

źródło: comment_1606386144VbPqHvDjBftcxRhibyARtD.jpg

Pobierz
  • 6
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

font-family: Arial z importantem


@imdejv1: Tak tylko dla sprostowania: Tam może być jakakolwiek czcionka, Ariala rzuciłem tak o bo to pierwsze co wpadło mi do głowy ale problemem była tamta wcześniejsza czcionka, której używałeś (niestety nie pamiętam nazwy). A important tylko po to żeby nadpisać te inne CSSy, które tam miałeś.

Fajnie, że udało się to rozwiązać i sam jestem zdziwiony, że to czcionka stanowiła problem ( ͡° ͜
  • Odpowiedz
@Fanatyk_Wedkarstwa: Myślę, że problemem mogło być to że za czcionką (tą swoją które pewnie nie ma na androidzie itp. ) nie dodałem kolejnej którą ma czytać w razie "w" czyli np: font-family: Nazwa, "Arial"; - o ile dobrze rozumiem. Co do samego Ariala jest okej, nie chce już tego ruszać :D
  • Odpowiedz
Czy jeśli ustawiłem na jakiejś podstronie przekierowanie do innej strony, to jest możliwe, żeby zrobić tak, aby Facebook wyświetlał mimo wszystko miniaturkę tej podstrony, czy nie ma takiej możliwości? Na chwilę obecną wczytuję mi miniaturkę ze strony, do której jest przekierowanie.

#stronywww #wordpress #html #css #programowanie #informatyka #seo
  • 1
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

#stylus #stylish #css #allegro #heheszki

Zrobiłem małe przemeblowanie w zamówieniach allegro dla tych którzy używali MS i się z nim pożegnali i zostali zmuszeni do korzystania z kupy jakim jest zakładka zamówienia w allegro :)

https://userstyles.org/styles/191978/allegro-zam-wienia-od-kupuj-cych

W nowej wersji dodałem jeszcze lepszą widoczność dodanej notatki jak i kolor tła co do drugiego zamówienia.
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

#frontend #webdev #css #html #javascript
Potrzebuję zachowania jak przy overflow-y: scroll - ALE - gdy scroll niepotrzebny, to nie ma być widoczny nieaktywny scrollbar, tylko ma pozostać przeźroczysty margines o szerokości scrollbara.
Da się to zrobić samym CSS i HTML? Jak?
  • 5
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

  • Doceń
@pomarancza_: W JS mam takie coś, no ale chodzi czy da się bez JS i ewentualnie trzeba by zgłosić dodatkowe właściwości do CSS overflow, np. overflow: auto-margin;, która by robiła to samo. Nie wykluczone że podobna propozycja gdzieś istnieje, tylko nie znam nazwy.

function getScrollbarWidth () {
// Creating invisible container
const outer = document.createElement('div');
  • Odpowiedz