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

@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
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

Treść przeznaczona dla osób powyżej 18 roku życia...
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

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

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

@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
@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
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

Rzucicie jakieś dobre rady jak dostać pierwszą pracę jako Junior Front End Developer? Co warto zrobić, aby przekonać pracodawcę do swoich umiejętności?

#webdev #frontend #html #css #praca
  • 8
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

Jest w CSS-ie jakaś różnica między #example { width: 160px; min-width: 160px; max-width: 160px; } a o wiele prostszym #example { width: 160px; }? Z tego co widzę, overflow: visible nie wpływa na szerokość, więc czy element z width: 160px kiedykolwiek ma mniej lub więcej niż 160 pikseli?

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

@Wyrazisty: @llll: W innym miejscu dzisiaj uzyskałem ciekawszą odpowiedź na to pytanie: dodanie tego min-width i max-width działa podobnie jak resize: none, czyli np. uniemożliwia rozciąganie textarea w przeglądarkach to obsługujących.
  • Odpowiedz
Hejka Mirki,

Ostatnio, z moim #rozowypasek myślimy o zmianie pracodawcy. Chcielibyśmy wybrać się do #praca w rejony Azja/Oceania.

Oboje jesteśmy #programista #webdev z dwuletnim, komercyjnym doświadczeniem, ale bez ukończonych studiów (zrezygnowaliśmy ze względu na wyjazd na projekt do USA).
Ja ze skillsetem: #javascript #angularjs #knockoutjs #nodejs #mongodb
  • 20
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

ktokolwiek pisze 'bazowe' cssy w ten sposób, powinien być bolcowany przez stado imigrantów do śmierci.

.row div { display:inline!important; }
weź teraz używaj jakiegoś Bootstrapa bezboleśnie ( ͡° ʖ̯ ͡°)

#webdev #gorzkiezale #webdesign #css
  • 3
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach