blog

Czuję się okradany przez państwo

Ceny paliw ciągle rosną

Nie jest to dobra wiadomość, mieszkając w mieście nie jest to taki problem. Najgorzej mają mieszkający poza granicami miasta, którzy muszą codziennie dojechać 50-100km. Czasami muszą oddać nawet 1/3 swoich zarobków na dojazdy, biorąc pod uwagę jazdę swoim autem lub busem.

Takie protesty jak jazda wolno na wszystkich trasach nic nie da, a wręcz utrudni życie tylko nam kierowcom.

1. Lepszym rozwiązaniem byłoby ustalenie dni w które nie powinniśmy tankować na stacjach paliwa (wybrane firmy na zmianę), wtedy by ich to uderzyło po kieszeni.
2. Inne rozwiązanie to ustalenie dni w które nie jeździmy wogóle samochodami, np.: w weekendy.

Podobno cena paliwa bez akcyzy to 3zł/litr, więc widać ile pieniędzy płacimy za NIC. Wniosek - jesteśmy okradani przez Państwo.

Niektórzy jednak nie widzą jednej ważnej rzeczy, że problemem nie są ceny paliw/żywności a niskie zarobki Polaków.

Podatek + VAT

to kolejna paranoja w tym państwie, płacimy podatek od wszystkiego, zarobków, wygranych itd. Z zarobków musimy znowu zapłacić VAT w produktach i usługach. Nie będę podawał tutaj wartości liczbowych, bo to zależy od zarobków, ale pewnie każdy czuje się okradany po raz kolejny.

Składka na ubezpieczenie zdrowotne

to Kolejna paranoja, mając spore zarobki składka jest duża, natomiast warunki w szpitalach fatalne, aż strach zostać w szpitalu. Jest jedno bardzo dobre i logiczne rozwiązanie tego problemu, powinni sprywatyzować część szpitali, będzie wybór - wtedy osoby zarabiające więcej będą mogli przejść do szpitali prywatnych i będą leczone na poziomie takim za jaki płacą.
Ja tutaj czuję się okradany po raz trzeci i bardzo poszkodowany.

Jakość towarów w sklepach

jest słaba w porównaniu z US czy innymi Europejskimi krajami. Trzeba wszystko weryfikować i czytać dokładnie. Podobnie jest z usługami jakie oferują firmy/instytucje, wystarczy mała nieuwaga i zaraz naliczają nam opłaty/kary o których nikt nie wspominał, ale były małym druczkiem napisane w umowie lub gdzieś na XX stronie umowy.
Możemy oczywiście zgłosić reklamację i sprawę do rzecznika konsumentów, można się sądzić, ale oczywiście jest to długa i ciężka droga w tym kraju.

Najgorsze jest to, że nie mam żadnego wyboru, po prostu jestem okradany z każdej strony, jedyny wybór jaki widzę to wyjazd z tego kraju.

ACTA modne ostatnio słówko

I niestety Polska podpisała ACTA, mimo sprzeciwu społeczeństwa. Jak tłumaczył się rząd, musieli podpisać, bo byli by jedyni którzy tego nie zrobili :). Niestety jednak okazało się, że narazie nie podpisało kilka państw ACTA, Cypr, Estonia, Niemcy i Holandia. Ogólnie jest to pewnie ograniczenie wolności w sieci, podsłuchiwanie i blokowanie treści w internecie jak i blokowanie dostępu do sieci użytkownikom. Ogólnie jest to ograniczenie wolności i cenzura internetu.

Głównym celem ACTA jest walka z piractwem, ale moim zdaniem cena za to jest ogromna. Internauci nie pozwolą na takie ograniczanie ich wolności w swoim internetowym światku, jedynym w którym czyją się jeszcze wolni.

ACTA może zostać jeszcze zablokowana, warto zerknąć na acta.wikidot.com.

Zbiór przydatnych tricków CSS z :after i :before

:after i :before

Dzięki pseudo elementom w CSS możemy tworzyć fajne rzeczy, bez potrzeby tworzenia dodatkowych tagów HTML. Ja głównie używam :after i :before w tooltipach, tabach i ikonkach.

Pełna lista sposobów użycia z przykładami pseudo-elementów jest opisana bardzo fajnie na css-tricks.com + dodatkowe zaokrąglenia w tabach.

:first-letter

Głównie używane przy inicjałach, możemy również dać jako korektę do paragrafu.

:first-line

Raczej mało używany.

HTML5 placeholder, CSS i reszta świata

Jak oscylować element HTML5 - kontrolkę, która zawiera atrybut 'placeholder'=string?. Niby prosta sprawa, niestety nie jest to obsługiwane przez większość przeglądarek, nawet Operę czy Safari. Zatem dodajmy kilka specyficznych reguł w CSS.

input::-webkit-input-placeholder {
    color: #c30;
}
input:-moz-placeholder {
    color: #c30;
}

W takiej postaci obsługujemy Chrome i Firefoxa.

Niestety na resztę świata musimy poczekaj... dlatego wrzucam tag TODO.

Wolny komputer. Kup nowy ?

Zauważyłem, że sporo osób kupuje nowy sprzęt wyrzucając stary, który nie do końca jest zły. Firmy, markety itd. sprzedają takie zestawy na okres 1-3 lat, później sprzęt zaczyna byś wolny jak na obecne czasy lub ciągle się psuje. Oczywiście większość osób sądzi, że kupno nowego to jedyne rozwiązanie i jest w błędzie. Głownie problemem są 2-3 podzespoły, które należy wymienić na lepsze i komputer posłuży nam znowu kilka ładnych lat. 

1. Głownie należy zwrócić uwagę na zasilacz, powinien być markowej firmy, wtedy nie spowoduje problemów z zasilaniem co wiąże się z zawieszaniem komputera, ciągłymi resetami itp. Głownie markety wkładają cokolwiek co niby jest zasilaczem i w przypadku spięcia spali nam połowę podzespołów komputera lub komputer będzie się po jakimś czasie ciągle zawieszał.

2. Dokupić więcej pamięci RAM, najlepiej aby były dwie kości takie same, wtedy będą działały w dual mode, co zwiększy ich wydajność.  Zwróćmy uwagę też na taktowanie pamięci, jeśli płyta główna obsługuje szybsze pamięci, kupmy takie. Często bywa tak, że mamy niezła kartę graficzną, płytę główna ale pamięci jest tak mało, lub jest wolna, że wydajność komputera spada.

3. Karta graficzna - często ludzie kupują sprzęt ze zintegrowaną kartą graficzna i to wielki błąd, głównie w laptopach. Taki sprzęt nie nadaje się do niczego innego jak Worda czy Internetu. Warto dorzucić parę złoty i kupić porządną kartę graficzną, ona również podnosi wydajność sprzętu.

4. Warto również podkręcić kartę graficzną, procesor i magistralę o klika-kilkanaście procent, nie spowoduje to większego nagrzewania sprzętu, a może podnieść znacznie wydajność. Oczywiście należy uważać i robić to z rozwagą, najlepiej znaleźć informacje o overclockingu na necie.

5. Polecam dysk SSD choćby pod sam system operacyjny (bazy danych), odczyt z takiego dysku jest 2-6 krotnie szybszy niż na standardowych talerzówkach.

Więc warto poczytać i wymienić te części które podniosą wydajność naszego sprzętu.

Postawmy pomnik Flashowi - zasłużył, ale musi odejść

I niestety nadchodzi ta chwila, gdy flash umiera, jeśli ktoś jeszcze myśli inaczej to niech wejdzie na http://occupyflash.org/. Oczywiście moim zdaniem era flasha już dawno przeminęła, obecnie wchodzi HTML5, canvas, webGL. 

Również Adobe wiedział o tym i zaczął wspierać HTML5, już od dawna jest dostępna beta wersja programu Edge do animacji, korzystająca z otwartych standardów. Kilka miesięcy po tym ukazała się również aplikacja do konwersji flasha do HTML5.

Odnawianie starej maszyny Singer z 1921r.

Maszyna niestety była w bardzo złym stanie, chodzi głównie o drewniany blat, który wyglądał jak sito pomalowany grubą olejną farbą, poobdzierany z okleiny, z ramy odpadała farba.

Rama

Pierwsze kroki to oczyszczenie ramy żeliwnej z farby starej, niestety aby nie uszkodzić wzorów i zachować oryginał ramy musiałem ręcznie usuwać farbę. 

