MADE IN 3W - projektowanie, tworzenie stron WWW blog

Najlepszy Drupal Hosting

2011-10-15T23:03:00.000-07:00

Dziś przedstawię państwu moim zdaniem najlepszy na świecie hosting nie tylko pod Drupala.
Na ANHosting (bo o nim mowa) natknąłem się jakieś dwa lata temu, gdy poszukiwałem jakiegoś dobrego serwera pod Drupal. Wówczas ANHopsting oferował zawrotne jak na te czasy 500GB przestrzeni dyskowej i 5TB (słownie: "pięć tera bajtów") transferu za 6.95$/mc. Ostatecznie mój wybór padł na hosting z polski, gdyż ANHosting ograniczał ilość podpiętych domen do 10 (ja wówczas miałem ich już około 10 i planowałem więcej). Tak więc o hostingu zapomniałem na jakiś czas, aż do dziś. Tak jakoś ostatnio znów zacząłem bawić się Drupalem i tak jakoś w reklamach Google zobaczyłem ANHosting i postanowiłem wpaść na chwilę i zobaczyć co u nich słychać. Nie wiem czy to wina kofeiny, którą przed chwilą przyswoiłem, ale w pewnym momencie dostałem palpitacji serca. Patrzę na ich ofertę i widzę "Unlimited Web Hosting Space". No K....! Nielimitowana przestrzeń na dysku! WTF?!

Miałem kłopot w to uwierzyć, więc zacząłem szukać haczyka i od razu przypomniałem sobie o limicie na ilość domen, które możnabyło podpiąć. Patrzę i co? UNLIMITED! No k..... Coś musi być, gdzieś, coś jakiś hak, no MUSI! Szukam... Brak ograniczeń na wszystko. Dowolna ilość baz danych, przestrzeni dyskowej, transfery, domen, subdomen, kont FTP... JEST! Wkońcu znajduję! Haczykiem jest... do 200 maili na godzinę ;)

Na koniec dowiedziałem się, że hosting jest polecany przez samego John F. Ottawa - twórcy DrupalModules.com oraz recenzenta technicznego Packt Publishing - największego wydawcy książek dot. Drupal.

Tylko proszę, nie mówcie nikomu o tym hostingu, żeby polscy SEO-pozycjonerzy się za niego nie wzięli :)

Stolik / buirko pod komputer PC z regulowaną wysokością

2010-06-13T06:48:00.000-07:00

Dziś nieco czasu poświęciłem na wyszukiwanie sobie biurka / stolika pod komputer. Moje obecne biurko jest zbyt niskie. Mam 190 cm wzrostu i chcąc zachować zalecane kąty proste pomiędzy przedramieniem i ramieniem a także pomiędzy częścią udową i łydkową nóg moje biurko powinno być wyższe.

Mój niemalże idealny stolik pod komputer znalazłem w firmie Furnet - nazwa jakby zaczerpnięta z języka niemieckiego ;) Przykładowo taki model STOK 53/120 posiada regulację wysokości blatu oraz również regulowaną półkę pod monitor. Dodatkowo w zestawie znajduje się wysuwana półka pod klawiaturę o szerokości 51 cm. Niestety, ale sama myszka musi leżeć na blacie, co uważam za mniej ergonomiczne rozwiązanie. Jednakże stolik, o którym piszę posiada aż 120 cm szerokości, więc wysuwaną dolną półkę można by więc użyć jako półkę na notatnik lub książkę a klawiaturę oraz mysz położyć na blacie stołu. Znajdziemy się wówczas w odległości ponad 45 cm od monitora, co nie jest jeszcze sytuacją idealną, ale już całkiem dobrą, wręcz bardzo dobrą.

Więcej na temat stolika pod komputer Furnet STOK 53/120 znajdziecie na stronie http://krzesla-i-fotele.com.pl/stolik-komputerowy-stok-53120-p-349.html?osCsid=3dd0874bb3b01dbcfa9c57bb1bbe0160
Cena 529,- PLN Drogo, ale według mnie nie warto oszczędzać na czymś tak pratycznym.

Ergonomia miejsca do pracy przy komputerze

2010-06-13T06:43:00.000-07:00

Idealne miejsce do pracy przy komputerze składa się z kilku kluczowych elementów. Pierwszym z nich jest odległość od monitora. Jest ona zależna przede wszystkim od wielkości ekranu. Przykładowo 32-calowy monitor/TV powinien znajdować się w odległości co najmniej dwóch metrów od naszych oczu. Dla zwykłych monitorów zaleca się 40-70 cm. Odpowiednie przeliczniki można znaleźć w Google.

Odległość od monitora pozwala przede wszystkim zachować zdrowe oczy, ale nie tylko one cierpią podczas pracy na komputerze. Ponieważ większość ma tendencję do przysuwania się w kierunku ekranu to często jest tak, że najbardziej obciążone są mięśnie karku. W konsekwencji siedzimy krzywo i obciążamy właściwie cały kręgosłup. Dlatego drugim elementem pracy przy komputerze, na który coraz częściej zwracamy uwagę jest krzesło.

Krzesło do pracy przy komputerze powinno posiadać regulowaną wysokość siedzenie, oparcia i podłokietników. Dla naszej wygody dobrze by też było, by takie krzesło było obrotowe i na kółkach. Skoro już tak dokładnie piszę o krześle, to warto jeszcze zwrócić uwagę na to, czy materiał, z którego jest ono wykonane jest cieczoodporny i czy łatwo usuwać z niego zabrudzenia. Niestety takie profesjonalne krzesła są bardzo drogie a ich cena potrafi niejednokrotnie przekroczyć 2,000 zł.

Ostatnim z elementów ergonomicznej pracy przed komputerem jest stolik. To ostatni z elementów, na który zwracamy uwagę. Chcąc zachować wszystkie zalecenia dotyczące ergonomicznej pracy przed komputerem musimy wziąć pod uwagę swój własny wzrost. Trudno jednak byłoby mi robić tournee po sklepach meblowych w poszukiwaniu biurka odpowiedniego do mojego wzrostu. Nie wyobrażam sobie, by siadać przed każdym biurkiem na regulowanym krześle i mierzyć wówczas jego wysokość. Znacznie prościej jest znaleźć biurko / stolik pod komputer pc z regulowaną wysokością.

Program do fakturowania InFakt to syf

2010-06-11T02:48:00.000-07:00

Tu była recenzja programu do fakturowania InFakt. Niestety Blogvertising.pl, który pośredniczył w transakcji nie wywiązał się ze zobowiązania. Przedstawiciel, do którego pisał w sprawie kilkukrotnie obiecywał tylko zająć się sprawą. W końcu pieniądze zniknęły z konta Blogvertising.pl. Szczerze odradzam jakiekolwiek interesy z nimi.

10 błędów w biznesie online

2010-05-31T06:15:00.000-07:00

Nie masz strony WWW. Jest XXI wiek, a ty nadal nie masz własnej strony WWW. Oznacza to, że nie jesteś wiarygodny, a być może coś ukrywasz. O ile jeszcze nie tak dawno posiadanie strony WWW było prestiżem, tak dziś jest to po prostu konieczność.
Masz stronę na darmowym hostignu. Tak, wiem : KRYZYS, OSZCZĘDNOŚCI, ITP. Darmowe hostingi mają to do siebie, że są częstym obiektem hackerskich ataków, bywają nieprofesjonalne, mają przerwy w działaniu. Pomyśl więc, jak będziesz wyglądać Ty i Twoja firma, jeśli Twój potencjalny klient po wejściu na Twoją stronę WWW ujrzy błąd lub co gorsza komunikat ostrzegający o niebezpiecznej witrynie, która dokonuje ataków? Zmień to natychmiast!
Nie masz własnej domeny. Swoją stronę firmową trzymiesz na darmowym aliasie? Wiedz, że już nie jesteś postrzegany jako profesjonalista. Na szczęście, wraz z upowszechnieniem domen .pl ta sytuacja jest coraz rzadsza. Jeśli jednak akurat masz domenę na darmowym aliasie, to wiedz, że ten alias nie jest Twoją własnością i w każdej chwili jego właściciel może zamieścić tam treści dla Ciebie obraźliwe. Zmien to jak najszybciej.
Twoja strona nie jest zoptymalizowana pod wyszukiwarki. Roboty wyszukiwarek codziennie przemierzają sieć zbierając informacje o miliardach stron. Następnie algorytmy wyszukiwarek analizują zebrane dane i tworzą ranking stron. Dzięki temu, wpisując w Google jakieś zapytanie uzyskujesz odpowiedź w postaci numerowanej listy. Optymalizując stronę pod wyszukiwarki sprawiasz, że robotom łatwiej jest do niej dotrzeć i zrozumieć jej treść. Dzięki temu algorytm wyżej oceni stronę i znajdzie się ona wyżej w rezultatach wyszukiwania a w rezultacie wejdzie na nią więcej użytkowników.
Nikt nie zrobił audytu użyteczności. Usability, user-experience to terminy związane z użytecznością stron WWW. Mówimy też, że coś jest user-friendly. W gruncie rzeczy chodzi o to, by użytkownik korzystający ze strony zbierał z niej pozytywne doświadczenia i żadnych frustrujących. Ponadto Jakob Nielsen rzekł, że ulepszenie użyteczności jest najekonomiczniejszym sposobem na podniesienie konwersji zarobkowej.
Oszczędzasz na pozycjonowaniu. Pozycjonowanie polega na umieszczeniu witryny WWW jak najwyżej w wynikach wyszukiwania wyszukiwarki ( SERP ) na wybraną frazę. Wciąż niewiele osób wie, że to w ogóle możliwe. Właśnie dlatego strony będące wysoko są obdarzane wyższym zaufaniem niż strony będące niżej i chętniej dokonają u Ciebie zamówień towarów lub skorzystają s Twoich usług. Poza tym strony będące wysoko zazwyczaj notują znacznie wyższy ruch, a to oznacza więcej potencjalnych klientów i większe zyski.
Zatrudniłeś studenta. Studenci mają ten plus, że są tani, prawda? A pomyślałeś o minusach? Pewnie nie. Też byłem studentem i wiem, czego mnie uczyli. Prawda jest taka, że nie ma takiego kierunku jak tworzenie stron WWW. Są wprawdzie jakieś szczątkowe informacje na ten temat... ale nie ma niczego na temat pozycjonowania, optymalizacji, użyteczności, webdesignie i biznesie w sieci. A Ty właśnie takiej osobie zleciłeś swoją profesjonalną witrynę. NIEZAZDROSZCZĘ.
Cała Twoja strona jest zapisana w pojedynczym pliku graficznym. Nie mam nic do obrazków - nawet je lubię, ale Internet nie jest snem artysty. Technicznie rzecz ujmując komputery komunikują się z sobą przetwarzając impulsy elektromagnetyczne na kod cyfrowy. Robienie stron WWW w obrazkach możnaby więc porównać do prób latania łodzią podwodną. Właśnie dlatego znacznie lepiej oprzeć je o specjalnie w tym celu stworzony język, np. HTML a nie o prace grafika. Zresztą nie żal mi Cię, bo pewnie postąpiłeś zgodnie z błędem numer 7 i zatrudniłeś studenta, mam rację?
Wstawiasz reklamy na stronę firmową. Nie ma nic gorszego niż AdSense na stronie firmowej. Wybrażacie sobie, by np. Renault pozwolił sobie na wyświetlanie reklam BMW na własnej stronie? Warto zatem rozważyć, czy kilka groszy rekompensuje stratę jakiej doznajemy pozwalając przejść użytkownikowi na stronę konkurencji.Oczywiście nie ma też nic złego w reklamach na stronie organizacji - w końcu zawsze to jakieś dodatkowe fundusze.
Zakładasz, że szybko osiągniesz wielki sukces. Trudno o większy banał, lecz niestety głównym składnikiem sukcesu online jest cierpliwość. Wielkie i pojedyncze sukcesy są nagłaśniane, ale małe i mnogie porażki przemilczane. Dlatego może Ci się wydawać, że pójście tą drogą biznesu online da ci szybkie i duże pieniądze. Pozbądź się złudzeń - nie uciekniesz konkurecji. Ona jest tu od dawna. Jedyne co możesz, to nie stracić dystansu. Na co jeszcze czekasz?

10 najczęstszych błędów na blogach

2010-05-04T10:29:00.000-07:00

Brak biografii autora.
Brak zdjęcia autora.
Nieopisowe tytuły
Nieopisowe linki

link

http://madein3w.blogspot.com/2009/12/google-caffeine-po-nowym-roku.html

Katalogi i presele na forum optymalizacji

Brak wyeksponowanych najlepszych wpisów
Nawigacja chronologiczna
Nieregularne wpisu
Poruszanie wielu tematyk
To co piszesz nie zniknie
Pisanie pod cudzą domeną.

Netmark

Gadający słownik angielsko-polski bezpłatnie online

2010-02-17T08:48:00.000-08:00

Jeśli chodzi o słowniki angielsko-polskie online to jest ich w sieci od groma. Pierwszym, z którego korzystałem to Translate.pl Później pojawił się ling.pl, który szybko stał się moim numerem #1. Początkowo byłem bardzo zadowolony, lecz później gdzieś umknęła pierwotna świetność tego słownika.

Pierwotnie wygląd Ling.pl był bardzo minimalistyczny, a treść bogata. Z czasem na stronce zaczęły pojawiać się reklamy, aż w końcu strona się nimi zapełniła i w efekcie zwolniła swoje działanie. Mimo to zasoby słownika były nadal prze-bogate, a także pojawiły się specjalne modyfikacje pliku .css - dzięki czemu - z pomocą pewnego plugina do Firefoxa (którego nazwy nie pamiętam) można było dość pokaźnie okroić stronę ze zbędnych elementów. To sprawiło, że nie szukałem innego słownika, do czasu... Jak ze stroną zaczęły się dziać dziwne rzeczy, zaczęło sypać błędami a ja nie mogłem sprawdzić moich słów - miarka się przebrała. Ling.pl stracił swojego najgorętszego fana. Zmuszony zostałem do znalezienia czegoś nowego i znalazłem... i jest lepszy!

Diki, bo o tym mowa to dla mnie zupełna rewelacja. Jeśli chcielibyście wiedzieć, dlaczego polubiłem tak bardzo Diki.pl, to jest jeden powód - ten słownik gada! Bezsprzecznie jest to dla mnie rewelacja, bo w końcu taki leń jak ja ma możliwość nauki angielskiej wymowy bez wychodzenia z domu, bez kupowania drogich ebooków, korków, etc. Wspomnę jeszcze, że kiedyś podobna funkcja "gadania" znajdowała się na YouTube, ale była beka z niej - automat wymawiał nawet polskie zdania - efekt był komiczny. Szkoda, że tego już nie ma....

Nie mniej polecam Diki. Już sam fakt, że poświęcam temu serwisowi wpis na moim wspaniałym blogu powinien być dla Was wskazówką, że jest on świetny. Jeśli chodzi o zasób słówek, to może nie jest bardzo dobrze, ale generalnie wystarcza mi w 99% przypadków. Niestety zauważyłem ostatnio, że Diki idzie w ślad Ling i już pojawiła się jakaś reklama Szkoły angielskiego via Facebook. Mam nadzieję, że nie przesadzą z reklamami i nie pogrzebią projektu zanim ten stanie się doprawdy sławny.

Google Caffeine po Nowym Roku

2009-12-25T03:07:00.000-08:00

Google Caffeine to spodziewane w krótkim czasie, wielkie uaktualnienie silnika wyszukiwarki Google porównywalne do uaktualnienia Florida z 2003 roku. Nie wiadomo dokładnie jakie zmiany przyniesie, ale Google jak zwykle wygadało się w kwestii kilku, a niektóre Centra Danych Google już podobno pracują na nowym silniku.

Oto czynniki, które zostaną wprowadzone w Caffeine :

szybkość : poprawiona zostanie prędkość indeksowania sieci;
świeżość : bonus zostanie przyznany świeżym stroną, z często aktualizowaną zawartością; w ten sposób Google chce usunąć z wyników wyszukiwania strony, które się już zdeaktualizowały;
siła społeczności : Google wprowadziło ostatnio do swoich wyników wyszukiwania wyniki na żywo z Twitter-a; zdaniem specjalistów siła mediów społecznościowych wzrośnie; takie serwisy jak Twitter, FaceBook, StumbleUpon, Delicious, Blogger a być może Nasza-Klasa, Pinger, Wykop - będą przekazywały jeszcze większą moc niż dotychczas; największy plus zanotuje jednak FriendFeed;
szybkość ładowania się strony : o tym mówi się już od dawna; strony, które ładują się zbyt wolno powodują odrzucenia, wobec tego nie ma powodu, by trzymać takich na wysokich pozycjach w wynikach wyszukiwania;

Uaktualnienie Google Caffeine przyniesie prawdopodobnie minimalne zmiany w SERP-ach. Być może Google rozprawi się z jakimiś metodadmi spamerskimi, ale wielkich roszad w wynikach wyszukiwania nie będzie. Bardziej spodziewam się ich za kilka lat, gdy Google Chrome OS podbije większą część rynku, a Google będzie miało wystarczająco czasu, by przyglądnąć się wynikom. Moim zdaniem ważne jest jeszcze jedno : wyszukiwarka oddaje decyzje odnośnie pozycji dla samych użytkowników. Dowodzi tego personalizacja wyników wyszukiwania dla niezalogowanych oraz strzałki rodem z Web 2.0 w tychże SERP-ach. Ponadto czytałem, że Bing wraz z Yahoo pójdą dokładnie w przeciwną stronę. Oznajmią, że wyniki wyszukiwania ich wyszukiwarek są jednakowe dla wszystkich i nazwą to innowacją.

Co myślicie o zmianach jakie przyniesie Caffeine? Czy będzie wielkie zamieszanie w SERP-ach czy mało znaczący update? Jakie metody spamowania wyszukiwarki odejdą do lamusa? Swoje myśli pozostawcie w komentarzach.

źródło : http://www.evisionsem.com/blog/2009/12/23/google-caffeine/

podobne wpisy : W 2010 stawiamy na jakość by Lexy

Aktualizacja Drupal silnie zalecane

2009-12-17T02:10:00.000-08:00

Pojawiły się nowe wersje (5.21 i 6.15) Drupal. Przyczyną ich wydania jest odkrycie błędu SA-CORE-2009-009 który umożliwiał atak na witrynę metodą XSS poprzez wstrzyknięcie złośliwego kodu do formularza kontaktowego witryny. Aktualizacja lub wprowadzenie nowego patcha do Drupala silnie zalecane.

W nowych wersjach nie ma żadnych nowych ficzerów. Istotną zmianą jest zmiana w pliku .htaccess Drupal 6.15

Lista poprawionych błędów w Drupal 6.15 : http://drupal.org/project/cvs/3060/?branch=DRUPAL-6
Lista poprawionych błędów w Drupal 5.21 : http://drupal.org/project/cvs/3060/?branch=DRUPAL-5

Przed wgraniem aktualizacji warto stworzyć backup bazy danych oraz plików Drupal.
Najprostszą metodą na backup bazy danych jest użycie modułu Bakup and migrate.
Jak łatwo zrobić backup plików
Więcej instrukcji na temat aktualizacji Drupala

Źródło informacji: http://drupal.org/drupal-6.15

Błąd w Google Chrome pozbawia anonimowości dawanej przez proxy i sieć TOR

2009-12-15T16:05:00.001-08:00

Nieprawidłowy kod w przeglądarce Google Chrome 3.0.195.33 pozwala na odkrycie DNS-ów i pozbawienie resztek anonimowości w sieci WWW.

Obecnie na forum Google trwa dyskusja na temat dziury. Głównym podejrzanym jest funkcja DNS pre-fetching.

Wokół tematu już narosło wiele nieporozumień. Jedni twierdzą, że winna jest standardowo włączona funkcja DNS pre-fetching, inni twierdzą, że nawet po jej wyłączeniu problem nie ustaje.

Chromium jest projektem open source, którego autorem jest Google. Google Chrome to przeglądarka oparta na tym projekcie. Potwierdzona właśnie luka w Google Chrome 3.0.195.33 może zatem dotyczyć także przeglądarki Chromium.

Kontrowersyjny w tym przypadku jest fakt, iż Google ma interes w tym, by wiedzieć o nas wszystko. Przeglądarka Chrome codziennie wysyła do Google jakieś zaszyfrowane dane. Te same dane wysyła Chromium. Wobec powyższego nasuwa się stwierdzenie:

It’s not bug, it’s feature.

Dla chcących zachować anonimowość polecam instalację obdartego ze szpiegującego kodu Iron-a.

Więcej informacji: http://www.theregister.co.uk/2009/12/14/...query_bug/

Ulubione moduły Drupal 6

2009-12-07T09:41:00.000-08:00

Chyba tylko WordPress przwyższa Drupala liczbą modułów. Mimo to poszedłem nieco pod prąd i na swojego CMS-a wybrałem Drupala. Stało się to głównie ze względu na bardziej techniczną otoczkę (w przeciwieństwie do bardzo medialnej w przypadku WordPressa).

Ponieważ tych modułów jest tyle, że nie sposób je wszystkie spamiętać, to cały czas gubię nazwę któregoś z modułów i muszę po raz kolejny szukać. Dlatego powstał ten wpis. Nie jest to spis najlepszych modułów do Drupala, więc jeśli tego szukałeś, to się zawiedziesz. Mogę jedynie polecić stronę Drupal.org na której moduły posortowane są według ilości stron, jaka z nich korzysta. Są też inne kryteria, kategorie - na pewno znajdziesz coś dla siebie.

GTranslate - potrafi przetłumaczyć stronę na 52 języki; dostępna jest wersja Pro, dzięki której te strony zostaną zaindeksowane przez Google; wersja Pro jest płatna; WordPress posiada podobny moduł, tyle, że bezpłatny;
ImageActions - moduł, którego używam do przeróbki uploadowanych obrazków;potrzebowałem go, by dodawać do obrazków tzw. "znaki wodne";
ThemeKey - moduł pozwalający wyświetlać skórki dostosowane indywidualnie pod daną stronę/strony.
Taxonomy Breadcrumb. Dobry moduł, gdyż ułatwia użytkownikom odnalezienie się na stronie. Pozwala na tworzenie własnych sekcji, które następnie są wyświetlane np. w takiej formie jak : home >> vocabulary >> term Dodatkowym plusem jest fakt, iż Google uznało taką formę za wartościową i strona Drupal.org wyświetla się w ten sposób :
Embedded Media Field - prosty moduł do filmów;oparty o CCK;obsługuje kilkanaście największych serwisów video, m.in. YouTube, Vimeo, MetaCafe;korzysta z API serwisów, co pozwala zmienić wygląd video za pomocą kilku kliknięć.

To jest dopiero zalążek artykułu. Jeśli chcesz zobaczyć większą listę (jeden z najlepszych artykułów na tym blogu) przejdź na wpis : Spis najlepszych modułów do Drupala

Czy Google mnie lubi? - wprowadzenie do Cache Rank

2009-12-05T14:57:00.000-08:00

Sposobów na zmierzenie ile strona jest warta jest naprawdę wiele: Google Page Rank, polecenie Google Site, Yahoo! Site Explorer, statystyki odwiedzin (np. Google Analytics), Alexa Rank... Teraz wymyślono jeszcze Cache Rank.

Założenie algorytmu Cache Rank jest bardzo proste : Google Page Rank jest niedokładne i nieaktualne. Gwoli ścisłości, chodzi o Toolbar Page Rank, bo jak wiadomo Google nigdzie nie podaje ile Real Page Rank wynosi. Tu nadmienię, że na pewno najlepszym wyznacznikiem jakości strony jest ilość odwiedzin albo ilość unikalnych użytkowników. Mając takie dane można prosto wywnioskować, czy strona jest pomocna, a to przecież dla firmy z mottem "Don't be evil" kwestia być albo nie być. To właśnie dlatego Google wprowadza na rynek kolejne rewelacyjne spyware typu Google Analytics, Google Chrome, Google Chrome OS itd. Niby darmowe narzędzia, a ile to danych w zamian. Niestety z tymi danymi jest taki problem, że dla Google są zbyt cenne, by je publicznie udostępniać. Nieco więcej udostępnia jeszcze Alexa.com, ale to i tak niewiele i ciężko naprawdę z tych danych wyciągnąć jakieś dalej idące wnioski. Dalej idąc jako wiarygodny wyznacznik odpada Google Site i Google Link, Yahoo (bo kogo obchodzi co sobie tam gromadzi ta nie polskojęzyczna wyszukiwarka). Narzędzia do wyceny stron to oczywiście wielkie "g" i nie ma sobie co nimi zaprzątać głowy. Można by jeszcze coś o Bingu napisać, ale ta nowa wyszukiwarka jest dopiero wielkości około 1/5 Google, a więc odpada. Pozostaje Page Rank.

Page Rank wbrew obiegowej opinii tzw. świeżych ekspertów nie jest rankingiem strony, ale rankingiem Page'a, a dokładniej Larry'ego Page, gdyż tak nazywa się człowiek, który go skonstruował. W środowisku pozycjonerów czy specjalistów od SEO panuje zgodna opinia, że PageRank jest w pewnym stopniu wyznacznikiem wartości strony. Działa on w ten sposób, że każda strona, z której otrzymuję linka przekazuje mi jakąś niewielką wartość PageRank. W ten sposób można dojść do wsniosku, że najwyższy PageRank otrzyma strona podlinkowana ze stron z wysokim PageRankiem. Można też domniemać, że wysoki PageRank idzie w parze z wysokim TrustRank i mamy całkiem niezły sposób na wyznaczenie wartośc strony.

Niestety PageRank ma swoje wady. Przede wszystkim łatwiej go zrobić na stronach z małym site, gdyż każdy link wychodzący osłabia nieco PageRank strony. Poza tym PageRank jest tylko obrazkiem i dlatego dla Google jest on sprawą bagatelną. Co innego, gdyby stworzenie obrazka wymagało czegoś więcej, np. poświęcenia zasobów własnych serwerów. Takie właśnie zasoby Google przeznacza i to w ogromnych ilościach na swoje pająki (crawlery), które indeksują sieć World Wide Web. I właśnie ktoś wpadł na to, że skoro tak jest, to Google nie wysyła ich na strony nic nie warte. Wysyła je tam gdzie trzeba... i da się to zmierzyć.

To tyle tytułem wprowadzenia do Cache Ranku. Nie będę kaleczył oryginałów swoim tłumaczeniem. Chcecie wiedzieć jak zmierzyć Cache Rank? Wejdźcie na stronę http://www.searchenginepeople.com/blog/discover-what-google-really-thinks-of-your-pages.html

10 błędów podczas projektowania strony WWW

2009-12-01T15:32:00.000-08:00

1. Zła wyszukiwarka.

Problem z wyszukiwarkami polega głównie na tym, iż nie są one w stanie wyłapać literówek, odmieniać przez przypadki. Główny błąd popełniany przy programowaniu wyszukiwarki polega na tym, że zamist wyświetlać wyniki według ważności, to wyświetlają według liczby powtórzeń szukanego słowa. Swoje zadanie najlepiej spełni prosty formularz wyszukiwania, chociaż wyszukiwarka z opcjami zaawansowanymi będzię jeszcze lepsza. Ważne jest też, aby wyniki prezentować w sposób podobny do Google.

2. Pliki PDF.

Kolejny błąd to umieszczanie na stronie plików w formacie .pdf zamiast w formacie hipertekstowym. Nie dość, iż zatrzymuje to proces przeglądania Internetu (sic!) to jeszcze sprawia trudności w nawigacji, gdyż jest ona inna niż w przeglądarce, do której użytkownik jest przyzwyczajony. Poza tym wygląd plików .pdf jest zoptymalizowany pod druk i wygląda źle na monitorze. Ponadto taką stronę przegląda się gorzej, gdyż nie ma takich możliwości nawigacji.

3. Niezmienianie koloru odwiedzonych linków.

Dobra nawigacja pozwala lepiej zrozumieć w którym miejscu znajdujesz się obecnie. Znając odwiedzone przez siebie strony łatwiej jest zdecydować gdzie iść dalej. Zmiana koloru odwiedzonych linków ułatwia użytkownikowi unikanie bezwartościowych stron oraz może spowodować ponowną wizytę na stronie, która już wcześniej okazała się pomocna. Poza tym użytkownik widząc sam, że kiedyś już tu był może sobie przypomnieć, że kiedyś już tu był oraz które strony były dla niego wartościowe, a które nie. Może to go też zachęcić do głębszych poszukiwań.

4. Źle sformatowany tekst.

Zwyły, niesformatowany tekst to taki, który na przykład znasz z notatnika Windows lub innego najrpstszego edytora tekstu. Taki tekst jest śmiertelnie nudny i nieczytelny. Nasz wzrok jest tak skonstruowany, że bardziej wyszukuje nieregularności niż regularności. Dlatego warto wzbogacić nasz tekst o pogrubienie, kursywę, podkreślenie i ~~przekreślenie~~. Dla lepszej przejrzystości tekstu warto dodać paragrafy, nagłówki oraz stosować zasadę KISS, czyli Keep It Simple Stupid. Ważny jest też język naszej prezentacji. Należy pisać dla przeciętnego użytkownika, a co za tym idzie wyjaśniać trudniejsze terminy, które mogą być dla niego niezrozumiałe.

5. Standardowy rozmiar czcionki.

Na rynku znajduje się kilkanaście popularnych przeglądarek i każda z nich posiada nieco odmienne ustawienia standardowe. Standardowy rozmiar tekstu w jednej będzie najbliższy 12px a w innej 16px. To może sprawić, że postawimy użytkownika przed blokiem tekstu, który będzie nienajlepiej wyglądał lub będzie słabo czytelny. Z najnowszych badań wynika, że podstawowy rozmiar czcionki powinien wynosić 16px.

6. Tytuły stron niezoptymalizowane pod wyszukiwarki.

Optymalizacja stron WWW to jeden z tematów najczęście przwijających się w tych stronach, dlatego uważam iż nie ma sensu nikomu wykładać tej wiedzy raz jeszcze. Krótko mówiąc tytuł strony "Witamy" to najprostszy sposób, by popełnić błąd nr 6.

7. Obrazki wyglądające na reklamy.

Użytkownicy są jak pijawki, a im jestem starszy tym bardziej się o tym przekonuję. Chcą super zajefajnych stron WWW, ale broń Boże, by były na nich jakieś reklamy. Najlepiej więc byłoby zatrudnić armię skrzatów do darmowego zapełniania zawartości stron WWW. Niestety nie posiadam takich kontaktów, więc wszystko piszę sam. Ale odbiegłem od tematu. Użytkownicy nie lubią reklam i bez względu na to co o tym sądzisz, ich wzrok omija wszystko co choćby przypomina reklamę. Jeśli zdjęcia produktów, które sprzedajesz wyglądają na banery, to nawet na nie nie spojrzą.

8. Nieprzestrzeganie głównych zasad w tworzeniu stron WWW.

Użytkownicy 99% czasu spędzają na innych stronach niż Twoja. Dlatego też uczą się sposobu, w jaki one funkcjonują i wyciągają z tego wniosek "W jaki sposób powinna funkcjonować Twoja witryna". Jeśli łamiesz któryś z podpunktów ich "prawidłowego funkcjonowania stron WWW" to Twoja strona może zostać uznana za błędną, choć pod każdym względem jest prawidłowa.

9. Otwieranie nowych stron w nowych oknach przeglądarki.

Jedną z implikacji otwierania stron w nowych oknach przeglądarki jest brak możliwości użycia przycisku "Wstecz". W taki sposób użytkownicy mogą sobie odciąć drogę powrotu na Twoją stronę i już nigdy na nią nie wrócić. Poza tym może on nie zauważyć nowo otwartego okna - tyczy się to zwłaszcza użytkowników z małymi monitorami. W końcu użytkownik powinien mieć wrażenie panowania nad sposobem w jaki przegląda Internet. Wszelkie niespodziewane działania wykonane przez jego przeglądarkę uznaje za wrogie.

10. Brak odpowiedzi na postawione pytanie.

Użytkownicy wchodzą na stronę w jakimś konkretnym celu, może to być nawet zakup produktu. Jeśli na stronie nie mogą dostać tego, czego chcieli, to z niej wychodzą. Może się tak zdarzyć, iż pomimo poszukiwany przez nich produkt znajduje się na stronie, to go nie odnaleźli. Jednym z najczęstszych błędów podpadających pod ten podpunkt jest brak ceny produktu na stronie. Bardzo ważne, by cena znalazła się na stronach kategorii oraz w wynikach wyszukiwania. Jej brak może sprawić, że użytkownik wymyśli sobie, iż tego obecnie nie ma na magazynie lub coś w tym stylu. Efekt zawsze będzie taki sam - zakupi produkt u konkurencji i jeszcze powie 10 znajomym jacy jesteście.

Na podstawie : http://www.useit.com/alertbox/9605.html oraz źródeł własnych.

Phatch - Cross-platformowe narzędzie do strumieniowego przekształcania obrazków

2009-11-11T17:34:00.000-08:00

Phatch = Photo + Batch
W związku z moim rozpoczęciem współpracy z portalem Tweaks.pl potrzebowałem narzędzie, które ułatwiłoby mi prostą i szybką konwersję obrazków do zadanego formatu. Mam co prawda GIMP-a, ale jest to duża krowa. Na dodatek to mój sprzęt jest już mocno przestarzały i w efekcie samo uruchomienie i załadowanie obrazków zajmuje mi 1.5 minuty.

Dlatego też zapytałem o jakieś inne, fajne rozwiązanie pod Ubuntu. Polecono mi instalację ImageMagick-a. Znam to narzędzie z serwera i wiem, że jest dobre. Niestety, ale po krótkim zapoznaniu się z nim stwierdziłem, iż potrzebuję czegoś nieco bardziej rozbudowanego. Sama opcja powiększania i pomniejszania zdjęć do kilku narzuconych z góry formatów, zmiana w % lub zmiana do zadanego formatu okazała się być niewystarczająca. Ja potrzebowałem coś, co przytnie obrazek do wybranych przeze mnie rozmiarów równocześnie nie zmieniając proporcji obrazka.

Tak oto znalazłem Phatch. Już na wstępnie stwierdziłem, że wygląda znakomicie. Uzmysłowił mi to przyjazny wygląd oraz kilka opcji, które widziałem na zrzutach ekranu, m.in. Watermark. Tak się składa, że miałem pisać dla magazynu komputerowego, więc co mi szkodzi dodać znak wodny, by nikt nie pożyczył sobie mojej pracy? Szybko kliknąłem na free download i tutaj nastąpił mały problem. Cztery wersje do ściągnięcia, w tym najnowsza bodajże na Ubuntu 7 (a ja mam 9). No, ale co tam. Działa.

Przystąpiłem do działania. Odpaliłem urządzenie i tu pierwszy kłopot. Jak się zmienia te obrazki. Myślałem, że Phatch nie działa. Nigdzie nie mogłem znaleźć opcji Otwórz obrazek. Już miałem pogodzić się z fiaskiem, gdy przyszedł mi do głowy pomysł znalezienia pomocy na forum. Tym sposobem znalazłem Wiki Phatcha, Forum oraz wiele innych linków. Przypomniał mi się webshots.bluga.net, który nie tak dawno opisywałem. Oba skrypty były znakomicie udokumentowane. Phatch też był. W takim razie nie może tak po prostu nie działać.

Dopiero po przeczytaniu tutoriala zrozumiałem, że Phatch nie przetwarza obrazków w taki sposób, w jaki to robią zwykłe programy. Tutaj mamy do czynienia z procesorem przetwarzania! Tutorial wszystko wyjaśnił i po chwili kilkanaście zdjęć zostało przyciętych do rządanych rozmiarów oraz wzbogaconych w zaokrąglone narożniki, cieniowanie, znak wodny i wiele innych. Dodam, że przetwarzanie odbywa się strumieniowo, tzn. tworzysz Phatchowi instrukcję co ma zrobić a następnie wybierasz obrazki, lub nawet całe foldery, które mają zostać poddane przemianie.

Na koniec jeszcze jedna, bardzo ważna rzecz. Phatch potrafi zapisywać i odtwarzać procesy. Tak więc, wystarczy że raz stworzymy mu jakiś proces, a później będziesz go tylko otwierać i uruchamiać.

Nikto testuje bezpieczeństwo hostingów

2009-11-08T09:31:00.000-08:00

Poniżej znajdziesz raport z bezpieczeństwa największych polskich hostingów oraz najniebezpieczniejsze luki.

Jak wiadomo bowiem, poziom informatyzacji naszego kraju należy do najniższych w Unii Europejskiej. Dzięki takim kampaniom jakie realizuje Home czy Nazwa przeciętny Kowalski może dowiedzieć się, iż posiadanie własnej strony WWW jest w jego zasięgu. Na reklamach widzi serwery za 0zł, domeny za 0 zł, kreatory stron WWW gratis! ...i kupuje tego kota w worku. Nie wie, że to, co jest w środku, to usługa na najniższym poziomie opakowana w piękny marketingowy bełkot. Można się o tym przekonać na wiele sposobów. Jednym z nich są niezależne testy bezpieczeństwa.

Dziś na OSNews poszła wiadomość o tym, jak sprawdzić bezpieczeństwo każdego serwera. Nie mógłbym się powstrzymać i nie sprawdzić dwóch swoich hostingów (NetMark i LinuxPL). Poza tym to kolejna okazja, by podziobać nieco największych graczy na rynku (Home, Netart (Nazwa), Superhost, Az) i pokazać, że ich usługi nie stoją na poziomie, za który biorą pieniądze. Dodatkowo sprawdzę też kilka moich typów (Netarteria, iSwift, Hekko) oraz 8p, który był moim pierwszym hostingodawcą.

HOME.pl
zagrożenia : 105
raport: http://wklej.org/id/200076/

AZ.pl

zagrożenia : 3
raport: http://wklej.org/id/200117/

SUPERHOST.pl
zagrożenia : 38
raport: http://wklej.org/id/200139/

NETART.pl

zagrożenia : 8

raport : http://wklej.org/id/200159/

NETMARK.pl
zagrożenia : 26
raport : http://wklej.org/id/200174/

LINUXPL.com
zagrożenia : 18
raport : http://wklej.org/id/200216/

8P.PL

zagrożenia :
raport :

NETARTERIA.pl
ISWIFT
HEKKO
HOSTIT.PL

Wykop Effect na Nazwa.pl

2009-11-03T10:45:00.000-08:00

Ktoś kiedyś powiedział, że każdy człowiek ma swoje 5 minut sławy. Jeśli ktoś ze swoim blogiem trafi na Stronę Główną serwisu Wykop.pl to przez krótki czas zagości u niego nawet kilkanaście tysięcy użytkowników!

Chcesz mieć Wykop Effect? Wykup hosting na nazwa.pl, czyli w NetArt.

O tym co znaczy Wykop Effect przekonał się bloger piszący pod pseudonimem Nomad. Ów człowiek napisał ciekawy artykuł pt. Nie drażnij administratora swego, bo może się zemścić. Ktoś wrzucił ten na stronę serwisu Wykop.pl. W tym momencie muszę napisać, że użytkownicy tego portalu sami decydują, które wiadomości mają się ukazać na tzw. Stronie Głównej, gdzie trafia tylko kilka takich dziennie. Owi użytkownicy zdecydowali, że post Nomada nadaje się to takiego zamieszczenia. W tym momencie na jego stronę zaczęły wchodzić dziesiątki użytkowników, co wywołało Wykop Effect. Jego strona została odcięta od sieci przez hosting, za którego płaci!

Wykop effect (ang. Digg effect) - zjawisko polegające na przekroczeniu dopuszczalnej przepustowości danego serwera w wyniku aktywności Wykopowiczów. W związku z coraz większą liczbą użytkowników Wykopu, gdy znalezisko zostanie umieszczone na głównej, niektóre serwery nie są przygotowane na tak duży wzrost liczby odsłon, w wyniku czego nie potrafią one tego przetrzymać. Efektem tego jest awaria strony na okres - zazwyczaj - do kilku dni.

Kto jest winien?

Zamiast mieć swoje 5 minut sławy, Nomad ma pretensję do swojego hostingodawcy. Obiecuje nawet, że sprawa swój finał może znaleźć w sądzie. Trudno bowiem winić za tę sytuację blogera, który został omamiony przez wyskakujące wszędzie, nachalne reklamy Nazwa.pl (gdzie może także wykupić przytoczony tutaj hosting). Ciężko mieć pretensje do hostingodawców o takie działania. Prawdopodobnie, jeśli nie wyłączyliby tej strony, to istnieje ryzyko, że na przeciążenia zostałyby narażone także inne serwisy, hostowane na tym samym serwerze.

Osobiście odradzam każdemu korzystanie z komercyjnych hostingów, takich jak Home.pl, Nazwa.pl, Superhost.pl czy Az.pl Szczerze mówiąc są to słabe i kiepskie hostingi, a ich Biuro Obsługi Klienta stanowią ludzie, którzy nie mają zielonego pojęcia o działaniu serwerów.

Przykładowo, podczas problemu z Drupalem na Az.pl (500 Internal Error) zgłosiłem się do BOK i postawiłem pytanie "What's up?" Po dwóch godzinach udzielono mi odpowiedzi, że wina leży po mojej stronie, a konkretnie winny jest skrypt JavaScript. ROTFL! Zdawałem sobie sprawę z tego, że winę ponosi z pewnością Drupal, który po prostu przekroczył ilość przydzielonej pamięci serwera PHP. Na Az.pl pomimo upływu dwóch godzin i mojego uporu (skrypt JavaScript na pewno nie powodował błędu) nie potrafili znaleźć przyczyny. Na hostingu za 50zł / rok trafną odpowiedź uzyskałem po 5 minutach! Dodam, że było to w godzinach wieczornych. U innych czekałbym na odpowiedź aż do następnego dnia!

Właśnie dlatego sam polecam nieznany nikomu hosting (polecam np. : NetMark), a nie taki Home, Nazwę, czy inny syf.

Z drugiej strony, sądzę że bloger też nie jest bez winy. Blokowanie kont, gdy przekraczają limit użycia serwera to norma. Niech się Nomad cieszy, że w ogóle NetArt przywrócił mu usługę zamiast grzecznie powiedzieć: "Good Fight, Good Night" czy coś mniej wyszukanego na pożegnanie.

Dlaczego powstał ten wpis.

Jeśli postawiliście swój blog na WordPressie, hostujecie go w NetArt, a o optymalizacji tego skryptu wiecie tyle co ja o Wyspach Samoa, to nie liczcie, że ruch z Wykopu będzie pozytywny. Módlcie się raczej, by go nie było.

Niestety przytoczony tu przypadek Nomada nie jest jedyny. Około 1.5 roku temu na Stronę Główną Wykop.pl trafił zupełnie podobny przypadek (http://www.wykop.pl/link/85633/netart-nazwa-pl-blokujemy-bo-tak).

Apeluję więc, by nie wykupywać usługi u tych, którzy reklamowali się najintensywniej. Nie warto też rozumować kategoriami "Tam hosting wykupiło najwięcej ludzi". Jak widać na powyższym przykładzie taka zagrywka nie sprawdza się. Jeśli ktoś reklamuje się, tak jak Nazwa.pl, Home.pl lub Az.pl to oznacza, że za reklamę płaci użytkownik. Im więcej tych reklam, tym wyższa cena doliczana do usługi. Wszystko po to, by pokryć koszt intensywnej reklamy. A ludzie to kupują!

Nie warto też iść za stadem i kupować hostingu tam, gdzie hostuje się najwięcej osób. To nic innego jak owczy pęd. Każda strona ma inne wymagania i pod te wymagania należy szukać rozwiązania. Zawsze też można poszukać opinii kogoś bardziej doświadczonego. Wystarczy wejść na jakieś forum komputerowe i zapytać czy taki skrypt pociągnie na takim hostingu lub ewentualnie jaki hosting forumowicze polecają. Zazwyczaj jest tak, że dostaniecie dużo odpowiedzi i sami wywnioskujecie, który hosting jest najlepszy.

Do Hostingodawców

Na koniec chciałbym jeszcze dać radę dla wszystkich, którzy prowadzą serwer.

Nie zachowujcie się jak NetArt!. W tym przypadku NetArt mógł się zachować znacznie lepiej. Zamiast blokować konto mógł przecież blogerowi zaproponować darmową reklamę w zamian za utrzymanie strony online. Tak się nie stało. Niestety, ludzie biorący 300 zeta za coś, co nie przeżywa nawet efektu Wykopu swoją kreatywność ograniczają do zalania WWW swoimi ADsami.

Nie ważne ile płacisz, cena nie jest adekwatna do poziomu usługi. Pomyślcie o tym!

Podziel się doświadczeniem z czytelnikami.

Jeśli masz jakieś doświadczenia z hostingami i Wykop Effectem to pozostaw tutaj komentarz! Razem możemy stworzyć listę hostingów przyjaznych Wykopowiczom!

Truskawkowy Milioner

2009-10-27T07:07:00.000-07:00

Truskawkowy Milioner to pozycja o Robercie Maicherze, człowieku, który opowiada jak zarobił pierwszy milion i to dzięki Internetowi! Słyszeliście wcześniej o czymś takim? Pewnie tak, ale nie wiecie jak to zrobić. Dlatego sądzę, że Truskawkowy Milioner jest też dla Was. Myli się jednak ten, kto sądzi, iż znajdzie w niej jakieś gotowe przepisy.

Dziś kolega pyciak blipnął o tym, że zastanawia się co zrobić z serwisem, który niespodziewanie zaczął mu przynosić pieniądze. Miałem podobny przypadek. Serwis, który był jedynie testem oprogramowania nagle stał się popularny. I wiecie co? Obecnie jest on offline! Zamiast skupić się na jego rozwoju, bo w końcu można powiedzieć, że on w jakiś sposób wypalił, to ja robię dokładnie odwrotnie i rozwijam inne serwisy. Bład! Dopiero teraz mam tego świadomość, a kolega pyciak być może nigdy jej mieć nie będzie.

Właśnie taka jest ta pozycja. Jest to studium konkretnych sytuacji, konkretnych przypadków. Przy czym sam autor mówi, że nie zaleca kopiowania cudzych pomysłów. Uczy raczej wyciągać wnioski z porażek i dzięki nim buduje swój sukces, by w końcu stać się milionerem. Autor porusza przy tym takie ciekawe kwestie jak : zarabiane i oszustwa w sieci, nierzetelni partnerzy, programy partnerskie, handel domenami czy tworzenie zarabiających serwisów WWW.

Nie zwykłem tracić czasu na książki. Mam dość siedzenia w Internecie po kilka godzin dziennie. Gdyby ktoś kazał mi jeszcze czytać książki, to byłaby chyba najokrutniejsza dla mnie tortura. Dlatego nie przeczytałem Truskawkowego Milionera. Przesłuchałem go. Jak? Bardzo prosto. Księgarnia internetowa NexTo ma w ofercie nagrania w formacie .mp3, czyli tzw. audiobooki.

Co mogę powiedzieć na ten temat, to tyle, że przekonałem się do audiobooków. Nie mam normalnie czasu na książki. Tak się jednak składa, że pracuję na produkcji. Praca to nudna i monotonna, dlatego też audiobook bardzo mi ją umilił. Przyznam, że momentami nawet oczy mi się zaszkliły, a innym razem uśmiechałem się do siebie. W dniu odsłuchania audiobooka byłem też jakiś taki bardziej wyluzowany. To dlatego, że sprawił mi on dużo przyjemności. Myślę też, że słuchanie audiobooka więcej Wam da niż słuchanie radia lub gwaru w autobusie podczas dojazdu do szkoły/pracy.

Nie wiem jak Wy, ale mnie spodobało się. Dziś wybrałem kolejnego audiobooka, który przesłucham - czas bowiem podszlifować swój angielski.

Miniaturki Stron WWW

2009-10-26T12:15:00.000-07:00

Miniaturki stron, zwane czasem zrzutami to obrazy stron wykonywane za pomocą narzędzi po stronie serwera. Do ich wykonania nie jest potrzebna absolutnie żadna wiedza z zakresu administracji serwerami. Istnieją bowiem serwisy online umożliwiające wykonanie miniaturki po podaniu adresu strony i kilku dodatkowych danych takich jak rozdzielczość, czas przechowywania w pamięci (cache), klucz API itp. W poniższym poście porówam cztery dziś istniejące serwisy: Thumbshots, Webthumb, Websnapr i PageGlimpse. Omówię ich funkcjonalność, cenę oraz spróbuję doradzić który dla kogo jest odpowiedni.

Thumbshots

Thumbshots.org i Thumbshots.net to dwa bliźniacze i chyba najstarsze serwisy wykonujące miniaturki stron. Pierwszy jest darmowy, a drugi odpłatny. Thumbshots oferuje także bardzo atrakcyjny model cenowy.

Koszt: darmowy lub odpłatny (4.99$/miesiąc)

Rozmiary: od 120*90 (darmowa) do 480*360 (odpłatna)
Znak wodny: Tak (Nie w wersji odpłatnej)
Cache: ?

Websnapr
Websnapr to bardzo dynamicznie rozwijający się serwis. Dzieje się tak za sprawą dodawanego do miniturek znaku wodnego. Websnapr ofeuje 3 modele pricingu Dopiero w trzecim, najdroższym usuwa miniatury.
Koszt: w zależności od programu: darmowy, standardowy 45$/miesiąc lub indywidualny
Rozmiary: od 90*70 i 202*152 (darmowy), 430*300 i 640*480 (standardowy) do 1024*768 (indywidualny)
Znak wodny: Tak (darmowy), Nie (standardowy)
Cache: 30 dni (darmowy), 14 (standardowy), dowolny (indywidualny)

PageGlimpse
Zasługujący na wyróżnienie serwis oferuje miniaturki w dużych rozdzielczościach za darmo. Kolejnym plusem jest to, że nie dodają własnego znaku wodnego. Niestety, ale problem stanowi odpowiednie renderowanie strony, przez co czasem zamiast zrzutu widzimy stronę odmowy dostępu lub pustą, białą ramkę.
Koszt: darmowy
Rozmiary : 150*108, 280*202, 430*310
Znak wodny: Nie
Cache: ?

Webthumb
Serwis, pod którego wrażeniem jestem do dziś. API sprawia wrażenie świetnie dopracowanego. Oferuje nam aż dwa różne API: easythumb i standard. Jako jedyny z serwisów oferuje rozmiar Excerpt będący zrzutem lewej, górnej części strony (tam, gdzie zazwyczaj występuje logo). Każdy zrzut kosztuje pewną ilość punktów. Ta ilość jest zależna od użytych opcji, a tych jest całkiem sporo. Prócz Excerptu mamy do wyboru kilka rozdzielczości, zrzut całęj strony, zrzut o dowolnym rozmiarze, oraz 3 dodatkowe efekty. Jest tego naprawdę sporo i prezentuje się znakomicie. W zależności od wybranych opcji płacimy odpowiednią ilość kredytów. Wprawdzie dostajemy na start 100 kredytów, ale jest jeden problem, mianowicie cache działa maksymalnie 30 dni. Po tym okresie zrzut wykonywany jest na nowo. Kredyty nie są drogie, ale to właśnie ich cena mnie odstraszyła. 100 kredytów miesięcznie - to było za mało na mój niezaraniający serwis. Musiałbym dokupywać punkty, a te nie są tanie. Ostatecznie wybrałem PageGlimpse, a jeśli mój serwis okaże się być dobrym pomysłem, to z pewnością przejdę na ich usługi.
Koszt: do maksymalnie 100 miniatur za darmo, powyżej w zależności od kosztu kredytów
Rozmiary: w zależności od API - easythumb : 80*60, 160*120, 320*240, 640*480, 400*150) lub standard : dowolne
Znak wodny: Nie
Cache: 1-30 dni

Cena za reklamę

2009-10-21T06:49:00.000-07:00

Ostatnimi czasy próbuję spieniężyć niewielki ruch na kilku moich stronach. Przetestowałem Google AdSense już dawno temu, a obecnie testuję AdTaily. W niedalekiej przyszłości mam nadzieję dodać do tego jeszcze Blogvertising, który prawdopodobnie pojawi się na Made In 3W wraz ze sprawdzonym Google AdSense. Ale wpis nie będzie o tym...

Szukają alernatywy dla AdSense znalazłem AdTaily, które można zainstalować błyskawicznie. Niestety, pomimo niskiej ceny, jaką sobie ustawiłem reklamodawcy nie kwapią się do wykupu boksów 125x125 px. (w boksie AdTaily na Made In 3W widnieją obecnie boksy reklamowe moich serwisów). Tak więc, zmusiłem się do działania i przeszukałem Internet w poszukiwaniu ceny za reklamę. Efektem owych poszukiwań jest wpis Ile kosztuje 1000 wyświetleń reklamy, w którym porównują koszty, jakie przyjdzie zapłacić reklamodawcom na różnych stronach. To, co mnie zaskoczyło podczas owych poszukiwań, to stosunkowo wysoka rozbieżność pomiędzy reklamodawcami podyktowana w zasadzie niczym.

Jaka jest różnica pomiędzy reklamą wyświetloną 1000 razy na Onet.pl a reklamą wyświetloną np. na Kubicomania.net? I tu i tu mamy do czynienia z tysiącem wyświetleń. Różnica polega na ilości użytkowników, ale cóż z tego, skoro reklama ta dotyczy 1000 WYŚWIETLEŃ?? Na dodatek porównywałem podobne formaty reklamy. Coś jest więc nie tak. Czyżby Onet.pl był taki zajefajny? Szczerze mówiąc, to niejednokrotnie moje artykuły o F1 były większej klasy niż artykuły z f1.onet.pl Na dodatek Onet.pl zabija człowieka ogromem reklam. Jest ich na stronie kilkanaście. U mnie max 3. Pomimo tego reklama AdTaily kosztująca 4zł/1000 wyświetleń na Kubicomanii nie znajduje nabywców.

