Hej, mam jedno pytanie z Flexboxa. Robię stronkę, na której mam w sekcji 4 divy. Flex-direction w sekcji jest ustawione na row i flex-wrap jest ustawiony na wrap.
Chcę zrobić coś takiego, że po zmniejszaniu okna przeglądarki do nowej linii przechodzą od razu dwa divy, a nie tylko jeden.

Na tę chwilę wygląda to tak, że jak strona jest na pełnej rozdzielczości, to mam 4 divy w jednym, tym samym wierszu, jednak
  • 5
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

Jestem raczej beginnerem w jakimś bardziej skomplikowanym cssie, dopiero niedawno ogarnąłem SASS i strukturyzacje plików w projekcie i odkryłem że taka Figma to w sumie przydatne narzędzie. Stąd moje pytanie: czy jako bardziej/mniej zaawansowani web designerzy używacie przy projektowaniu/prototypowaniu narzędzi pokroju Figma lub Adobe XD? Czy raczej pisanie kodu na żywca?

#css #webdesign

Używasz narzędzi do prototypowania wyglądu strony?

  • Tak 45.0% (9)
  • Nie 55.0% (11)

Oddanych głosów: 20

  • 3
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

Przegląd prasy programistycznej

1. Wyjaśnienie modułów #rust w przystępny sposób http://www.sheshbabu.com/posts/rust-module-system/
2. Jak zrobić dziedziczenie w języku C https://arpitbhayani.me/blogs/inheritance-c
3. Server-side rendering dla #vue https://github.com/galvez/fast-vue-ssr
4. Insekty mogą mieć już prowadzić lifestreaming https://spectrum.ieee.org/automaton/robotics/robotics-hardware/uw-micro-camera
  • 7
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

@kam1ll: Pełny obrót wskazówki to 360 stopni, żeby obliczyć o ile stopni należy przekręcić wskazówkę godzinową aby wskazywała odpowiednia godzinę mnożysz godzinę zwróconą z getHours razy 30 (360/12=30). Przykładowo jeśli jest godzina 3 to 3*30=90stopni. Analogiczna sytuacja jest w przypadku wskazówki sekundowej i minutowej z tym że maksymalna wartość to 60 więc z każdą minutą lub sekundą wskazówkę należy przekręcić o 6 stopni (360/60=6). Do wskazówki godzinowej dodane jest (mm/12)
  • Odpowiedz
@andale: no ale warto np stosowac cos co nie jest juz uzyte w skrypcie?

przykladowy kod z skryptu:


* php echo strreplace('<?'.'=SPPLUGINSITE?', SPPLUGINSITE, $spTextHome['homecont1'])?>
  • Odpowiedz
Mirki, chciałbym w #amazonprimevideo zmniejszy ekran wyświetlania i przesunąć go tak o 30% w górę. Mogę to jakoś zrobić dodając coś do #html, wykonać jakiś skrypt #javascript lub modyfikując #css?
Mam uszkodzony telewizor, który ma czarne kropki na dole ekranu, a one zasłaniają napisy i dlatego chcę przenieść obraz nad tymi kropkami. Obraz jest przesyłany do telewizora przy użyciu chromecasta.
Efekt jaki
Patres - Mirki, chciałbym w #amazonprimevideo zmniejszy ekran wyświetlania i przesuną...

źródło: comment_1594495982JztC9i5FdmfNTjqpzf1lWZ.jpg

Pobierz
  • 12
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

Mam pytanie: jak chcę stworzyć stronkę opartą na Flexbox, to lepiej jest ustawić display: flex; na body i ustawiać sobie potem wszystkie divy i sekcje, czy lepiej jest w body zrobić jednego, głównego diva z display: flex; w którym będzie wszystko na stronie?

Wiem, że można robić to na te dwa sposoby, ale zastanawiam się, który jest częściej stosowany jako "dobra praktyka".

#css #flexbox #javascript #
  • 12
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

Hejka, możecie polecić jakąś stronę, na której znajduje się darmowy zbiór widoków stron internetowych, który mogę sobie bezpłatnie wyświetlić lub pobrać i następnie zrobić samemu taki sam widok strony? Nauczyłem się flexboxa i chciałbym go poćwiczyć robiąc kilka responsywnych widoków, ale sam nie jestem w stanie sobie wymyślić strony.

Znalazłem coś takiego:

http://www.dreamtemplate.com/index.php?action=viewall

Byłoby
  • 3
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

Co jest bardziej popularne w frontendzie do tworzenia widoków strony www: Flexbox czy Grid?

Aktualnie uczę się Flexa i wydaje mi się, że mam go już dobrze opanowanego, ale nie wiem, czy jest sens się uczyć Grida, tym bardziej, iż słyszałem, że sam Flex spokojnie wystarczy do tworzenia dobrych, responsywnych stronek.

Powinienem się dobrze nauczyć Grida, skoro znam już Flexboxa?

#frontend #css #flexbox #grid
  • 3
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

@maciorqa niektóre layouty łatwiej się robi na gridzie a inne na flexie ale wszystko można zrobić we wszystkim, grid to nie jest żadna czarna magia, jest tak samo latwy jak flex
  • Odpowiedz
Jestem totalnym laikiem jeśli chodzi o takie tematy, ale ciekawi mnie, czy można np. "otworzyć" style?
Jest sobie strona, klikam w jej źródło, po czym ukazuje mi się wiele linijek tekstu i różne linki, np taki jak ten:
'https://przepisypkp.pl/wp-includes/css/dist/block-library/style.min.css?ver=5.4.2'
Po wejściu w ten link ukazuje mi się tylko tekst. A czy jest coś co po wklejeniu tego konkretnego linku zinterpretuje ten kod?

Dzięki z góry
  • 3
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

Po wejściu w ten link ukazuje mi się tylko tekst.


@PrawdziwyArthasMenethil: To właśnie ten tekst odpowiada, że strona wygląda tak a nie inaczej. Rolę interpretera pełni przeglądarka, nie bardzo rozumiem co innego jest Ci potrzebne...
  • Odpowiedz
Mirki dlaczego ludzie na jakichś awwwards itp używają js do śledzenia pozycji elementu i potem zmieniają jego position na fixed, zamiast używać do tego celu position sticky? Często gdy widzę elementy przypinane do krawędzi ekranu podczas scrolowania na stronach, ciekawi mnie jak to zostało zrobione, sprawdzam inspektorem i wszyscy dłubią to w js co jest chyba gorszym rozwiązaniem. Jest cos o czym nie wiem? Sticky ma chyba dobre wsparcie (
  • 8
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

@grubykr: Co poprzednie odpowiedzi maja do rozwiazania problemu faktycznie to nie mam pojecia. Strona powinna sie wyswietlac poprawnie bez wzgledu ile masz kontentu mobilnie. Najlepiej jakbycs pokazal style ale zakladam, ze masz gdzies na kontenerze ustawiony height: 100vh? Jesli tak to zmien na min-height, jesli nie to pokaz kod bo ciezko wrozyc z obrazka.
  • Odpowiedz