#frontend #naukaprogramowania Podzieliłem sobie header na grid. Później użyłem w nawigacji flex, później w ul znowu flex aby ułożyć znaczniki a. Teraz jak zrobić aby znacznik był do samej góry??? Jak daję padding na znacznik to robi się jak na scrennie. A chciałbym aby to było równe z tym ciemniejszym.
@NickciN: bo rozciąga ci listę i jej elementy, ale linki są elementami wewnątrz li, więc na nich nie masz skutku. Sam link w dodatku jest elementem liniowym, więc nie nadasz mu wysokości. W dodatku raczej cała wysokość powinna być też klikalna, więc dajesz do - display flex i do display: flex; align-items: center; justify-content: center; flex: 1 1 auto, wtedy wyśrodkujesz content w linku, a tym ostatnim rozciągniesz go na
Czy ktoś używa adaptera lightning - mini jack do słuchawek? Sprawdza się toto czy to strata kasy i lepiej kupić słuchawki bezprzewodowe? #iphone #ios #kiciochpyta
Czy mógłbym prosić kogoś o porządne code review? W pracy miałem robione, ale jestem średnio zadowolony z przebiegu ( ͡°ʖ̯͡°)
https://github.com/DawidJur/pallet-generator Zadanie polegało na zrobieniu rzutu technicznego customowych palet dla sklepu zajmującego się sprzedażą takowych. Dostałem zgodę na wrzucenie kodu do portfolio, ale pierw chciałbym się upewnić czy się do tego nadaje.
@Jurix: kod jest dobry, tylko czysto z podejściem perfekcjonisty doczepiłbym się do kilku rzeczy.
Domyślnie odpowiednikiem var z ES5 powinno być const - zakładasz, że dane nie ulegną zmianie, a jeśli wiesz, że na pewno coś zmienisz, wtedy używasz let (dobry nawyk, pozwala wyeliminować sporo błędów). Nazwy metod są jakieś takie wyolbrzymione, nie są złe i dobrze odzwierciedlają kontekst wywołania, ale jednak są dosyć duże. Same walidatory sprowadziłbym do czegoś
@Jurix: jeszcze jedna sprawa, jeśli chcesz wystawiać coś jako lib to postaw to w taki sposób, żeby można było dogodnie ją importować w projektach - importy albo/i umd.
Mam w klasie #javascript metodę która modyfikuje składnik tej klasy. Metoda ta tworzy lambdę zapytanie http, które w asynchronicznej odpowiedzi tworzy lambde, która też musi mieć dostęp do składnika tej klasy. Jak to zrobić? Do tej pory miałam that=this na początku metody, ale niezbyt to działa.
@kaspil: nie wiem co to lambda, ale jak mówisz o arrow function, to ona nie przenosi żadnego kontekstu, więc jak odwołasz się do this, to odwołasz się tym samym do instancji.
Mirki z #webdev #programowanie Czy istnieje jakiś sprytny sposób na zgrabne filtrowanie treści na stronach intenetowych?
Chcialbym za pomocą skryptu js, adblockera, pluginu do przeglądarki albo dowolnego innego ustrojstwa filtrować ogłoszenia na olx, otodom, gratka itp portalach, które same z siebie nie udostępniają takiej opcji. Na początek wystarczy mi najprostsze rozwiązanie blokujące div z konkretnym linkiem do ignorowanej podstrony.
Zdaje sobie sprawę, że nie będzie to generyczne rozwiązanie i musi
Spotkaliście się kiedyś z obowiązkiem napisania frontu zgodnie z zasadą Progressive Enhancement, czyli w zasadzie dla potencjalnego odbiorcy, który domyślnie prawdopodobnie nie będzie korzystał z JS? Załóżmy, że korzystamy z reacta + nexta i mamy na stronie formularz. Domyślnie kieruje on odpowiednio do nexta, który na serwerze wyrenderuje widok i wypluje go w postaci HTML. W przypadku, kiedy klient obsługuje JS, wysłanie formularza blokujemy przez preventDefault i wysyłamy dane formularza bezpośrednio do
@Marmite: ciężko powiedzieć, dostałem takie coś do wyceny. Klient sobie zażyczył, że chce w pełni interaktywną stronę, pod warunkiem, że klient faktycznie ma JS, a jak nie, to i tak ma działać... xD
@Marmite: mnie bardziej zastanawia czego tutaj użyć żeby to wszystko poszło w miarę sprawnie ( ͡°͜ʖ͡°) next miałby sens ale musiałby obsługiwać pewnie też post requesty, a z tego co widzę to średnio je wspiera
Podzieliłem sobie header na grid. Później użyłem w nawigacji flex, później w ul znowu flex aby ułożyć znaczniki a. Teraz jak zrobić aby znacznik był do samej góry??? Jak daję padding na znacznik to robi się jak na scrennie. A chciałbym aby to było równe z tym ciemniejszym.
źródło: comment_1589384642grrHoPaYyevkOIPuE7kxi5.jpg
Pobierz