Za 9 dni Firefox - jako ostatnia z przeglądarek - zacznie obsługiwać selektor :has().

#programowanie #css #firefox

W końcu, po 16 latach działająca obsługa tej jakże kluczowej funkcji CSS zagości w Firefoxie i w Firefoxie na Androida!
Od 19 grudnia 2023 deweloperzy będą mogli już spokojnie używać :has() ponieważ od tego dnia obsługiwać ją będą wszystkie przeglądarki.

Brawo Mozilla!

Cieszę się, bo oznacza to, że moje style Wykop X Style oraz
Pobierz WykopX - Za 9 dni Firefox - jako ostatnia z przeglądarek - zacznie obsługiwać selekto...
źródło: firefox
Siema frontendowe świry.
Czy znajdę gdzieś CSSa, dla boostrspa który w kilku wklejonych linijkach do projektu sprawi, że projekt będzie wyglądał nieco nowocześniej niż standardowy template. Przyznam, że bootsryap out of the box wyglada słabo... A nie jestem frontem, bawienie się w kolory, fonty, jakieś zaokrąglenia itd. - nie można bajka

#frontend #css #bootstrap
@Kollo:

If any parent/ancestor of the sticky element has any of the following overflow properties set, position: sticky won't work (unless you specify a height on the overflowing container):


zobacz co ma #page
Nie chce ktoś uczący się frontu dorobić sobie kilku groszy?

W skrócie: chcę dać taki interaktywny manual ludziom w pracy co leży w jakich folderach.
Coś jak tutaj: https://www.joshwcomeau.com/react/file-structure/
tylko to ma nie być File Explorer, tylko chcę całą treść i strukturę wpisywać w palca [mogę w plik html/js]
Po lewej rozwijana struktura, a jak się kliknie na folder lub "plik" to po prawej info o tym

#html #javascript #js #programowanie #
Pobierz loczyn - Nie chce ktoś uczący się frontu dorobić sobie kilku groszy?

W skrócie: chcę...
źródło: struktura
#php #css
Czy jest jakaś paczka do zminifikowania css przez php która nie utworzy nowych plików tylko tak jakby zapisze zminifikowane pliki jakoś tak, nie wiem, wirtualnie albo jakoś do zmiennej? chodzi mi oto żeby pliki przed minifikacją były i je można edytować a strona czyta tylko te wirtualne(?) zminifikowane wartości.
@massejferguson: to nie jest wydajne rozwiązanie. Wirtualne pliki musiałbyś pewnie generować przy każdym request, albo zapisywać do bazy.

Ogólnie praktyka jest taka
1. Style trzymasz w plikach SCSS.
2. Na lokalnym środowisku masz budowanie zwykłych CSS z tych SCSS za pomocą jakiejś paczki w NodeJS jak Webpack
3. Na środowisku produkcyjnym budujesz zminifikowane CSSy też tym Webpack.

Nie ma co wymyślać rzeczy na nowo, skoro są już istniejące rozwiązania. Od Ciebie
Krótkie przypomnienie...

To już dzisiaj.
Równo o 20:00.

Darmowe Szkolenie Online:
Blazor .NET 8 – Rewolucja dla Programistów C#

Zostań FullStack Developerem bez wychodzenia z C# -
Naucz się Tworzyć aplikacje webowe bez JavaScript!

Pokaże Ci:
Czym jest Blazor?
Jakie są jego największe zalety?
Dlaczego jest idealnym wyborem dla Programistów C#/.NET?
Dlaczego Blazor to Game Changer?
Będzie bardzo praktycznie.
Stworzymy 2 aplikacje w Blazorze.
Dla każdego uczestnika MEGA niespodzianka.

Zarezerwuj swoje miejsce:
Pobierz kazik- - Krótkie przypomnienie...

To już dzisiaj.
Równo o 20:00.

Darmowe Szkolenie ...
źródło: blazor-szkolenie-pn
Packagist jest "raczej" przeznaczony do komponentów skupiających się na backend. Ty szukasz rozwiązania na frontend. Poczytaj sobie o Webpack czy Grunt, chociaż nie wiem, czy tego drugiego jeszcze się używa.
Już w najbliższy poniedziałek (o 20:00), odbędzie się darmowe szkolenie online, na którym przedstawię Ci niemałą rewolucję dla Programistów C# - to znaczy nowości związane z Blazorem w .NET 8.

Zostały poprawione wszystkie wady Blazora i staje się on teraz mega dobrym frameworkiem w szczególności dla Programistów C# (chociaż nie tylko).