Do malowania wybrałem farbę matową alkidową aby rama nie świeciła się za bardzo i była bliżej oryginałowi.

Blat

Blat trzeba było odkręcić, poodkręcać wszystkie metalowe elementy, które trzeba oczyścić z rdzy i brudu. Następnie zabrałem się za usuwanie olejnej farby dość grubej, oczywiście papierem ściernym ale również ręcznie aby nie uszkodzić dość delikatnego blatu.  Następnie zabrałem się za usuwania okleiny która się nie trzymała, kolejny krok to szpachlowanie dziur po kornikach i z usuniętej okleiny.

Po wyschnięciu szczyciłem i wygładziłem blat oraz zabrałem się za malowanie blatu. Farba akrylowa biała spisała się w tym przypadku na piątkę, efekt jest naprawdę super.

Po skręceniu wszystkiego wygląda tak.

Jak pisać test cases i używać jsperf.com

Bardzo fajna prezentacja na temat pisania test casów na jsperf.com, cenne informacje od Mathias Bynens.

http://jsconf.eu/2011/using_jsperf_correctly.html

Kolejna dawka kilku optymalizacji w JS

1. Nie używaj skróconej formy warunków if, dlaczego ?

var value = (test ? 5 : 6);

if (test) value = 5 
else value =6;

- taki zapis jest nieczytelny,
- jest wolny http://jsperf.com/if-then-else2.

if (test) {
   value = 5; 
} else {
   value = 6;
}

2. Zawsze myślałem że wyrażenia regularne są szybsze od niektórych operacji na obiekcie DOM, ostatnio zaskoczyło mnie, że jednak w Firefox szybszy jest DOM. W Chromie, Safari wyrażenia są szybsze.

http://jsperf.com/text-vs-reqexp

Co ta mała Emilka wyprawia

Do tej pory nie zamieściłem informacji o mojej ukochanej córuni, która już ma 7 miesięcy. Chciałem podzielić się jednym filmikiem na którym widać jaka jest wiercona, już zaczyna chodzić, wspinać się po zabawkach i meblach. Nie sądziłem ile sił potrzeba na wychowanie takiego malucha :).

Zobacz film

HTML5 i drag'n'drop upload

Obecnie większość serwisów implementuje dość przydatną i użyteczną funkcjonalność jaka jest drag'n'drop upload dla plików. Niestety HTML5 jest jeszcze implementowany w przeglądarkach i nie każda go obsługuje w pełni, w tym przypadku Firefox, Chrome, Safari bez problemu obsługują window.File, window.FileList i window.FormData.

Warto natomiast zwrócić uwagę, że w wielu przykładach używany jest obiekt window.FileReader do wczytania pliku i sprawdzenia czy został poprawnie odczytany przez przeglądarkę. Niestety gdy chcemy odczytać kilka sporych plików np. metoda .readAsDataURL() zajmowana jest spora ilość pamięci przez przeglądarkę i niestety nie ma możliwości zwolnienia tej pamięci, taki memory leak powoduje wyświetlenie komunikatu z błędem lub zamknięcie przeglądarki. Dlatego obecnie lepiej nie wczytywać zawartości plików.

Kolejnym problemem może być skorzystanie z obiektu XMLHttpRequest() i wysłanie binarnie pliku xhr.sendAsBinary(file.getAsBinary()), taki sposób nie pozwoli nam na wysyłanie dość sporych plików powyżej 50Mb. Warto więc użyć obiektu FormData() do wysyłania dużych plików.

Szybki system templatów w PHP - Rain TPL

Od kąd nie piszemy już skryptów w PHP a używamy wzorców projektowych, np. MVC, warto rozejrzeć się za systemem 'templatów'. Dlaczego? dla wygody, dla oddzielenia warstwy logiki od prezentacji, dla spójności aplikacji itp itd. Obecnie najbardziej znany i używane jest Smarty, niestety jest on dość wolny. Warto przyjrzeć się natomiast fajnemu i szybkiemu systemowi Rain TPL.

Ma sporo zalet :

• jest prosty, (8 tagów, 3 metody - to chyba nam wystarczy w PHP),
• własny mechanizm cache'owania,
• szybki, zobacz testy,
• ładny :), piszemy tylko {$age}, gdy chcemy wstawić zmienną.

Jak podpinać zdarzenia - event delegation

