Wszystko
Najnowsze
Archiwum
Komentarz usunięty przez autora
Stronka onepage. Zrobiłem na niej poziomy navbar, który jest sticky i smoth scrolling, ale przy przewijaniu navbar zasłania swoją wysokością cześć sekcji, do której nas przenosi. Nie za bardzo wiem jak zrobić, żeby pokazywało cała sekcję, tzn. żeby navbar zaczynał się i kończył na wcześniejszej sekcji.
#webdev #html #css
#webdev #html #css
◢ #unknownews ◣
1) #google śledzi Twoją pozycję na mapie z dokładnością co do minuty - nawet gdy nie wyrazisz na to zgody
Czas na nowe zestawienie. Wiem, że niektórzy są w trakcie długiego weekendu,
ale ja nie próżnuję i stale zbieram ciekawe znaleziska z sieci :)
1) #google śledzi Twoją pozycję na mapie z dokładnością co do minuty - nawet gdy nie wyrazisz na to zgody
źródło: comment_t7YGFkkkMbee3BwypUzOChpdQ9NO5jlA.jpg
Pobierz
6) Phone Farming - czyli zbuduj sobie malutką farmę smartfonów do stworzenia pasywnego dochodu
@imlmpe: nie lepiej to zrobić na maszynach virtualnych po prostu zamiast kupować telefony?
POPRAWKA
W punkcie 19 zapomniałem wrzucić kodu zniżkowego zbijającego cenę...
Kod to: HKBAND
W punkcie 19 zapomniałem wrzucić kodu zniżkowego zbijającego cenę...
Kod to: HKBAND
źródło: comment_GJDXO3R1g0K0qR0xDBhVGrKjDUhbJkYz.jpg
Pobierz
@QuaLiTy132: to na 11 też nie działa, znalazłem hacka na to, ale żałosne jest to, że w 2k18 nadal przeglądarki nie mogą podstawowych standardów zaimpementować. (choć nie do końca przeglądarki, bo na macu ten błąd nie występuje, tylko ios)
https://www.google.com/search?client=ubuntu&channel=fs&q=ios+modal+scroll+issue&ie=utf-8&oe=utf-8
400k wyników
https://www.google.com/search?client=ubuntu&channel=fs&q=ios+modal+scroll+issue&ie=utf-8&oe=utf-8
400k wyników
Wykopki, czy macie styczność z projektami opartymi o react i reactstrap? Zastanawiam się nad wpięciem i ogarnięciem bootstrapa w projekcie który piszę, ale wygląda to trochę kosmicznie-idiotycznie (╯︵╰,) i zastanawiam się, czy tam gdzie pracujecie wykorzystujecie to, czy może coś innego u Was dominuje np materialize? Albo w ogóle macie autorskie siatki itd a ja niepotrzebnie się z tym chcę użerać? (・へ・)
#javascript
#javascript
@anonimowybagatelizator: materialize jest niezły, fajne komponenty, schludnie wygląda, darmowe a nie jak np. w mdbootstrap, na minus mniej snippetów i czasami ciężko zmodyfikować css fw, ale projekt rozwija się fajnie i jquery free więc ok
konto usunięte via Wykop Mobilny (Android)
@anonimowybagatelizator: jest jeszcze Bulma + Bloomer, co ma taką zaletę że nie wymaga jQuery. Dość podobne, grid praktycznie tak samo.
https://bulma.io
https://bulma.io
mirki mam taki problem, robię strone internetowa i w pliku z kolorami różnych elementów pozmienialem te kolory. kiedy wchodze na strone na localhoscie, przez index.html to te kolory sa zmienione, a jak wchodze na strone na serwerze, gdzie wrzucilem wszystkie pliki na nowo to nadal są tam te stare kolory. o co moze chodzic? #programowanie #html #css
@tomon69 cache przeglądarki wyczyść ;)
@tomon69: Ale polecam zacząć tu: https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Cache-Control
Witam po dłuugiej przerwie i zapraszam do kolejnego wpisu z cyklu [ #webstuff ]!
❶ Zamień maile, HipChat i Slacka na najlepsze oprogramowanie open source do czatowania zespołowego.
https://rocket.chat
❷ Darmowy i praktyczny kurs sieci neuronowych w pythonie z użyciem frameworka PyTorch. #python
❶ Zamień maile, HipChat i Slacka na najlepsze oprogramowanie open source do czatowania zespołowego.
https://rocket.chat
❷ Darmowy i praktyczny kurs sieci neuronowych w pythonie z użyciem frameworka PyTorch. #python
źródło: comment_JzODohx2mfW4jtE8st1cBVubMWsRrXYy.jpg
Pobierz
@konik_polanowy:
'All projects should have an interesting README'
'Welcome to 2018, if your project doesn't have unit tests you should hide it. It's a bad reference and it reflects poorly on you. No excuses.'
Podejrzewam, że 95% osób, które się do niego zgłaszają na interview wcale go "nie przechodzą". Ludzie na reddicie strasznie go wypunktowali i mają rację. Nie wspomnę już o demach aplikacji, które mają posiadać unit testy xD
'All projects should have an interesting README'
'Welcome to 2018, if your project doesn't have unit tests you should hide it. It's a bad reference and it reflects poorly on you. No excuses.'
Podejrzewam, że 95% osób, które się do niego zgłaszają na interview wcale go "nie przechodzą". Ludzie na reddicie strasznie go wypunktowali i mają rację. Nie wspomnę już o demach aplikacji, które mają posiadać unit testy xD
Dobrze w koncu widziec stary dobry webstuff @klocus
@rsplayer: nie wiem czy o ten chodzi, ale ten jest przyjemny: https://coolors.co/
@rsplayer: i jeszcze to polecam http://paletton.com
@penguin: dzięki
@WyciekMarmolady: samo display: flex; może mało mówić, dlatego polecam zapoznać się np. z tym artykułem https://css-tricks.com/snippets/css/a-guide-to-flexbox/
@ownadi: słaby przypadek na LMGTFY, bo skąd OP mógł przypuszczać że akurat Flexbox będzie potrzebny?
flexbox fill free space with dots
@ppawel: @Kollo: no to http://bfy.tw/JLIY
nie musi używać flexboxa, ale wydawało mi się to oczywistym rozwiązaniem gdy trzeba rozmieścić treść po skrajnych od siebie stronach.
nie musi używać flexboxa, ale wydawało mi się to oczywistym rozwiązaniem gdy trzeba rozmieścić treść po skrajnych od siebie stronach.
Mam taka zagwostke
Mam event resize, i przy odpaleniu tego eventa, zmieniam sobie style jakiegoś elementu
np. element.style.height = "5px"
I problem jest taki, że w devtools, w computed styles te 5px pokazywane jest dopiero przy drugim czy trzecim odpaleniu eventu resize, a przy pierwszym sa wartosci w stylu np 3.58px, 4.9px itp
I psuje mi to caly skrypt, bo chce potem bazować na tej ustawionej wartości poprzez pobieranie jej przez getComputedStyles(),
Mam event resize, i przy odpaleniu tego eventa, zmieniam sobie style jakiegoś elementu
np. element.style.height = "5px"
I problem jest taki, że w devtools, w computed styles te 5px pokazywane jest dopiero przy drugim czy trzecim odpaleniu eventu resize, a przy pierwszym sa wartosci w stylu np 3.58px, 4.9px itp
I psuje mi to caly skrypt, bo chce potem bazować na tej ustawionej wartości poprzez pobieranie jej przez getComputedStyles(),
Mam taki problem.
Otóż mam sobie jakis tam element, biorę jego parentNode'a a potem chce wylistować liste jego bezposrednich childow
Struktura mniej wiecej wyglada tak:
parent
elem1
elem2
Otóż mam sobie jakis tam element, biorę jego parentNode'a a potem chce wylistować liste jego bezposrednich childow
Struktura mniej wiecej wyglada tak:
parent
elem1
elem2
@TomekABC123: powinno wylistować. wrzuć przykład na jsfiddle
@ownadi: dobra, problem rozwiazany, okazalo sie ze te elementy sa dynamiczznie dodawane na strone z jakeigos serwera
Sprawdzając jedną ze stron które administruję na PageSpeed Google zwróciło mi taki komunikat:
Czy tu chodzi o dodawanie style="" do znaczników html lub
Część strony widoczna na ekranie nie mogła się wyrenderować bez konieczności czekania na wymienione zasoby. Spróbuj opóźnić ładowanie zasobów blokujących, ładować je asynchronicznie lub wbudować najważniejsze elementy tych zasobów bezpośrednio w HTML-a.
wbudować najważniejsze elementy tych zasobów bezpośrednio w HTML-a.
Czy tu chodzi o dodawanie style="" do znaczników html lub
@januzi: @Jurix: @prezydent_wykopu: obecnie to się korzysta z http2 i preload z early hints jeśli chcesz mieć załadowany css/js wraz załadowaniem strony jak najszybciej, nie zawsze sobie możesz pozwolić na async js
tj w ogóle zanim serwer zwróci response możesz mieć już pobrany cały css i js korzystając z early hints, fajny bajer
co prawda early hints jeszcze nie jest zaimplementowane w przeglądarkach, ale będzie to
tj w ogóle zanim serwer zwróci response możesz mieć już pobrany cały css i js korzystając z early hints, fajny bajer
co prawda early hints jeszcze nie jest zaimplementowane w przeglądarkach, ale będzie to
@Jurix: jeśli korzytasz też z cloudflare to imho warto by skorzystać bo wtedy rzeczywiście możesz poczuć różnicę, bo wtedy to naprawdę bardzo prosta sprawa aby mieć http2 push z resourcami, a jeśli nie no to nie koniecznie, ale na pewno warto się zainteresować, http2 push jest zwyczajnie w teorii trudniejszy w implementacji, a cloudflare po prostu widząc preload gdzieś w odpowedzi samemu zrobi ten push do przeglądarki za ciebie, dzięki
Mireczki wiecie może gdzie leży problem jeśli strona dla różnych wartości szerokości ekranu wybranych w chromie ładnie się wyświetla a zwężając okno przeglądarki już świruje? Np. jak ustawie iPada który ma szerokość ekranu 768px to ładnie mi się pokazuje a jak dla takiej samej rozdzielczości zwęże okno to świruje? #webdev #css #html #javascript
@mlotek123:
Prawdopodobnie jestem tam jakiś skrypt jquery/js który odpala się na określonej rozdzielczości ekranu i robi jakieś czary-mary z DOM. Jeśli zmienisz szerokość ekranu to się wszystko sypie, bo event nie jest podłączony pod resize, tylko odpala się jednorazowo.
Prawdopodobnie jestem tam jakiś skrypt jquery/js który odpala się na określonej rozdzielczości ekranu i robi jakieś czary-mary z DOM. Jeśli zmienisz szerokość ekranu to się wszystko sypie, bo event nie jest podłączony pod resize, tylko odpala się jednorazowo.
@dendrofag: @Vandzior: @Perfer: jak wlacze w devtolsach rozne tryby szerokosci ekranu to wlasnie działa super... chodzi mi tylko o reczne zwijanie jakby w poszczegolnych breakpointach przegladarka nie ogarniala i rozne rzeczy wyswietlala. Co do jquery czy jsa to nie ma zadnych skryptow.
tak mam viewport ustawiony :
tak mam viewport ustawiony :
Jeśli chodzi o pierwsze to wstawiłem ten obrazek do inputa jak tło i dałem go do lewej strony, obrazek to lupa. Chciałbym jednak to lupę oblać innym kolorem niż białe tło inputa. Jak daje pod niżej background color Black i background size to size odnosi się to wartości background w której wkleiłem obrazek a nie do background color. Jak to zmienić ktoś coś ?
@asus1234: wrzuć obrazek z tym co chcesz uzyskać
Mircy gdzie robie blad z flexem?Chce wysrodkowac header na stronie w pionie i poziomie. Html to po prostu tylko header.
body
{
margin: 0;
padding: 0;
background-color: #001322
body
{
margin: 0;
padding: 0;
background-color: #001322
Komentarz usunięty przez autora
@Ananasz: w osobnych plikach np. variables, mixins itd. wtedy tylko importujesz do głównego pliku że stylami i to wszystko
@Requiescant:
Kto mówi o osobnych plikach w czasach
chociaż osobne pliki to zawsze 2 pliki więcej do wczytywania
Kto mówi o osobnych plikach w czasach
@media (min-width: 768px)pytanie tylko jak zamienić np. `` na tekst Facebook, googlowałem ale nie znalazłem nic konkretnego, najchętniej zrobiłbym to za pomocą tego min-width. #cssi na mobile sobie ukrywasz i, pokazujesz span a na desktopie na odwrót.
2. Możesz też zrobić teksty w ukrytych znacznikach i w zależności od @media pokazywać *, albo te znaczniki*