Czego najlepiej używać jako bazę do css? Bootstrap v4 (mam doświadczenie z v3)? Słyszałem jeszcze o np. purecss. Zależałoby mi na ładnym (jak na gotowe biblioteki) wyglądzie, bo używałbym go do panelu użytkownika/administracyjnego itp. Jeśli bootstrap to czy są jakieś "wspomagacze" dla urządzeń bez obsługi flexboxa?

#webdev #css #bootstrap
  • 6
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

@poh: jeśli chcesz, żeby ładnie wyglądało bez większego wysiłku, to chyba tylko Bootstrap/Foundation + jakieś darmowe szablony/motywy. W takim przypadku musisz patrzeć przede wszystkim na wsparcie, a więc jak największą popularność.

O jak bardzo starych urządzeniach bez obsługi flexbox mowa?
  • Odpowiedz
@poh: kto by się przejmował 0.01% rynku, korzystaj i tyle. Jak większość stron zacznie się źle wyświetlać to taki delikwent przynajmniej zmieni telefon albo przeglądarkę co wyjdzie mu tylko na dobre.
  • Odpowiedz
Mirki z #html #webdev #css #js

Istnieje coś takiego jak jakaś stronka z gotowymi kodami najbardziej prostych i trywialnych rzeczy, które można zamieścić na swojej stronie internetowej? Wiem, że jest tego pełno w sieci, ale interesowałaby mnie jedna porządna strona.
  • 8
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

@Garg84: to zależy od tego co robisz w jsie. Nie wszystko osiągniesz samym css'em jak chociażby przełączanie klas itd. co w niektórych efektach jest konieczne. Generalnie js'a używa się głównie do właśnie manipulowania klasami itd. a resztę w cssie spokojnie zrobisz dzięki animation, keyframes i transition.
  • Odpowiedz
Mam problem, może ktoś podrzuci radą. Staram się zrozumieć elementy body i html. Znalazłem mały atrykuł trafiający w problem i to co chcę wiedzieć: Link
I nie zgadza mi się z obserwacjami.
Dodanie 'border' do 'body' i 'html' temu przeczy bo obie granice rozciągają się, żeby obejmować wszystko co mam w środku 'body'. A zgodnie z linkiem granica html powinna kończyć się wraz z końcem okna.

Dalej. Jeżeli body działa tak jak tam opisano czyli
  • 5
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

@i_found_a_whistle: Dobra, nie wiem do czego zmierzasz i co chcesz osiągnąć. ;x ale masz tak:

window > #document > html > body
window ma 100vw x 100vh wysokość, document ma te same co window, html w standardzie ma te same co poprzednicy, i nie zwiększa się, chyba, ze sami mu nadamy wysokość (gdzie nie ma sensu, jeśli body jest mniejszy), potem mamy body gdzie body ma wysokość w
  • Odpowiedz
@Vandzior: Ale częśc z tego co napisałeś w oczywisty spsoó” nie zgadza się z tym co widać.

i zazwyczaj maksymalna jego wysokość to 100% html, chyba, że ustalimy mu ręcznie więcej [to o body]


W załączonym Fiddlu wysokość html i body jest wyraźnie większa od wysokości window / #document (co widać po border i po tym co wypisuje JS na konsolę), mimo iż nic ręcznie nie
  • Odpowiedz
jak za pomocą css ustawić diva tak aby napis w nim zawarty nakłada sie na inny element html? powiedzmy że mamy obrazek a na tym obrazku chciałbym umieścic napis
#html
#css
#javascript
  • 3
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

@boostasio: obrazek w diva, a divowi dac position: relative

w srodku diva kolejny div z position absolute, bottom: 0 i dalej sobie ustawisz

a jak zamiast divow uzyjesz figure i figcaption to bedzie git
  • Odpowiedz
Mam zagwozdkę. Próbuję zbudować stronę. Lewa - menu, środek - content w zalezności od podstrony, prawa - sidebar
każdy komponent wstawiłem w divach w wrapperze (CSS GRID layout).
Moje pytanie brzmi: czy prawidłowo to zrobiłem?
Gdzie powinienem ustawić marginesy pomiędzy nimi? Ostylować divy, komponenty, czy może divy w środku komponentów?
#pytanie #webdev #css #naukaprogramowania #angular
G.....4 - Mam zagwozdkę. Próbuję zbudować stronę. Lewa - menu, środek - content w zal...

źródło: comment_JEEOnJLadTmUtszUeNl2mYjnAL35D0Rr.jpg

Pobierz
  • 3
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

Wstawiam główny wrapper między . Żeby był na środku poziomo, zgodnie z najnowszymi standardami jak powinienem to napisać? (chcę używać CSS Grid)


a w stylach

.wrapper {
  • 2
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

@LibertyPrime:
width: 100%;
height: 100%;
display: flex;
flex-wrap: wrap;

jeszcze to powyższe masz wspólne dla obu kontenerów, a też można by to wynieść do klasy bardziej ogólnej, a ten środkowy kontener dopełnić klasą bardziej szczególną, typu .kontener.kontener-center
  • Odpowiedz
Ostatnio zgłosiłem się do zrobienia strony swojego koła na uczelni, bo kiedyś liznąłem html we własnym zakresie i stwierdziłem że spędzenie dni na kombinowaniu, szukaniu rozwiązań i tworzeniu to najlepszy sposób na naukę. Ale nie mogę sobie poradzić z jedną rzeczą, pewnie banalną: chciałbym, żeby dalsza część ("Zarząd") wyświetliła sie po prawej stronie ekranu, ale ona cały czas ucieka mi na sam dół. Poratujecie? (,)
#html
akrimul - Ostatnio zgłosiłem się do zrobienia strony swojego koła na uczelni, bo kied...

źródło: comment_dDojmKVoSeK7x5MsjeJfnKcO7E5Zzj9y.jpg

Pobierz
  • 9
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

@Marchwj:
width: intrinsic; /* Safari/WebKit uses a non-standard name */
width: -moz-max-content; /* Firefox/Gecko */
width: -webkit-max-content; /* Chrome */
  • Odpowiedz
Mirki, mam pytanie.

Badam sobie różne szablony bootstrapowe, zmieniam, bawię się, modyfikuje itd. W pewnym momencie natrafiłem na problem, i nie rozumiem do końca dlaczego tak się dzieje.

Mamy plik style.css, w nim, jak to bywa, opisy stylów różnych elementów z podziałem na sekcje oraz klasy. By uprościć nazwiemy je sekcja A, B, C, D i tak dalej.

Sekcje
  • 7
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

Mirki! @Balthum dal mi sporo do myślenia i zaczynam się uczyć (no mam taki plan i bardzo chcę bo może mi się to przydać) #html i #css

Bardzo bym prosił o wskazówki dla kompletnego nooba, który zna kilka pojęć tylko. Sam znalazłem na jutubie ten kurs. CO jeszcze polecacie?
mechaos - Mirki! @Balthum dal mi sporo do myślenia i zaczynam się uczyć (no mam taki ...
  • 8
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach