#html #dom #javascript #browser #przegladarki #firefox #frontend #webdev

1. Gdzie i jak przeglądarka zapamiętuje pozycję scrollowania na stronie po odświeżeniu strony?
Strona jest przewijana do zapamiętanej pozycji nawet jeśli treść strony jest generowana przez JavaScript.

Jednak nie jest zapamiętana dla innych tagów niż body.

2. Jak odtworzyć takie zachowanie dla elementu wewnątrz body, np. dla diva z właściwością overflow: scroll?
@Pietras55:

przeżyj jeszcze raz ten cudowny moment, kiedy straciłeś 30 sekund życia wchodząc na naszą wypasioną niczym choinka zapachowa z malucha powieszona nad pisuarem stronę. Zrobisz to klikając właśnie w ten tekst, który jest tu dla tego, że nie jesteśmy jak jakaś tam choinka zapachowa w maluchu, tylko najlepsza, bo nad pisuarem, więc nie mogliśmy też nazwać tego przycisku zwyczajnie jak pospólstwo "strona główna". A teraz właź, nie #!$%@?.


Może być?
plan nauki nawet na najbliższe lata


@zukuS: Frontend, a zwłaszcza rozwiązania oparte o JS zmieniają się teraz tak szybko, że za kilka lat (miesięcy!) taka mapka może być zupełnie nieaktualna. Wybierz sobie po jednym liściu z każdej grupy, np. bower, angular, bootstrap i karma i postanów zrobić w tym jakiś projekt. Zamiast uczyć się lata, to już po miesiącu będziesz umiał robić rzeczy o jakich teraz nawet nie śnisz :D
No elo, w tagu #programowanie zawsze pojawiają się pytania w jakim języku zacząć pisać itp. Ja zapytam o frontend, co polecilibyście dla człowieka który od wszelkiego designu i wyglądu zawsze uciekał z krzykiem.
w #js trochę programowałem, liznąłem jquery i angulara ale jeżeli chodzi o css i generalnie zaprojektowanie czegokolwiek co jakoś wygląda - jestem prawie że zielony.

Szukałem trochę i chociażby do css jest pełno jakichś narzędzi typu SASS, LESS, SCSS
@lerner:

Na początek może to: https://www.codeschool.com/courses/front-end-formations
Dodatkowo, czytamy prawilne artykuły z prawilnego źródła: https://css-tricks.com/

NIE polecam w3schools.

Na twitterze możesz sobie śledzić profil Ana Tudor (+ Chris Coyier) - wrzuca często jakieś css'owe demka, w których można podpatrzyć jak się robi różne cuda w CSS3.

Przeglądaj sobie też czasem codepen.io

A, i poczytaj sobie o box-model -> https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Box_Model/Introduction_to_the_CSS_box_model
Mireczki, kolejne pytanie o #webdev: Mam taki projekt: http://asterysk.pl/easylift

Z lewej strony jest osadzony packshot, który bez względu, czy jest osadzany bezpośrednio, czy też za pomocą iframe, nie wyświetla się w Firefoksie na pełnym ekranie, ale jak już zwężę go do szerokości mobilnych, działa. W Operze, Chrome, Edge, przeglądarkach mobilnych - działa normalnie. Na Safari pod MacOS też działa OK.

Zauważyłem, że problem spowodowany jest przez CSS, a dokładnie przez transform:
@tomash-pl:
- scopes to drzewo żyjące obok drzewa DOM;
- jest mniejsze niż DOM, bo tylko niektóre węzły DOM-u mają odpowiedniki w drzewie scopes;
- każdy scope ma jednego rodzica (z wyjątkiem $rootScope, korzenia) oraz może mieć dowolną liczbę dzieci;
- scope to obiekt, do którego możesz przypinać dane wszelkiego rodzaju jak do zwykłego obiektu w JS;
- scope dziecko "dziedziczy" ze scope rodzica dane, czyli dana przypięta do rodzica jest
https://frontify.com/

Świetna platforma (darmowa!) do tworzenia, organizowania i udostępniania Style Guide'ów.
Idealne przy brandingach, przedstawianiu wizji klientowi lub developerom. Zamiast posyłania kolejnych pdfów z manualami wystarczy zaktualizować zmiany tutaj i wszyscy z dostępem do linka widzą zmiany na bieżąco. Do tego dochodzi jeszcze możliwość współpracy między grafikami, obsługa plików wektorowych i parę innych. Innymi słowy taki brandingowy dropbox, naprawdę polecam choć sam też dopiero zacząłem korzystać.

Przykładowy style guide, który może
P.....m - https://frontify.com/

Świetna platforma (darmowa!) do tworzenia, organiz...

źródło: comment_wKsoCbhj1423W4H1fswJB7woSKN7MnRw.jpg

Pobierz
Wymyśliłem taki pomysł, całość przedstawionego rozwiązania nie istnieje, jest to moja propozycja dla standardu sieci web.
Co byście powiedzieli na:

w internecie istnieje mnóstwo małych programików które polegają na np. konwertowaniu rgba do hex, miarki, konwertery pdf, mp3, filtry graficzne.
Powinien powstać prosty sposób, aby takie małe projekciki oprawić ramy standardu WebApps, specjalnie oznaczone jako małe appki. Z interface które (najczęściej) na ekranie zajmują mało miejsca i też są proste w działaniu.