I tu pojawia się pytanie. A właściwie, to PYTANIE: "Czy mam drogo?". By odpowiedzieć na tak skomplikowane, a zarazem proste w formie pytanie trzeba było poguglać ile kosztuje reklama w TV, radio czy prasie? Czy będzie kosztowała tyle, co na Onecie, czy tyle co na Kubicomania.net?

TV w godzinach około 20.00, gdy leci Taniec z gwiazdami, czy inne badziewie notuje publiczność oglądalność około 2-3 milionów. Udało mi się dotrzeć do cennika reklamy podczas takiego show. Reklama, która trwa tylko 30 sekund kosztuje około 70 tys. zł! Dużo? Nie. Tak się tylko wydaje. Gdy podzielimy ten koszt przez 3 miliony widzów przed Telewizorami, to wychodzi nam, że reklama kosztuje około 0.03zł / użytkownika, czyli 3 grosze.

Radio RMF FM podaje cennik swoich reklam oraz dzienny zasięg i średni czas odsłuchu. Reklama trwająca 30 sekund kosztuje 7 tys. zł. Dziennie RMF słucha 8 milionów ludzi, przy czym średni czas słuchania wyniósł 3 godziny. Wobec doby trwającej 24 godziny daje to szansę, że każdą godzinę RMF gromadzi przed odbiornikami 1 milion słuchaczy. Dużo. Gdzieś się rąbłem, ale nie dlatego, że to dużo słuchaczy, lecz dlatego, że cena za jednego słuchacza wyniosłaby 0.0007zł! To jest nierealne i wyjdzie to w dalszej części. Oczywiście rozumiem w pewnym stopniu, że reklama w radio jest tańsza, bowiem nie ma wizji, lecz jedynie jest fonia.

Dziennik Zachodni też podaje swój cennik. Boks wielkości 1/36 strony przyjmuję za rozmiar reklamy AdTaily. Boks taki kosztuje 176 zł. Dziennik Zachodni ma nakład dzienny w wysokości 330tys. egzemplarzy. Niestety nie wiem, jaką ilość stron ma ta gazeta. Gdyby ktoś wiedział, to proszę o kontakt. Mieszkam na wsi i mam daleko do sklepu ;) Założyłem, że jest to 100 stron. Reklama na każdej stronie Dziennika Zachodniego kosztowałaby więc 17600zł. Piszę o tym dlatego, że na stronach WWW reklama zazwyczaj jest na każdej podstronie, a nie na jednej czy dwóch. Zakładając, że jedna gazeta to jeden użytkownik wynik wcale nie zaskakuje: 5gr / użytkownika! Reasumując reklama w TV kosztuje 3gr/użytkownika, reklama w radio niecały grosz, reklama w gazecie 5 groszy.

Internet jest medium zbliżonym najbardziej do gazety, dlatego cena reklamy powinna być podobna.

Jeśli wziąłbym cenę z Onetu i sprzedawałbym reklamę za 50 zł, to zarobiłbym i tak 2x tyle, co sprzedając reklamę po cenie gazetowej. Wobec tego reklamy na Onet.pl są naprawdę drogie. Z drugiej strony okazało się, że moja cena za reklamę z widżeta AdTaily (~4zł/1000wyświetleń) to sprzedawanie się za darmo i zamierzam to wkrótce zmienić.

Ile kosztuje 1000 wyświetleń reklamy

2009-10-21T04:19:00.000-07:00

W poniższym poście porównuję ceny reklam na różnych portalach począwszy od Onetu i WP poprzez mniej znane, aż do całkiem niszowych. Omawiam także sposoby, w jakie można się zareklamować i udzielam kilku wskazówek od profesjonalistów : "Jak zrobić znakomitą reklamę".

Mainstreamowe portale.

Wirtualna Polska, Onet, Interia - to są wszystko portale, gdzie ilość reklam jest wręcz oszałamiająca, a pomimo tego ich cena jest zawrotna!

Onet.pl

Onet to najstarszy z obecnie znanych portali. Nic dziwnego, że jego ceny są bardzo wysokie. Przyjęło się, że koszt 10 zł / 1000 wyświetleń jest nierealnie drogi. Na Onecie bywa on 15x wyższy! Pomimo to portal nieraz przepełniony jest reklamami. Prawdopodobnie CTC będzie więc raczej śrenie.

Cena: 15-150 zł / 1000 wyświetleń
Format: Kilkadziesiąt rodzajów.
Cennik: http://reklama.onet.pl/cennik.html

Plusy:
- reklama o ogromnym zasięgu
Minusy:
- cena

Wp.pl (Wirtualna Polska)

WP to drugi portal. Dla porównania ceny są o połowę niższe, lecz wciąż ceny są zbyt wysokie.

Cena: 15 - 75 zł (netto) / 1000 wyświetleń
Format: Kilkanaście rodzajów.

Cennik: http://reklama.wp.pl/oferta_cennik.html

Plusy:
- reklama o ogromnym zasięgu
Minusy:
- cena

Serwisy Partnerskie

AdTaily

AdTaily to serwis stworzony z myślą o ekspresowym i automatycznym dodawaniu reklam. Jest to nowość na polskim rynku. Liczba reklamodawców w AdTaily rośnie lawinowo. Skuteczność tej reklamy polega przede wszystkim na możliwości jej dopasowania do każdej strony z osobna. Warto też wybrać zaufanych reklamodawców, to znaczy takich, którzy nie ściągną widżetu po zapłaceniu za kampanię (płaci się z góry).

Cena: od kilku gorszy to kiludziesięciu złotych / 1000 wyświetleń
Format: 125x125 px
Cennik: http://aka.kosciak.net
Poradnik: http://www.adtaily.com/blog/tworzenie-efektywnej-kreacji-reklamowej/

Plusy:
- możliwość dopasowania reklamy do każdej strony indywidualnie
- dodanie reklamy trwa 5 minut
Minusy:
- płatność z góry

Co wybrać?

To zależy od nas, a przede wszystkim od naszego budżetu. Największych reklamodawców będą z pewnością interesowały reklamy wyłącznie na największych zasięgowo stronach typu Nasza-Klasa, Onet, Wirtualna Polska. Ci średni mogą udać się do pośrednika. Najmniejsi mogą skorzystać z usług firm zajmujących się reklamą (marketingiem, SEO) lub poszukać czegoś w katalogu AdTaily.

LinkMe - to ma być ten najleszy system linków stałych?

2009-10-06T11:13:00.000-07:00

Jakiś czas temu zarejestrowałem się w systemie SWL LinkeMe i dodałem do niego swoją stronę. Uzyskałem za nią 138 punktów. Przydzieliłem linki i zapomniałem o systemie.

Dziś postanowiłem gdzieś dodać moje strony. Jako, że ze względu na site (5-8) w StatLink ich nie przyjęli, to musiałem iść z nimi gdzie indziej. Naturalnie wybrałem LinkMe Elite jako system ogólnie uważany za nr 2 wśród systemów stałych. Sprawdziłem stan konta w systemie i tutaj niespodzianka. Strona generuje punkty, ale linków nie wyświetla. Jakby tego było nie dość, to jeszcze mam w systemie przydzielonych linków za około 300 punktów! Inaczej mówiąc, stan konta nie zgadza się. To tak jakby otrzmał od użytkowników LinkMe bonus 200%. Dzięki!

W tym momencie postanowiłem zweryfikować, czy system żyje i przejrzałem linki, które mi przydzielono na innych stronach. To jest akurat dobre, że mogę sobie sam zweryfikować gdzie są one przydzielone. Niestety linki okazały się tragiczne. Na 25 przyznanych linków do użytku pozostawiłbym 7, ale tutaj kolejna niespodzianka. Moja czarna lista jest pełna! No tak, ograniczenie czarnej listy do 15 stron czy tam linków to faktycznie żadna czarna lista. Brakuje mi też znanej z innych systemów (StatLink, LiveLink, SEOMatik) funkcjonalności do sprawdzenia site strony z moim linkiem.

Na koniec, pomimo tego, iż system Elite deklaruje, że nie przyjmują spamu, to wszelkiego rodzaju wikipedie, agregatory RSS i inne spamy świetnie się trzymają. Nie polecam tego systemu, zdecydowanie go odradzam!

P.S. EliteLink to bliźniaczy system LinkMe Elite, ale z zasady inny. W praktyce jest taki sam - nie działa, po prostu!

+

podział stron na słabe (Slim) i mocne (Elite)
podgląd przydzielonych linków
opcja zgłoszenia stron nieregulaminowych do administratora systemu

system generuje puste punkty
w Elite zdarzają się typowe spamy
brak czarnej listy linków / stron
brak odnośnika do sprawdzania site strony z naszym linkiem
słaba funkcjonalność

Ocena końcowa: 33%
Zobacz: Recenzja Statlink

CMS na zaplecze

2009-10-05T03:28:00.000-07:00

Ostatnimi czasy coraz więcej mówi się o budowaniu wartościowego zaplecza. Nie, żebym wierzył, iż czasy spamu dobiegły końca. Nie. To pozycjonerzy dorośli.

Spójrzmy na hipotetyczną sytuację. Masz mega-giga-spamerskie zaplecze. Masz multum punktów w SWL-ach. Pozycjonujesz i nagle BAN! Google wycięło Twoje zaplecze z indeksu, musisz dokupywać punkty i zamiast zysków robisz za friko. To dlatego coraz częściej tworzy się wartościowe zaplecze.

Druga sprawa, to problem z systemami wymiany linków rotacyjnych. Ich filozofia działania sprawia, że dla Google wyglądają dość podejrzanie. Pojawiają się i znikają itd. Dlatego też coraz częściej tworzy się zaplecze pod statyczny system wymiany linków. Jednym z najlepszych (poleca go nawet Xann) jest StatLink, który nie przyjmuje, katalogów nie mówiąc już o sblogach! Problem polega na tym, że StatLink ocenia strony pod względem ciężkości kodu. Oznacza to przede wszystkim, że CMS-y typu WordPress, Joomla albo Drupal nie nadają się pod ten system.

Szukając alternatywy dla dużych CMS-ów na nowo odkryto CMS-y tekstowe, które tworzone są bez udziały bazy danych. Jednym z pierwszych tego typu SEO CMS-ów jest PikoCMS stworzony przez Mendaxa.

CMS.txt także posiada wszystko, co powinien posiadać tekstowy-SEO-CMS i jest znakomitą alternatywą dla PikoCMS-a. Jego niewątpliwą zaletą w porównaniu do PikoCMS-a jest fakt, iż już na samym początku mamy do wyboru kilka skórek.

Kolejnym, aczkolwiek tym razem bazo-danowym CMS-em jest TextPattern. Jest to CMS, w którym do formatowania wpisów użyto języka Texile, który jest używany m.in. na Wykop.pl To bardzo fajna alternatywa, gdyż w zasadzie posiada wszystko, czego potrzebuje lekki CMS na zaplecze. TextPattern ma przyjazne URL-e, sitemapę, zarządzanie użytkownikami, kategorie i mnóstwo darmowych skórek oraz ogromną społeczność użytkowników, która go wspiera.... no i co ważne jest spolszczony! To tworzy z niego w zasadzie najlepszą alternatywę dla WordPressa, ale u nas w Pl ciągle mała znaną.

Jak stworzyć ciemny projekt strony

2009-09-25T03:30:00.000-07:00

Ludzie nie lubią ciemnych stron. Według badań prawie połowa użytkowników preferuje strony jasne. Strony ciemne lubi zaś jedynie około 10% ludzi. Pozostała część uważa, iż jest to zależne od samej strony.

Strony ciemne czyta się gorzej. Moim zdaniem jest to nieprawda. Jako osoba spędzająca dużo czasu w sieci wiem doskonale, że strony jasne są dużo bardziej męczące dla oczu niż strony ciemne. Wyobraź sobie, że kierujesz wzrok w stronę Słońca. Oślepia cię, no nie? A przecież to samo niebio bez Słońca jest ciemne, czarne. Bywa, że są na nim widoczne gwiazdy. Niebo nocą jest jak ciemna strona. Można się w nią wpatrywać godzinami, a nasz wzrok wcale nie ucierpi. W przeciwinieństwie do nieba w dzień, kiedy patrzenie się w niebo może powodować, że przez jakiś czas będziemy oślepieni.

Mimo wszystko z punktu widzenia projektanta stron należy wziąć pod uwagę, iż przeciętny użytkownik nie spędza w sieci tak długiego czasu. Stąd też tworzenie ciemnych stron jest niewskazana. Po prostu.

Dlaczego o tym piszę? Ano dlatego, iż jestem projektantem, dlatego, że jestem zainteresowany tworzeniem ciemnych strona oraz dlatego, że ciemne strony są prawdziwym wyzwaniem. W wyzwaniu tym pomocny okazał się być post napisany na stronie http://www.webdesignerdepot.com/2009/08/the-dos-and-donts-of-dark-web-design/ Okazuje się, że tworzenie ciemnych stron jest w gruncie rzeczy prostsze niż stron jasnych. Co mi się podoba przy tworzeniu ciemnych stron to także konieczność trzymania się określonych reguł, za którymi i tak od jakiegoś czasu podążam.

Czy opłaca się dodawać do moderowanych katalogów?

2009-09-24T10:54:00.000-07:00

Przymierzam się do masowego katalogowania paru moich stronek. Wczoraj zrobiłem sobie rozpiskę zapleczy, zrobiłem schematy linkowania i jednego tylko nie wiem. Czy opłaca się dodawać do katalogów moderowanych?

Często jest tak, że te moderowane mają faktycznie wysoką jakość wpisów, ale poza tym właściwie nie ma niczego, w czym byłyby lepsze. Fakt: są zadbane. Czy to gwarantuje, że wpis zostanie zaindeksowany?

Pytam, bo w moim schemacie linkowania jest fragment o linkowaniu wpisów w katalogach, ale skąd ja mam wiedzieć, czy wpis został przyjęty czy odrzucony? Co najmniej połowa katalogów nie przysyła żadnego info, więc co mi pozostaje? Chyba metoda testowania każdego katalogu z osobna?

Czarę goryczy przelał dzisiejszy post na PiO, w którym ktoś zapytał, czy da się automatycznie dopuścić 700 wpisów do katalogu, bo nie chce mu się/nie ma czasu moderować.

Czy opłaca się dodawać do moderowanych katalogów?

Nowe metody doboru słów kluczowych - cz.1.

2009-09-20T02:29:00.000-07:00

Dobór słów kluczowych to dziś trudna sztuka. Nie wszystko jest powiedziane wprost. Pozycjonerzy ukrywają swoje metody. Na szczęście ja nie jestem pozycjonerem, więc mogę je ujwanić. Oto topowe metody nowego pozycjonowania.

80 ze 100.

Cezary Lech - II OKEBI

Propozycja, która tu pada do badanie słów kluczowych na podstawie pozycji frazy w wynikach wyszukiwania oraz liczby wejść. Cezary Lech zauważa frazę, która jest na dalekiej pozycji w SERPach, a mimo to jego blog notuje duże wejść z niej. Oznacza to, że użytkownicy nie znalezli na poprzednich stronach odpowiedzi i szukają dalej i wchodzą na jego blog. On, jak każdy bloger chce mieć jak najwięcej wejść. Dochodzi do wniosku, że warto by było podnieść swoją pozycję na tę frazę po prostu ją pozycjonując. Okazuje się bowiem, że fraza ta nie była pozycjonowana, więc zabieg powinien być prosty.

Niektórzy zauważyli już jakiś czas temu, że nie opłaca się pozycjonować topowych fraz, bo i tak 80% ruchu z wyszukiwarki pochodzi z tzw. długiego ogona. U Cezarego Lecha, który jest autorem poniższego screencast ruch ten pochodzi z 10 tysięcy słów kluczowych!

W poszukiwaniu Długiego Ogona.
10 tysięcy słów kluczowych to o dużo za dużo, by znaleźć je ręcznie. Z taką liczbą poradzi sobie tylko skrypt. Wie o tym Cezary Lech, ale potraktował temat dość powierzchownie. Chyba nie chciał zdradzić sposobu jego działania. Na szczęście, ja wiem jak to działa.

Wystarczy spojrzeć na stronę http://meblebukowe.pl. W stopce widać "Najcześciej wyszukiwane". Po kliknięciu skrypt przenosi nas na osobną stronę, na której są same linki! Błąd? Niekoniecznie. Zwróć uwagę na stopkę: XannDesign. Mówi ci to coś? Bo mi wiele. W prace nad tą stroną był zaangażowany właściciel najbardziej rozpoznawalnego systemu wymiany linków w Polsce, czyli E-Weblink. Xann to marka, w skład której wchodzą EWeblink, XannDesign i XannStats. Jeden rzut okiem w źródło strony i widać kod statystyk XannStats. Bingo!

Teraz rozwiązanie łamigłówki. Linki w stopce to owy enigmatyczny system linków w stopce, o którym wspomina Cezary Lech. Jest to skrypt, który łączy się z bazą statystyk i wyciąga frazy, na które strona zanotowała wejścia. Być może działa to inaczej, i jest to jakiś system, który wygenerował te frazy na podstawie już wcześniej podanych fraz? Sęk w tym, że to działa i zwiększa ruch z Długiego Ogona.

Portal Widmo.

Lexy proponuje, aby zacząć pozycjonowanie przed startem strony. Mądre, bo proces "produkcji" strony trwa. Zakładamy więc portal, tworzymy zaplecze, linkujemy stronę docelową tak, aby zyskiwała ona poklask u Pana Google. Jedno pytanie mam, na jakie frazy będzie pozycjonować Lexy? Ano, zdaje się, że na te, które wybierze poprzez odpowiedni dobór słów kluczowych. Niestety, metoda ta jest czasochłonna i nie gwarantuje 10 tysięcy słów kluczowych. Podejrzewam, że na 100 by się skończyło.

System, który zastosował Xann wydaje się być fajny. Można wybrać trochę słów kluczowych i na ich podstawie, skryptowo tworzyć podstrony takie jak na meblebukowe.pl. Na stronie jest około 200-250 słów kluczowych. Wprawdzie jest trochę więcej niż u Lexy, ale do 10 tys. nadal sporo brakuje.

Ciąg dalszy nastąpi...

Platforma SEO, czyli nowy typ zaplecza - Portal.

2009-09-20T01:00:00.000-07:00

Kiedyś postanowiłem postawić sobie klon Digg.com (Drigg) na subdomenie w Drupalu. Zrobiłem to i nasunęło się pytanie, co z tym fantem zrobić? Zapytałem więc na PiO co sądzą o takim zapleczu. Głosy były różne, ale raczej neutralne. Lepszego pomysłu nie miałem, więc udostępniłem ten klon Digg.com SEOwcom. Dodałem do kilku katalogów i precli, podłączyłem 1k Gotlinka i zareklamowałem na forach. Jakież było moje zdziwienie, gdy po trzech miesiącach strona tak słabo podlinkowana otrzymała PR2! Tego nie spodziewałem się... Strona w indeks wchodziła jak w masło i praktycznie indeksowało każdą podstronę. Bardzo szybko z kilkunastu wpisów zrobił się portal mający site około 350.

No i to mnie skusiło, by podpiąć GotLinka. Nie minęły dwa tygodnie, a PR został wyzerowany i ludzie stracili zainteresowanie. Szkoda, bo dziś mógłby to być bardzo mocny pressell. Mimo to, nadal indeksuje się świetnie, ale linki nie mają już tej mocy.

Wiedziałem, że klon Drigg daje radę jako zaplecze i kiedyś trafiłem na świetny wpis, co można z Drupala zrobić. Można wszystko, ale czy np. ktoś zastanawiał się, aby połączyć to wszystko w jedną całość i stworzyć z tego zaplecze? Wykorzystując Wildcard mógłbym stworzyć platformę SEO z newsami, recenzjami, artykułami (preclami), systemem blogów, forum, chatem (klon Twitter), katalogiem i sklepem (sic!). Oczywiście wszystko dla SEOwców. Podlinkowałbym to dzieło delikatnie i wrzucił LinkMe Elite albo Gotlinka. Tym razem jednak podpiąłbym linki tylko pod strony główne.

Problemem jest to, że taki SEOPortal musi jakoś na siebie zarobić. Podpięcie punktów już raz źle się skończyło. Zarobki z AdSense czy z AdTaily są śmiechu warte w moim przypadku. Programy Partnerskie nie zwracają się. Jednym słowem, kicha!

Platformy SEO nie będzie.

10 ulubionych (najlepszych) skryptów MooTools

2009-09-14T13:07:00.000-07:00

BarackSlideshow - skrypt, który po raz pierwszy mi uświadomił przewagę MooTools nad jQuery. Nazwa skryptu pochodzi od imienia obecnego prezydenta Stanów Zjednoczonych Baracka Obamy. Zbieżność to nieprzypadkowa, bowiem został on zainspirowany przez oficjalną stronę prezydenta barackobama.com DEMO
Fancy Menu - widziałem już to menu wykonane w jQuery, ale nie pamiętam już jego nazwy. To wykonane jest w MooTools, bardziej zaawansowanym frameworku javascript. Brak Dema.
Fancy Upload - GUI do uploadowania plików wyposażone w pasek postępu DEMO
Form HighLight - formularz kontaktowy z podświetlaniem ramek DEMO
MOOdalBox - Ten skrypt to HTML-lightbox. Jak sama nazwa wskazuje jest to lightbox, ale nie ogranicza się tylko do wyświetlania obrazków. Przeciwnie, stworzony został po to, by umieszczać w nim pliki HTML. Z powodzeniem można go wykorzystać do stworzenia wyskakujących banerków, formularzy kontaktowych czy też rejestracyjnych. Doskonała alternatywa dla wyskakujących okien (popup windows), gdyż nie jest blokowany przez oprogramowanie do zwalczania tego typu programów. Naturalnie DEMO znajduje się na stronie MOOdalBox, a nie na oddzielnej. :)
MooHover - ciekawy efekt po najechaniu na pojemnik, warto się zapoznać. Prosty, lekki i ładny skrypt. Zastąpił u mnie technikę budowania menu w oparciu o Sprite CSS-y. Łatwy we wdrożeniu.
NoobSlide - MooToolsowy slideshow, czyli oszczędzający-miejsce skrypt do wstawienia na stronę główną portalu / bloga. Ma wbudowanych aż osiem konfiguracji! Najlepiej sprawdzić samemu.
Shoutbox - czyli prosty chat zbudowany z wykorzystaniem zaawansowanego frameworka MooTools.
SlideItMoo - wyróżniony na najbardziej trendowych serwisach designerskich skrypt to nowa jakość w swojej klasie. Jest to nieskończony slideshow obrazków w aż 3 konfiguracjach!
Slimbox - to MooToolsowy lekki lightbox. Lepszy od tego w jQuery, bo ważący zaledwie 4kb!

Właśnie za te skrypty kocham MooTools.

Jeśli ktoś ma ochotę, informacje dotyczące podobnych skryptów w jQuery to proszę o maila (kontakt zabezpieczony przed email-harvesterami w sidebarze). Chętnie zrobię porównanie :)

Jak trafić na stronę główną Wykop.pl

2009-09-08T05:10:00.000-07:00

Przez Wykop.pl codziennie przewija się kilka tysięcy użytkowników a moderacja w nim teoretycznie nieistnieje. Praktycznie jednak, rolę moderatorów pełnią sami użytkownicy, którzy mogą oceniać Znaleziska pozytywnie (wykopać) lub negatywnie (zakopać).

Kto chce trafić na Główną i dlaczego to takie trudne

Spamerzy chcą tam dodawać na Wykop reklamy swoich produktów, swojego bloga, swojej strony. Liczą przede wszystkim na zwiększenie ruchu, rozpoznawalności oraz przypływów z reklam. Tymczasem Wykopu dzielnie bronią jego użytkownicy, którzy bezbłędnie rozpoznają wszelkie próby spamu, mają zainstalowanego AdBlocka i potrafią korzystać z opcji Zakop. W tej atmosferze ciągłej walki ciężko jest, by dodawana informacja nie została zakopana, a jeszcze ciężej jest posłać ją na stronę główną. Mnie się udało, dwa razy! W tym poście dzielę się moimi doświadczeniami...

Jak trafić na Główną

Jeśli chcesz trafić na główną, to musisz mieć ciekawy content. Najlepsze są materiały... uwaga, tu zaskoczenie - ciekawe! Taki był mój pierwszy Wykop: http://www.wykop.pl/link/132342/najbardziej-kosmiczne-miejsce-na-ziemi Tak naprawdę informację tę znalazłem na pierwszej stronie Digg.com i wrzuciłem na Wykop.pl Trochę mnie zjechali za słaby opis, ale w chwili ekstazy nie udało mnie się wymyślić nic lepszego. Reasumując, najprostszym sposobem znalezenie się na Głównej Wykop.pl jest zajumanie pierwszej strony Digg.com

Drugi Wykop to był Wykop o życiu. Prosta sytuacja pokazująca absurd w naszym kraju. Rzecz miała związek z dużymi pieniędzmi, a Znalezisko zostało tak napisane, by - zrobić z siebie ofiarę. Dodatkowo, rzecz ta dotyczy milionów Polaków, a dokładnie - każdego obywatela. Ponieważ nie posiadam tematycznej strony, na której pisałbym o takich sprawach postanowiłem założyć bloga w najszybszym serwisie blogowym, czyli na Blogspot.com. Na nim dokładnie opisałem swoje doświadczenie. Starałem się przy tym pisać dowcipnie, a na końcu absurdu zamieściłem absurdalną puentę. Dodałem też kilka powiązanych linków i zamieściłem tematyczny obrazek. Wcześniej postarałem się o odpowiedni dobór skórki, która dobrze wyglądałaby w każdej rozdzielczości. Wykopowicze mają wbudowane w mózg systemy do wykrywania reklam. Normalnie z 1000uu otrzymuje się ~1% kliknięc. Od Wykopowiczy otrzymacie 0%. Dodatkowo istnieje szansa, że Wasz blog zostanie uznany za spam i zakończy karierę przedwcześnie. :>

I tak oto powstało Znalezisko, które trafiło na Główną zdobywając 340 głosów.

Oto ono: blog http://idiocirp.blogspot.com/

Podsumowanie

Jeśli chcesz trafić na Stronę Główną Wykop.pl, to:
- wykorzystaj informację, która już gdzieś odniosła sukces
- pisz o czymś absurdalnym i niecodziennym;
- pisz o pieniądzach, o dużych pieniądzach
- zrób z siebie ofiarę, niech inni poczują się mentorami
- pisz o czymś co dotyczy dużej ilości osób
- pisz z humorem
- opublikuj to na specjalnie spreparowanej stronie

Na Koniec

Na Główną próbowali trafić Krzysztof Lis oraz kolega z SEOblogowanie.pl Kolegom proponuję spróbować ponownie :)

Budowa profesjonalnego zaplecza i pozycjonowanie

2009-09-02T11:04:00.000-07:00

To dość proste.

Powinieneś zacząć od optymalizacji wewnętrzenej strony. Dobrym przykładem jest serwis http://kubicomania.net Nie mam tu na myśli optymalizacji Title, Meta tagów czy też nagłówków oraz wytłuszczania tekstów! Mam na myśli logiczne rozmieszczenie elementów oraz zadbanie o ich hierarchię. Na Kubicomanii centralne miejsce zajmuje zajawska promowanej wiadomośi. Dalej są zajawki innych aktualności o F1, miniaturki filmów, oraz lista ostatnich filmów, wiadomości i ankieta. Brakuje chyba tylko skrótu z ostatnich wiadomości na forum. To do czego zmierzam, to by ze strony głównej zrobić zajawkę, podgląd, przegląd całęgo portalu. Zwał jak zwał. +

