CSS jQuery Wordpress

It took me long 2 hours to figure out that simple code, but hopes it will help someone in developing wordpress theme :-) Result is style link with rel='alternate stylesheet' Code below:

function theme_styles(){
    global $wp_styles;  //key to the case
    // NORMAL STYLE
    wp_enqueue_style('main-css', 'main.css');

    // Alternate style
    wp_enqueue_style('alt-css', 'alt.css');
    $wp_styles->add_data('alt-css','alt', true); //same handel as above, extra data 'alt' and true ;-)
}
add_action( 'wp_print_styles', 'theme_styles' );

Share Knowledge , Save Time!

Ostatnio robiąc testy działania projektu pod Joomla, zostałem zadziwiony tym, że pod Operą formularz z aiContactSafe leży i kwiczy, dokładnie nie ładuje się z powodu błędów JS. Po kilkugodzinnych oględzinach, usuwaniu i minimalizowaniu kodu, natknąłem się na ostrzeżenia o nie rozpoznanych czcionkach ładowanych przez @font-face. Po krótkiej zabawie okazało się, że psują czcionki EOT, czyli te robione dla IE. Prostym więc stało się, że trzeba ładować je tak aby były niewidoczne dla Opery. Read more

Od kiedy pisałem artykuł o CSS CIRCLES troszkę się pozmieniało. Mamy FireFoxa 5, Opere 11, Chrome 12, Internet Explorer 9 ogólnie, lepszy świat:-) Jak się okazało to pójście w przyszłość zdeaktualizowało moją technikę, ale na szczęście update już jest dostępny pod powyższym linkiem. Ogólnie zmiany są takie, że unormował się sposób animacji.

Zmiany to:

• Używamy notacji CSS 3
• Ustawiamy style inline dla każdego rogu, aby przeglądarka nie resetowała naszych ustawień podczas animacji
• Animujemy każdy róg osobno(w jednej animacji, ale rozpisujemy kolejno).
• I śmiga :-)!

Przykład:

$(this).css({
 borderTopLeftRadius: '0',
 borderTopRightRadius: '0',
 borderBottomLeftRadius: '0',
 borderBottomRightRadius: '0'})
.animate({
 borderTopLeftRadius: '50',
 borderTopRightRadius: '50',
 borderBottomLeftRadius: '50',
 borderBottomRightRadius: '50'
},500);

Żywy przykład w oryginalnym artykule.

Czasy robienia stron pod IE 6 są już szczęśliwie za nami, więc większość koderów może rozłożyć skrzydła i zacząć choćby używać pseudo klasy :hover na każdym elemencie. Z odejściem do lamusa każdej kolejnej przeglądarki IE będziemy mogli w standardzie używać coraz większego zestawu ciekawostek CSS. O ile nie pamiętam kiedy ostatnio poprawiałem jakiś błąd pod IE 8, o tyle pod IE 7 zdarza się to przy każdym zleceniu. Szacunkowo jeszcze przez około 1.5 roku będzie potrzeba walki z IE 7, więc warto się dowiedzieć jak się nie męczyć :-) Read more

text shadow – co i po co

text-shadow pozwala realizować prosto te sprawy, które od dawna szykowali graficy, a których implementacja na stronie, wymagała użycia grafik, bądź też rozwiązań javascriptowych, albo dublowania tekstu wraz z użyciem przemyślnego(no dobra, prostego) stylu opartego na pozycjonowaniu absolutnym. Czyli mowa o cieniu pod tekstem. Ponieważ jednak, sam cień w sobie nie ma wartości informacyjnych a estetyczne, był on też po prostu często ignorowany przez koderów. Obecnie jednak rynek przeglądarek wygląda tak, że większość userów może zobaczyć już cienie dodawane z poziomu CSS, a reszta będzie mogła je podziwiać niedługo wraz z premierą IE 9( choć patrząc na tabelę obsługiwanych właściwości, zapis przy text-shadow nie nastraja optymistycznie). Wydaje mi się, że można więc porzucić wszelkie zastępcze techniki i zacząć stosować najzwyklejsze w świecie text-shadow. Read more

