Chcę w gridzie wyświetlić responsywne kontenery, tak aby każdy kontener był kwadratem. W kontenerze znajduje się zdjęcie o arbitralnym rozmiarze, które chcę przyciąć do responsywnego rozmiaru kontenera (wypełnić kontener). No i mam problem z przycięciem obrazka, bo obrazek narzuca rozmiar kontenerowi, zamiast się do niego dostosować.

Tutaj link: https://jsfiddle.net/z632yefd/

Po odkomentowaniu display: none kontenery stają się kwadratami, takimi jakich oczekuję. Chcę, aby obrazek był tego samego rozmiaru co kontener.

Ma
  • 7
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

@ToJestNiepojete: z tego co widzę nie korzystasz z triku z 'padding-bottom' mimo że masz go dodanego w swoim kodzie

spróbuj dodać pozycję absolutną do img wraz z ustawionymi szerokością i wysikością na 100% oraz pozycje relatywną do elementów z klasą item
  • Odpowiedz
@Dezanhil: może nie tyle co raport, ale przejrzyj sobie aktualne oferty z widełkami. Nofluffjobs, justjoinit. Filtruj wg poziomu stanowiska i powinieneś jakiś obraz mieć. A jeszcze lepiej jak znajdziesz ofertę swojej firmy, to będziesz mieć dokładne widełki.
  • Odpowiedz
Nie za bardzo rozumiem sens dodawania prettiera jako extension do eslinta. Przecież dorzucenie 'plugin:prettier/recommended' powoduje, że nadpisywany jest config, który importuję sobie wcześniej, np. ten od googla. W tym momencie muszę w osobnej konfiguracji prettiera nadpisać ręcznie te ustawienia, które jednak chcę mieć takie, jak w googlowym standardzie, a które nadpisał prettier... Czy ja coś źle robię?

#javascript #webdev #frontend
  • 9
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

A tak poważnie: zdecydowanie lepiej jest używać paczki prettier-eslint, która będzie odpalać prettiera osobno (przed lub po odpaleniu eslinta, zależy jak sobie skonfigurujesz), co nawet jest polecane przez dokumentację Prettiera:

This formats your code via prettier, and then passes the result of that to eslint --fix. This way you can get the benefits of prettier's superior formatting capabilities, but also benefit from the configuration capabilities of eslint.
  • Odpowiedz
#anonimowemirkowyznania
Hej, widziałem fajną ofertę na react developer w firmie madkom. Zna może ktoś tą firmę i mógłby podzielić się opiniami? Na gowork ma bardzo słabe opinie ale to chyba standard i nie wiem jak jest w dziale it. #frontend #pracait #programowanie #php #gdynia

Kliknij tutaj, aby odpowiedzieć w tym wątku anonimowo
Kliknij tutaj, aby wysłać OPowi anonimową wiadomość prywatną
  • 1
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

Muszę na szybko zrobić poprawkę w projekcie angularowym. Problem, że nie znam angulara i bardzo słabo JS, backed here ( ͡° ͜ʖ ͡°)
W każdym razie ktoś mi może powiedzieć jak tutaj ogarnać debugowanie w VS code ?
Widzę, ze to rozszerzenie debugger for chrome jest już oznaczone deprecated (,)
#angular #programowanie #frontend #javascript #typescript
  • 6
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

Potrzebuję zrobić bardzo prymitywny front do apki webowej, to nawet nie będzie cała strona, a pewien wycinek funkcjonalności. Docelowo ma to po prostu strzelać requestami do RESTowych endpointów, podmieniać widoki i wyświetlać to co dostanie w zwrotce(głównie dane tekstowe, czasami jakieś zdjęcia). Szukam jakiejś technologii, które pomoże mi to jak najszybciej postawić przy jak najmniejszym wysiłku. O froncie mam bardzo podstawowe pojęcie, więc łatwość obsługi też będzie cenna. Jakieś sugestie?
#frontend
  • 6
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

Jak podejsc do testowania aplikacji napisanej w #vuejs? Czytalem sobie ten poradnik ze stronki vue 3 i sie zastanawiam czy testowac wszystko jak leci (wszystkie komponenty i wszystkie pliki .js) czy sie skupic na paru konkretnych rzeczach...
Myslalem, by potestowanie glownie na poczatek Vuex, bo tam sa te pliki od zarzadzania stanem aplikacji i w sumie wypadaloby sie upewnic, ze to na pewno dziala xd ale zastanawiam sie jak
  • 2
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

Mam ~2k PLN do wydania na szeroko pojęty rozwój. Na co to wydać? Proszę o konkrety bo że na książki, bilety na konferencje i kursy to wiem ;). Chciałem szkolenie z Niebezpieczenika ale trochę za drogo :C #programowanie #frontend #javascript
  • 14
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

Kłopaki, zapodajcie jakieś fajne projekty front-endowe do zrobienia do portfolio na juniora/staż. O------m wszystkie możliwe na freeCodeCampie (4 kursy + 3 kursy z projektami) i nie mam pomysłu co robić dalej. Mogą być też stronki z pomysłami
#programowanie #frontend
  • 2
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

ktoś mi kiedyś polecał fakeclients.com, ale prócz zerknięcia na stronę główną nic z tym nie robiłem ( ͡° ͜ʖ ͡°)
  • Odpowiedz
@Davidozz: Jak chcesz to dam Ci api i projekt który można zrobić we froncie. Api to będą wszystkie karty z gry fallout board game, "wystarczy" zrobić frontend, żeby móc grać :)
  • Odpowiedz