Pokazywanie postów oznaczonych etykietą QUICKTIPS. Pokaż wszystkie posty
Pokazywanie postów oznaczonych etykietą QUICKTIPS. Pokaż wszystkie posty

sobota, 23 maja 2015

[TiP] Problem z "powiększonymi" stronami pod Firefoxem

TRUE
1141583650387242569
Używając Firefoxa od wersji 22 może się wydarzyć, że strony internetowe stają się nagle nienaturalnie powiększone. CTRL-0 nic nie pomaga w takich przypadkach, a problem wynika z ustawień systemowych, konkretnie z ustawień DPI przy większych rozdzielczościach ekranu, mniej więcej od FullHD 1080p wzwyż. Zauważyłem już narzekania ludzi, gdy okazywało się, że ich strona pomimo poprawnych CSS-ów nagle u kogoś innego wygląda jak kobyła. Jak temu zaradzić? Rozwiązanie jest proste: musimy wejść w about:config i znaleźć opcję layout.css.devPixelsPerPx, a następnie ustawić jej wartość na 1.0 (domyślnie jest tam: -1.0). W Operze występuje podobne zjawisko, gdy mamy w systemie DPI większe niż 100%. W przypadku Opery, przy założeniu, że systemowo mamy 125%, ustawiamy domyślnego zooma na 75%. Wyświetli to realną wielkość strony. 

środa, 20 maja 2015

[TiP] PHP - pola "created_at" i "updated_at" w bazie danych

TRUE
5416158824467879060
Przygotowując bazę danych dla aplikacji w dobrym tonie jest, aby pola przechowujące czas utworzenia i edycji rekordu miały nazwy odpowiednio: created_at oraz updated_at, były typu integer i przechowywały czas jako timestamp, czyli jako linuxową wartość sekund. Dlaczego tak? Bo to pewien standard - biblioteki do mapowania bazy na obiekty takie jak Propel i Doctrine, a co za tym idzie również i frameworki takie jak Zend, czy Symfony mogą używać takich właśnie pól do automatycznego przechowywania czasu. Jest to również przyjemne rozwiązanie dla innych programistow, którzy będą korzystać, lub rozbudowywać nasz kod stworzony z wykorzystaniem takiego, a nie innego nazewnictwa, które praktycznie utarło się już jako standard.

niedziela, 17 maja 2015

[TiP] Google Drive jako hosting dla plików .js i .css

TRUE
6203016219442009518
Może nie każdy wie, ale Dysk Google można wykorzystać do hostowania załączanych do strony plików takich jak skrypty JS, czy arkusze CSS. To bardzo przydatna sprawa, a żeby z niej skorzystać trzeba dokonać małego tricku. Na początek musimy plik, który chcemy hostować oflagować jako Publiczne w internecie – każda osoba w internecie może znajdować i wyświetlać.
Możemy to zrobić klikając na nim na Dysku prawym przyciskiem myszy, następnie > Udostępnij > Uzyskaj link do udostępniania > Zaawansowane.

Dostaniemy link postaci:

https://drive.google.com/file/d/0B4Mb4UIYUBbkREhHaGM0MDFhZ0k/view?usp=sharing

z takiego linku jednak żadnego pliku do strony nie załączymy, musimy zmienić ścieżkę na:

https://googledrive.com/host/0B4Mb4UIYUBbkREhHaGM0MDFhZ0k

czyli pozbywamy się z linku ciągu /view?usp=sharing, a ścieżkę https://drive.google.com/file/d/ zamieniamy na https://googledrive.com/host/
Od tej chwili plik jest dostępny bezpośrednio, co za tym idzie możemy załączyć go bezpośrednio do strony, jeśli jest to np. .js albo .css.

AKTUALIZACJA 15.01.2017:

Powyższy sposób już nie działa. Teraz musimy zamiast:

https://googledrive.com/host/TUTAJ_ID_PLIKU

wykorzystać link:

http://drive.google.com/uc?export=download&id=TUTAJ_ID_PLIKU

[TiP] Polskie znaki w czcionkach Google

TRUE
4819749668594474047
Jeśli chcemy użyć któregoś z zestawu czcionek od Google na swojej stronie może pojawić się problem z polskimi znakami na przeglądarkach innych niż Chrome. Wszystkie polskie znaki są wyświetlane wtedy za pomocą domyślnej czcionki, podczas gdy reszta renderowana jest includowaną przez nas czcionką. Problemem są domyślne ustawienia eksportu linka do czcionki, jaki generuje Google. Startowo jest to zwykły Latin podczas gdy jeśli chcemy skorzystać z naszych rodzimych znaków musimy zalinkować zestaw Extended.

Przykładowo, czcionka Open Sans, pamiętajmy zawsze o dołączeniu latin-ext i problem z głowy:
[code]<link href='http://fonts.googleapis.com/css?family=Open+Sans&amp;subset=latin,latin-ext' rel='stylesheet' type='text/css'/>[/code]
webmaester.pl - profesjonalne projektowanie WWW i webaplikacji
webmaester.pl - profesjonalne projektowanie WWW i webaplikacji