Najważniejszą zasadą SEO jest:

Content is King

. Jeśli nie masz ciekawej zawartości to nawet najlepiej wypozycjonowana strona z najładniejszą grafiką nie przyniesie dużych zysków. Istnieje wiele informacji, których nie mogą znaleźć internauci na innych portalach. Warto więc przeglądać fora konkurencji i sprawdzać, czego ludzie szukają. W ten sposób mamy unikalną zawartość dla wyszukiwarki i interesującą dla internauty. ++

Niech Twoja strona posiada system tagów, czyli po polsku słów kluczowych. To doskonała metoda na pozyconowanie długiego ogona (z którego pochodzi ponad 80% wejść na strony). Staraj się, aby tagi miały jakiś sens. Przykładowo, jak pisałem o powrocie Michaela Schuachera do F1 wyszło z tego kilka postów opatrzonych tagiem powrót Schumachera. Inne opcje: powrót Michaela do F1, powrót mistrza do F1 itd. Jeden post, a kilka podstron. Nie martw się o Duplicate Content. Google zrozumie, że jest to jeden i ten sam news. Nie da ci ani filtra, ani bana. Po prostu rozłoży zawartość (wartość) na kilka postów.

Katalogowanie to jedna z podstaw pozycjonowania. Ja to nazywam przedpozycjonowaniem. Jeśli katalogujesz, to pamiętaj, że robisz to dla wzmocnienia TrustRank domeny.

Preclowanie służy do pozycjonowanie długiego ogona. Jest banalnie proste. Wystarczy zrobić kilka artykułów i przerobić je na pod mieszarkę. Dalej już nie muszę tłumaczyć? Oczywiście jeśli ktoś ma czas i pieniądze, to warto się dodać do wartościowych precli przyjmujących wyłącznie unikalną zawartość albo wykupić artykuły na takich preclach u firm SEO.

W dzisiejszych czasach zarówno katalogi jak i precle wymagają delikatnego podlinkowania, aby się utrzymać. Standardem na to jest 100 punktów GotLinka. Skąd wziąć te punkty?

Stwórz własne zaplecze tematyczne z RSS-a właśnie pozycjonowanej strony! Zakup sobie domenę i postaw na niej WordPressa. Zainstaluj wtyczkę Global Translator i patrz jak z jednego newsa robi się 41! To się nazywa strona, która sama na siebie pracuje. Nie zapomnij o podłączeniu SWL. :)

Wykorzystaj media społecznościwe do promocji. Dodawaj newsy na strony z serwisu dodajdo.com, czyli np. na Wykop. Nie przejmuj się wyzwiskami, zakopywaniem. Ludzie tego typu serwisach to zwykłe pasożyty. Nie przesadzaj jednak ze spamem, bo może się to zakończyć banem.

Stwórz własne media społecznościowe. Na Drupalu szybko postawisz klon Digg, Twittera, system blogowy, katalog stron oraz artykularnie (presell page). Zaproś innych do dodawania info. Rozpromuj serwis poprzez skatalogowanie, preclowanie i ogłoszenia na forach. Tym samym odwdzięczysz się społeczności tworzącej darmowe precle i katalogi. Rób tak, aby to zaplecze wyglądało przyzwoicie.

Zapłać 200 osobom za dodanie wpisu w ich ulubionym systemie zakładek. Płać za to jak za dodanie do katalogu, czyli 30gr. Dodaj, że chodzi o minimum 30 serwisów. Podaj te serwisy. 10zł to kwota, która ma jakiś sens, a kilkanaście linków ze stron z bardzo wysokim PR umocni domenę. Zlecenia możesz dać na forach lub poprzez system dla freelancerów: zlecenia.przez.net

Bierz udział w dyskusjach. Stwórz konto na Blipie, Flakerze i pisz ciekawie, aby ludzie dodali cię do obserwowanych.

Pisz na forach. Staraj się być pomocny i ustaw sobie linki w stopce. Dzięki temu zdobędziesz kolejne linki.

Zaproponuj wymianę linkami z serwisem o podobnej tematyce. Bardzo prawdopodobne, że jeżeli osoba nie znajdzie na portalu poszukiwanej informacji, sprawdzi polecaną przez Ciebie stronę. Nie przejmuj się, jeśli tamta strona jest słabsza od Twojej. Bardzo możliwe, że dzięki temu użytkownik ppowróci do Ciebie i już zostanie na stałe. :)

Wykup boksy w AdTaily. Wpierw zrób rozeznanie, gdzie chciałbyś się reklamować.

Jeśli masz naprawdę dużo funduszy możesz się bawić w system reklam kierowanych Google AdWords.

Co najpierw - szablon .PSD czy .HTML?

2009-08-18T01:44:00.001-07:00

Ostatnio przede mną perspektywa zmiany "na lepsze". Nowo powstająca firma dotąd zajmująca się tworzeniem wszelkiego rodzaju logotypów niekoniecznie na rzecz Internetu postanowiła rozszerzyć działalność i jest zainteresowana zatrudnieniem mnie w charakterze kodera. Jak zdąrzyłem się zorientować, będę ostatnim łańcuchem w procesie tworzenia stron WWW. Nie znaczy to, że nie będę mieć wpływu na proces tworzenia, bo już mi wiadomo, że mogę grafika opieprzyć, jeśli coś zrobi do dupy. Tylko powiedzcie mi, co mam powiedzieć komuś, kto tworzył grafikę wektorową i rzeczywiście nie ma pojęcia w czym rzecz? Zresztą, taki grafik ma też swoje plusy, wkońcu jeśli chodzi o samą grafikę, to posiada duże umiejętności i w dobrych rękach (moich) mógłby się stać zabójczym narzędziem do tworzenia grafiki. Ale ten wpis miał być o czymś innym.

Zadajcie sobie pytanie, kto tworzy sieć. Odpowiedź jest prosta. Programista, prawda? Tymczasem jak jest w rzeczywistości i jak to widzę dość często, programista bywa bardzo często postawiony właśnie jako ostatni w przebiegu pracy. Dlaczego tak jest? To pominę, bo nie mam zamiaru tutaj tworzyć wywodów na temat piękna, sztuki oraz odpowiadać na banalne pytania, że piękno jest lepsze niż jego brak. Miałem za to zamiar napisać na temat swojej frustracji z tym związanej. Czy to jest w porządku? W końcu sieć bez grafików mogłaby istnieć, ale bez programistów (lub koderów) już nie. Ale powód mojej frustracji jest inny. Będę dostawać prace od grafika, który pojęcia nie ma o SEO, usability i kodowaniu/programowaniu. Szlag mnie trafia jeszcze z jednego, cholernego powodu. Dlaczego od kodera wymaga się obsługi programów graficznych, a od grafika nie wymaga się obsługi edytora tekstu? Koder nie powinien nawet dotykać Photoshopa albo GIMP-a. Tymczasem w Polsce rzeczywistość jest inna. Mam nadzieję, że ten post będzie dla niektórych powodem do przemyślenia przebiegu pracy.

Powodem wpisu jest moja frustracja w związku z degradacją, jaką mogę doświadczyć. Tworzyłem strony WWW od podstaw i to było dobre. Dobra strona z kilkoma podstronami powstawała u mnie 3-4 godziny. Tymczasem przekodowanie "prostego" szablonu dostarczonego przez początkującego grafika zajęło mi również cztery godziny. Czas ten sam, a różnicę w efekcie widać. Na dodatek mam pewność, że moja strona wyświetli się we wszystkich przeglądarkach poprawnie, bo nie użyłem na niej żadnego hacku. Druga strona tymczasem ma sporo dość różnie obsługiwanych przez przeglądarki rozwiązań i pomimo sprawdzenie jej w wielu przeglądarkach nadal nie mam pewności, czy wszystko będzie działać prawidłowo.

Jak jest według Was? Koder powinien dostawać szablon do zakodowania, czy grafik powinien otrzymywać instrukcje co do potrzebncyh elementów?

Colorsuckr - narzędzie, którego ci brakowało.

2009-08-10T01:05:00.000-07:00

ColorSuckr to narzędzie to tworzenia palet kolorów z obrazków. Schemat działania jest bardzo prosty. Wpisujesz ścieżkę do obrazka, a narzędzie potrafi wyciągnąć jego kolory. Dodatkowo ColorSucker poleca palety kolorów z serwsiu ColourLovers.com.

Przykład.

Rezultat pracy programu jest podawany w formacie:

Obrazek koloru, np.

Hex, np. #A668C6

Websafe (hex), np. ##9966cc

RGB, np. R:166 G:104 B:198

Dodatkowo, aby wyświetlić palety kolorów, klikamy Show i widzimy coś takiego:

Każda paleta jest również klikalna i jej kliknięcie przenosi nas na stronę serwisu ColourLovers.

Nie wiem, jak Wam, ale mnie takiego narzędzia od dawna brakowało. Dodatkowo, zawsze możecie sobie zapisać taką paletę kolorów jako zakładkę w przeglądarce lub w delicjach. Istnieje ponadto Addon do Firefoxa, który można pobrać stąd.

Na sam koniec, wg mnie najciekawsza funkcja. Rezultaty można sobie pobrać w formatach .ACO (Adobe), XML, JSON i RSS. DLa mnie, jako, że noszę się z zamiarem utworzenia generatora stron WWW najciekawszym rozwiązaniem wydaje się być parsowalny format XML.

Najlepsze polskie czcionki

2009-08-07T04:21:00.000-07:00

W globalnej sieci jest dostępnych całe mnóstwo ciekawych i darmowych czcionek. Dzięki regule @font-face, która jest obecnie standardem W3C możesz załączyć każdą czcionkę w formacie .ttf oraz .otf do swojej strony WWW. Niestety bólem w tym wszystkim jest fakt, że znakomita większość zagranicznych projektantów podarowała sobie stworzenie polskich znaków diaktrycznych, a co za tym idzie, większość lansowanych za granicą czcionek jest nieprzydatna. Dlatego też postanowiłem napisać tego posta, aby może z jednej strony zachęcić do tworzenia polskich czcionek, a z drugiej strony pokazać, że Polacy nie gęsi i swoje czcionki mają.

Niestety, ale administratorom pewnego portalu, z którego podlinkowałem obrazki czcionek nie spodobał się fakt, że linkuje do ich serwisu i podmienili je na takie zawierające treści wobec mnie oszczercze. Szkoda, bo na wyselekcjonowanie obrazków poświęciłem trochę czasu, ale kilka kB transferu dla mojego serwisu okazało się zbyt dużą ceną za darmową reklamę. Pech.

Podstawy optymizacji kodu HTML strony pod kątem (SEO) wyszukiwarek

2009-07-31T12:38:00.000-07:00

Title - najważniejszy znacznik pod kontem optymizacji. Zostało dowiedzione, że jego wpływ na pozycję strony w wynikach wyszukiwania jest relatywnie wysoki. Title należy wstawić w sekcji nagłówka Head strony. Title jest wyświetalny na górnym pasku przeglądarki oraz na zakładkach w przeglądarce. Jego odpowiednie dobranie podnosi nie tylko pozycję, ale wpływa na liczbę wejść z wyszukiwarki a także usability. Maksymalnie w znaczniku title można zmieścić 70 znaków.

Meta Description to jedyny ze znaczników, który posiada jakiekolwiek znaczenie w wynikach wyszukiwania Google. Wiele wyszukiwarek, w tym Google używa tego tekstu jako opisu strony w wynikach wyszukiwania. Nie znaczenia pod kontem pozycjonowania, może mieć za to wpływ na wejścia z wyszukiwarki. Wyszukiwarka zaindelsuje tylko 155 znaków.

Meta Keywords - Znacznik, którego wpływ na pozycję w wynikach wyszukiwania był niegdyś bardzo wysoki. Wykorzystywali to ówcześni pozycjonerzy, którzy spamując Meta Keywords frazami typu sex, viagra, itp. wypływali na wysokie pozycje pod te frazy, mimo, iż content strony często był zupełnie inny. Obecnie jego wartość jest znikoma. Używa go tylko jedna znacząca wyszukiwarka. Mimo wszystko nadal warto go stosować, gdyż wśród katalogów rozpowszechnione jest pobieranie słów kluczowych z tego znacznika, co z kolei przyśpiesza indeksację wpisów.

Nagłówki - Bardzo ważna część optimizacji. Nagłówki podzielone są według istotności. Warto tak zbudować stronę, by występowały na niej trzy najmocniejsze nagłówki: h1, h2 i h3. Pozostałem trzy nagłówki, czyli h4, h5, h6 mają już znacznie mniejsze znaczenie i ich moc porównuje się do mocy pogrubionego tekstu.

Pogrubiony tekst oznacza, iż coś jest dla nas wyjątkowo ważne. Skoro tak, Google daje za to bardzo niewielką premię. Nie warto jednak pisać całego tekstu pogrubionego. Google nie jest tak głupie, nie da się na to nabrać. Do pogrubienia tekstu używa się znaczników B oraz STRONG (oba mają identyczną moc).

Domena oraz struktura URL mają bardzo duży wpływ na pozycję strony w wynikach wyszukiwania. Moc słowa kluczowego w domenie porównuje się z mocą Title oraz H1, czyli jest bardzo duża. W adresie strony należy unikać dziwnych znaków, takich jak #$&? itd. Mogę one wpłynąć na szybkość indeksacji strony lub nawet ją uniemożliwić.

Właściwość alt obrazka to jeden z mniej docenianych obecnie znaczników SEO. Tymczasem ma on duże znaczenie pod kontem optymizacji. Przypuszcza się, iż to właśnie na podstawie popwiązania pomiędzy img alt i samą stroną Google ustawia pozycję w wynikach wyszukiwania obrazków. Poza tym znacznik ten jest standardem W3C a jego pominięcia oznacza błąd walidacji!

rel="nofollow" - znacznik, który jeszcze do niedawna dawał webmasterom ogromną moc w kierowaniu przepływem strumienia PageRank. Link opatrzony tym znacznikiem oznaczał, iż Google ma go nie brać pod uwagę przy ustalaniu wartości PR. Obecnie algorytm ten uległ zmianie i jego stosowanie przynosi znacznie mniejszą korzyść. Jeśli nie chcemy komuś przekazywać mocy to po prostu nie linkujmy do niego. Jeśli już musimy, to decyzja czy wstawić nofollow powinna być przemyślana. Jeśli link dotyczy strony niekonkurencyjnej to znacznik nofollow można sobie darować.

O czym jeszcze należy pamiętać podczas optymizacji strony?

Kiedyś strony www.przyklad.pl i przyklad.pl były dwiema różnymi stronami. Obecnie tak nie jest, ale pewne wskazówki świadczą o tym, że Google nadal nie potrafi zliczać tych stron jako jednej strony i zamiast tego traktuje je jako dwie oddzielne. Lekarstwem na tę paranoję jest przekierowanie 301 np. z adresu bez www na adres z www. To, który jest lepszy jest przedmiotem dyskusyjnym i ciężko jest wydać jednoznaczny osąd.

Sitemap.xml to mapa strony dostarczona w języku semantycznym, który jest preferowanym przez wyszukiwarki. Warto się zapoznać i zaprzyjaźnić z sitemapą. Wyszukiwarki posiadają specjalne strony, w których możemy zgłosić sitemapę, która ułatwi robotom przeszukanie witryny, a co za tym idzie przyspieszy indeksowanie. Ponadto o każdej zmianie możemy powiadomić wyszukiwarkę pingując do jej odpowiedniej strony.

Dobranie odpowiedniego anchor tekstu do wewnętrznych linków również może być przydatne. Przykładowo, jeśli mamy dobrze wypozycjonowaną stronę główną, to PR z niej możemy odpowiednio redystrybuować na inne strony poprzez wstawienie odpowiednich anchor tekstów. To z kolei prowadzi do wzmocnienia tej podstrony.

rel="canonical" jest znacznkiem używanym w przypadku, gdy mamy dwie takie same strony, co jest dość często sytuacją w sklepach internetowych, oraz innych miejscach, gdzie używamy otagowania. rel="canonical" wskazuje na oryginalną stronę, dzięki czemu nie popadamy w Duplicate Content.

Ostatnią ważną rzeczą jest nie poprzestawanie na nauce i zdobywanie nowej wiedzy. Próżność ludzka jest ogromna niczym kosmos. Nawet jeśli ktoś wie coś ciekawego, to dla głupiej sławy podzieli się tym z całym światem za darmo...

Jeśli chcesz poczytać więcej na ten temat to zapraszam na stronę: http://www.seoconsultants.com. Możesz też od razu przejść do http://www.seoconsultants.com/html4/elements/ ,która jest znakomitym źródłem informacji na temat semantyczności, HTML i SEO. Warto też będzie zapoznać się ze wskazówkami dotyczącymi jakości stron od samego konsorcjum W3C.

Jaka czcionka na stronę WWW?

2009-07-30T16:44:00.000-07:00

Niniejszy temat porusza zastosowanie czcionek na stronach WWW. Uwzględniam w nim wsparcie przez systemy operacyjne, przeglądarki oraz omawiam ich zastosowanie.

Ogólnie czcionki dzielą się na dwa typu: szeryfowe i bezszeryfowe. Dodatkowo możemy wyróżnić czcionki monospace oraz cursive. Czcionki szeryfowe posiadają tzw. ogonki, podczas, gdy w czcionkach bezszeryfowych brak ogonków. Nie, nie chodzi o polskie znaki. Chodzi o... W zasadzie opisuje się to w ten sposób: W dawnych czasach ludzie pisali różnymi farbkami i używali do tego pędzla, patyczka, itp. Farba ma tę właściwość, że się ciągnie, więc jak pisali i odrywali pędzelek bądź patyczek od płótna, ściany czy kamienia, to tworzył się ogonek - bo farba się ciągła. Tak wygląda historia kroju czcionki szeryfowej. Jest ona uznawana za łatwiejszą do czytania na papierze, ale w przypadku komputera jest odwrotnie i wynikia to z ograniczonej ilości pikseli na punkt. Dlatego też na komputerze czcionki szeryfowej używa się tylko dla nagłówków i ewentualnie dla wyróżnienia czegoś. Dla reszty stosuje się czcionki bezszeryfowe lub monospace. Czcionki monospace posiadają duże spacje pomiędzy literkami i właściwie nie wiem po co.

Jak już wspomniałem na stronie WWW należy stosować głównie krój bezszeryfowy. Jednakże z tym wiąże się jeszcze jeden problem. Chodzi o wsparcie. Jest wiele systemów operacyjnych (Windows, Mac, OS-y) i każdy z nich posiada swój własny zestaw czcionek. Dodatkowo mamy różne przeglądarki. W efekcie nie wiadomo, czy ktoś, kto ogląda naszą stronę na innym komputerze widzi taką samą stronę. Dlatego powstało zestawienie bezpiecznych czcionek webowych, a ang. zwanych Web Safe Fonts. Najbezpieczniejszymi czcionkami są niestety tylko trzy czcionki: Arial (bezszeryfowa), Georgia (szeryfowa), Verdana (bezszeryfowa) i Courier New (monospace). W zasadzie identycznych czcionek jest więcej, ale różnią się one nazwą, co częściowo je dyskwalifikuje jako bezpieczne. Więcej na ten temat piszą na stronie http://www.ampsoft.net/webdesign-l/WindowsMacFonts.html

Jeśli jednak jakaś czcionka wyjątkowo się nam spodobała, to dzięki właściwościom HTML-a, w pliku CSS możemy określić priorytety dla czcionek. Przykładowo, jeśli nam się podoba Helvetica, ale w Windowsie nazywa się ona Trebuchet MS, to dzięki odpowiedniemu zapisowi możemy ustawić ten samym wygląd zarówno w Windowsie jak i w Macu.

I na koniec najlepszy z bajerów. Dzięki metodzie @font-face możemy zaimportować sobie dowolną, wybraną czcionkę. Niestety, ale nie wszystkie przeglądarki wspierają tę funkcję. Obowiązuje więc zasada z poprzedniego aragrafu, czyli tworzymy sobie priorytetowo hierarchię pożądanych czcionek. Jeśli system nie znajdzie pierwszej to poszuka drugiej. I tak dalej. Całkiem dobra lista polskich czcionek do importu znajduje się na stronie http://czcionki.skryptoteka.pl/czcionki,polish,,1.htm Niestety, Internet Explorer po raz kolejny posiada odmienne standardy. Więcej na temat zastosowania bezpiecznych czcionek na stronach WWW znajdziecie na http://en.wikipedia.org/wiki/Web-safe_fonts

Błąd 404 a SEO

2009-07-10T05:50:00.000-07:00

Jeśli w przeglądarce wpiszesz adres nieistniejącej strony wówczas automatycznie zostanie Tobie przedstawiona strona błędu 404. Przykładowo strona http://madein3w.blogspot.com/sfsgfdg zwraca taki błąd. Analizując tę stronę znajdziemy tam link prowadzący do strony głównej bloga. Czy zawsze tak jest? Sprawdźmy np. Onet: http://www.onet.pl/dasg Tu już jest gorzej. Otrzymujemy jedynie komunikat o kodzie błędu i o przyczynie - strona nie istnieje. W tym wypadku jest ona napisana po angielsku, co przypadkowemu userowi wcale nie pomaga. Jeśli nie zna angielskiego albo języka HTTP to wówczas pozostaje bez odpowiedzi dlaczego strona nie istnieje.

Dlaczego to piszę?

Otóż wcale nie po to, aby zachęcić do pisania obszernych objaśnień na temat przyczyn błędu, lecz aby skonstruować własną stronę błędu, która będzie jednocześnie odnośnikiem do najważniejszych sekcji Twojej strony. :)

Dlaczego to takie ważne?

Otóż wyobraź sobie, że zmieniłeś strukturę URL na stronie. Możesz wykonać przekierowanie 301 na stronę główną albo przekierowanie ze starego adresu na nowy (nieco trudniejsza opcja, ale zdecydowanie lepsza). Nie uchroni cię to jednak przed następującym przypadkiem. Ludzie często przepisują adresy z błędami. Wyobraź sobie, że jeżeli ktoś do Ciebie zalinkuje, ale popełni literówkę, to zamiast mocnego linka masz nic, zero. Co z tym zrobić? Ano właśnie stworzyć stronę, która w takim przypadku przejmie moc linka i go odpowiednio rozdzieli. Myślę, że przydatny post.

Informacje o mikroformatach w Google

2009-07-06T03:58:00.000-07:00

To jest zalążek publikacji dotyczącej wprowadzenia nowego wyglądu stron używających mikroformatów do wyników wyszukiwania.

Google i mikroformaty

12 maja 2009 Google, na swoim blogu oficjalnie przedstawiło użycie mikroformatów na stronach z wynikami wyszukiwania. Obszerna notatka na ten temat została zaprezentowana na stronie pomocy Google dla webmasterów.

Więcej na temat implementacji mikroformatów na stronę WWW znajdziemy jak zwykle na stronach W3C.

Uruchomienie bogatych ścinków w wynikach wyszukiwania jest losowe i dotyczy około 5%-20% stron zbudowanych z zastosowaniem struktury semantycznej.

Google oferuje jeszcze jedną opcję. Możliwe jest zbudowanie własnej wyszukiwarki Google CSE, która będzie standardowo obsługiwała Rich Snippets.

Ciekawy temat na temat możliwości zastosowania nowej opcji w Google został napisany pod tym adresem.

Najlepsze moduły do Drupala

2009-06-14T02:35:00.000-07:00

10 modułów, bez których nie da się żyć. Nie mam tutaj na myśli ani Views, ani CCK - w prawdzie to są moduły bardzo użyteczne, ale da się bez nich obejść.

Backup and Migrate. Moduł służy do sporządzenia kopii zapasowej bazy danych w określonych interwałach czasu. Istnieje patch, który pozwala wysyłać bazę danych na wybrany adres email. Działa przy użyciu Cron.
Backup files. Podobny do poprzedniego, z tym, że pozwala na zrobienie kopii zapasowej plików. Hostingi zazwyczaj przechowują tylko kopię z poprzedniego dnia. Podobnie j.w. działa z użyciem Cron.
Devel. Bada obciążenie generowane przez stronę. Przydatny w optymalizacji strony pod kątem szybkiego ładowania.
Login Security. Ogranicza dozwoloną liczbę nieudanych logowań na konto. Jest to zabezpieczenie przed atakami programów w stylu Brutallus.
Nodewords. Automatycznie tworzy opisy Meta. Przydatny, jeśli zależy ci, aby witryna była wysoko w wynikach wyszukiwania.
PathAuto. Kolejny moduł służący do podniesienia pozycji witryny w wynikach wyszukiwania. Posiada ogromne możliwości konfiguracji i tworzenia niestandardowych adresów URI.
Simple Menu lub Admin Menu - to dodatek znacznie usprawniający pracę administratora systemu. Dzięki nowemu panelowi z drop-down menu zarządzanie stroną jest szybsze.
XMLSitemap. Odpowiada za sporządzanie i pingowanie mapy strony w formacie zrozumiałym przez roboty indeksujące.

StatLink - Ultra-stały system wymiany linków

2009-06-05T18:26:00.000-07:00

Historia

Statlink to najmłodszy System Wymiany Linków Stałych. Jego premiera miała miejsce 1 października 2008. SWL uderzył w rynek bardzo mocno oferując już na starcie nagrody dla pierwszych użytkowników (do wygrania była kamera cyfrowa lub aparat cyfrowy). System został bardzo ciepło przyjęty przez użytkowników forum PiO.

Inną ciekawą cechą systemu jest to, że przyjmuje on tylko wartościowe strony. O ile co do zasadności takiego postępowania w uwzględnieniu wpływu na pozycjonowanie można mieć zastrzeżenie, to o tyle jest to dobry krok w celu promocji wartościowych stron. Przykładowo na dobrej stronie nie życzyłbym sobie linków do śmietników. Pomysł to nie autorski, ale sprawdzony już na LinkMe.

O systemie

W istocie system zasługuje na swoją nazwę, gdyż premiuje on strony posiadające dłuższy staż w systemie (min. 2 miesiące). Dzięki takiemu rozwiązaniu, jeśli ktoś ma zamiar tam dodawać stronę to musi się dobrze zastanowić. Okres początkowy, gdy strona ma 1/10-1.20 swoich punktów musi zostać odrobiony. Ten sposób powinien zmniejszyć rotację stron w systemie i dzięki temu faktycznie ustabilizować linki. Jest to nie tyle system wymiany linków statycznych, co system wymiany linków statycznych na statycznych stronach. Dodatkowo, o wyświetlanie się linków dba pieczołowicie robot systemowy, który na mojej stronie pojawiał się co około 7-10 dni.

