@Hilarious: to prawda, ale warto już poznać, bo to świetne narzędzie.
Nie użyłbym tego jeszcze w apce produkcyjnej, ale za rok, dwa jak najbardziej. :)

Możesz to zrobić gridem i dopisać fallback flexowy (css @supports).

Obecnie grid działa na około 72.5%
  • Odpowiedz
Pytanie do #webdev.
Mam zrobić takie coś jak na zdjęciu.
Wszystkie dane będą zaciągane z bazy. Zrobiłem coś takiego, ale nie jest to ni w 5 ni w 9 responsywne.
Zdjęciom nadałem inline width 100% i idealnie mieszczą się w kontenerach, ale tekstu w kontenerze nie potrafię utrzymać.

Ktoś ma jakiś szablon z instrukcją jak to zrobić
zortabla_rt - Pytanie do #webdev.
Mam zrobić takie coś jak na zdjęciu.
Wszystkie da...

źródło: comment_wXOxfcF6YfxUw65bTLlONudw3740lK8N.jpg

Pobierz
  • 7
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

mirki, czego musiałbym użyć żeby stworzyć stronkę do wymiany zdań? Najprostsze, nawet mniej zaawansowane niż forum, tylko lista postów i formularz do dodawania z nazwą użytkownika, miejscem na mail, tytuł i treść posta. Znam PHP, HTML+CSS, podstawy JS, co jeszcze do tego potrzebuję? W czym najlepiej to zaimplementować? #webdev #naukaprogramowania #php #html #css
  • 15
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

Murki polecicie jakiś mały prosty szybki i wygodny framework do budowania UI apek w HTML5 ?
Krowy typu WindowsJS mnie nie interesują.
#webdev #css
  • 3
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

Czy ze strony WWW która używa własnej czcionki można jakoś zassać na dysk komputera pliki .ttf albo .otf? Czy tam jest w innym formacie z którym nic nie zrobię? Potrzebuję do przygotowania projektu graficznego dla klienta. #css
  • 3
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

Mirki, mam gifa do wstawienia na stronie, tak takiego ruchomego. Przelatuje sobie ten gif zanim ktoś zdąży przewinąć do niego i zatrzymuje się na ostatniej klatce. Można jakoś wymusić w kodzie jego powtarzanie?

#css #html #webdev
  • 5
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

@frontendowiec: zrób sobie element z tekstem, a do niego daj ::before i ::after robiące za kreski (np. border lub height: 1px i background-color).

A, no i oczywiście tekst ma position: relative (lub inną nie-static), a pseudoelementy mają absolute i odpowiednio right: 100% i left: 100%.
  • Odpowiedz
#css Jak najlepiej określać położenie tekstu przy cięciu psd. Np. mam jumbotron i np. tekst nie jest na środku obrazka tylko ileś tam na dole. Powinienem zmierzyć odległość od samego początku sekcji do pierwszego piksela napisu? i np. dać margin-top: ileś tam pixeli czy np. ustawić pozycjonowanie relatywne, absolutne i też mierzyć ile tam potrzeba? Chciałbym od początku uczyć się dobrych praktyk.
  • 2
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

@frontendowiec: Nie da się odpowiedzieć jednoznacznie nie znając danego projektu. Ale generalnie marginesy nie służą do pozycjonowania elementów wewnątrz innych elementów - do tego lepiej stosować position relative/absolute w zależności od potrzeb.

  • Odpowiedz
@frontendowiec: tak jak kolega wyżej mówi, to po prostu zależy od sytuacji i co chcemy osiągnąć. Każde rozwiązanie ma plusy i minusy o których trzeba pamiętać np. używając na desktopie absolute'a na 99% będzie to trzeba poprawić na mobilnej wersji itd. Teraz w dobie flexa możesz nawet nim sobie wypozycjonować element a później go odsunąć marginem, paddingiem albo bottomem/topem
  • Odpowiedz
Cześć,
będę budować swoją pierwszą stronę po 10 latach, rozkminiam sobie różne elementy.
Z grubsza większość już wiem jak rozegrać, mam problem tylko z jedną rzeczą (zał)

Chcę mieć galerię 9 grafik (3x3). Gdy najadę myszką chciałbym żeby było przykryte 80% czernią (na bank nie tylko konwert na grayscale) + byłby tam sformatowany tekst autorów danej pracy. Możliwe, że byłoby tam od groma ludzi, więc musiałby to być scroll w tym okienku. Dodatkowo po kliknięciu
loczyn - Cześć,
będę budować swoją pierwszą stronę po 10 latach, rozkminiam sobie ró...

źródło: comment_ijnk4Tp3yYGFqFQwCVgDMTRsHXglKzJ7.jpg

Pobierz
  • 4
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

  • 2
@loczyn div z obrazkiem A, po najechaniu pojawia sie scrollable div z tekstem, z czarnym tlem z kanalem alfa np 80%. Zrobilbym jakiegos fiddla na szybko ale nie ma mnie w domu :(
  • Odpowiedz