Podpinanie zdarzeń warto zaplanować, aby później nie było konfliktów, jeśli aplikacje rozbudowujemy.

Najlepszym sposobem na unikniecie problemów jest użycie 'event delegation' - delegacja zdarzeń tak dziwnie brzmi.

Wybieramy główny element DOM, najlepiej aby to był kontener który zawiera wszystkie elementy jakiejś funkcjonalności, w naszym przykładzie np.: będą to wiadomości news. Pod ten element podpinamy event click(), warto ustawić takiemu elementowi id.

<div id="news">
  <h3>News <a href="#" class="more">more</a></h3>
  <ul>
    <li><a href="#" class="open">News Title 1</a></li>
    <li><a href="#" class="open">News Title 2</a></li>
  </ul>
</div>

pod #news podpinamy zdarzenie click:

$('#news').click (function(e) {
  var self = e.target;
});

Wykorzystując bąbelkowanie zdarzeń, możemy sprawdzić który element został kliknięty:

$('#news').click (function(e) {
  var self = e.target, classes;
  switch (self.tagName) {
    case 'A':
      classes = ' ' + self.className + ' ';
      if (~classes.indexOf (' more ')) {
        // link more
        return false;
      } else if (~classes.indexOf (' open ')) {
        // link open
        return false;
      }
    break;

    case 'INPUT':
      ...
    break;
  }
});

Możemy użyć metody .delegate() z jQuery, ma podobne działanie, choć jest wolniejsze.

Zobacz event delegation w akcji na JSFiddle.net

Zalety takiego rozwiązania: 

1. podpinamy jeden raz zdarzenie,
2. w przypadku, gdy używany ajax'a możemy zastępować dynamicznie cały element pod który jest podpięte zdarzenie, (w naszym przykładzie pod #news), a zdarzenia będą nadal działały na elementach wewnątrz,
3. metoda jest dużo szybsza niż .live() .delegate().

WCAG - czy twoja strona jest dostępna?

Nie będę pisał o dostępności serwisów internetowych, nie będę również narzekał, że mało kto przestrzega WCAG. Więc ostatnio na twitterze trafiłem na fajną inicjatywę Join the Rebellion, więc się przyłączyłem. Wiem, że to było setki razy, ale postanowiłem dorzucić kilka linków początkującym, którzy tworzą UI, design itp.

Firefox extension: WCAG Contrast checker

Juicy Studio

Readability Test, Link Analyser online

Firefox extansion: Color Contrast Analyser

Zbiór walidatorów do SOE, Accessibility, Performance...

http://uitest.com/en/analysis

Na biało - czyli odnawianie sosnowych mebli

Kolejny odcinek z cyklu 'relaks i efektywny odpoczynek'. Oczywiście pomysł pomalowania nie wypłynął odemnie, tylko od mojej kochanej dziewczyny. Mając chwilę czasu postanowiłem odnowić w pierwszej kolejności skrzynię sosnową. Najgorsza część to czyszczenie papierem ściernym, użyłem dość gruboziarnistego 40-60, aby powstały rysy na powierzchni czyszczonej. Warto zaopatrzyć się w blok ścierny np. firmy TOPEX, naprawdę się przyda, moim zdaniem lepiej niż gąbki z papierem ściernym. Po oczyszczeniu malujemy farbą akrylową tylko jedną warstwę, tak aby prześwitywały słoje sosnowe. Technika malowania jest bardzo pracochłonna, ponieważ staramy się brać jak najmniej farby na końcu pędzelka i rozcierać ją jak najwięcej aż do zgęstnięcia, dzięki temu nie skrywamy farbą rys które powstały od papieru ściernego. Efekt widoczny z bliska.

Naprawdę jest to dość trudna i wymagająca sporo czasu technika malowania, ale efekt jest naprawdę super. Proszę zerknijcie na pomalowaną skrzynię i kredens.

Optymalizacja Javascript

Przy tworzeniu dość skomplikowanych aplikacji internetowych z dużą ilością javascriptu warto testować wydajność aplikacji. Głównie, gdy używamy jakiś frameworków javascriptowych nie mamy pewności, które metody są najszybsze. Warto testować wydajność kodu, który jest najczęściej używany w naszej aplikacji. W wielu przypadkach optymalizacja takich części kodu daje 2-4 krotne przyśpieszenie ich wykonywania.