Dyskusyjną sprawą jest natomiast algorytm zawartości treści. Ocenia on stosunek ilości treści (tekstu) do kodu. Niewątpliwy plus tego algorytmu to, iż premiuje on w ten sposób strony semantyczne i zgodne ze standardami W3C. Niestety, minusów jest więcej. Mam akurat stronę na Drupalu, który jest pod względem semantyki daleki od ideału. Na dodatek moja główna strona jest dużo bardziej skomplikowana niż podstrony, więc stosunek treści do kodu jest naprawdę niewielki. W przypadku HTMLowych stron stosunek ten wynosi czasem 0.5, podczas, gdy na wiele bardziej skomplikowanej stronie wyniósł on 0.04. Strona, która jest 10x bardziej skomplikowana otrzymała 1/10 punktów prostej, statycznej strony!

Podsumowanie

Cena punktów systemowych: 45,- zł / 1000 pkt.

Plusy:

ultra-stałe linki
dobry kontakt z supportem
aktywny robot systemowy
przejrzyste zasady co do przyjmowanych stron
zlicza linki wychodzące z "rel=nofollow"*

Minusy

nie nadaje się pod dynamiczne strony
brak możliwości wstawienia linków pionowych
ilość podstron w systemie jest nieznana

Punktacja końcowa 80%

* Robot Google ignoruje linki z atrybutem rel=nofollow. Traktowanie tych linków tak samo jak innych jest częstym błędem popełnianym Systemy Wymiany Linków.

Opera 10 beta testy

2009-06-03T11:23:00.000-07:00

Kilkadziesiąt minut temu premierę miał build nr 1551 norweskiej przeglądarki Opera i nosi on chlubną nazwę beta! Przyznam szczerze, że Operę 10 testuję długie tygodnie, od stadium publicznej alphy. Bardzo podoba mi się ta przeglądarka. Jej główną zaletą jest szybkość, zarówno działania jak i nawigacji. Dodatkowo Opera oferuję niespotykaną w żadnej innej przeglądarce możliwość dostosowania do własnych potrzeb. Nie inaczej jest w wersji 10. Nie będę zajmował się przeglądarką od strony komfortu użytkowania, bo pewnie na ten temat piszą większe portale. Jak zwykle celuję w moją niszę, czyli przedstawienie testów JavaScript.

SunSpider.

Flagowy test JavaScript sporządzony przez ekipę WebKita (czyli tych samych, którzy stworzyli bazę pod Safari i Chrome). W związku z tym będę się upierał, że test jest niemiarodajny i niewiarygodny :) Tym bardziej zrobię to, ponieważ Opera 10 od początku słabo wypada w tym teście (jest znacznie gorsza od swego 9.-go wcielenia). Ostatecznie w moim teście Opera uzyskała 9350.6ms, co klasyfikuje ją na poziomie Internet Explorer 8 :( Ale nie martwy się, ten test był ustawiony.

Celtic Kane.

Pierwszy i najkrótszy z testów. Test ten od zawsze wygrywał WebKit, który pomimo wielu wad ma najszybszy silnik JavaScript (czy jak to tam się fachowo nazywa). W teście Opera 10 uzyskała wynik około 700ms i znów jest to niestety rozczarowanie. Opera 9 ponownie była szybsza. Opera 10 ponownie stanęła na poziomie najgorszej przeglądarki świata (w wersji 8.). Mam nadzieję, że Opera wie co robi i po prostu silnik ten zostawili sobie na koniec.

Dromeo

Drugi i zarazem najbardziej kompleksowy w całym zestawieniu test silnika JS. Wynik podstawowego testu : 14.56biegów/sekundę. Dla porównania Chrome uzyskało wynik 56.33runs/s.

Rodzjae layoutów na stronę WWW

2009-05-28T08:18:00.000-07:00

Fixed Layout

Layout ustawiany na sztywno. Strona nie potrafi się dopasować do szerokości ekranu użytkownik, przez co co jakiś czas traci na aktualności. Obecnie najpopularniejszą rozdzielczością jest 1024x800. Ta szerokość to około 40% użytkowników. Niestety, pozostałe 60% korzysta z większej szerokości! To sprawia, że w obecnym czasie Fixed layout nie jest najlepszym pomysłem.
Przykładowy 3 kolumnowy fixed layout
200px|500px|250px

Fluid/Liquid Layout

To najnowocześniejszy z layoutów. Dzięki opływaniu będzie aktualny jeszcze przez bardzo długi czas. Najważniejszą jego funkcją jest to, że automatycznie dopasowuje się do szerokości ekranu. Sekret polega na ustawieniu szerokości elementów w procentach, trudność zaś na tym, że nie wszystko da się ustawić na %. Przykładowy trzykolumnowy layout wygląda tak:
25%|50%|25%

Hybrid Layout
Czasem nie wszystkie elementy da się przedstawić w %. Przykładowo reklamy AdSense nie rozciągną się. Dlatego powstał bardzo dobry layout łączący w sobie cechy zarówno fixed jak i fluid.
Przykład:
200px|40%|200px

Porada.

Jeśli chcesz obliczyć na jaki procent ustawić szerokość kolumn pływających weź minimalną rozdzielczość, z jaką chcesz wyświetlać stronę, np. 950px. Następnie odejmij od niej szerokość kolumny fixed. Teraz podziel wynik przez minimalną szerokość strony. Wyjdzie ci ile procent masz do dyspozycji na pozostałe rozdzielczości.
Przykład
200px|%|%, minimalna rozdzielczość 950px. Działanie: 950px-200px=750px. 750px/950px=0,73*100=73%

Najładniejsze skórki do Drupala

2009-05-28T02:33:00.000-07:00

UWAGA! Poniższy zestaw najlepszych skórek do Drupala jest nadal niezły, ale powstaje lepsza strona na której znajdziecie najlepsze, darmowe skórki do Drupal 6 : http://drupal6themes.malysz.biz/

Zestaw najładniejszych, ręcznie wyselekcjonowanych skórek do najpotężniejszego OpenSource CMS Drupal. Mówi się, że trudno o takie, ale ja ich znalazłem wiele. Oto one:

960Robots
Acquia Marine
Acquia Slate
Acrylic
Ad Blueprint
Niesamowita skórka, gdyż zawiera aż 44 regiony blokowe!!
AdNovus
Addari
Agregado
Beach
Clearblue
Color Paper
Colourise
Contrast
Delicious Fruit
Earthen
Fade Thingee
Farvens
Grassland
Hiroshige
Ishalist
iTheme2
KeepItSimple
Light Fantastic
Magazeen
Marinelli
NewsFlash
Painted Wall
Pixture
Pixture Reloaded
Refresco
Scruffy
SkyRoots
Soldier
Strange Little Town
Waffles
World of Warcraft Nightelf
Flex

Na sam koniec zamieszczam obiecujące rodzynki w trakcie produkcji:

Na zakończenie chciałbym jeszcze dodać, że nie tylko wygląd się liczy. Jest wiele skórek, które dla dobrego zespołu developerów stanowić będą znacznie lepszą podstawę pod serwis. Dlatego warto raczej wybierać skórki samemu, niż wzorować się na tego typu zestawieniach. ;)

Jaki CMS : PHP (Extreme) Fusion vs WordPress vs Joomla vs Drupal

2009-05-18T15:39:00.000-07:00

Wielu jest grafików, którzy dopiero co zaczynając swoją przygodę z webmasterką, tworzeniem WWW zastanawiają się jakiego użyć skryptu do zarządzania treścią swojej strony. Zazwyczaj wśród tego typu zapytań pojawiają się te same odpowiedzi: PHP-Fusion, Joomla, Drupal, Extreme-Fusion, WordPress, Post Nuke, ThePortal2 itd. CMS jest tak wiele, że nie sposób ich wszystkich omówić w jednym artykule. Dlatego ograniczę się do kilku i postaram się przybliżyć możliwości i różnice pomiędzy tymi najpopularniejszymi.

Extreme Fusion - postaw stronkę swego kLAnU!

Na początek pozwolę się odwołać do najczęściej wymienianego w takich typowych wątkach dotyczących zapytań o CMSa PHP-Fusion. W rzeczywistości jest to niezły CMS. Sam bym lepszego nie napisał. Ma on tylko jedną wadę. To totalna porażka. Tak naprawdę szanse na zarobienie gotówki dzięki użyciu tego CMS zmierzają w kierunku zera. Niektórzy jak jego zalety wymieniają polski support,łatwość obsługi, wtyczki. Z tym się zgodzę. Jednak dla kogoś kto myśli poważnie o pracy w tej branży to serdecznie odradzam. Naprawdę wydaje mi się, że lepiej jest brać przykład z porządnego, dopracowanego CMSa niż tworzyć na platformę, która ma śmieszną opinię. Jeśli chodzi o mój stosunek do tego CMS to wiem, jestem uprzedzony. Podobnie zresztą jak do czcionki ComicSans, forum PHPBB (szczególnie mod by Przemo) i przeglądarki InternetExplorer. Aczkolwiek z drugiej strony trudno mi się nie zgodzić, że to dobry system dla początkujących. Wkońcu każdy może sobie na nim postawić własną stronkę. Gdzieś trzeba zdobywać szlify i Extreme-Fusion może się do tego nadać. Mimo wszystko jak ktoś chce nauczyć się czegoś, to niech nauki lepiej bierze na porządnym CMS, na którym w przyszłości czeka go realna praca. Na początek jest dobry, ale później już nie.

Zalety

Dobry na początek.

Posiada polskie support i dokumentację.

Prosty w instalacji i zarządzaniu.

Wady

Nieprofesjonalny, stawia się na nim głównie stronki klanowe.

Nikt poważny nie postawi na tym portalu, a co za tym idzie brak perspektyw zarobkowych.

Modyfikacji jest mało, a dokumentacja jest licha.

WordPress - publikowanie w 5 minut

Kolejnym CMS, który omówię jest WordPress. W rzeczywistości system ten używany jest przede wszystkim do prowadzenia blogów. Cechują go przede wszystkim dwie rzeczy: szybkość instalacji i łatwość obsługi. Poza tym jest on bardzo popularny (obecnie najpopularniejszy system blogowy na świecie). Nie można też mu zarzucić nic pod względem wizualnym. Istnieje pod niego masa profesjonalnych i darmowych skórek. Niestety system jest niepozbawiony wad. Do takich należą przede wszystkich popularność (obycie niestety) i ... trudności w modyfikacji. Spośród całej czwórki ten CMS najtrudniej jest zmodyfikować i to jest jego największą wadą. Jeśli komuś nie zależy na tworzeniu własnych modyfikacji to jest to CMS dla niego. I nie ważne, że nazywa się on "blogowy". Istnieje do niego wiele skórek i wtyczek, a sam CMS jest na tyle elastyczny, że z powodzeniem może służyć za mini-portal czy stronę wizytówkę. Poza tym zdecydowanie jest on w cenie na naszym rodzimym rynku i co rusz można napotkać na zlecenia dotyczące tego systemu.

Zalety

Łatwa instalacja w 5 minut.

Duża liczba znakomitych modyfikacji.

Duży wybór naprawdę pięknych skórek.

Nie wymaga żadnej wiedzy programistycznej

Wady

Ciężko zrobić z niego coś więcej niż bloga/system blogowy.

Jest narażony na ataki hackerskie bardziej niż którykolwiek z omówionych systemów.

Nie ma mowy o modyfikacji jądra.

Za bardzo oklepany.

Drupal - system dla programistów

Drupal to stosunkowo świeży gracz na rynku. CMS ten istnieje od 2001 roku i obecnie tworzona jest jego siódma wersja! Zgodnie z założeniami twórców Drupal ma być dla Windowsa tym, czym jest RedHat dla Linuxa. Ten system jest przyjazny dla programistów. Żaden CMS nie posiada tak dobrej dokumentacji, tak dopracowanego kodu i nie oferuje takiej elastyczności z pudełka. Co więcej Drupal nie ogranicza się do bycia zaledwie CMS. Posiada on wbudowane forum, blogi oraz może służyć jako CVS. W efekcie w kontekście Drupala często mówi się o CMF niż o samym CMS.

Niestety system ten nie jest bez wad. Razi przede wszystkim brak dobrych skórek. Prawdopodobnie robią je sami programiści. Nie wiem dlaczego, ale mnie to śmieszy, bo w 100% obrazuje sytuację wokół Drupala. Poza tym postawienie czegoś na Drupalu jest pracochłonne i wymaga zrozumienia wielu zagadnień.

Zalety

Posiada obszerną dokumentację.

Nadaje się do naprawdę dużych projektów.

Jego zastosowanie wykracza poza bycie tylko CMS.

Posiada dużą liczbę pomocnych zapaleńców

Wady

Interfejs jest nieprzyjazny dla użytkowników. Podobnie zarządzanie - nie obejcie się bez instalacji dodatkowych modułów.

Nie posiada wielu dobrych, darmowych skórek. Skórki tworzą programiści a nie graficy. I to jest problem!

Mało popularny na naszym podwórku. Aby uzyskać pomoc trzeba znać angielski.

Zlecenia można policzyć na palcach jednej ręki.

Joomla - przyjazny system portalowy

Joomla panuje na naszym rynku. Jest bardziej zaawansowana niż WordPress, ale oferuje mniej niż Drupal. Tyle, że w przeciwieństwie do niego jest lepiej odbierana przez użytkowników i prostsza w obsłudze. Niestety miałem z nią dwa problemy. Po pierwsze co mnie zraziło to nie mogłem jej nigdzie ściągnąć (nawet odnośnik na stronie Joomla.pl nie działał). Gdy mi się wkońcu udało to się okazało, że Panel Admina nie działa. Zadziałał dopiero pod przeglądarką Internet Explorer - duży minus. Po trzecie jak zapytasz o coś na forum to Cię traktują jak nastolatka, co w życiu widział co najwyżej PHP-Fusion. Takiego wywyższania się nie zanotowałem na żadnym innym forum CMS. Gdzie ten słynny polski pomocny support?

Zalety

Stosunkowo duże możliwości względem małego nakładu pracy.

Duża popularność gwarantuje liczne zlecenia.

Jakiś polski support jest.

Regularnie rozwijana i łatana.

Wady

Mimo wszystko support, który potrafi pomóc tylko do momentu, gdy nie wkroczymy w programistyczne zagadnienia.

Mała elastyczność struktury.

Problemy z instalacją i zarządzaniem z poziomu Panelu Administracyjnego.

Słaba dokumentacja utrudniająca pisanie własnych wtyczek.

Podsumowanie

Nie sposób wydać werdyktu, który system jest najlepszy. Każdy ma swoje plusy i minusy. Jedynie PHP-Fusion zdecydowanie odstaje od reszty. Stanowiący właściwie odrębną ligę PHP-Fusion jest programem całkowicie amatorskim, w świecie zupełnie nieznanym.

TrustRank: zaufanie i autorytet

2009-05-07T12:48:00.000-07:00

TrustRank jest algorytmem, który po raz pierwszy został zaprezentowany przez YAHOO! Celem jego powstania było lepsze wykrywanie stron spamerskich. Schemat działania algorytmu opiera się na założeniu, że kilku stronom zostaje przyznana maksymalna jego wartość. Dla celów teoretycznych przyjmę, że będzie to 10. Zrozumienie algorytmu TrustRank nie jest trudne - wymaga jednak przywołania PageRank... Reszta odbywa się przez analogię:

Każda linkująca do Ciebie strona przekazuje ci część własnego PageRank, ale nie musisz zdobywać linków ze stron z wyższym PageRank od Twojego, aby zdobyć wyższy PageRank. Inaczej mówiąc możesz zdobyć PageRank wyłącznie z linków z domen o mniejszym PR niż Twój. Przykład: Aby zdobyć PR2 wystarczy 1000 linków ze stron z PR1. Nie wiem dokładnie ile, ale załóżmy, że wystarczy 1000. W przypadku TrustRank analogiczne nabicie rankingu nie jest możliwe. Awans na kolejny poziom jest możliwy tylko i wyłącznie, jeśli linka otrzymasz z silniejszej strony. Proste.

W ten oto sposób został stworzony algorytm autorytetu i zaufania do strony, czyli TrustRank.

Spotkałem się z wątpliwościami, czy TrustRank aby na pewno istnieje. Otóż tak, istnieje ponieważ został opublikowany w gazetce Uniwersytetu Stanford i na stronie YAHOO!

Drugie pytanie, które często pada to, czy algorytmy wyszukiwarek korzystają z TrustRank? Zdaniem Randa Fishkina z SEOMoz.org tak i to właśnie jest powodem dzisiejszego wpisu. Nie tyle bowiem, że korzystają, a (według w/w pana) TrustRank ma obecnie największe znaczenie spośród wszystkich algorytmów znanych z wyszukiwarek.

Nie ma gwarancji, żeby którakolwiek z wyszukiwarek kiedykolwiek korzystała z TrustRank. Nie ma więc narzędzia mierzącego TrustRank. Są za to pewne programy, które mogą przybliżyć sposób, w jaki TrustRank może być naliczany. Takim programem jest np. LinkVodoo.

Artykuł opracowany na podstawie:
SEO Help on Domain Trust Rank and Authority

Warto pteż przeczytać:
3 SEO Musings on Outbound Link Structure,Keywords and TrustRank

Moduły, Cron i Drupal.

2009-05-06T11:37:00.000-07:00

Cron jest demonem... W każdym razie tak się go określa. Przydaje się nam w automatyzacji wielu procesów. Poczynając o zwykłego zasysania treści do agregatu przez generowanie sitemapy, tworzenie kopii zapasowej bazy danych czy też rozsyłanie mailingu Cron załatwia to za nas.

Crona znajdziemy w CPanel (lub innym panelu, którym automatycznie gardzę). Właściwie to nie znajdziemy tam samego Demona, ale harmonogram zadań cron (cron tasks).

Jest kilka komend pozwalających na wywołanie CronDaemona: php, wget, curl, lynx. Najprostszą z nich i polecaną przez mnie jest metoda cURL. W przypadku wget, php i lynx konieczne jest podanie ścieżki Root do programu, co dla takich lamek jak ja może być z goła niewykonalne (przynajmniej na początku). CURL zadowala się ścieżką URI, czyli np. http://www.przyklad.pl/cron.php Pozostałe trzy wymagają czegoś takiego jak: /home/username/public_html/drupaldir/cron.php Na dodatek nie ma pewności, że ścieżka jest podobna na dwóch różnych serwerach - może się różnić. CURL niestety nie jest wszędzie dostępny, ot cały problem z wywołaniem Cron. Gdy już ustalimy jaka metodą powinno się wywołać Crona dalej jest już z górki.

W CPanelu mamy bardzo przejrzysty interfejs (jako lamka Windowsowska niekorzystam z Linuxa). Ustalamy tam co ile Cron ma się wykonywać. Pamiętać należy o tym, że '*' oznacza 'zawsze'.

Backup and Migrate znajdziemy w Strona główna › Zarządzaj › Zarządzanie zawartością › Backup and Migrate Backup Schedule. Programujemy czas co ile ma się ona wykonywać, np. 24h i ustawiamy ilość kopii np. na 7. W ten sposób nasz backup będzie się wykonywać codziennie i zawsze będziemy mieli bazę z 7 ostatnich dni.

Drupal Backup and Migrate korzysta z crona do wykonywania swoich zadań, co jest dużym ułatwieniem. Podobnie zresztą jak Sitemap czy też Agregator RSS. Ustalamy więc komendę Cron.

curl http://www.przyklad.pl/cron.php

I tyle. W zależności jeszcze od konfiguracji czasowej nasz Drupal będzie żył bez naszej ingerencji.

Pomocne materiały:
http://drupal.org/cron
http://www.adminschoice.com/docs/crontab.htm
http://drupal.org.pl/node/296

Wolność Internetu nie jest zagrożona

2009-04-21T10:44:00.000-07:00

Ustawa, nad którą odbędzie się głosowanie 5 maja jest ustawą zwiększającą ilość swobód Internautów. Poprzednie wersje tej ustawy pozwalały bowiem na odcinanie od Internetu osób przekraczających prawo, czyli piratów bez wyroku sądowego. Dzięki kolejnym poprawkom, za którymi była większość eurodeputowanych. Wyjątkiem są m.in. Francuzi usilnie lobbujący w celu zmniejszenia tzw. swobód obywatelskich. Popierają ich m.in. wielkie koncerny amerykańskie.

Materiały dotyczące rzekomego odcięcia 99% społeczeństwa, inwigilacji, podsłuchów i cenzurze Internetu są mocno naciągane. W rzeczywistości doszło tutaj do zmiksowania kilku oddzielnych wątków, m.in. chodzi o Internetowe autostrady którym sprzeciwiają się m.in. Google i Tim Berners-Lee, a która to inicjatywa jest popierana przez m.in. owe koncerny.

Ustawa o której mowa nie produkuje żadnych dyrektyw mających ograniczyć wolność dostępu do Internetu. Mowa w niej głównie o karaniu piratów i to zapewne niepokoi Wykopowiczów jak i innych piratów.

Oczywiście ustawa taka może powodować liczne nadużycia, wykorzystywanie władzy itp. Moim zdaniem jednak jest to krok w dobrą stronę. Mimo iż sam znajduję w tym zagrożenie. Sama mowa o pakietyzacji usług może poskutkować realnym wprowadzeniem tychże pakietów. Nie będzie to wprowadzenie na skalę państwową, ale np. jako opcja korzystna dla niektórych, którzy nie korzystają szeroko z Internetu.

Ogólnie rzecz biorąc temat jest bardzo skomplikowany i chyba najlepszym źródłem jakie znalazłem do poczytania jest strona http://prawo.vagla.pl

P.S. Wiecie, że zarówno strona Partii Piratów jak i Prawo Vagla są oparte o Drupal? :)

Darmowe Pozycjonowanie (wymaga tylko czasu)

2009-04-13T03:10:00.000-07:00

[objęte tajemnicą]

Dodano 24-04-2009

Postępując dokładnie zgodnie z powyższym opisem, wiadomość wrzuciłem na 22 portale i zapomniałem. Dziś rano otworzyłem sobie Anala i doznałem szoku. Odnotowałem kilka wejść na jedną frazę, co w przypadku tego blogu jest nienormalne. Postanowiłem więc spradzić sobie w Googlu moje miejsce i tu niespodzianka. Na 2 330 000 rezultatów wyszukiwania "Darmowe pozycjonowanie" ten wpis jest szóstym miejscu!

Dlaczego nie używać XHTML

2009-04-10T04:39:00.000-07:00

XHTML to język, który stworzyło Konsorcjum WWW (W3C). Miał on być następcą HTML. Niestety jak ze wszystkimi dobrymi pomysłami, początkowo spotykają się one z trudnościami nie do przeskoczenia. Tak jest z XHTML.

Po pierwsze to nie twierdzę, że XHTML jest złym językiem. Jego możliwości są na prawdę imponujące i szczerze przyznam, że ich nie ogarniam. Niestety nie ogrania ich także większość webmasterów już nie mówiąc o zwykłych śmiertelnikach, dla których takie pojęcia jak DTD, MIME, czy META oznaczają kuriera na Wyspach albo var szybkiej obsługi w Krakowie.

XHTML nie istnieje.

Wkurzają mnie ludzie, gdy pytają, czy piszę w XHTML - szlag mnie trafia. Dotychczas, mimo wielu publikacji na ten temat świadomość czym jest XHTML jest niezadowalająco niska. Nie byłem w stanie przekonać nikogo, że XHTML to zbytek.

Oczywiście nikt też nie ma pojęcia na temat, że tworzony właśnie HTML5 miał nigdy nie powstać i że zawdzięcza to tylko porażce XHTML. No, ale kto by to wiedział? W końcu wystarczy zerżnąć DTD, wstawić xhtmls i już orgiastyczna przyjemność z posiadania dokumentu z poprawnym XHTML strict!

A gówno prawda. To czy dokument jest traktowany jako xhtml czy html reguluje MIME type application/xhtml+xml. Wszystko co jest bez tego mime type to dla przeglądarki HTML. I nie ważne, że walidator pokazuje, że to jest poprawny XHTML, bo w rzeczywistości jest to niepoprawny XHTML. Tę ironię można chyba zapisać na konto W3C, ale pomińmy tę teorię.

Tak czy śmak, by jakiegokolwiek 'znawcę' nawrócić na HTML ciągle brakowało czegoś...

Do dziś. Bo powiedzcie, czy jest jakieś lepsze świadectwo niż nawrócenie się ortodoksyjnego zwolennika XHTML strict? Sądzę, że wątpię.

Matěj Novák to na pewno nie Polak. Niestety kolejne potwierdzenie, że Czesi wyprzedzają nas technologicznie o dekadę. Historia nawrócenia ortodoksyjnego (tak o sobie pisze autor) wyznawcy XHTML na HTML być może jest tym, co zaszczepi ziarno niepewności wszystkim #słowo uznawane za obraźliwe# uznającym tylko i wyłącznie XHTML.

Zachęcam do przeczytanie wpisu: Dlaczego nie należy używać XHTML MIME Type.

Życzę państwu dobrego przetrawienia tej lektury :)

Bezpieczne połączenia w FireFoxie

2009-04-10T00:51:00.000-07:00

Popularny Lisek (choć trzeba powiedzieć, iż tak naprawdę to czerwona panda) jest generalnie uznawany za bezpieczną przeglądarkę, ale istnieją też wiadomości o tym, że Internet Explorer jest bezpieczniejszy. Jedną z takich informacji podaje Wikipedia. Chodzi o to, że gdy w 2006 Symantec przeprowadził testy wyszło na jaw, że Firefox ma więcej dziur (47 przeciw 38). Różnica polega na tym, że Mozilla załatała dziury następnego dnia a Microsoft dopiero po 9 dniach (tak podaje Wikipedia).

Jeśli chodzi o bezpieczeństwo, to jednym z zagrożeń jest przechwycenie ważnych informacji przez niepowołane do tego celu osoby. Przeciwdziałanie temu zjawisku polega na używaniu certyfikowanych programów szyfrujących, które uniemożliwią odczytanie przechwyconej informacji.

Warto tu zauważyć, że w teorii przeglądarka nie ma wpływu na bezpieczeństwo informacji krążącej po światłowodach. Z drugiej jednak strony jak powszechnie wiadomo najsłabszym ogniwem tutaj jest człowiek. Dlatego przeglądarki powszechnie używają wyświetlania zielonego paska dla bezpiecznych połączeń https. Mozilla poszła o krok dalej i dodała do tego niebieski pasek. Informuje on o tym, że połączenie jest szyfrowane oraz przez kogo został wystawiony certyfikat.

Wszelkie informacje dotyczące konta w banku, karty kredytowej i inne ważne informacje powinny być szyfrowane. Jeśli nie są nie powinno się korzystać z takiej witryny.

Źródło informacji

Woot! Safari 4 Public Beta najszybszą przeglądarką świata!

2009-02-25T07:08:00.000-08:00

Dziś zatrzęsła mną wiadomość o dostępności nowej, 4 wersji przeglądarki Safari! Oczywiście jest to dopiero pierwsza publiczna beta i mam nadzieję na bieżąco śledzić jej nowe wersje. Tak jak to czyniłem do tej pory gorąco zachęcam wszystkich do ściągnięcia tej najlepszej przeglądarki na świecie.

