Wszystko

Najnowsze

Archiwum

Pietras55
Pietras55
  • 2
@proloko: Sidebar w position absolute i odpowiedni padding headera. Możesz też odpowiednio tło przesunąć dzięki regule background-position
Nie musisz korzystać z divów, skorzystaj z (w tym ostatnim uwaga na wsparcie IE)
  • Odpowiedz
surma
  • 1
.animate.ng-enter > .animate-reversed {
animation: fadeInLeft 10s
}
Podejrzewam że nie ma możliwości ustalenia atrybutu dla .animate.ng-enter, które posiadają dzieciaka .animate-reversed tylko za pomocą CSS?

#webdev #css
  • 4
  • Odpowiedz

  • Otrzymuj powiadomienia
    o nowych komentarzach
Dante15
Dante15
  • 1
#naukaprogramowania #html #css

Robię własną gównostronkę według jednego z "kursów" codecademy, wykorzystując podstawy html, css i bootstrapa i co chwilę coś się pieprzy, tak że nie można przejść dalej ani zobaczyć podglądu, wyczytałem że to u nich. No i chciałem dokończyć to samemu w swoim edytorze. Po skopiowaniu plików html'a i css'a, musiałem podać ścieżkę do css'a co logiczne i również do plików od bootstrapa tak?
  • 2
  • Odpowiedz

  • Otrzymuj powiadomienia
    o nowych komentarzach
pifarek
  • 3
Wiecie jak zrobić, żeby .container był zawsze na całą wysokość, chyba że treści jest więcej. Natomiast .inner powinien być zawsze wysokości .container. Używając min-height na .container, .inner nie widzi tej wysokości. Natomiast dodając do .container height: 1px wszystko jest ok, dopóki treści jest mniej niż jedna strona.... :-(

http://wklej.org/id/1927112/

#css #html #webdev
  • 10
  • Odpowiedz

  • Otrzymuj powiadomienia
    o nowych komentarzach
Melcma
  • 0
@pifarek: ja robię tak:
$(div).height($(container).outerHeight)
i calluje to eventlistenerem, on scroll, on page load albo po scrollu odpala sie setTimeout na pol sekundy, nubskie ale dziala xD
  • Odpowiedz
le1t00
  • 1
O co może chodzić?
Mam calc(100% / 5) w chromie, ie działa okej. Problem robi tylko FF. Olewa całkowicie. O co kaman?
#webdev #css
  • 6
  • Odpowiedz

  • Otrzymuj powiadomienia
    o nowych komentarzach
Marmite
  • 1
@marcinzwwa: Używam calc i polecam, nie ma co się przejmować jakąś gównoprzeglądarką z 3-letniego systemu.

W Firefoxie zresztą też działa, kod wklejony przez OPa także. Szklana kula niestety nie chce odpalić...
  • Odpowiedz
rezoner
  • 6
Siadłem dzisiaj komercyjnie do klepania jednej stronki po paru latach przerwy. O jakie to wszystko przyjemne się zrobiło box-sizing na ten przykład rozwiązuje milion problemów z dłubaniem layoutu.

#webdev #fronted #css
  • 3
  • Odpowiedz

  • Otrzymuj powiadomienia
    o nowych komentarzach
e.....n
e.....n
  • 46
Protip #css.

Nigdy, ale to nigdy nie używajcie "transition" dla elementów ![]() jeżeli to ma działać w webview.

Gdy img ma zaaplikowane jakieś animacje czy inne rzeczy, silnik renderujący jest ciągle w gotowości i nigdy nie usunie tych obrazków z pamięci przez cały czas gdy obrazek jest w DOM.
  • 15
  • Odpowiedz

  • Otrzymuj powiadomienia
    o nowych komentarzach
e.....n
e.....n
  • 4
@Melcma: Ja jestem źródło. Szukałem przyczyn w internetach wcześniej, ale problem jest na tyle specyficzny, że się w sumie nie dziwię że nic nie ma.

Na początku pousuwałem jakieś callbacki które były nadmiarowe i dalej problem występował. Dopiero jak dotarłem to tego transition to byłem w stanie ustalić powtarzalność (z transition - GC nie działa poprawnie, bez transition - działa).

Testowałem też z obrazkami które sam dodawałem w vanillajs (200
  • Odpowiedz
regis3
  • 4
@Marmite: @esen:

Nie jestem pewien ale problemem nie jest transition a opacity ( http://www.sitepoint.com/introduction-to-hardware-acceleration-css-animations/ ) gdyż tworzy on 2. warstwę do renderowania sprzętowego.

To jest dość znana przypadłość i pewien feature. Po prostu transform, opacity i filter, powoduje utworzenie nowej warstwy renderowanej hardwarowo i to ona nie jest zwalniana. Często używa się to w odwrotną stronę aby włączyć taki sposób renderowania
  • Odpowiedz
zukuS
zukuS
  • 2
Mireczki, jak zrobić w takim przypadku, aby czerwony box2 sięgał do końca zdjęcia (), a nie wychodził za nie?
Chodzi mi oto, aby zawsze był do końca zdjęcia, niezależnie od rozdzielczości, więc zmniejszenie 100% na np. 80% nie rozwiązuje problemu.
http://codepen.io/anon/pen/zrazdv
#css #css3 #webdesign
  • 3
  • Odpowiedz

  • Otrzymuj powiadomienia
    o nowych komentarzach

Powiązane tagi