W czym testować

Do testowania wydajności używamy np.: http://www.broofa.com/Tools/JSLitmus/ bardzo prosta biblioteka.

<script src="JSLitmus.js"></script>
<script>
JSLitmus.test('jQuery find', function() {
  $('div').find ('li');
});
JSLitmus.test('jQuery filter', function() {
  $('div').filter ('li');
});
</script>

Warto również przejrzeć test case na JSPerf.com.
W wielu przypadkach użycie metod DOM i czystego js jest o wiele szybsze i może być wzorcem do porównania i optymalizacji naszego kodu.

Warto sprawdzać co jest szybsze:

1. jQuery .filter() zamiast .find() ale nie zawsze
   http://jsperf.com/find-vs-filter-vs-traverse,
2. zamiast selectorów tagów .find ('li') warto użyć .getElementsByTagName('li'),
   http://jsperf.com/jquery-selector-vs-getelementsbytagname
3. wolne .live(), lepiej użyć .delegate() lub własnej implementacji event delegation
   http://jsperf.com/jquery-click-event-test,
4. nie używać skomplikowanych selectorów np.
   http://jsperf.com/has-vs-parent-2,
5. czy szybsze jest znalezienie odpowiednich elementów i ich usuniecie? - nie,
   http://jsperf.com/hasclassremoveclass/2,
6. szybkie tworzenie elementów w jQuery (nie .cloneNode() !) http://jsperf.com/createelement1/2,
7. szybka metoda .round() na operatorach bitowych
   http://jsperf.com/vs-vs-parseint-bitwise-operators/2,
8. arr.push() wolne w FF, Safari, IE ale nie w chromie - tu jest 2 razy szybsze niz w arr[arr.length] :),
9. if (arr.length === 0) jest szybsze niż if (!arr.length)
   http://jsperf.com/negation-vs-length-equals-zero.

Firefox5 i same problemy

Firefox4 jeszcze dawał radę z moimi dodatkami i 840 zakładkami :). Niestety po aktualizacji do wersji 5 Firefox przestał się odpalać, wywala się za każdym razem. Na nowym profilu z przekopiowaniem najważniejszych rzeczy, czyli bookmarks, sesionstore i haseł i poinstalowaniu najważniejszych extensions zaczął chodzić ale wymagał 3GB pamięci :). Niestety do następnego uruchomienia działał i znowu się wywala :). Gdybym miał na Chrome pełnego firebuga od razu bym przeszedł bez zastanowienia, ehh co się stało z tym Firefoxem.

Po redukcji zakładek do 450, z extansion zostawiłem tylko Firebuga, ale to nie pomogło FF5.0 się wywalił i nadpisał mi sessionstore, czyli wszystko przepadło.

w jQuery trzeba umieć programować!

Obecnie jQuery stosowane jest w wielu projektach. Jest banalnie prosty w nauce i pozwala dość szybko tworzyć kod, co obecnie jest bardzo ważne. Niestety jakościowo i wydajnościowo nikt tego nie testuje, ważne aby działało.

Przy bardzo skomplikowanych projektach jakość i wydajność jest bardzo ważna. Niestety jQuery w wielu przypadkach jest bardzo wolne, decydując się na tą bibliotekę musimy testować wydajność każdego kawałka kodu, w wielu przypadkach warto napisać własną metodę lub użyć innej wydajniejszej z jQuery.

Kilka przykładów jak i gdzie użyć czystego JavaScriptu:

Test case: http://jsperf.com/jquery-parents-by-classname
(16 x szybsze w FF i podobnie w Chromie,Safari,IE9 i Operze).

Test case: http://jsperf.com/jquery-selector-vs-getelementsbytagname
(4 x szybsze w FF, 2x w Chromie, ale 4x wolniejsze w Operze).

Zauważyłem, że niektórzy stosują $('body'), co jest błędem

Test case: http://jsperf.com/document-body-vs-body (30% szybsze w FF)

JavaScript Best practices

Polecam bardzo dobrą prezentację Christiana Heilmanna o czym warto pamiętać programując w JavaScript, jest również sporo o optymalizacji.

http://www.slideshare.net/cheilmann/javascript-best-practices-1041724

Jak pomalować kinkiet, żyrandol?