Agenda spotkania:
✅ Wprowadzenie do Blazora i .NET 8.
✅ Prostota Blazora.
✅ Pierwsza Aplikacja Blazor.
✅ Okno Modalne w Blazorze.
Pobierz kazik- - Już w najbliższy poniedziałek (o 20:00), odbędzie się darmowe szkolenie onli...
źródło: blazor-szkolenie-free
Jak w aplikacji webowej zrobić dobrze przewijanie, nie chodzi mi o szczegół techniczny, a raczej architekturę. Na razie zaraz po root aplikacji mam komponent ScroolToTop, który zawsze scrolouje na górę, co każde przeładowanie, czyli kliknięcie każdego linku. Ale wtedy kiedy, nie powinno być tego zachowania, dodaje w URL parametr noscroll, ale to jakoś nie podoba mi się.

Marzy mi się w jego miejsce zrobić komponent, któremu będę przekazywał contextAPI ref do elementu,
Na blogu podlinkowalam w szablonie obrazki spod adresów wylogowywania i ukryłam pod display: none bo nie będziecie czytać mojego bloga i siedzieć na wykopie, chcesz czytać to loguj się na fejsika jeszcze raz gamoniu #webdev #html #blog teraz gdy na niego wchodzisz jednoczesbie wylogoowywuje cię skąd tylko może , nie będziesz miał bogów cudzych przede mna #css
Pobierz KingaM - Na blogu podlinkowalam w szablonie obrazki spod adresów wylogowywania i ukry...
źródło: IMG_20231025_180329
Mam aplikację w #react, mam wiele paneli, gdzie loadery ładują komponenty dynamicznie, a więc po wyrenderowaniu widoku, wysokość strony może się jeszcze zmienić, nie ma tu zasady, zależy to od wielu czynników, zrobiłem prostą funkcje scrool to, ale react/przeglądarka się gubi, przesuwa nie tam, gdzie powinien, jak ugryźć ten temat?

czy dobrym rozwiązaniem, w przypadku react, jest używanie #id w linkach?

#javascript #webdev #css #html #programowanie
@pyroxar: odległość do jakiej ma scrollować należy obliczać nie na starcie tylko dopiero w momencie jak jest konieczność (np. po kliknięciu, po wczytaniu tych modułów itd.)
@pyroxar: Ogólnie do scrollowania masz scrollIntoView, ale jeżeli po scrollowaniu pojawia ci się nowy element i następuje przesunięcie to się zastanów nad odpalaniem tej metody dopiero jak wszystko załadujesz.
Kojarzy ktoś gotowy skrypt, który rozciągnie stronę na cały ekran telefonu, używając CSS zoom lub innej techniki? Chodzi o to, że jest strona, co ma założony constraint na body np. width: 800, height: 600, ale dziś rozdzielczości są wyższe niż 20 lat temu, każdy używa praktycznie już tylko telefonu do przeglądania neta i grania w gry, stąd potrzeba przeskalowania zawartości fit-to-screen, wyśrodkować, a krawędzie pomalować na czarno. Mogę samemu to napisać, ale
@react_dev: To zadziałało:

<meta name="viewport" content="width=636, height=auto" />

no i przynajmniej w Chrome ładnie się centruje także w pionie, ale trzeba wykryć orientację ekranu

gierka sprzed 15 lat oparta o DOM (HTML+JS), można ją było potem przepisać na SVG lub <canvas> i problem ze skalowaniem sam by się rozwiązał

ratio jest 3:2 i nie pamiętam już, skąd się wzięło, chyba z podobnych gier tego typu

a detekcję ekranu dotykowego można zrobić
Czy ktoś jest w stanie mi pomóc jak wstawić na stronę główną sklepu postawionego na shoperze kolaż/fotokolaż bezpośrednio z profilu na instagramie? Mam na myśli aby wstawić na stronę główną mojego sklepu najnowsze zdjęcia z profilu mojej firmy na instagramie w postaci mini galerii/kolaża/fotokolaża (jak zwał, tak zwał). Zależy mi aby to były same zdjęcia, nawet nie musi być odnośnika do profilu na insta. Jakiś css/html? Będę wdzięczny za pomoc!

#sklepinternetowy #
@Wezwoguleicstont: Większość sklepów (cmsów) ma pod to wtyczki. Jest też w FB developers wpis pod to, jak to zrobić. Problem jest z tym, że zewnętrzne skrypty bardzo mocno opóźniają ładowanie strony. Nie ma w szoperze pod to integracji?
Jest też w FB developers wpis pod to


@Scross93: Możesz rozwinąć?

Nie ma w szoperze pod to integracji?


@Scross93: Jest, ale w #!$%@? płatne a ja im nie będę płacić tyle hajsu dla kilku obrazków. Niedługo i tak przenoszę sklep na woocommerce, ale póki co muszę działać na shoperze.