Jakie pytanie techniczne na rozmowie rekrutacyjnej spowoduje, że od razu zapali Wam się czerwona lampka? ( ͡° ͜ʖ ͡°)


@justjoin_it: czerwona lampka zapala mi się, gdy pytają mnie o poglądy polityczne i dr Mentzena. Wprawdzie to nie jest pytanie techniczne, ale nie lubię firm poprawnych politycznie. #pdk
  • Odpowiedz
Miałem dziś takie nietypowe pytanie odnośnie wydajności #frontend #webdev

Załóżmy że jest strona z zbędnymi 50kB CSSa i zbędnym 50kB obrazkiem, usunięcie którego z nich bardziej przyspieszy stronę?

Chłopski rozum podpowiada, że to jak z tą toną pierza i toną żelaza, tzn. nie ma znaczenia bo ważą tyle samo, ale po ściągnięciu jest jeszcze przecież kwestia przetworzenia, tj. #css do CSSOM, co może odświeżyć wszystkie fazy
  • 7
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

Załóżmy że jest strona z zbędnymi 50kB CSSa i zbędnym 50kB obrazkiem, usunięcie którego z nich bardziej przyspieszy stronę?


@Folmi: skoro obrazek jest zbędny, to raczej nie ma go w kodzie i go nie pobiera? Więc na starcie już mamy odpowiedz ( ͡° ͜ʖ ͡°)
  • Odpowiedz
@Folmi: Myślę że ciężko odpowiedzieć jednoznacznie, bo jeśli wspomniany CSS był "zbędny", to znaczy że nie odnosił się do żadnego widocznego elementu drzewa DOM? W takim układzie przetwarzanie go raczej nie wpłynie na odczuwaną przez użytkownika szybkość ładowania strony. W każdym razie jeśli interesują cię takie tematy to polecam serię artów tutaj:
https://web.dev/learn-core-web-vitals/
Opisują tam też narzędzia które potrafią zmierzyć co i w jaki sposób wpływa na wspomniane ładowanie
  • Odpowiedz
CSS HELP

The font-size value of the parent's element is 12px, the child's element – 4em. What is the font size in pixels of child's element?

Parent element style {font-size: 2rem;} Child element style {font-size: 200%;} What is the font size of child element in the Google Chrome?

#css #frontend
  • 2
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

Może ktoś polecić książkę do #html #html5 #css (scss) #typescript, która będzie prosta dla laika (może być po angielsku).
Oczywiście wiem, że najlepiej tego się uczyć w praktyce, z video tutriali itd. Ale pytanie jest o książkę, która ma w przystępny sposób wprowadzić laika w świat frontu i będzie w miarę nowoczesna i w przystępny sposób (nie zniechęci) do dalszej nauki js+angular.
Jakby
januszzbloku - Może ktoś polecić książkę do #html #html5 #css (scss) #typescript, któ...

źródło: comment_1666251310g8byyBSCy836epEIUZeFR2.jpg

Pobierz
  • 1
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

@januszzbloku: Frontu uczy się pisząc projekty. CSS najszybciej nauczysz się kodowaniem zaprojektowanych layoutów 1:1. Chcąc się nauczyć CSS czytając książkę to tak jakby chciec nauczyć się rysować czytając książki. Pozdro
  • Odpowiedz
Jak edytować sobie ccsa i pliki php w taki sposób, aby nie przerzucać ich co chwilę na FTP :D ?
Wiem, że można tak zrobić za pomocą połączenia przez SSH, ale chciałbym aby to połączenie było przez Filezilla (tak obecnie się łącze), a zmiany chciałbym wykonywać w Notepadzie.

Ps: Jak filezilla odpada jestem w stanie robić to przez coś innego byle tylko nie pieprzyć sie już z tym przerzucaniem co kilkanaście linijek
  • 7
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

Cześć, Mirki. Sumiennie uczę się na programistę 15k w spokojnym technikum.
Napotkałem mały problem podczas tworzenia szablonu strony.
Jak doprowadzić do tego, aby żółty pasek (nav) przyjmował wysokość fioletowego pola (content)?
Wysokość contentu nie jest ustalona, dostosowuje się ona do rozmieszczenia treści.

