Początkujący we frontach potrzebuję pomocy. #bootstrap #css #html #programowanie
Mam taką sekcję

<section class="position-relative py-5 mx-4 mx-lg-5 shadow rounded-5" style="min-height: 85vh">

<!--<div class="position-absolute top-0 start-0 w-100 h-100 bg-gradient-primary opacity-10 rounded-5"></div>-->
  • 5
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

Potrzebuję porady :)
Jak rozwiązać problem nierównych krótkich opisów do produktów?
Nie mam na to żadnego pomysłu.

Nie o wszystkim da się coś sensownego napisać. A czasem tekstu jest za dużo żeby się zmieścił:/

#css #html #webdev #ecommerce
E.....y - Potrzebuję porady :)
Jak rozwiązać problem nierównych krótkich opisów do pr...

źródło: image

Pobierz
  • 4
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

Mam problem z scss, mianowicie mam pliki globalne vars, colors itd oraz do każdego pliku jsx plik scss, w folderze, parami.

W webpacku mam skonfigurowane, że każdy plik scss jest modułem (nie musi mieć w nazwie module) i teraz problem: kiedy buduje jakiś komponent i używam gotowych UI, to po jakiś czasie program wygląda inaczej niż ja go zostawiłem. Pojawiają się podkreślenia, przeskoki, zmieniają się bordery, przy hover lub focus.

Nie mówiąc o tym,
  • 5
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

Czy jest jakieś narzędzie przetwarzania końcowego, którym dałyby się prefixować całego bootstrapa i jego klasy np. zamiast col-md-4 miałbym isolated-col-md-4 itd
Jest to potrzebne do wtyczki Wordpressa, która miałaby przyjść z całym Bootstrapem ale tak aby nie było konfliktów z innym bootstrapem, który już będzie na serwerze.

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

Używając np. Dreamweavera masz możliwość zamiany konkretnych fraz na wskazane i określania czy zamiana ma dotyczyć pliku czy np. całego folderu.
  • Odpowiedz
Hej, jakie są aktualnie trendy w pisaniu skalowalnego CSS? Załóżmy, że tworzę monolityczną aplikację typu multipage. Kiedyś to były metodologie, BEM, OOCSS, ITCSS, RSCSS itp. jak to wygląda teraz? #webdev #programowanie #css #frontend
  • 12
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

W ramach treningu react native, zrobiłem swoją pierwszą apkę z fiszkami dla programistów, dostępną w sklepach app store i google play.

App Store: https://apps.apple.com/us/app/it-flashcards/id6496431819
Google Play: https://play.google.com/store/apps/details?id=com.omernet.flashcards

Gdyby ktoś chciał potestować, przygotowałem dostęp do wszystkich fiszek z subskrypcją Premium.
  • 4
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

Szukam rozwiązania dla zamiany pdf-a do książki na stronę internetową. (PDF ma się wyświetlać jak książka i symulować przewijanie.)
ChatGPT podpowiedział mi bibliotekę turn.js i kawałek kodu, który wywala pełno błędów. Już nie mówiąc, że za każdym razem podsyła całkiem inny kod. ( ͡° ͜ʖ ͡°), Szukałem w google, ale większość jest płatna lub są to wtyczki pod WP.
Da się to jakoś załatwić darmową biblioteką?

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

Znacie jakieś godne polecenia alternatywy dla AdminLTE? Chcę sobie śmignąć prywatną webapkę do zarządzania różnymi rzeczami z życia prywatnego (lista zadań, zaplanować obiady, listy zakupów, rozpisać finanse i takie tam inne pierdoły). Z tego co pamiętam AdminLTE daje całkiem wygodny i umiarkowanie ładny interfejs pod takie rzeczy, ale może jest obecnie coś ciekawszego, oferującego więcej bajerów, atrakcyjniejsze wizualnie albo wygodniejsze w użyciu?

#programowanie #webdev #webdesign #
  • 4
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

Hej, frontendowe Mirki i Mireczki!

Razem z kolegami i koleżankami pracujemy nad raportem State of Frontend 2024. Będzie to już trzecia edycja tego raportu, który poprzednio zgromadził ponad 3700 odpowiedzi z 125 krajów świata. Teraz chcemy ten wynik pobić.

Aby to zrobić, potrzebujemy waszej pomocy. Jeśli mieliście do czynienia z frontend webdevelopmentem, to wypełnijcie proszę naszą ankietę. Im więcej osób to zrobi, tym dane będą lepsze, a za parę tygodni opublikujemy na ich
elektryk91 - Hej, frontendowe Mirki i Mireczki!

