Treść przeznaczona dla osób powyżej 18 roku życia...
Wszystko
Najnowsze
Archiwum
- 1
Czy we front-endzie też trzeba robić grafikę, czy od tego jest grafik a ty tylko tniesz?
#programowanie #js #javascript #css #html
#programowanie #js #javascript #css #html
6
C64 intro w CSS3
Dzisiejsi trzydziestolatkowie pamiętają te piękne czasy.
z- 3
- #
- #
- #
- #
- #
- #
- 1
Jak się nazywa w css taka wlasciwosc co ucina tekst do okreslonej ilosci znakow i wstawia trzykropek?
#css #css3 #webdevhelp
#css #css3 #webdevhelp
- 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
http://wklej.org/id/1927112/
#css #html #webdev
- 0
Spróbuj jednostki vh. Jest ona zależna od wielkości ekranu, 100vh to wielkość widzialnego obszaru.
- 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
$(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
- 1
@le1t00: Calc to guwno.
- 1
Treść przeznaczona dla osób powyżej 18 roku życia...
- 1
Mireczki, ogarniające #wordpress, czy wiecie, jak zaradzić temu, co na załączonym obrazku? Po lewej kod, jak go html widzi, po prawej według wordpressa. Przekopałam #css, cumpel bloger nic nie znalazł, a tu koszule dla niebieskiego paska trza prasować, a nie od 3 h w wp siedzieć.
#pytaniedoeksperta
#pytaniedoeksperta
źródło: comment_Amod9asSp3M7EDE0sdpRSVFAJykWejYl.jpg
Pobierz- 11
Treść przeznaczona dla osób powyżej 18 roku życia...
- 2
Mireczki, mam taki box z taką strzałeczką. Na FF wszystko spoko, na IE wszystko spoko, ale na chromie już nie fituje. Jakiś pomysł dlaczego i jak to rozwiązać?
http://codepen.io/anon/pen/WryVYr
#webdesign #webdevhelp #css #css3
http://codepen.io/anon/pen/WryVYr
#webdesign #webdevhelp #css #css3
@zukuS: usuń margin-top i margin-left ::before, dodaj top: 0; i right: 100%;
- 6
- 2
@rezoner: A flex ile dopiero problemów rozwiązuje...
- 8
@Japki: CS skończył się na 1.6
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.
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.
- 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
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
- 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
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
- 105
➊ Plugin #jquery, który pozwala utworzyć efektowne tooltipy. Posiada tak wiele ustawień, że na pewno skonfigurujecie go pod siebie.
http://protip.rocks
➋ Tridiv jest przeglądarkowym edytorem do tworzenia obiektów 3D w #css
http://tridiv.com
http://protip.rocks
➋ Tridiv jest przeglądarkowym edytorem do tworzenia obiektów 3D w #css
http://tridiv.com
źródło: comment_5joZEX2TIqUCOjyuM2awmGWi2f5tJy7z.jpg
PobierzPlugin #jquery, który pozwala utworzyć efektowne tooltipy. Posiada tak wiele ustawień, że na pewno skonfigurujecie go pod siebie.
http://protip.rocks
@klocus: Na pewno podałeś adres prawidłowo? Na linuksie nie działa w Chromie i w FF.
- 3
@MrocznyBrokul: Faktycznie, coś im siadło. Daję linka do repo: https://github.com/DoclerLabs/Protip
- 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
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
@kosmitekk: Jak ja szanuję ludzi, którzy ogarniają CSS'a, matko bosko!
- 2
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
#webdev #css #frontend
- 1
@Wyrazisty: { width: 100vw; max-width: 100%; } używa się aby zniwelować błąd z obsługą vw w przeglądarkach innych niż ff ;)
- 0
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
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
- 4
Znacie coś podobnego do http://tympanus.net/Development/HoverEffectIdeas/ ?
#css #css3 #webdev #webdesign
#css #css3 #webdev #webdesign
@zukuS: http://tympanus.net/Tutorials/CaptionHoverEffects/index4.html
http://tympanus.net/Tutorials/ShapeHoverEffectSVG/index3.html
na tympanusie masz tego tony :)
http://tympanus.net/Tutorials/ShapeHoverEffectSVG/index3.html
na tympanusie masz tego tony :)






















Zrobiłem
userscript, który dodaje superaśny efekt przy klikaniu plusa. Polecam zainstalowanie go i przetestowanie w tym wątku.Link: https://greasyfork.org/pl/scripts/16867-vote-explosion-effect-o-o
#nowywykop2016 #webdev #plusy #plusuj #plus #