Jeśli chodzi o nowe funkcje to nie wiem po co miałbym je przytaczać? Proponuję więc sobie wejść na stronę oficjalną Safari 4 lub też wyguglować sobie informacje o niej. Ja skupię się na jednym z paragrafów. Ale to za chwilę. Najpierw zrobię to, co tygryski lubią najbardziej, czyli sprawdzę jak przechodzi test Acid3.

Przyznam, że z napięciem śledziłem pasek Kwacha i na koniec uśmiechnąłem się z satysfakcją. Moja ulubiona przeglądarka świetnie sobie poradziła. 100/100 jak dotąd osiągnęła jedynie Opera 10 alpha (nie mówię o wykręconych nightly buildach). Jest więc dla mnie i dla wielu webdesignerów powód do zadowolenia. Ale co z innymi przechwałkami:

4,2 raza szybciej uruchamia JavaScript, niż poprzednia wersja przeglądarki, 30 razy szybciej, niż Internet Explorer 7 i ponad 3 razy szybciej, niż Firefox 3. Co więcej, nowe Safari ma również 3 razy szybciej ładować strony HTML, niż IE 7 oraz prawie 3 razy szybciej, niż przeglądarka Mozilli.

JavaScript test

CelticKane

315ms. Takiej prędkości nie pamiętam. Dla porównania Firefox 3.1Beta 2 773ms a IE6 1672ms co oznacza dwukrotną przewagę nad Firefoxem i ośmiokrotną nad nadal popularną przeglądarką Microsoft. W moim poprzednim teście najszybsza okazała się przeglądarka Chrome, która uzyskała 583ms.

SunSpider Java

Jako, że jestem sceptyczny co do przeprowadzania testów na środowiskach, z których testowe oprogramowanie wyrosło, to uważałem, że ten test jest nieważny. Założyłem z góry, że w teście JavaScript SunSpider, którego twórcą jest nie kto inny, tylko Apple góra będzie przeglądarka Safari. Myliłem się. Mój Firefox 3.1Beta2 pokonał Safari 4beta PR o różnicę zaledwie 200ms. Wyniki prezentują się następująco: Firefox - 2969ms, Safari - 3203ms.

CSS Rendering 2500 DIV'ów

Nieprawdopodobne 98ms. Dla porównania mój Firefox 3.1 Beta 2 osiągnął 476ms. Safari jest więc niemal 5x szybsze!

Jedna uwaga na koniec to jak dotąd e super wykręcone przeglądarki często się wieszały. Jak jest z Safari 4? Nie omieszkam donieść.

Jak wstawić reklamy na bloga?

2009-02-24T09:35:00.000-08:00

Jak wstawić reklamy AdSense w treści Bloggera (lub Blogspot )

System skórek Bloggera ma jedną zasadniczą wadę. Nie będę się wgłębiał zbyt w jej technologiczne aspekty, napiszę krótko: wklejony kod reklamy AdSense w treść posta nie wyświetli jej nam. Dlaczego? (to postanowiłem pominąć przecież)

Przykład

Powyżej znajduje się wklejony kod AdSense - nie widać tam reklamy, prawda?

Dzieje się to z całkiem prostej przyczyny. Blogger zamienia w trybie edycji HTML wszystkie przejścia do nowego wiersza na znaczniki
(który robi przejścia do nowego wiersza w HTMLu), aby we wpisie tekst był sformatowany tak, jak w edytorze. Chyba, że wyłączysz to ustawieniach… Jeśli więc wkleimy w tym trybie do posta kod jednostki reklamowej, zostanie on “zaśmiecony” tymi znacznikami. I reklama nie będzie się wyświetlać.

autor: Krzysztof Lis

Robiąc zgodnie z jego radami skasowałem wszystko co było ujęte w komentarze i przez to straciłem wpływ na wygląd reklamy. Poniżej ujrzycie ujarzmioną komendą float:right reklamę typu Wysoki Wieżowiec AdSense.

Nie jest źle, ale są dwie rzeczy:

Skąd Google teraz wie, że to moja reklama?
Nie mam żadnego wpływu na jej wygląd

Jeśli myślicie, że wstawienie kodu reklamy AdSense w szablon bloga wyświetli wam reklamę to jesteście w takim samym błędzie w jakim byłem ja. No, ale da się to zrobić, wystarczy tylko poszukać.

Proste przekierowanie 301 w HTML

2009-02-12T04:23:00.000-08:00

Dziś potrzebowałem przekierować ruch z dwóch starych stron na nowe. Najpierw chciałem to zrobić za pomocą PHP, ale mam serwer bez obsługi PHP. Więc odpada. Miałem dwie opcje: poszukać jak to zrobić w HTML lub zrobić to za pomocą nieznanego mi mod_rewrite. Nie miałem wyboru.

W pliku HTML wystarczy wpisanie jednej linijki kodu, który wygląda następująco:

<meta equiv="REFRESH" content="x; url=http://www.twoja-domena.tld/">
gdzie:
x jest ilością sekund, po których nastąpi przekierowanie.
tld - rozszerzenie domeny, np. .pl

Apple Safari wspiera proste animacje w CSS3!

2009-02-08T00:19:00.000-08:00

Najnowszy Nightly build Safari, którym obecnie jest wersja z 7 stycznia 2009 ma wsparcie prostych animacji. Są one w 100% oparte na przekształceniach i całkowicie kodowalne za pomocą czystego CSS.