W swoim przykładzie użyłem kinkietu i żyrandola o ciemnych barwach, niewyglądający za atrakcyjnie. Za namową mojej dziewczyny postanowiłem jej sprawić przyjemność i uatrakcyjnij oba metalowe przedmioty.

Co mi było potrzebne:

• farba biała olejno-ftalowa (mała puszka),
• pędzelek mały,
• papier ścierny,
• rękawiczki.

Zdejmujemy wszystkie świecidełka i wiszące elementy oby ich nie pomalować, wykręcamy żarówki. Jeśli żyrandol jest dość stary warto lekko zmatowić go papierem ściernym (mały granulat - 200).

Jak malujemy? - zależy aby uzyskać efekt niejednolity efekt z prześwitami ciemnej starej farby. Więc zamaczamy tylko końcówkę pędzelka i staramy się malować delikatnie i nie rozsmarowywać farby, coś w stylu głaskania kota :). Malujemy aż skończy się farba na pędzelku i powtarzamy czynność.

Jaki jest tego efekt sami zobaczcie.

A tak wyszedł żyrandol, jak dla mnie bomba :).

Windows 8 IE10 ?

Ostatnio dość góśno zrobiło się na temat preview Windows 8.

Web-connected and Web-powered apps built using HTML5 and JavaScript that have access to the full power of the PC.

Dość optymistycznie to wygląda, zobaczymy :)

Fully touch-optimized browsing, with all the power of hardware-accelerated Internet Explorer 10

Dopiero co wyszła 9 a tu proszę chyba zrozumieli że są daleko w tyle, zobaczymy jak to będzie obsługiwać obecne standardy HTML5,CSS3 i JS.

http://www.microsoft.com/presspass/features/2011/jun11/06-01corporatenews.aspx

Google APIs - czyszczenie

Ostatnio Google poinformowała, że nie będzie rozwijała i udostępniała sporo usług. Obecnie sporo developerów korzysta z ich API, chociażby z usługi translate. Moim zdaniem to bardzo zły ruch i następnym razem developer zastanowi się kilka razy zanim skorzysta z Google API, lub znajdzie alternatywną usługę.

Warto używać Google Font

Ładne, działa, łatwe w implementacji i darmowe. Co prawda zbiór fontów nie jest duży ale być może się to zmieni. Implementacja jest dość prosta:

1. wybieramy fonta, podpinamy jako,

<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=FONTNAME"/>

2. i używamy w CSS,

font-family: 'Tangerine', serif;

Proste :) prawda.

Kilka rad przy tworzeniu aplikacji pod Google TV Web

Google używa przeglądarki Chrome, więc jest sporo rad w jaki sposób dostosować naszą aplikację pod TV używając CSS3, jQuery.

http://code.google.com/intl/pl/tv/web/

Warto zobaczyć jak to działa http://gtv-gallery.appspot.com/

Dlaczego programista dostał wolny komputer ?

Mając wolny i niedostosowany do swoich potrzeb sprzęt, pracujemy wolno, wydajność może spaść nawet do 50%. W głownej mierze przyczynia się do tego stres i niemożność wykonania operacji w czasie który sobie określiliśmy. Denerwujemy się, taki długotrwały stan ma bardzo duży wpływ na nasze funkcjonowanie. Nasza wydajność spada, nie możemy się skupić, proste zadania zajmują nam bardzo dużo czasu, planowanie czasem jest nieefektywne.

Więc apeluję aby pracodawcy udostępniali programistom wydajny sprzęt na którym mogliby rozwijać się i pracować wydajnie.

PS. niestety czasami jesteśmy traktowani jak zwykli użytkownicy Worda lub Excela.

pliki CSS dla urządzeń mobilnych - media queries

Warto ustalać w CSS rozmiar fontów w em-ach, możemy później w prosty sposób zmniejszyć i przystosować layout strony do mniejszych ekranów.

W głównym pliku main.css mam:

body {
    width: 800px;
    margin: auto;
    background: #fff;
}
header h1 {
    font-size: 6.2em;
}
header h2 {
    font-size: 3.7em;
}
footer {
    text-align: center;
    font-size: .75em;
}

Dla urządzeń mobilnych takich jak iPad(landscape) stosuje oddzielny plik mobile.css