Przeglądając dziś strony natrafiłem na śmieszny wpis o prawidłowym zakładaniu rolki papieru toaletowego(!). Jednak nie tyle sam wpis jest ciekawy, co sam serwis, na którym na niego trafiłem. Z tego co rozumiem, strona Błędy.info(http://bledy.info) ma być swoistą bazą wiedzy o najróżniejszych doświadczeniach  ludzi. Głównie chodzi o bolesne doświadczenia czyli, jak mówi sama nazwa , o błędy oraz o wyniesione z ich popełnienia nauki. Ehh, to skomplikowane, najlepiej samemu sprawdzić. Idea serwisu jest taka, aby odwiedzając go regularnie uczyć się z błędów innych, bez płacenia ceny za tą naukę. Czyli jeśli ja się oparzyłem, to Ty już nie musisz, bo opisałem jakie to głupie i bolesne.

Najpierw pojawiła się jedna dziwna rzecz, czyli demotywatory, teraz Błędy… coraz dziwniejszy ten internet. Jednak muszę przyznać, że ciekawie mnie sama idea zebrania wiedzy w jednym miejscu, i z przyjemnością przyjrzę się temu projektowi. Póki co jest to dość świeża sprawa(patrząc po datach wpisów i ich ilości), ale czas pokaże co i jak się z tego wykluje.

Czy kolejny dzień z rzędu nie udało Ci się zacząć ćwiczyć, mimo że planujesz to od dłuższego czasu? A może chciałeś wreszcie zacząć czytać książki o inwestowaniu, uczyć się języka bądź też ograniczyć domowe wydatki? Wszystkie te czynności wymagają poświęcenia im nakładu czasu, sił i koncentracji. Jak wiemy, z życia codziennego, nie jest z tym tak łatwo, inaczej ten wpis powstał by kilka tygodni wcześniej ;).  Wyobraź sobie jednak następującą sytuację:

Jest wieczór. Siedząc na swoim ulubionym fotelu pijesz ciepłą herbatę. Oglądasz ciekawy program w telewizji(zresztą jakie jest sens oglądać coś nie ciekawego ;-) ), gdy nagle wchodzi blok reklamowy. W tym momencie wstajesz i przez 30 sekund stoisz w miejscu przed telewizorem. Następnie wracasz do tego co normalnie robisz w trakcie reklam. Ile sił Cię to kosztowało? Prawie że nic, ale właśnie wykonałeś krok. Malutki krok do przodu w kierunku swoich celów. Read more

To będzie wpis uaktualniany przez 39 30 dni. 9 dni okresu przygotowawczego, 15 10 dni głodówki, 15 10 dni wyjścia z głodówki(jak widać początkowo miało być dłużej, czyli 15 dni głodówki, ale w trakcie spokorniałem, co zresztą widać w poszczególnych notatkach).  Będzie to dziennik z każdego dnia, co czułem, co robiłem, jak spałem, czy byłem silny, czy bolało etc. Głodówka lecznicza polega na nie przyjmowaniu żadnych pokarmów, jedynie można pić wodę. Read more

Muszę przyznać, że żyjemy we wspaniałym kraju. Wspaniałym jeśli chodzi o to jak zachowuje się rynek przeglądarek. Już dawno osiągnęliśmy to o czego wielu web-developerów na całym świecie dawno pragnęło, czyli skruszenia dominacji Internet Explorera. Dokonał tego FireFox 3.x, posiadając obecnie trochę ponad 50% rynku(większa część tej puli przypada na wersje 3.5). W sumie pod tym względem Europa jest ogólnie udanym miejscem, a my jesteśmy w czołówce. Wciąż jednak IE 6 mamy na poziomie 7,5 %, choć sukcesywnie ta liczba się obniża. Read more

O Css Circles

Css Cirlces(inaczej zwane przeze mnie techniką planet) to po prostu stosowanie okręgów/kół zamiast standardowych czworokątów( z mniej lub bardziej zaokrąglonymi rogami) w roli pojemników na treść.

Technika Css Circles opiera się głównie o właściwość CSS 3 jaką jest border-radius. Tak naprawdę pojemnikami są nadal zwykłe kwadratowe divy, paragrafy czy inne HTMLowe obiekty, tyle że ich rogi zaokrąglone są do maksimum. Dokładniej do połowy długości boku i należy uwzględnić border-width. Zaokrąglając każdy róg w ten sposób otrzymujemy okrąg :). Read more