#webdev #html #css #programowanie
Moth69 - Cześć, Mirki. Sumiennie uczę się na programistę 15k w spokojnym technikum. 
...

źródło: comment_1665770493hCpGodDANntquEDLdI79nu.jpg

Pobierz
  • 4
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

Zwiększyłem sobie rozmiar odtwarzacza na YT poleceniem transform: scale(1.15); i wszystkie jego elementy również zostały powiększone, niestety nie slider wyboru momentu w filmie. Znaczy pokrywa on całą szerokość video, ale przy najechaniu kursorem na konkretny moment filmu, wskaźnik buforowania jest dalej o kilkadziesiąt sekund. Im dalej od początku filmu tym przesunięcie jest większe. Klikam na minutę 2:34 i przenosi mnie do 3:22. Jak temu zaradzić?
#webdev #css
  • 3
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

ytp-timed-markers-container


@januzi: Niestety nic to nie daje. Próbowałem już robić to dla chyba każdego elementu osi czasu i zawsze miejsce kliknięcia nie pokrywa się z tym, co jest buforowane i do czego finalnie mnie przenosi. Zabawy ze "scale", "margin", "width" na nic się zdają, bo efekt jest cały czas ten sam :/
  • Odpowiedz
#webdev #css

Mam taki problem. Na stronie mam pole formularza. Po kliknięciu w niego (w celu wprowadzenia tekstu) obramowanie staje się białe. Chciałbym żeby było innego koloru. Niestety żadne zmiany w CSS nie skutkują. Próbowałem tego kodu, ale bezskutecznie. Odświeżanie cache przeglądarki nie pomaga. Macie jakiś pomysł jak nadać inny kolor przy aktywnym polu formularza?

.search input[type="text"]:focus-visible {
border: 1px solid #000 !important;
}
  • 3
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

Bądź mno,
szukaj rozwiązania problemu z nakładaniem się kolorów w CSS,
google nie pomaga,
ustawienie opacity 1.0 na elemencie również,
na drugi dzień wstajesz i widzisz, że użyłeś kolorów RGBA XDDD

Ale
  • 8
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

@PackInSoft: Możesz po prostu używać rgb.
RGBA to rgb z dodaną wartością przejrzystości elementu, jeśli nie chcesz żeby element u góry miał zmieniony kolor przez rgba to wystarczy dać wartość a (ostatnią) na 1.
  • Odpowiedz
#webdev #html #css #www #stronywww Mireczki, spotkaliście się kiedyś z takim dziwnym babolem? nie mam pojęcia jak go poprawić.. piszę stronę w "notatniku", tj. nie uzywam zadnych wordpressów itp.. gdy "embeduje" filmik YT w jakiejś podstronie teskty w kolorze czerownym, ktorymi pisze tytuły stają się ciemniejsze !! inny kolor. Na jednej podstronei udało mi sie to poprawić mieszając filmiki yt w tabelce
  • 4
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

@wojtek777: niestety.. tylko biały działa, tzn. nie miga.. w ogóle dziwna sprawa, bo "footer" tj. stopka, która jest osobym bytem, tworzonym na końcu.. dałem jej tam zeby kolorowała freagment tekstu za pomocą na jakiś fioletowy kolor i tak samo się dzieje.. sprawdzalem na Brave, Chrome i Edge.. ale moze one jadą na tych samych silmikach.. ?
  • Odpowiedz
Mirki podpowie ktoś co zrobić, żeby Outlook rozpoznawał wersje mobilną maila napisanego w HTML?

Mam maila z wklejonym css z podziałem na mobilke i na desktop - jednak jak otwieram wiadomość przez Outlooka (zainstalowany na kompie) to pokazuje mi dwie wersje naraz. Jak otworzę tę wiadomość przez Outlook Web to dobrze działa. Tak jakby zainstalowany Outlook nie rozpoznawał, którą wersję ma wyświetlić (mam włączony format HMTL w ustawieniach programu)

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

@n0xx: wrzucilem to po prostu po a:hover xd ale twoj pomysl dobry, nawet nie wpadlem na to, na pewno zapamietam na przyszlosc ( ͡° ͜ʖ ͡°) dzieki byku
  • Odpowiedz