<link rel="stylesheet" media="screen and (max-width: 768px)" href="mobile.css" type="text/css" /> 

w którym mam reguły które odpowiadają za wielkość fontów i innych elementów strony.

body {
    width: 100%;
    font-size: .8em;
}

Drugi plik CSS jest dla mniejszych urządzeń czy telefonów komórkowych phone.css

<link rel="stylesheet" media="screen and (max-width: 320px)" href="phone.css" type="text/css" />

zmniejszamy tekst

body {
    width: 100%;
    font-size: .5em;
}

dodajemy również meta tag

<meta name="viewport" content="width=device-width" />

Kilka tricków dla nowych użytkownikow Firefox4

1. Niestety FF4 nieźle 'żłopie' pamięć, a póżniej niestety po jakimś czasie się wywala, bo ile można :). Aby zmniejszyć tą dolegliwość musimy ustawić w about:config kilka rzeczy

• browser.cache.disk.enable=false
• browser.cache.memory.enable=true
• browser.cache.memory.capacity=800000 ~= 800Mb

2. Ustawiamy obsługę ClearType

• gfx.font_rendering.directwrite.enabled = true
• mozilla.widget.render-mode = 6

Przydatne narzędzia do CSS3

http://www.catswhocode.com/blog/10-useful-tools-to-simplify-css3-development

Dla mnie najbardziej przydatne jest http://caniuse.com oraz http://css3pie.com/.

Z generatorów CSS3 warto zerknąć na http://www.css3.me

w3fools.com - W3Schools An Intervention

http://w3fools.com/

We feel, though, that W3Schools is harming the community with inaccurate information

W3Schools offers certifications whose value is highly debateable… No employers recognize or respect W3Schools certificates

Bez komentarza.

IE6-8 i stylowanie tagów HTML5

Nie dziwę się, że IE6-7 nie obsługuje HTML5, przecież to produkt Microsoft. Od dawna już przechodzimy powoli na HTML5 i staramy się używać niektórych tagów HTML które są bardziej semantyczne od 'divów' w kodzie. Najbardziej oczekiwane tagi <header>,<footer>,<nav>,<article>,<section>,<aside>,<figure> i atrybut 'role'. Aby stylować i poprawnie wyświetlić tagi w IE6-8 musimy skorzystać z JS i prostego triku (dziękujemy za to Sjoerd Visscher) tworząć każdy element w DOM używająć metody document.ctreateElement() i możemy stylować tagi HTML5 w IE :).

Pisze o tym również John Resig.

Do ściągnięcia gotowy skrypt ze strony code.google.com/p/html5shiv/

Skype sprzedany Microsoftowi

Za niebagatelną sumę 8,5 mld dol. w gotówce. Taka okazja nie zdarza się na codzień, więc napewno to łakomy kąsek. O ile Microsoft nie narzuci swoich celów rozwojowych w aplikacji Skype nadal będziemy używać Skype jako 'Skype' :). Obecnie jest to w miarę łatwa i użyteczna aplikacja do komunikacji - choć ma wiele wad w UI. Miejmy nadzieję, że tak pozostanie i rozwojem będzie nadal się zajmować obecna ekipa.

jQuery plugin do wyboru roku i miesięcy mCal

Po zweryfikowaniu podobnych kontrolek zdecydowałem się na napisanie własnego plugina, ponieważ inne nie spełniały moich oczekiwań. Jest to pierwsza wersja testowa, czekam na ewentualne sugestie, błędy itp.

pobierz (.zip 36kb)

Nowa odsłona plugina textSlide

Nową wersję plugina wraz z rozszerzeniami udostepniłem pod adresem /project/plugin/new-textslide/start.htm.

Mozliwość konfiguracji live, dzięki temu widzimy jak zachowuje sie kontrolka. Kilka rozszerzeń do plugina autosize, autoslide, breadcrumb, mousewheel.

Kolejna wersja już niedługo, a w niej:
1. rozszerzenie do ajaxa,
2. dodatkowe skórki,
3. konfiguracja live bedzie generowała configurację plugina, którą będzie można skopiować.

Chwila relaksu - czyli jak efektywnie wypoczywać

