Sencha Ext 6 Modern nie działa na Firefox 49
Po aktualizacji Firefoxa do wersji 49 extjs 6 modern przestał działać prawidłowo.
Poniżej znajduje się kawałek CSS naprawiający ten problem:
.x-firefox .x-stretched.x-container > .x-inner,
.x-firefox .x-layout-box,
.x-firefox .x-button,
.x-firefox .x-stretched.x-container > .x-body > .x-inner,
.x-firefox .x-dock,
.x-firefox .x-stretched.x-container {
display: flex
}
.x-firefox .x-form-fieldset .x-dock .x-dock-body {
flex: 1
}
Ext.LoadMask nie jest animowany [Sencha Touch]
Jeżeli maska nie jest animowana (wersja Chrome większa niż 43) wówczas należy dodać poniższy kod w pliku app.scss naszej aplikacji:
czytaj dalej…
Problem z przewijaniem w Chrome 43, Android 5.x [Sencha Touch]
Jeżeli w Sencha Touch na przeglądarce Chrome w wersji wyższej niż 43 występuje problem przewijania (pojawia się tylko mały kwadrat w lewym narożniku) wówczas należy nadpisać 2 klasy:
czytaj dalej…
Endomondo [userscript, Greasemonkey]
Poniżej zamieszczam dwa skrypty dla strony www.endomondo.com.
Jeżeli wiesz co to jest Tampermonkey (Chrome) lub Greasemonkey (Firefox) to nie muszę tłumaczyć jak z nich skorzystać.
czytaj dalej…
Ekran logowania – Login Pattern [Sencha Touch]
Ekran logowania – Pincode [Sencha Touch]
ToolTips / Podpowiedzi [CSS]
Przeliczanie jednostek dla biegaczy
Prosty kalkulator przeliczający km/h <-> min/km.
Jeżeli zostanie wypełnione pole km/h to przeliczy na min/km.
Jeżeli pole km/h będzie puste, a pozostałe pola zostaną wypełnione, wówczas kalkulator obliczy km/h.
czytaj dalej…
Generator haseł / Password generator [javascript]
Jest to poręczny mały skrypt, który generuje hasła. Pozwala ustawić liczbę znaków, które chcesz dla swojego hasła i czy znaki interpunkcyjne są dozwolone.
czytaj dalej…
Fading Elements In/Out [javascript]
Jednym z najczęściej wykorzystywanych efektów na stronie jest zanikanie i pojawianie się elementów, tekstów. Można do tego wykorzystać jakiś framework javascript np. jQuery lub małą funkcję bez potrzeby ładowania całej biblioteki. Poniżej znajduje się kod.
czytaj dalej…