Razem z kolegami i koleżankami pracu...

źródło: 600x600_02

Pobierz
  • 1
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

CSS ma hyphens: auto, do auto łamania w punktach dzielenia wyrazu (na sylaby).
Jaki to algorytm? Czy jest dostępny w JavaScript?

Znalazłem to: https://github.com/ytiurin/hyphen
Wygląda ok. Używa się łatwo z polskim językiem import { hyphenate } from "hyphen/pl";.
Ale jaki algorytm używa konkretnie Firefox czy Chrome? Bo może są po prostu lepsze od tej biblioteki z GitHub.
#javascript #css #firefox #chrome #
  • 1
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

  • Doceń
Siema.

Szukam szablonu admin dashboard dla #angular. Co polecacie? Coś tam stworzyłem z podstawowym material design ale szkoda mi czasu na CSSy - backendowiec here.

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

via Android
  • 0
@soldierunware wygląda spoko ale to repo, które trzeba sklonować i na którym się bazuje, tak? A może coś co można zainstalować przez npm, jak coreui (które jest brzydkie)?
  • Odpowiedz
@mirunek sama biblioteka komponentów która za tym stoi to PrimeNG.
Ten sakai to przykład gotowej implementacji w oparciu o PrimeNG.
Ja ostatnio przy projekcie wziąłem to repo i dostosowałem do swoich oczekiwań (standalone komponenty, inna struktura folderów, wycięcie niepotrzebnych elementów). Jak dotychczas, działa to fajnie.
  • Odpowiedz
Cześć, napotkałem problem przy mojej strony PHP w połączeniu z CSS. Z jednej strony wszystkie style się wczytują się otwierając stronę z drugiej natomiast w momencie kiedy próbuje coś edytować nic się nie zmienia. Korzystam z XAMPP. #httml #css #informatyka #php
  • 8
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

@qbek: To co widzisz przez ułamek sekundy to prerenderowana statyczna strona z cache-u bez js-a dostarczana z pierwszym plikiem html (poprawia czas do pierwszego załadowania zawartości strony, co pozytywnie wpływa też na pozycjonowanie w google). Potem wskakuje docelowa aplikacja JS która zastępuje prerender, problem w tym że ona już nie pochodzi z cache i jest pusta.
  • Odpowiedz
Da się w tej sytuacji nadpisać kolor red kolorem blue, bez modyfikacji atrybutu style?
Chcę userStyle nadpisać jedno miejsce, i wygląda że to niewykonalne.
CSS @Layer (z małej litery l bo mi wykop zmienia na dużą) coś tam potrafiło zmieniać kolejność specyficzności stylu, ale chyba atrybutu style z !important nie pokonuje?
#css #html #webdev #frontend
look997 - Da się w tej sytuacji nadpisać kolor red kolorem blue, bez modyfikacji atry...

źródło: obraz

Pobierz
  • 12
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

  • Doceń
@look997: nie napiszę bo nie znam struktury, ale jak masz spory DOM to teoretycznie może to wyglądać jak #jakiśdiv #innydiv .klasa #bla #bla .a.b.c [data-cośtam] .direct-parent > div { color: blue !important; } - jak masz za prostą strukturę to i tak się nie uda, ale mooooże nazbierasz tych selektorów
  • Odpowiedz
Czy istnieje propozycja CSS, co do preferencji pozycji przycisków, np. przycisk zamykania okienka albo wycofywania z okna modalnego?
Bo systemy operacyjne mają czasem z lewej, czasem z prawej przycisk zamykania, potwierdzenia itp.
#webdev #css #frontend #javascript
  • 4
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

  • Doceń
@look997: raczej nie, kolorystycznie dark mode wykryjesz, ale poza tym wszystko po Twojej stronie. Jeżeli czegoś używają to pod kątem accessibility i te dyrektywy które opisałeś w zupełności wystarczą (no i dobra semantyka żeby dało się używać strony przez czytnik ekranowy)
  • Odpowiedz
@look997: Nigdy o takiej opcji nie słyszałem, ale jako użytkownik Maca - w necie i tak spodziewam się mieć te przyciski po prawej. Tak robią wszędzie, w zasadzie się nie spotkałem na stronie internetowej żeby to było gdzie indziej.
  • Odpowiedz