W wolnych chwilach można zrobić coś bardzo fajnego i odetchnąć troszkę od codziennego życia. Miałem chwilę i postanowiłem ja wykorzystać na renowację mebli kuchennych. Stół, krzesła i taborety zostały wyczyszczone papierem sciernym. Warto uzyć grubego papieru aby zostały ślady po czyszczeniu. Po czyszczeniu malujemy białą farbą akrylową, warto malować tak, aby zostały lekkie przebarwienia, bardzo ładnie to wygląda z bliska. Góra krzeseł, stołu i taboretów pomalowana lakierobejcą, tylko raz, więc nie jest błyszcząca co daje dodatkowy urok.

Polecam wszystkim zapracowanym, głównie dla tych przed komputerem.

new jQuery textSlide plugin

Drobne poprawki do plugina textSlider (23.06.2010), przepisano kilka rzeczy w celu zwiększenia prędkości, poprawiono kilka bugów, dodano parametr "slides".

Nowy plugin textSlider w jQuery v0.7 (08.03.2010).

Możliwości:
- autoslide,
- konfigurowalny plugin,
- możliwośc pisania własnych przejść pomiędzy slajdami (3 załączone),
- zoptymalizowany kod css i javascript,
- support IE6-7-8, Safari, FF, Opera, Conqueror.

Wersja online lub do ściągnięcia wersja 0.7beta.

Więcej przykładów online lub do ściągnięcia.

jQuery 1.4.2

Nowa wersja jQuery już dostępna.

1). Największa zmiana to przepisanie sporą część kodu: .bind(), .unbind(), .empty(), .remove(), .html() and $("body"). Dzieki temu w testach jQuery 1.4.2 jest 2x szybsze niż 1.4.1.

2). Poprawiono 40 bugów.

3). Dodano 2 nowe methody: .delegate() and .undelegate().

$("table").delegate("td", "hover", function(){
  $(this).toggleClass("hover");
});

To samo przy użyciu .live().

$("table").each(function(){
  $("td", this).live("hover", function(){
    $(this).toggleClass("hover");
  });
});

Więcej o release 1.4.2

Vimeo CSS dropdown menu

Prosta wersja menu i skin podobny do tego w serwisie vimeo. Różnica polega na zastosowaniu prostrzego htmla i css, bez stosowania tagow img. Wersja zoptymalizowana - mała ilość requestów, prosty html. Zapraszam na stronę projektu.

Wersja .gif pod IE5.5-6 (można zaimplementować pngfix, obecnie jest tylko dorzucony hovercss fix), reszta przeglądarek .png.

Testowane pod IE5.5-6-8, FF, Opera, Safari, Conqueror, Chrome.

Przykład online lub pobierz .zip (8kb).

Konqueror pod Windows

Już od jakiegoś czasu jest dostępna wersja KDE pod Windows - jest to środowisko graficzne pod systemy Unix/Linux. Dzięki temu mamy możliwość odpalania wielu aplikacji pod Windows, miedzy innymi przeglądarke Konqueror. Webdeveloperom umożliwia to testowanie aplikacji webowych na tej platformie.

Instalacja jest bardzo prosta i nie wymaga wiedzy, zapraszam na http://windows.kde.org

kurs prawa jazdy z omnimemo

Dodałem kurs prawa jazdy kat. B do omnimemo. Zawiera sporą liczbę testów na państwowy egzamin.

Google rezygnuje z Gears !

Podobno oficialnie Google rezygnuje z wspierania Gearsów, to nie żart :). HTML5 ma wspierać dostęp offline do aplikacji sieciowych, tylko Ja się pytam kiedy to nastanie ?. Chyba za 5 lat, szczególnie w IE.

Platforma Google oferuje jednak jeszcze więcej. Na przykład interfejs programowania aplikacji wspierający funkcję geolokalizacji. Te nowości nie podobają się firmie Apple, która blokuje Gears w nowych wersjach Mac OS-a.

I wszystko jasne...

Problem z Google Gears i Firefox 3.5

Jeśli masz problemy z Firefox 3.5 i Gears zainstaluj Nightly Tester Tools, powinno pomóc.

Większość userów po ściągnieciu najnowszej wersji Firefox była zdziwiona że ich aplikacje korzystające z Google Gears nie działają. Niektórzy zaczęli korzystać z innych przeglądarek, jak Chrome czy Safari, więc oto może chodziło.

Nie wierzę, że wersja Gears nie została przetestowana na Firefoxie.