Dzięki prostym deklaracjom możemy zaprojektować np. odbijającą się piłeczkę ping-pongową, odbijający się od lewej do prawej krawędzi okna przeglądarki baner, pulsującą animację, a nawet spadające liście! (Wszystkie te rzeczy są widoczne tylko w Nightly buildzie.

Ja postaram się zaprojektować odbijającą się piłeczkę do ping-ponga. W sumie skorzystam z samouczka CSS animation.

Znalazłem jeszcze jeden ukryty kurs animacji zanikania pojemnika w CSS na blogu WebKita.

Diigo - alternatywa dla Del.icio.us

2009-02-07T11:40:00.000-08:00

Dziś postanowiłem się zapisać do Del.icio.us Zanim jednak to zrobiłem postanowiłem popatrzeć na Ma.gnolię. Sądziłem, że jest to identyczna kopia Delicji. Cóż bowiem tu można było wymyslić ponad funkcje, jakie oferował mój Scuttle?

Niestety, trafiając na Ma.gnolię okazało się, że jest ona nieczynna. Serwis ma poważne problemy, posypała się baza danych i są w trakcie jej przywracania. Wśród przeprosin kierowanych do ludzi zaciekawiło mnie jedno. Osoba, która zamieściła obecnie pokazywaną na głównej stronie serwisu notkę, zaprasza do skorzystania z "podobnego serwisu" Zaprasza i zachęca do przeniesienia swoich zakładek oraz grup użytkowników. Nie wiedziałem, że są takie grupy. No to świetny pomysł.

Diigo, bo o tym serwisie mowa na pierwszy rzut oka mnie niczym nie zaskoczył. Ot, przeciętny wygląd serwisu, trochę wręcz bałaganiarski w porównaniu z Delicjami.

Zaciekawiło mnie, czy Delicje mają jakieś grupy. Niestety nie mają. Taki serwis, a Diigo oferuje mi więcej? No cóż. Jest ryzyko, że Diigo kiedyś może podzielić losy Ma.gnolia, ale przecież nikt nie potrafi wywróżyć jakie zaplecze techniczne stoi za serwisem. W przypadku Delicji to raczej nie powinno być ryzyka co do ewentualnych problemów.

Wybrałem Diigo ze względu na to, że bardziej mi odpowiada jego funkcjonalność i dzielenie się zakładkami w pewnej grupie użytkowników. W tej chwili zaintalowałem pasek Diigo w mojej przeglądarce (FX) i póki co czekam na czas, aby wyszperać w nim jakieś sensowne informacje.

Safari Books Online udostępniła podręcznik do Drupala!

2009-02-07T11:26:00.000-08:00

Jest tam podekscytowany, że czterech liter nie mogę utrzymać na siedzeniu. Dotarłem właśnie do książki Using Drupal i to w wersji online! Safari Books Online właśnie udostępniło tę pozycję w swoich zbiorach.

Czym jest Safari Books Online? To coś jakby połączenie Amazon i PacktPub, ale działa na zasadzie subsktypcji. Opłacasz miesięczną, pełną subskrypcję i otrzymujesz dostęp do zbioru książek online, a kosztuje to tylko 45$! Możesz też wykupić tańszą subskrypcję na 10 pozycji "do szafki" przez miesiąc. "Szafka" to Twoja biblioteczka, w której jednocześnie możeszy przetrzymywać do 10 książek. Tańsza subskrypcja pozwala jedynie oglądnąć 100 stron. Dodatkowo jeśli się teraz zarejestrujesz to możesz testować Safari Books Online całkowicie za darmo przez 10 dni. Są jednak dwie wady. Po pierwsze potrzebujesz karty Visa (już Ci powiem, że Visa Electron nie wystarczy), a po drugie zawsze istnieje ryzyko, że ktoś ci kiedyś wykradnie numery karty.

Na Amazonie podręcznik do Drupala (od O'Reilly-ego) kosztuje 40$. W Safari Books otrzymam ją i dwie inne książki, które mnie interesują za 45$ miesięcznie. Może to i dla mnie dużo, ale jak sobie policzę to wychodzi, że w porównaniu z pozycją książkową to tanio. Może to zabrzmi jakoś nienormalnie, ale co mi tam. HURRA! Niech żyje kryzys. Proszę o więcej takich ofert.

Narzędzia dla profesjonalistów SEO od SEOMoz uczą!

2009-02-05T10:21:00.000-08:00

Dostałem zaskakujący podarunek dzisiejszego ranka. Właściwie zaczęło się to wczoraj, gdy na forum WebHelpu znalazłem ogłoszenie firma poszukuje pozycjonera. Chcąc się zgłosić do jakiejś pracy postanawiam się odezwać i otrzymuję odzew i szybkie zaproszenie na rozmowę przez GG w dniu jutrzejszym. Ponieważ ostatnio moim main targetem nie było SEO i pozycjonowanie postanowiłem się douczyć nieco i wszedłem na stronkę SEOMoz Jakież było moje zaskoczenie, gdy dziś rano odebrałem maila od SEOMoz z bonusowym kodem na zakup Profesjonalnych Narzędzi od SEOMoze za 1$! Cena rynkowa tych narzędzi to 79$, czyli niemal 250zł. Darowanemu koniowi jak wiadomo w zęby się nie zagląda, (chociaż historia zna przypadek, gdy powinno się było to zrobić) toteż postanowiłem je wypróbować. Szybka płatność kartą i anulowanie przedłużenia subskrypcji na następny miesiąc (chyba liczą na to, że się o tym zapomni).

Tak więc mam dziś w ręku ten żydowski elementarz i przeprowadzam testy na swoich stronkach. Tu następuje chwila zastanowienia, bowiem o dwóch wnioskach mogę już napisać śmiało.

Po pierwsze doszedłem do (pewnie dla ciebie oczywistego) wniosku, że nie tylko ilość linków się liczy, lecz liczy się także ilość domen, z których mamy linka. O nikt mi o tym nie powiedział! Co więcej z resztą dzięki mojemu małemu śledztwu okazało się, że twórcy crawlerów potwierdzają, że wartość samych linków jako takich z biegiem lat słabnie. Potwierdziło to m.in YAHOO! :o
Drugą nauczką było odkrycie narzędzia, które zamiast ilości linków zlicza ilość domen linkujących. W świetle nowych danych zapodanych w punkcie pierwszym jest to naprawdę przydatne narzędzie.
Trzecią moją nauczką jest to, że nie tylko strona główna posiada swój PageRank. Ba! Nawet strona index.html czy index.php ma swój własny, unikalny PR.

Tak naprawdę odkryłem podczas pierwszego dnia testów konta Pro na SEOMoz.org o wiele więcej, ale są to dopiero zalążki usystematyzowanej wiedzy.

Ponieważ pieniądze niewydane, to pieniądze zarobione - można powiedzieć, że zarobiłem dziś 80$, czyli ok. 250zł. Nieźle, co nie? :)

Spis najlepszych modułów do Drupala

2009-01-22T08:27:00.000-08:00

(Kolejność przypadkowa)

Drigg - klon Digg.com na Drupala. DEMO (out of box) i DEMO2 (tweak)
DBMaintence - jak sama nazwa wskazuje optymizuje bazę danych
PHPIDS - ciekawy program do ochrony przed hackerami. Potrafi wysłać do Ciebie maila o próbie ataku a także zablokować IP z którego korzysta hacker.
http:BL - czarna lista z której korzysta program potrafi zablokować adresy DNS znanych robotów zbierających adresy emaile a także blokować komentowanie.
Update Status - świetny moduł usprawniający zarządzanie Drupal. Sam sprawdzi czy są nowe wersje używanych przez Twoją stronę modułów, codziennie! Od wersji 6 Drupal posiada go wbudowanego w core.
Views - jeden z najpotężniejszych modułów do Drupala. Pozwala dostosować sposób wyświetlania treści na wiele sposobów. Trudny na początku.
PathAuto - Jeden z koniecznych modułów na stronę. Dzięki wbudowanej obsłudze mod_rewrite przepisuje przyjazne adresy URL na opisowe, co nie pozostaje bez znaczenia dla Google.
MetaTags - dodaje pola Meta; m.in. Description i Keywords a także dodaje automatyzację ich tworzenia i dostosowania przez użytkownika.
Image - dobra galeria zdjęć. Umożliwia upload zdjecia, które jest przycinane do wybranych rozmiarów a na jego podstawie moduł tworzy miniaturkę wyświetlaną np. w zajawkach. Umożliwia dodanie do każdego typu zawartości.
CCK - Content Construction Kit - niewiarygodnie użyteczny moduł do Drupala. Pozwala tworzyć nowe pola w dowolnej treści. Posada wiele rozszerzeń i dobrze integruje się z pozostałymi modułami.
FiveStar - umożliwia ocenianie dowolnej zawartości z pomocą gwiazdek (lub innych dowolnych grafik). Fajny bajer.
Akismet - moduł zabezpieczenia anty-spamowego. Do jego uruchomienia konieczny jest klucz Akiset, który - podobnie jak moduł - jest darmowy. Akismet posiada wysoką skuteczność w walce ze spamem. Od wersji szóstej został zastąpiony przez moduł autorski Acquia - Mollom.
XMLSiteMap mam nadzieję, że to jasne
eCommerce - jeden z najpopularniejszych darmowych moduł do zintegrowania z Drupalem.
Ubercart - uznawany za najlepszy obecnie sklep pod Drupal.
Devel - moduł do optymalizacji Drupala. Pozwala poznać czas generowania się stron oraz generowane przez nią obciążenie dla serwera. Posiada wbudowaną ciekawą funkcję generowania zawartości, kategorii i użytkowników.
logintoboggan - jak sama nazwa wzkazuje wyświetla pole logowania dla niezalogowanych użytkowników próbujących uzyskać dostęp do sekcji dla zarejestrowanych.
ConTemplate - dobry dodatek do CCK. Umożliwia zarządzanie treścią jaka idzie w RSS lub jest indeksowana do wyszukiwarki wewnętrznej. Zebrał dobre opinie.
Internalization pozwala tworzyć wielojęzykowe strony drupalowe. Widać, że moduł jest napisany profesjonalnie. Strona twórcy modułu dostępna jest w dwóch językach: angielskim i hiszpańskim. Moduł dostępny jest dla wersji 5 oraz ma być dostępny dla v.7.
Security Login - chroni przed narzędziami takimi jak Brutallus. Twitter nie miał takiej ochrony i został schackowany przez nastolatka.
Simple Menu - ułatwia zarządzanie stroną tworząc menu w stylu Drop-Down. Koniec klikania wielu warstw! Konieczny moduł do każdej strony. Niestety na stronach przepadkowanych JavaScript i jego Frameworkami jak jQuery moduł wykazuje tendencję do niedziałania. Inaczej mówiąc jest szansa na konflikt.
Simplenews - znany moduł newsletter, inaczej lista mailingowa.
YAHOO YUI - To paczka narzędzi dostarczona przez YAHOO! można w niej znaleźć m.in. bardzo stylowy i prosty edytor WYSIWYG.
GTranslate - moduł pozwalający na automatyczne przetłumaczenie zawartości strony na inny język. Czekałem na ten moduł długo i nareszcie jest! Obecnie w bazie znajdują się 52 języki. Całość działa dzięki GoogleTranslate. Jest to bardzo dobre narzędzie, by wkrótce opanować świat, a w każdym razie na pewno kolejny krok przybliżający MadeIn3W do migracji na Drupal.
Taxonomy Breadcrumb. Dobry moduł, gdyż ułatwia użytkownikom odnalezienie się na stronie. Pozwala na tworzenie własnych sekcji, które następnie są wyświetlane np. w takiej formie jak : home >> vocabulary >> term Dodatkowym plusem jest fakt, iż Google uznało taką formę za wartościową i strona Drupal.org wyświetla się w ten sposób :

Na liście specjalnie nie umieściłem:

reCaptcha - jeśli zrzucasz walkę ze spamem na użytkowników... to biada Ci. Od ochrony przed spamem jest np. nieingerujący w użyteczność serwiu Akismet.
OpenID - idea za nim stojąca godna uznania, ale całkowicie pozbawiona sensu. Wystarczy, że ktoś złamie zabezpieczenia i ma od razu dostęp do wielu innych serwisów a ty nie masz na to żadnego wpływu.
Mollom - doceniam potencjał tego modułu, ale i też doceniam iż dotąd nie został on aktywowany na jednej z moich stron. Ponoć na aktywację czeka się dość długo.
TinyMCE - najpopularniejszy edytor WYSIWYG, ale mi nie działa. Nie wiem czemu. Z FCKEditor nie miałem żadnych kłopotów, więc to może wina hostingu?
FCKEditor - najpopularniejszy edytor WYSIWYG na świecie; bardzo rozbudowany, ale niepiękny; jest prosty dzięki czemu zazwyczaj nie sprawia problemów.

źródła:
http://www.securitystandard.pl/news/152680_1.html
http://www.lullabot.com/audiocast/drupal_podcast_no_40_top_40_projects
http://www.siteground.com/drupal_modules.htm
informacje własne

Ruszył polski odpowiednik Smashing Magazine

2009-01-17T02:22:00.000-08:00

Jeden z najpoczytniejszych internetowych magazynów dotyczących projektowania stron w sieci doczekał się polskiego start upa - Vivee. Nie oznacza to, że ruszył nadniach, gdyż działa on już od jakiegoś czasu - teraz go odkryłem.

Niestety, jest to słaba kopia. Już sama favicona wygląda, jak gdyby była gorszą wersją tej od Smashin' Magazine. Po prostu uderzyła mnie jej pikseloza.

Właściwie to nie ma co porównywać Smashin' Magazine i Vivee. Ten drugi jest tylko marną próbą odtworzenia świetności pierwszego. Nie znaczy to, że nie zawiera ciekawych wpisów, bo np. ma niezłą bazę inspirujących witryn. To i tak zbyt mało, żeby być polskim Smashin', ale Vivee jest na dobrej drodze. Chyba.

Czy będzie się szybko rozwijał?

Czcionka Coca-Cola

2009-01-13T00:46:00.000-08:00

Czcionka Coca-Coli to chyba najczęściej poszukiwana czcionka świata. Pamiętam, że jeszcze jako nastolatek sam szukałem (bezskutecznie) tej czcionki do Worda. Dziś, dzięki standaryzacji fontów można tę czcionkę zainstalować pod dowolnym systemem i wykorzystywać np. w programach Word (WordPad, OpenOffice Word Proccesor a także Microsoft Word). Na tym nie koniec, bowiem z powodzeniem czcionki tej można użyć w programach graficznych a także zamieścić na stronach WWW.

Instalacja.
Windows.
Czcionka Coca Cola II jest dostępna w formacie TrueType. Oznacza to, że z powodzeniem można ją zainstalować pod systemem Windows i wykorzystywać w jego podstawowych (WordPad, Paint) i zaawansowanych programach (Microsoft Office Word, AAdobe Photoshop). Jak zainstalować czcionkę pod Windows: http://support.microsoft.com/kb/314960/pl.

Mac.
Z Mac-iem mogą być problemy, bowiem .ttf nie jest typowym plikiem czcionki w tym systemie.

WWW.
Najciekawszą możliwością dla czytelników tego bloga będzie z pewnością instalacja na stronie WWW. Istnieją dwie znane mi metody pozwalające na to:

@font-face - metoda CSS 3.0; wciąż niewspierana przez wszystkie przeglądarki, zwłaszcza przez Internet Explorer (co prawda IE wspiera @font-face, ale w innym niż .ttf formacie); najprostsza w zastosowaniu
cufón - metoda javascript; brak możliwości zaznaczania tekstu, ale Google indeksuje bez problemu
sIFR - metoda javascript, najtruniejsza w zastosowaniu; pozwala na zaznaczanie tekstu

Osobiście polecam cufón. Nie jest on szczególnie skomplikowany, a brak możliwości zaznaczania tekstu działa czasem na plus, np. żaden noob nie ukradnie Wam tekstu.

Najlepsza przeglądarka wg internautów

2009-01-08T15:03:00.003-08:00

CSS 3.0 - nowe funkcje

2009-01-08T11:47:00.000-08:00

Pod koniec 1996 roku wydano pierwszą oficjalną dokumentację CSS, "Kaskadowe arkusze stylów, poziom 1". Poziom drugi pojawił się zaledwie 2 lata później, dokładnie 12 maja 1998r. Obecnie standardem jest CSS 2.1, która była przez te lata głównie pozbawiana błędów. Obecnie trwają prace nad kolejną wersją, tj. 3.0. Nie jest znana planowana data jej ogłoszenia. Poczyniono jednakże już pewne założenia. Najciekawsze funkcje zaprezentował dziś Smashing Magazine. Ponadto obecną Roadmapę znajdziecie państwo na stronie W3C. Wśród nowych funkcji dostępne są m.in. zaokrąglenia narożników, ramki obrazków, cienie pudełek i tekstu oraz łatwiejsza w zastosowaniu przeźroczystość RGB. Mnie się jednak najbardziej podoba ściąganie własnych czcionek za pomocą prostego kodu, np.


@font-face {  
font-family:'Anivers';  
src: url('/images/Anivers.otf') format('opentype');  
}

Przeglądarka sama zatroszczy się o ściągnięcie odpowiedniej czcionki bez jakiejkolwiek ingerencji użytkownika. Niestety znając życie, IE nie obsłuży 80% funkcji, a więc nie pozostaje mi nic innego jak wesprzeć (ku uciesze pana G.) kampanię:

Dobry darmowy hosting bez reklam to mit

2009-01-06T03:23:00.000-08:00

Obalam mit. Coś takiego, jak dobry darmowy hosting bez reklam nie istnieje i nie ma prawa bytu. Ostatnia twierdza darmowego hostingu w kraju upadła. Pakiet OVH 60Free nie istnieje od dobrego pół roku, a mnie się nie udało niestety znaleźć żadnego substytutu.

Jeśli szukacie darmowego hostingu bez reklam, za to z PHP i MySQL to jesteście skazani na porażkę. Ten byt nie istnieje. Nie ważne czy trzba Wam 5, 50 czy 500MB. Takiego serwisu nie ma i już. A jak są to tylko dla upartych, którzy mają tyle czasu i chęci, by pogrzebać w sieci lepiej niż ja.

Jak chciałem zainstalować skrypt Drupal na jakimś darmowym serwerze (najlepiej, żeby był bez reklam to się nie udało. 4 dni mi zajęło dojście do tych wniosków, więc proszę o rozwagę. Takie serwisy jak Unl.pl Szu.pl, Ziddio.pl, pgd.pl freehost.pl po prostu nie wspierają absolutnie zaawansowanych rozwiązań.

Teraz zrobiłem swoją instalację na hostingu CBA.pl i wszystko git. Panel jest przejrzysty, czysty i przyjemny. Użyteczność czy tam przyjazność jest na wysokim poziomie. Nic dziwnego, że CBA jest na frazę darmowy hosting numerem dwa w kraju. Wyżej jest jedynie ósemka, ale odkąd miałem stronę w Ósemce, na której pojawiały się ekspansywne, natrętne wyskakujące reklamy w oknach (nie, wtedy nie było jeszcze reklamy IPLA) to ja dziękuję z ich usług. Nienawidzę nachalnej formy reklamy. Zwykły baner jest za to do przyjęcia. Jak ktoś chce ją też wyłączyć bo nie lubi reklam (czyt. jest pasożytem) to FAQ CBA ma to świetną odpowiedź na ten temat: ...nie lubimy płacić za hosting. Dziękuję.

Ciekawe czasy.

Diagram Guttenberga

2009-01-03T16:31:00.000-08:00

Na blogu 3point7design autor pisze o zjawisku, które zwie się Diagram Gutenberga. I nie byłoby w tym nic dziwnego, gdyby nie przeczyło ono w/w sposobowi czytania odkrytemu przez Nielsena. Rzecz w tym, że użytkownik nie tyle przegląda strony z lewej do prawej, co przegląda z lewego-górnego rogu do prawego-dolnego. Wygląda to mniej więcej tak:

Każdy projekt, który wymusza czytanie odwrotne niż z lewego górnego do prawego dolnego krańca lub nie pozwala wrócić do Linii orientacyjnej jest projektem nieprawidłowym, a ponadto kłóci się z zasadą "Nie karz mi myśleć".

Twórcą założenia jest Edmund C. Arnold

W moim poście z 23 grudnia pisałem o sposobie czytania w kształcie litery F.
Wygląda to mniej więcej tak, że użytkownik będzie przeglądał stronę w poziomych liniach od lewej do prawej i systematycznie schodził w dół, przy czym z każdym kolejnym poziomem użytkownik przeczyta mniejszą część tekstu poziomego. Najlepiej zobrazuje to obrazek:

W pierwszej chwili może się wydawać, że to się z sobą kłóci, ale po głębszym zastanowieniu się stwierdziłem, że niekoniecznie. Poza tym twórcą tej teorii jest człowiek odpowiedzialny za stworzenie około 150 gazet w Stanach Zjednoczonych. Facet chyba się zna na rzeczy. Z drugiej strony są badania, które niekoniecznie potwierdzają słuszność Diagramu. Ja jednak twierdzę, że prawda leży gdzieś pośrodku i chyba już wiem gdzie.

Jeśli przeglądam strony, to robią to w dwóch trybach - szybkim (Diagram Gutenberga) lub dokładnym (styl-F, np. podczas korzystania z SERP Google mój wzrok nie ciąży w prawy dolny róg).

Jeśli ktoś jest zainteresowany jak u niego wygląda rozkład kliknięć to urządzenie które robi mapę gorących obszarów na witrynie nazywa się EyeTracker i niestety jest płatne.

Więcej o Diagramie Gutenberga.

P.S. Jak wykorzystać Diagram?

Uzależniłem się od Blogfrog

2009-01-03T07:25:00.000-08:00

Uzależniłem się od BlogFroga. Codziennie sprawdzam jaką notę otrzymały moje newsy. Robię tak odkąd zainstalowałem to cholerstwo. I teraz odkryłem jak łatwo zostałem zmanipulowany. O cholera!

Spójrzcie na blog Antyweba - prawie milion odsłon, 4 tysiące subskrbentów i co? Ocena bloga | frogrank: 27. I rację miał Hazan, że ten system jest jakiś z dupy wzięty. Myślałem, że od razu skasuję Blogfroga, ale z drugiej strony poczekam, może jeśli będę się łapać podglądaniu statystyk to wywalę. Narazie Blogroll przypomina poziomem Bloxa i w rzeczy samej, na drugiej pozycji jest blog na Blox.pl.

Nie wiem na jakiej zasadzie działa ocena w Blogfrogu, ale że też mi nie przyszło na myśl, że skoro blog o C. Ronaldo 7 jest najlepszym blogiem wg tego skomplikowanego skryptu, to że poczytność Blogfroga pochodzi głównie od nastoletnich fanek CR7 i jego 7-letnich naśladowców.

Jaka rozdzielczość strony jest najlepsza (dla grafiki)

2009-01-01T20:40:00.000-08:00

Jeśli chodzi o robienie stron www to powstaje dylemat - w jakiej rozdzielczości. Nad tym problemem szczególnie ubolewać muszą graficy, którzy nie do końca muszą rozumieć wszelkie aspekty związane z kodowaniem i programowaniem witryn. Dlatego też postanowiłem napisać ten krótki poradnik.

Najpopularniejsza rozdzielczość.

Internet obfituje w statystyki dotyczące najpopularniejszej rozdzielczości. Witryna ranking.pl publikuje takie dane 3 razy w miesiącu. Można tam nie tylko sprawdzić najpopularniejszą rozdzielczość, ale także inne rzeczy jak przeglądarka, system, wersja Flash, itd.

Indywidualność.

Każda strona jest odwiedzana przez inną grupę ludzie. Każdą z tych grup cechuje mniejsze lub większe zainteresowanie sprzętem komputerowym co przedkłada się bezpośrednio na sam sprzęt z którego korzystają. Przykładowo strona dotycząca najnowszych technologii komputerowych, gier itp. będzie odwiedzana przez ludzi z nowoczesnym sprzętem. Strona z wierszami albo strona o kotach może być odwiedzona przez starsze panie, które działają na kilku-letnich komputerach i niską rozdzielczością ekranu. Dlatego też są takie narzędzia jak GoogleAnalytics, które pomogą dostosować witrynę do każdego projektu indywidualnie.

Najpopularniejsza wcale nie znaczy najlepsza!

Jedną z panujących błędnych opinii jest ta, że strony dostosowuje się do najpopularniejszej obecnie rozdzielczości. Przykład. Najpopularniejszą rozdzielczością, z jaką przeglądany jest ten blog jest 1024x768, tej rozdzielczości używa aż 40% odwiedzających. Pułapka polega na tym, że 56% odwiedzających to osoby korzystające z rozdzielczości większej niż 1024x768. Są wśród nich tacy, którzy korzystają z 1680x1050 (7%) czy 1920x1200 (2.5%). Proszę sobie wyobrazić jak małą będzie strona o szerokości 950-980px w takiej rozdzielczości. Należy przy tym nadmienić, że nie każdy odwiedzający stronę jest webmasterem, który wie do czego służy combo ctrl+scroll-up/down.

Jak więc rozdzielczość na stronę www?

Najprostsza odpowiedź to opływanie. Jeśli nie jesteś zaznajomiony z terminem opływania to wygogluj sobie float, gdyż wiedza ta jest niezbędna do zrozumienia dalszej części tekstu.

W skrócie opływanie oznacza ustawienie szerokości witryny na pewny %procent. Przykład. Ten blog ma 3 kolumny, które są odpowiednio szerokie na 25%|50%|24.99% (sic!). Taki układ doczekał się fachowej terminologii - nazywa się to Fluid albo Liquid (z ang. ciecz). Jak wiesz z doświadczenia ciecze mają właśnie zdolność opływania.

Layout hybrydowy.

Zasadniczo opływanie możemy podzielić na dwa rodzaje: strona całkowicie pływająca (zwana Fluid/Liquid)lub częściowo pływająca (zwana Hybrid). Właściwie w tym momencie odpowiedziałem już na pytanie postawione w temacie, ale nie wyczerpałem go do końca. Layout Hybrid polega ustawieniu opływania na zazwyczaj 1-2 elementy. Sposób wykorzystania tego jest następujący: ustawiamy jedną kolumnę (najczęściej content) na 50% a pozostałym dwie ustawiamy fixed, czyli sztywno (np. na 245px). W ten sposób nasza strona w rozdzielczości 1600x1200 nadal jest czytelna no i mamy kontrolę nad elementami, której niestety czasem brak w layoucie opływającym w 100%.

Galerie stron z opływaniem.

Znam jedną: http://www.cssjuice.com/css-liquid-layout-design/ Szukam innych. Tymczasem zapraszam do mojej, świeżej galeri CSS Ship, w której zamieszczam najlepsze strony www, zarówno pod względem estetycznym jak i technicznym.

4 mało znane fakty na temat Internet Explorera

2009-01-01T20:09:00.000-08:00

IE sluzy do przegladania zawartosci internetu z twojego komputera i na odwrot

IE jest po to, żeby ściągnąć inną przeglądarkę

IE spieprzy ci stronę na tysiąc nieznanych ci jeszcze sposobów

IE nie jest wirusem, bo wirusa da się jeszcze jakoś usunąć.

Jeśli kogoś uraziłem, to zrobiłem to celowo.

FireFox - Najlepsza przeglądarka w 2014 roku

2009-01-01T18:33:00.000-08:00

Dziś na Wykopie przeczytałem, że Google promuje FireFoxa i Chrome (w tej nieprzypadkowej kolejności) jak najlepsze przeglądarki do używania GMaila. Niestety, nie pozostawia też złudzeń fanboysom Opery (mniejsza o Safari, to teraz Chrome) o tym, kto będzie rządzić.

Czytając komentarze i odpowiadając na jeden z nich zacząłem myśleć, gdzie ludzie z Googla widzą w przyszłości swoją przeglądarkę. Wtedy doszedłem do wniosku, że będzie to miejsce 3, a najlepiej drugie. Wkońcu nie jest tajemnicą, że FireFox powoli detronizuje pięcioletniego już Explorera.

Popatrzcie sami na to.

Nie ma słowa o Safari i Operze, a o IE jest drobna notka. Ludzie z Googla już uznali FireFoxa za zwycięzcę!

Teraz deser. Blog AntyWeb stał się nie tylko opinio twórczy (czytaj o samobójczym ataku członka zarządu Grono.net na AntyWeba) ale także... Właściwie to powinienem zacząć inaczej. Otóż na w/w blogu AntyWeb jest tabelka z przeglądarkami, jakich użyli oglądający go Internauci.

Zaskoczyła mnie przewaga FireFoxa nad pozostałymi przeglądarkami.
FirFox -70%
IE - po równo z Operą - 15%
Reszta to margines. To co zauważyłem, to trend, znany mi nie od dziś. Internet Explorer traci użyszkodników na rzecz przeglądarki FireFox. Oświeciło mnie, że jest to kolejna wskazówka (a właściwie dwie), że nadchodzi trzeci Król Przeglądarek. (Po Netscapie i IE) Nie ma wątpliwości, nie ma ich też Google, które wdraża swe usługi z myślą o FireFoxie (mimo, iż mają swą własną przeglądarkę).

Nierealne? Zobaczymy. Za 5 lat.

Tymczasem na stronie www.ranking.pl jest takie coś.

Zauważcie tę zmianę między 9. a 15 grudnia. Cóż wtedy się stało? Pewnie to nic wielkiego, po prostu więcej osób skorzystało z Internetu w domu. Nimożliwe, żeby informacja na stronie GMail mogła być do tego przyczynkiem. Bo co jak co, ale o Opera nie ma tam wzmianki... Pewnie w styczniu wszystko powróci do normy.

P.S. Na jednym portalu padło, że Google wspiera finansowo projekt Mozilla FireFox, żeby dokopać M$. Coś w to nie wierzę, ale może macie jakieś info na ten temat?

Tutorial do Drupal wprost od IBM (za free)

2009-01-01T10:46:00.000-08:00

http://www-128.ibm.com/developerworks/ibm/osource/implement.html

Dlaczego Drupal?

IBM pracuje na Drupal, a IBM jest chyba wiarygodny, nie?

A może MTV jest bardziej?

No bo przecież nie Moby, co nie?

Spytałem na forum Joomla co lepiej postawić: Joomlę czy Drupal. Odpowiedź jaką otrzymałem na skrzynkę, przesłał mi ją SuperModerator (czyli moderator wszystkich moderatorów) i brzmiała ona tak:
Cześć niepolitycznie odpowiem na pytanie postawione przez Ciebie na forum. ale.... Drupal lepszy. W Joomli zrobisz stronę szybciej ale jeśli chcesz zrobić coś większego, rozwojowego zdecydowanie Drupal.

Jakieś wątpliwości?

Darmowy generator Flashowych przycisków z dźwiękami na stronę WWW

2008-12-30T15:43:00.000-08:00

Przeglądając dziś projekt strony, którą mam nadzieję w niedalekiej przyszłości przerobić (jak otrzymam zlecenie) przez przypadek zauważyłem ukryty odnośnik do strony WWW. Wszedłem na stronę i niechcący znalazłem naprawdę świetny generator przycisków w technologii Flash. Adres strony jest banalny: http://www.flashbuttons.com Niestety nie chce mi się dziś przechodzić przez proces instalacji butonów, gdyż jest już późno, a trzeba by wgrywać pliki na serwer. Btw. Polecam, bo to naprawdę piękne przyciski.

O innym generatorze przycisków na stronę WWW.

Thumbizy.com - alternatywa dla Thumbnails.org

2008-12-27T11:54:00.000-08:00

Thumbnails.org to portal umożliwiający zapisanie podglądu strony www w pliku graficznym. Ma on jednak trzy wady:

Wymaga rejestracji (jest darmowa)
Podgląd jest w bardzo niskiej rozdzielczości (tak było w testowanej przeze mnie darmowej wersji)
Dodatkowo wymaga zamieszczenia kodu HTML na stronie, na której chcemy zamieścić podgląd.

Portal Thumbizy daje o wiele więcej znacznie niższym nakładem pracy:

Nie wymaga rejestracji.
Posiada aż 4 możliwe do ustawienia rozdzielczości.
Jest całkowicie darmowy (korzysta z licencji Creative Commons szczegóły...).
Nie zawiera oczojebnych, wkurwiających reklam.

podgląd - www.thumbizy.com

Jednak najlepszą opcją jest chyba możliwość podlgądu całej strony. Ponieważ trudno jest to sobie wyobrazić posłużę się Thumbizy :)

Podgląd mojego bloga w wykonaniu Thumbizy

Powyższe materiały oparte są o licencję CreativeCommons uznanie autorstwa, użycie niekomercyjne, bez tworów zależnych.

Głosowanie za pomocą gwiazdek - 5 wersji instalacji!

2008-12-27T01:16:00.000-08:00

Jak zrobić głosowanie za pomocą gwaizdek w HTML/CSS
Jak zrobić gosowanie za pomocą gwiazdek w PHP
Jak zrobić gosowanie za pomocą gwiazdek w PHP wersja 2 poprawiona.

Powyższe przykłady nie są łatwe do zrobienia, wymagają wiedzy i cierpliwości. Jeśli ktoś potrzebuje projekt na wczoraj to może skorzystać z FiveStar. Jest to moduł oryginalnie zaprojektowany przez Lullabot i wspierany przez Acquia. Moduł gwiazdek na Blogger jest dostępny w wersji testowej, ale ja jestem z niego niesamowicie zadowolony. Na dole widać ramkę z proponowanym przez ten moduł wpisem wartym przeczytania.

Wspomnę, że jeszcze, że FiveStar został oryginalnie napisany dla Drupal, a za wspierającą go Acquią stoi sam Buyaert.

Zanim poznałem FiveStar korzystałem z gwiazdek Blogfroga, ale obecnie już z nich rezygnuję, bowiem znam lepsze, a dwa różne systemy głosowania wyglądają głupio.

Przykład bardzo dobrej witryny sieciowej i mój komentarz

2008-12-25T03:45:00.000-08:00

http://geoclimate.com.au/

Wykonanie jest pierwszą rzeczą, która przyciągnęła moją uwagę do tej witryny. Zwraca uwagę podział na sekcje: nawigacja z kontaktami i 3-pozycyjnym menu: Home, Kontakt i Prawa Autorskie. Dalej mamy logo firmy, nagłówek. Następnie przechodzimy do stonowanego menu, obok którego widnieje obrazek. Treść strony zawarto w trzech białych kolumnach, z których każda dotyczy działalności firmy. Na samym dole stopka.

Wyróżniłem grubą czcionką kluczowe części witryny. Dzięki temu zwróciłem już na to uwagę czytelników. Teraz przejdę do omówienia każdej z tych 7 składowych części, które się mają przyczynić do sukcesu Twojej witryny sieciowej.

Nawigacja - właściwie pełni ona tutaj rolę nagłówka, ale ponieważ w specyfikacj W3C nagłowkiem są oznaczane elementy blokowe, np. h1, h2, itp. nie chcę tutaj mieszać pojęć. Dlatego troszkę nietypowo nazwę tę część Nawigacją. W przypadku tej witryny nawigacja stanowi łącznik pomiędzy witryną internetową firmy a realną firmą. Telefon i adres email pozwalają na błyskawiczny kontakt, a pozostałe informacje są w zasadzie standarem w tej chwili - powrót do strony głównej, kontakt i nieco informacji prawnych i technicznych dot. witryny. Jak już wspomniałem jest to taki standard, który się narodził pewnie wraz z powstaniem takich platform webowych jak WordPress, Drupal czy Joomla.
Logo - co tu dużo mówić na temat loga, graficznie uzdolniony nie jestem, ale widzę, że to logo jest bardzo dobre. Pasuje do stylistyki strony, wyróżnia się, ładnie się komponuje z poniższym menu. Ważne, że przyciąga uwagę.
Nagłówek - mimo iż napisany niezgodnie ze standardami (takie rzeczy jak profil działalności zwykło się umieszczać w h1) to spełnia swoją rolę znakomicie. W 2 linijkach mamy przedstawioną wieloletnią tradycję firmy oraz jej obecny profil działalności (ujęty w trzy słowa kluczowe).
Menu - Jak już wspomniałem wraz z logiem tworzą dobre wrażenie. Menu jest szerokie, po najechaniu myszą delikatnie podświetla się. Ogólnie nic niezwykłego. Pokreślam 3 produkty, które się znalazły w menu - naprowadzają one czytelnika na konkretniejszy profil niż jest on ujęty w nagłówku.
Obrazek to główny element projektu witryny. Jest świeży, zielony, ekologiczny i nadaj stronie indywidualnego charakteru. Kolory nawigacji są zaczerpnięte z obrazka. Obrazek i zielona stylistyka infoprmują, że mamy do czynienia z czymś ekologicznym, mimo, iż to słowo bezpośrednio nie zostało na stronie użyte. Ekologia wkońcu jest w modzie i może przyciągnąć potencjalnego klienta.
Treść właściwa to sedno strony i jej powód istnienia. Firma po raz kolejny chwali się jaka ona to nie jest, czego to ona nie posiada by wkońcu dać Tobie, znurzonemu już tą grą i napewno napalonemu na ich produkt - dać wiadomość, że możesz się stać szczęśliwym posiadaczem tego produktu i to na partnerskich, równych zasad. A to dobre!

Firma permanentnie na każdym kroku promuje siebie. Zwróćcie uwagę na Menu i pierwszą z 3 kolumn na białym tle: AboutUs. Są z siebie dumni. Chcą się przedstawić w jak najlepszym świetle, aby na końcu (Our Services) się dobrze sprzedać na zasadzie "partnerstwa".

Niestety stronie brakuje czegoś. To coś jest w moim mniemaniu animacją żywej biedronki na tym soczystym, zielonym liściu (może gdzieś tam w oddali jest jakieś zakopcone, nieszczęśliwe miasto?). Animacje takie nie mają sensu bycia na tzw. Front Page, czyli Stronach wejściowych... z wielu powodów. Lecz gdyby zastosować tego typu animację zamiast statycznego obrazka, to strona odżyłaby i stanowiła by krok milowy w stronę wizerunku firmy high-tech.

Instaluję blogboxa

2008-12-24T01:06:00.001-08:00

Muszę wkleić kod w dowolne miejsce posta! 865b4e253280d804a50054b3c29f9a67 Żenujące. Blogbox, cóż to za głupi pomysł! Nie dało się tego zrobić inaczej, ukryć w tagach html?

Moja lista różnych scuttle

2008-12-23T08:20:00.001-08:00

Fryzjerski scuttle
Formuła 1 i Psychoterapia
Pozycjonowanie, newsy, internet, auta, czyli Wykop (zawieszony do 1-go stycznia)
http://prymus.niop.pl/ - PR2, niestety polskie kodowanie się wali tematyk - kadry, zasoby ludzkie, turystyka

Jak linkować zaplecze

2008-12-23T06:02:00.000-08:00

Blogger vs Wordpress

2008-12-23T01:59:00.000-08:00

Blogger

Lepsza pozycja w wyszukiwarce (Google lepiej traktuje swoje produkty od konkurencyjnych a Blogger jest wyjątkowo dobrze, lepiej niż YouTube, sprawdzone)
Brak podstron
Ciekawe, wręcz genialne widżety
Problemy ze standardami
Prostszy w edycji
Druga pod względem popularności platforma blogowa
Można przenieść na własną domenę

WordPress

Pozwala tworzyć podstrony
Trudny w edycji
Podobno dobrze się indeksuje w wyszukiwarce Google
Posiada mnóstwo darmowych skórek
Posiada mnóstwo widżetów
Najpopularniejsza platforma blogowa
Można zainstalować na własnej domenie

Banalność edycji, łatwe w instalacji, dobrze działające dodatki to główne zalety Bloggera. Brak podstron uznaję za jego największą wadę. Jest jeszcze słabe radzenie sobie ze standardami wynikające z prostoty kodu blogu Google. Mam też jak to mówią Czesi napad - widzę przyszłość, w której Blogger może mi już nie wystarczyć do segregowania treści.

WordPress to kombajn. Jest bardziej rozbudowany od Bloggera, posiada też większą ilość widżetów, ale jest trudniejszy w obsłudze i mniej intuicyjny (trzeba się przyzwyczaić).

Polecam WordPress dla tych którym Blogspot już nie wystarczy.

Użytkownicy czytają strony na kształt litery F

2008-12-23T00:49:00.000-08:00

Chcąc zaprojektować dobrą stronę www nie możesz kierować się wyłącznie swoim widzimisię, a nawet widzimisię Twojego zleceniodawcy. (pisze o tym Jacob Cass na swoim blogu). Musisz pisać przede wszystkim dla użytkowników. A ci mają już wyrobione swoje zachowania, sposób w jaki zwiedzają strony, swój tryb poszukiwania informacji.

Jakob Nielsen zauważył i opisał na swoim blogu jeden z modeli, z jakiego korzystają użytkownicy. Polega on na tym, iż przeglądają oni witrynę w trzech liniach: dwa razy od lewej do prawej by zjechać pionowo w dół. Tak narodził się częsty model F przeglądania strony. Najlepiej wyjaśni to obrazek.

Narzędzie, którym zostały zrobione obrazki nazywa się EyeTracker. Jak widać na w/w obrazkach użytkownicy przeglądają witryny w rzędach od lewej do prawej i jeśli nie znajdą szybko informacji przeglądają witrynę w dół, przy czym klikalność pierwszych bloków witryny jest kilkukrotnie wyższa niż kolejnych.

Na sam koniec dodam, że użytkownicy przeglądając witrynę zachowują się trochę bezmyślnie. Bowiem z grafik tu przedstawionych wyraźnie widać, iż tak naprawdę to sami nie wiedzą czego poszukują. Kilkają bezmyślnie w pierwszy lepszy sektor i surfują dalej.

Przy okazji wyszła mi tutaj jedna rzecz, że byłem w błędzi sądząc, że userzy zawsze patrzą wpierw na lewy górny róg strony. W pierwszych dwóch przypadkach byłoby to więc Menu/Nawigacja boczna, lecz tak się nie stało. Co więc zachęciło użytkowników pokazanych stron an kliknięcie w to czy tamte miejsce? Mógł być to kolor, który podobno jest szalenie ważny, a im jażniejszy tym większą uwagę przykówa. Wypadało by więc, aby użytkownik głupi kliknął na żółte lub pomarańczowe menu. Tymczasem on jest skrupulatnie omijał. Na temat kolorów pisałem w tym poście: Znaczenie kolorów na stronach www. Wynikało z niego, że użytkownicy powinni klikać w ten żółty i pomarańczowy (oba ciepłe, zachęcające do klikania) kolor. Tak się jednak nie stało. Moja odpowiedź dlaczego: bo ponieważ najjaśniejszym kolorem był w tym wypadku biały!

Technika, którą m.in. testuję na tym blogu, to oznaczanie najważniejszych treści najjaśniejszym kolorem. Jedynie w wypadku treści tekstowych byłem gotów na wyrzeczenie, ale chyba czas to zminić. Od teraz dam na biało linki, a niech treść postów będzie jasno-zielona.

Więcej na temat użytkowników z deseniem F można poczytać na stronie www.useit.com

Najpopularniejsze w 2008 listy, samouczki i źródła projektów

2008-12-22T00:00:00.000-08:00

http://www.noupe.com/best-of/2008-most-popular-design-posts-tutorials-and-resources.html

30 wspaniale zaprojektowanych logo

2008-12-21T23:44:00.000-08:00

Chris Spooner ze strony Vectortruts.com zebrał i przedstawił te 30 pięknych projektów logo.

Pokażę tylko niektóre z nich. Całość możesz obejrzeć Tutaj.

AboutUs, czyli czasem warto się dzielić

2008-12-21T14:08:00.000-08:00

AboutUs.Org odnalazłem przez przypadek w trakcie mojego zwykłego kopania w sieci. W pierwszym momencie wydawało mi się, że strona posiada jakieś niebywałe informacje na temat domen. Wpisałem więc przykładową domenę i zobaczyłem coś, co w pierwszej chwili wyglądało na ...katalog! Konkretnie chodzi tutaj o to, że wczytano title, opis, słowa kluczowe i miniaturkę mojej strony. Z jedną różnicą, że każde słowo kluczowe zostało przetworzone z automatu na linka :) Od razu oczywiście kliknąłem...

Co się okazało, nie były to zwykłe tagi, lecz automat przetworzył słowa kluczowe zaczerpnięte z mojej strony na kategorie. Niby serwis Web 2.0 a jednak jakiś inny. Już myślałem, że jakiś geniusz przerobił Scuttle gdy wtem ujrzałem button edit wiki. Nie jest więc co żaden katalog, scuttle, autorski skrypt, lecz przerobiona Wikipedia?? Niemożliwe, gdyż dokładnie pamiętam - dziś po raz pierwszy widziałem kopię Wikipedii na domenie jakiegoś pozycjonera. Myśląc, że edytuję czyjąś kopię Wikipedii wrzuciłem na główną stronę Wolnej Encyklopedi słowo k###a (pewnie już mam bana). Wracając do tematu, nie chciałem wierzyć, że to może być ten sam skrypt, ale ujrzałem coś, co mi przypomniał czasy gry w Neverwinter Nights, gdy przesiadywałem na stronie Wiki tej gry i widziałem tam coś takiego. Ktoś postawił tam Wiki! Eureka ;p

Ach, i żebym pamiętał MIAŁEM TYLKO KUPIĆ DOMENĘ NA ZAPLECZE!!!!!!!!!!

Katalogi warte coś

2008-12-20T00:37:00.001-08:00

* na podstawie listy katalogiseo.info

ID	adres	PR	link zwrotny	G IP	G BL
11	Katalog stron firmowych - StronyFirm.pl	?	?	?	?
10	Katalog Transportowy	0	N	51	-1
9	Katalog Transportowy	0	N	29	-1
8	http://www.wyszukaj.com/	5	T	?	?
7	katalog.gryfow.info	0	N	387	0
6	natopie	2	N	1580	9
5	http://skocz.com	6	T strona główna
4	http://katalog.bajery.pl	5	wymagany
3	http://www.katalog4u.com	5	wymagany
2	http://strony.swiata.pl	4	wymagany
1	Byleco.info	1	nie

Pressel Pages warte wpisu

2008-12-20T00:35:00.000-08:00

Na podstawie katalogiseo.info

ID	Nazwa	PR	gip	gbl	Yip	Ybl	link zwr.	free	mod
3	Artykuły Od Fan-shop.pl	2	110	1	332	0	-	+	-
2	P.Page Artykuły Od Miasto-pila	1	604	1	3220	n	0	+	-
1	http://www.wielcy-sportowcy.com/	0	218	1	310	82	+	+	-

Test - jak sąsiedztwo wpływa na moc linka

2008-12-19T08:27:00.000-08:00

I.
Pytanie. Jeśli stworzę 3 subdomeny, wstawię unikalny content ukierunkowany i podlinkuję je stąd, a następnie #1 i #2 zalinkują do trzeciej a ta trzecia zalinkuje do pierwszej - Czy Google uzna pierwszą i trzecią subdomenę za najbliższe sąsiedztwo? Co się stanie ze stroną 'matką', czyli tym blogiem. Czy zajmie ostatnie miejsce, czy też ze względu na swoją moc (poprzez zasiedzenie) znajdzie się na pierwszym miejscu.

Odp. Ponieważ domeny linkując oddają część swojej mocy, to wyniki wyszukiwania będą następujące:

Jak przy tym wypadnie ten blog pozostaje zagadką.

II.
Skąd Google wie, że np. musztarda jest bliższa majonezowi niż świątecznym bombką? Zakładam, że to wie dzięki obserwacji zachowań ludzkich. Naprawdę, zatrważająca maszyna ten Google.

Google ustala sąsiedztwo na tej samej zasadzie, co pokrewieństwo słów. Myśli kotłują mi się niemiłosiernie, chyba skoczę na piwo dla rozluźnienia. Wcześniej jeszcze dodam sobie linka do mojego postu, który popełniłem na forum PiO.

Animacja w stylu Matrix w GIMPie

2008-12-19T02:59:00.000-08:00

Tutorial

25 Najciekawszych menusów w CSS i za darmo!

2008-12-18T13:44:00.000-08:00

Najlepsze czcionki i kiedy ich używać.

2008-12-18T00:02:00.000-08:00

Do niedawna wstawiałem na swoje strony taką czcionkę, jaka mi się podoba. To był błąd. Niestety większość popełnia ten sam błąd. Dowiedziałem się, że różne czcionki mogą mieć różne zastosowania i nie wszędzie pasują. Poniżej znajduje się moja lista najpopularniejszych czcionek i rodzaje zastosowań, jakie dla nich znalazłem. Zapraszam do lektury.

Franklin Gothic Medium
Gotyk jest dość ważnym elementem w dziejach - głównie zachodniej kultury. Czcionki gotyckie jako forma przekazu podkreślają wyrafinowanie i są symbolem czasu. Używaj czcionek gotyckich tylko na stronach kapeli metalowych, rockowych i na wszystkim co jest związane z ezoteryką. Czcionka będzie też świetnie wyglądać na kartkach miłosnych.

Century Gothic
Century Gothic to wariacja gotyckiej czcionki. Nie jest tak elegancka jak Franklin, wręcz powiedziałbym, że byle jaka, wieśniacka. Cóż, może ktoś ją wykorzysta do przedstawienia swojej wsi o średniowiecznych tradycjach ;) Obie czcionki są bezszeryfowe, ale używaj ich tylko, aby nadać stronie odpowiedni, mhroczny wygląd. ;)

Georgia
Georgia, (z ang. Gruzja) jedna z najlepszych czcionek. Jest to czcionka szeryfowa, co oznacza, że nienajlepiej się ją czyta. Będzie odpowiednia dla tytułów i nagłówków, oraz ważniejszych wiadomości.

Impact
IMPERIUM KONTRATAKUJE! Tak, ta czcionka ma kosmiczny styl. Jeśli akurat piszesz stronę na temat Gwiezdnych Wojen, to musisz tej użyć.

Helvetica
Dzieło szwajcarskich skrybów, zwane kamieniem milowym typografii. Najczęściej stosowana czcionka przez webdizajnerów. Microsoft zapożyczył ją sobie od nich i zmienił nazwę na Arial, przez co ta czcionka jest defacto najczęściej stosowaną czcionką na świecie. Mimo wielu wad w sumie mogę ją polecić.

Script
Unfortunatelly there is no known to me polish version of this font, so if You like, You can choose it to write on some foreign project. The best of this font is that it is stylish anb rememberable. Coca-Cola and Pepsico are signing their's products by this. Script is althought too small for me, but maybe there are better sized versions that this.

Arial
Ta czcionka jest wszędzie. Też masz jej już dosć? Btw. Widzisz jakąś różnicę między nią a Helveticą?

Comic Sans MS
Ta czcionka cieszy tylko słiitaaśnee blondynki z migających na różowo blogów Onetu. Wprawdzie są jeszcze mali chłopcy w przedszkolu, którzy nie mają nic przeciwko jej... Moim zdaniem nadaje się wyłącznie na stronę główną Domowego Przedszkola, ostatecznie na blog poświęcony komiksom.

Lucida Console
Czcionka dla prawdziwych geeków. Jest absolutnie najlepszą czcionką z jaką miałem do czynienia. Użyje jej tylko ten, kto bez chwili zastanowienia umie wymówić "~" albo "CMD" (ja nie). Nadaje się na stronę główną gier takich jak Quake.

Times New Roman
Znakomicie nadaje się na tytuły i nagłówki, ale tekst napisany za jej pomocą staje się nieczytelny. Oryginalnie ta czcionka została stworzona z myślą o pisaniu w wąskich kolumnach.

Verdana
Verdana to moja ulubiona czcionka. Jest bardziej czytelna niż Arial i nie jest tak rozjechana jak czcionki konsolowe (Console). Staram się ją stosować wszędzie. Źle wygląda jako nagłówek lub tytuł strony.

Tahoma
Jest podobna do Verdana, ale jej litery stoją znacznie bliżej siebie, przez co ta czcionka traci czytalność. Nie znajduję dla niej żadnego zastosowania, Verdana jest lepsza. Jeśli masz jakiś pomysł, zostaw proszę komentarz.

Inspiracja: Jacob Cass
Just Creative Design

Wielki test przeglądarek - część III - Ochrona haseł użytkowników

2008-12-16T04:25:00.000-08:00

Serwis CIS (Chapin Information Service) przeprowadził test pięciu najpopularniejszych przeglądarek pod kątem ich zabezpieczeń haseł użytkownika. W zestawieniu udział wzięły:

Opera 9.62
Firefox 3.0.4
Internet Explorer 7.0
Safari 3.2
Google Chrome 1.0

Opera 9.62	Firefox 3.0.4	Internet Explorer 7.0	Safari 3.2	Google Chrome 1.0
7	7	5	2	2

Ostateczne wyniki testu pokazują, że przeglądarki oparte o WebKit (Safari, Chrome) najsłabiej chronią hasła użytkowników.

Źródło: http://webhosting.pl/Chrome.i.Safari.slabo.chronia.hasla.uzytkownika

Chmura tagów na Bloggerze / Blogspot

2008-12-16T03:12:00.000-08:00

Tagi to słowa kluczowe. Blogger umożliwia Tobie dodanie listy tagów. Funkcja ta ma pewne wady, gdyż:

wygląda archaicznie i nieprofesjonalnie

niepotrzebnie zajmuje dużo miejsca

elementy odróżniają się cyferką postawioną obok, co jest po prostu brzydkie

Poza tym serwisy Web 2.0 nauczyły się pokazywać słowa kluczowe właśnie w formie chmury tagów. Jeśli wyposażysz swojego bloga w taką chmurę tagów, ludzie pomyślą, że to wygląda profesjonalnie. Zyskasz dzięki temu prestiż lub może nawet nowego/-ych czytelnika/-ów.

Jeśli znasz język angielski z pewnością możesz przejść od razu na stronę http://phy3blog.googlepages.com/Beta-Blogger-Label-Cloud.html, gdzie znajdziesz obszerniejszą instrukcję jak zamieścić Chmurę Tagów na Bloggerze.

Dla tych, którzy nie znają angielskiego.

Przechodzimy do zakładki Ustawienia - Edytuj kod HTML

W kodzie odnajdujemy linię ]]>‹/b:skin›

Wklejamy poniższy kod powyżej odnalezionej linii

/* Label Cloud Styles ----------------------------------------------- */ #labelCloud {text-align:center;font-family:arial,sans-serif;} #labelCloud .label-cloud li{display:inline;background-image:none !important;padding:0 5px;margin:0;vertical-align:baseline !important;border:0 !important;} #labelCloud ul{list-style-type:none;margin:0 auto;padding:0;} #labelCloud a img{border:0;display:inline;margin:0 0 0 3px;padding:0} #labelCloud a{text-decoration:none} #labelCloud a:hover{text-decoration:underline} #labelCloud li a{} #labelCloud .label-cloud {} #labelCloud .label-count {padding-left:0.2em;font-size:9px;color:#000} #labelCloud .label-cloud li:before{content:"" !important}

Poniżej tej samej linii kodu ]]>‹/b:skin› wstawiamy

‹script type='text/javascript'> // Label Cloud User Variables var cloudMin = 1; var maxFontSize = 20; var maxColor = [0,0,255]; var minFontSize = 10; var minColor = [0,0,0]; var lcShowCount = false; ‹/script>

Tu ważna informacja. Kolejno CloudMin oznacza minimalną ilość użyć, aby tag został wyświetlony (w domyśle jest 1), MaxFontSize to maksymalny rozmiar czcionki elementu, który występuje najczęściej, MaxColor to maksymalna wartość koloru, który jest współzależny MaxColor i MinColor. MinFontColor jest domyślnym rozmiarem najrzadziej występującego elementu. lcShowCount odpowiada za liczbę użyć tagu (false lub true jeśli chcesz, żeby liczba powtórzeń była widoczna).

Ostatecznie pozostaje nam odnaleźć ostatnie miejsce w kodzie: ‹b:widget id='Label1' locked='false' title='Labels' type='Label'/›
Znajduje się ono prawdopodobnie na samym dole kodu. Zastępujemy tę linijkę następującym kodem:

‹b:widget id='Label1' locked='false' title='Label Cloud' type='Label'› ‹b:includable id='main'› ‹b:if cond='data:title'› ‹h2>‹data:title/>‹/h2› ‹/b:if› ‹div class='widget-content'› ‹div id='labelCloud'/› ‹script type='text/javascript'› // Don't change anything past this point ----------------- // Cloud function s() ripped from del.icio.us function s(a,b,i,x){ if(a>b){ var m=(a-b)/Math.log(x),v=a-Math.floor(Math.log(i)*m) } else{ var m=(b-a)/Math.log(x),v=Math.floor(Math.log(i)*m+a) } return v } var c=[]; var labelCount = new Array(); var ts = new Object; ‹b:loop values='data:labels' var='label'› var theName = "‹data:label.name/›"; ts[theName] = ‹data:label.count/›; ‹/b:loop› for (t in ts){ if (!labelCount[ts[t]]){ labelCount[ts[t]] = new Array(ts[t]) } } var ta=cloudMin-1; tz = labelCount.length - cloudMin; lc2 = document.getElementById('labelCloud'); ul = document.createElement('ul'); ul.className = 'label-cloud'; for(var t in ts){ if(ts[t] < cloudMin){ continue; } for (var i=0;3 > i;i++) { c[i]=s(minColor[i],maxColor[i],ts[t]-ta,tz) } var fs = s(minFontSize,maxFontSize,ts[t]-ta,tz); li = document.createElement('li'); li.style.fontSize = fs+'px'; li.style.lineHeight = '1'; a = document.createElement('a'); a.title = ts[t]+' Posts in '+t; a.style.color = 'rgb('+c[0]+','+c[1]+','+c[2]+')'; a.href = '/search/label/'+encodeURIComponent(t); if (lcShowCount){ span = document.createElement('span'); span.innerHTML = '('+ts[t]+') '; span.className = 'label-count'; a.appendChild(document.createTextNode(t)); li.appendChild(a); li.appendChild(span); } else { a.appendChild(document.createTextNode(t)); li.appendChild(a); } ul.appendChild(li); abnk = document.createTextNode(' '); ul.appendChild(abnk); } lc2.appendChild(ul); ‹/script› ‹noscript› ‹ul› ‹b:loop values='data:labels' var='label'› ‹li› ‹b:if cond='data:blog.url == data:label.url'› ‹data:label.name/› ‹b:else/› ‹a expr:href='data:label.url'›‹data:label.name/›‹/a› ‹/b:if> (‹data:label.count/›) ‹/li› ‹/b:loop› ‹/ul› ‹/noscript› ‹b:include name='quickedit'/› ‹/div› ‹/b:includable› ‹/b:widget›

Specjalne znaki HTML

2008-12-15T11:32:00.000-08:00

Ze specjalnymi znakami jest tak, że większość z nich nie możemy wpisać naciskając jeden klawisz, lecz wpisując 7-8-io znakowy kod. Tabelę kodów możemy znaleźć na stronie earthlink Dlaczego o tym piszę? Ano dlatego, że Jakub na swojej stronie justcreativedesign zamieścił całkiem ciekawy artykuł (uwaga) pt. “13 znaków, że jesteś złym designerem”.

W poprzednim zdaniu ukryty jest cały powód zamieszczonej notki.

“13 znaków, że jesteś złym designerem”

Ten styl cudzysłowi jest bardziej stylowy, nowoczesny i hmmm.. jaki jeszcze? Ładny?

Szkoda, że ostatnio nie zrozumiałem dyskusji dotyczącej odmiany słowa cudzysłów, bo pewnie w tej chwili popełniłem gafę. :)

Znaczenie kolorów na stronach www

2008-12-09T23:57:00.000-08:00

Jakie kolory stosować?

Gotowych rad tu nie znajdziesz, bo takowych uniwersalnych nie ma, można jednak podkreślić pewne aspekty składajace się na identyfikację kolorów.

Różnice społeczne, kulturowe - zarówno globalne, np biały jest uznawany za kolor żałoby w japoni i korei, u nas czarny z fioletowym do tego służy.

Jak i różnice lokalne np. wiek wśród odbiorców, młodzi w naszej komercyjnej kulturze przewaznie wolą kolory jaskrawe, czyste (pewnie z przyzwyczajenia, bo właśnie takie wyraźne kolory dostarcza się małym dzieciom), podczas gdy starszym osobom lepiej zafundować bardziej stonowane kolory.

Można tu też zaliczyć status społeczny, polityk będzie się ubierał tak jak inni politycy. A młody buntownik tak jak inni buntownicy. Oczywiście są wyjątki jeżeli ktoś chce sie wyróżnić, podkreślać swoją odmienność w danej grupie społecznej np. Jacek Kuroń w niebieskiej koszuli.

Jak widać w tworzeniu stron www, warto zwrócić uwagę do kogo tak w zasadzie kierujemy naszą stronę, do jakiej grupy społecznej, kierujesz do ekologów - rób na zielono, kierujesz do osób starszych rób w pastelach.

Doświadczenia uniwersalne - czyli te które dotyczą każdego z nas, np. kolor czerwony jako kolor związany z emocjami i ciepłem, (ogień,krew i serce ktore utrzymuja nas przy życiu itp) nie często też występuje naturalnie, chyba że się np. pokaleczymy. Przykłuwa uwagę na całym świecie i wywołuje szybkie emocjonalne reakcje, np używany jako czerwony znak STOP (zielony jechać, czerwony stop) - do szybkiego reagowania. Badania nad mózgiem dowodzą, że w sytuacjach kryzysowych (wymagajacych szybkiej reakcji) emocje mogą wziąść górę nad świadomym myśleniem, o to własnie chodzi niektórych zastosowaniach tego koloru np. w połączeniu z niebezpieczeństwem, skoro tak czy inaczej daje on silny bodziec dla emocji. Można stosowac na stronie internetowej w podobnych celach, choć pamiętaj aby nie za wiele, bo za dużo emocji, to nie zdrowo i traci wtedy swoje znaczenie.

Weźmy jeszcze np. niebieski, żyjemy w końcu pod tym samym niebem, i oglądamy podobne powierzchnie wody. Niebieski jest przeźroczysty, nieskończony, nieograniczony, czysty i daleki. Niebieskie przedmioty oddalają się, oczywiście to tylko złudzenie, spowodane tym że niebo zawsze było daleko i nieosiągalne, zjawisko to można np. wykorzystać do próby przybliżania innych kolorów, w kontraście z niebieskim. Jeszcze taka mała ciekawostka dawniej malowano domy na niebiesko, bo owady nie lubią latać w strone niebieskiego, mają poprostu powody by nie przemiesczać się w górę w stronę nieba, a człowiek to wykorzystał.

Jeszcze jeden z podstawowych kolorów został do omówienia, jest nim żółty. Żółty - pochodzący od Słońca, tego słońca które przez wiele lat było uważane nie za gwiazdę, ale za bóstwo. Jak już o bóstwach mowa to mamy też żółte pioruny od gromowładnego. Żółte słońce i żółty ogień, siarka - umożliwały poznawanie świata przez rozświetlanie dróg, gdyby nie te źródła światła to świat nie byłby ten sam, stąd niesie ten kolor ze sobą duże znaczenie jako kolor władczy i porządany. Nawet w dzisiejszych czasach, w których tak sobie cenimy złote ozdóbki (kolejne bóstwo) i potrafimy się o nie nawzajem pozabijać. Jak kiedyś słońce tak teraz "żółty" prąd dostarcza nam powodów do życia i radości. Dzieki temu wszystkiemu żółty jest dla nas najbardziej widocznym i rzucającym sę w oczy kolorem, niesie ze sobą zarówno porządanie jak i niebezpieczeństwo. Robotnicy na budowach mają żółte ubrania, czy też żółte kaski aby było ich widać z daleka. Jest często używany przy tworzeniu reklam, właśnie ze względu na swoja widoczność.

Kolory, a kategorie produktów - przygotowywując się do stworzenia, czy też reklamowania jakiegos produktu, najpierw szukamy części wspólnych tego produktu z daną kategorią produktów, a potem dopiero cech wyróżniajacych. Do części wspólnych kategori produktów często zaliczany jest właśnie kolor, np. komputery i elektronikę często spotykamy w różnych skalach szarości. Jeżeli masz na swojej stronie jakieś produkty warto się zastanowić czy nie mają one jako cechy wspólnej jakiegoś koloru.

Dlaczego warto podkreślić rolę części wspólnych? - w procesie uczenia się, ostatnim stadium jest zapominanie o tym że stosujemu daną wiedzę, staje się ona dla nas codziennością. Np. mleko zawsze jest białe, nie musimy tego sprawdzać, właśnie ta swiadomość pozwala nam sprawniej funkcjować - raz sie nauczyliśmy, a potem z góry zakładamy że to mleko jest białe, tak samo z każdym innym popularnym produktem.

Można oczywiście próbować stosować element zaskoczenia, próbowac się wyróżnić. Kiedyś znalazłem w osiedlowym sklepie jakieś desery mleczne w czarnym opakowaniu, chyba coś nie szły, bo długo stały, więcej ich nie spotkałem. Bardziej przypominały znicze niż kategorie produktu do której należały.

Cechy grup produktów związane z kolorem - kolory też kojarzą nam sie z różnymi cechami, np. niektóre kolory mają swoją wagę. Biały waży kilka gramów, podczas gdy czarny kilka kilogramów. W modzie są produkty z napisem "Light" (lekkie, mają mało cukru itd), opakowania tych produktów też są lekkie. Czarne pastylki odchudzające? - jakby to wygladało, albo z drugiej strony białe ciężarki do ćwiczeń? Mamy lekki puch śniegowy, lekkie chmury i ciężkie ciemne chmury.

Czarny garnitur - ciężki rozwazny, dlatego pewnie niektórzy kojarzą go z finansami, bo chcą aby ich kasa była w rozważnych stanowczych rękach mocno stąpających po ziemi. Lepiej tak, niż w białym lekkim wybielonym lekkoduchu - który umywa ręce.

Kolejna sprawa kolory ciepłe: pomarańczow, żółty, czerwony - stymulują do działania, energiczne, w porównaniu z kolorami bardziej uspokajającymi - niebieski, zielony, fioletowy, szary (używanymi np. jako zimne tło dla lepszego kontrastu).

Moda na kolory - doskonałym przykładem jest np. "czarna wołga" - inna już być nie może. Czy też "gorączka złota", mówiąca o dobitym znaczeniu zółtego koloru. Można też tu wspomnieć o kolorze będącym ostatnio w modzie, zapoczątkowanej poprzez "pomarańczową rewolucję".

Oprócz takiej mody, mamy jeszcze powatrzające sie zjawiska uwielbienia niektórych kolorów, np. czerwone mikołaje, czy serca na walenetynki. Czy też zieleń na wiosnę.

To by było na tyle o znaczeniu kolorów, mam nadzieję że od tej pory zaczniesz trochę inaczej je postrzegać bardziej wykorzystywać ich znaczenie. Pamiętaj jednak aby nie brać żadnej interpretacji za jednej i jedynie słusznej, działającej uniwersalnie, każdy człowiek jest inny, ma inną percepcję wynikajacą z doświadczenia. Dlatego każdy kolor ma dla każdego odrobinę inne znaczenie, związane z innymi emocjami, skojarzeniami.

Generator przycisków na stronę

2008-12-08T09:52:00.000-08:00

Strona http://www.mycoolbutton.com
oferuje nam wygenerowanie przycisku na własną site. Możemy wybrać interesujący nas kształt, kolor, styl i rozmiar napisu oraz grafikę. Fajny bajer.
Przykłady:

Polecam również darmowy generator przycisków Flash na stronę WWW

Dodajemy Gwiazdki z BlogFrog na naszego Bloggera

2008-12-02T09:41:00.000-08:00

Całkiem niezły sposób na dodanie Gwiazdek na Bloggera opatentowali nasi polscy blogerzy. Otóż sposób jest banalnie prosty, mimo, iż ktoś musiał na niego poświęcić aż 2 dni.

Instrukcja:

Wchodzimy w Pulpit Nawigacyjny > Ustawienia > Układ > Edytuj Kod HTML

W polu Edytuj szablon zaznaczamy Rozszerz szablony widżetów

Odnajdujemy fragment kodu:

Wklejamy kod:

CSS 3 - zaokrąglone narożniki

2008-11-30T23:41:00.000-08:00

Trik ten działa tylko w przeglądarkach Safari i FireFox (co do Chrome to nie wiem, trzeba sprawdzić).

div {

background: #eee;

border: 1px solid #bbb;

padding: 15px;

-moz-border-radius: 10px;

-webkit-border-radius: 10px;

}

Voila! Teraz użytkownicy Chrome, Safari i FireFoxa mają zaokrąglone narożniki.

Post oryginalny: http://stylizedweb.com/2008/08/19/css3-rounded-corners/

Wielki test przeglądarek internetowych - II cz. - test prędkości CSS

2008-11-30T10:18:00.000-08:00

W drugiej części przeprowadzanego testu zmierzę prędkość generowania struktur blokowych DIV w CSS (Cascading Style Sheets). CSS, czyli kaskadowe arkusze stylów są szeroko wykorzystywane podczas na stronach internetowych. Test bada ile czasu zajmie przeglądarce wyświetlenie bardzo dużej ilości DIV, czyli schematów blokowych. Mimo, iż żadna ze stron nigdy nie będzie zawierała takiej ogromnej ilości w/w bloczków (test jest czysto teoretyczny), to jest to warte zbadania chodźby po to, aby sprawdzić jak przeglądarki sobie poradzą z taką ich ilością.

Test znajduje się na stronie http://www.howtocreate.co.uk/csstest.html Ponieważ pierwszy wynik jest zawsze najwyższy (najdłużej się wczytuje) wobec czego mniemam, iż jest on najbardziej wiarygodny, gdyż istnieje możliwość, że każda następna próba jest częściowo zapisana w pamięci podręcznej przeglądarki, co się negatywnie odbija na wynikach.

Wielki test przeglądarek internetowych - część I - test szybkości Java Script

2008-11-30T01:45:00.000-08:00

1.
Celtikane

Przeglądarka	wersja	szybkość (ms)
Chrome	0.4	582
Safari	3.1.2	688
Opera	9.62	797
FireFox	3.0.4	1105
Internet Explorer	7.0	2016
Internet Explorer	6.0	Nie uruchomił się

2.
SunSpider JavaScript Benchmark

W teście brak IE 6.0, gdyż po uprzednim teście na moim komputerze została zainstalowana aktualna wersja, tym samym zastępując starą.

Przeglądarka	wersja	szybkość (ms)
Chrome	0.4	3560
FireFox	3.0.4	8553
Opera	9.62	11249
Safari	3.1.2	12320
Internet Explorer	7.0	344623

Gdzie szukać zdjęć w sieci?

2008-11-30T01:41:00.000-08:00

W Internecie umieszczono miliony zdjęć. Nie wszystkie można swobodnie wykorzystywać. Ale i tak sieciowe kolekcje bezpłatnych fotografii są imponujące. W tym artykule chcemy Ci pokazać, jak korzystać z zasobów darmowych zdjęć i grafik umieszczonych w Internecie.

Najprostszą metodą na znalezienie zdjęć jest skorzystanie z wyszukiwarki grafiki Google'a (http://images.google.com/). Problem polega na tym, że większość prezentowanych tam materiałów jest chroniona prawem autorskim. I choć szansa na to, że autor fotografii zauważy naruszenie i będzie domagał się odszkodowania, jest niewielka – to korzystanie z takich zasobów jest niewskazane. Obowiązuje tutaj bowiem zasada „wszystkie prawa zastrzeżone”.

Oprócz tego w Internecie można spotkać dzieła (nie tylko zdjęcia), których dystrybucja i wykorzystanie oparte są na licencji Creative Commons („niektóre prawa zastrzeżone”). Twórca może w takiej sytuacji zezwolić użytkownikowi na kopiowanie, zmienianie czy publikowanie danego materiału. Creative Commons ma również swoje odmiany (szerzej piszemy o nich w ramce poniżej). Najbardziej restrykcyjna jest licencja „by-nc-nd”, która pozwala na umieszczanie zdjęć pod warunkiem wskazania autora i podania linku do źródła. Zabronione są jednak tutaj wykorzystywanie komercyjne zdjęć (w działalności zawodowej albo gospodarczej) oraz ich modyfikowanie. To ostatnie jest zaś dopuszczone w licencji „by-nc-sa”. Najbardziej liberalna licencja (oprócz całkowicie „wolnej” Public Domain) wymaga jedynie podania nazwiska czy nicka autora. Fotografie mogą być tutaj wykorzystywane jako materiały do innych prac (np. kolaży).

Czytaj całość artykułu

MADE IN 3W - projektowanie, tworzenie stron WWW blog

Najlepszy Drupal Hosting

Stolik / buirko pod komputer PC z regulowaną wysokością

Ergonomia miejsca do pracy przy komputerze

Program do fakturowania InFakt to syf

10 błędów w biznesie online

10 najczęstszych błędów na blogach

Brak biografii autora.

Brak zdjęcia autora.

Nieopisowe tytuły

Nieopisowe linki

Brak wyeksponowanych najlepszych wpisów

Nawigacja chronologiczna

Nieregularne wpisu

Poruszanie wielu tematyk

To co piszesz nie zniknie

Pisanie pod cudzą domeną.

Gadający słownik angielsko-polski bezpłatnie online

Google Caffeine po Nowym Roku

Aktualizacja Drupal silnie zalecane

Błąd w Google Chrome pozbawia anonimowości dawanej przez proxy i sieć TOR

Ulubione moduły Drupal 6

Czy Google mnie lubi? - wprowadzenie do Cache Rank

10 błędów podczas projektowania strony WWW

Phatch - Cross-platformowe narzędzie do strumieniowego przekształcania obrazków

Nikto testuje bezpieczeństwo hostingów

Wykop Effect na Nazwa.pl

Truskawkowy Milioner

Miniaturki Stron WWW

Cena za reklamę

Ile kosztuje 1000 wyświetleń reklamy

LinkMe - to ma być ten najleszy system linków stałych?

CMS na zaplecze

Jak stworzyć ciemny projekt strony

Czy opłaca się dodawać do moderowanych katalogów?

Nowe metody doboru słów kluczowych - cz.1.

Platforma SEO, czyli nowy typ zaplecza - Portal.

10 ulubionych (najlepszych) skryptów MooTools

Jak trafić na stronę główną Wykop.pl

Kto chce trafić na Główną i dlaczego to takie trudne

Jak trafić na Główną

Podsumowanie

Na Koniec

Budowa profesjonalnego zaplecza i pozycjonowanie

Co najpierw - szablon .PSD czy .HTML?

Colorsuckr - narzędzie, którego ci brakowało.

Najlepsze polskie czcionki

Podstawy optymizacji kodu HTML strony pod kątem (SEO) wyszukiwarek

Jaka czcionka na stronę WWW?

Błąd 404 a SEO

Informacje o mikroformatach w Google

Google i mikroformaty

Najlepsze moduły do Drupala

StatLink - Ultra-stały system wymiany linków

Historia

O systemie

Podsumowanie

Opera 10 beta testy

Rodzjae layoutów na stronę WWW

Najładniejsze skórki do Drupala

Jaki CMS : PHP (Extreme) Fusion vs WordPress vs Joomla vs Drupal

Extreme Fusion - postaw stronkę swego kLAnU!

Zalety

Wady

WordPress - publikowanie w 5 minut

Zalety

Wady

Drupal - system dla programistów

Zalety

Wady

Joomla - przyjazny system portalowy

Zalety

Wady

Podsumowanie

TrustRank: zaufanie i autorytet

Moduły, Cron i Drupal.

Wolność Internetu nie jest zagrożona

Darmowe Pozycjonowanie (wymaga tylko czasu)

Dlaczego nie używać XHTML

XHTML nie istnieje.

Inspiracja: Jacob Cass
Just Creative Design