Artykuły dla kategorii Webmastering

wrz 07 2011
0

Przewijany pasek społecznościowy dla bloga w jQuery i CSS

Ostatnimi czasy przeglądając różne blogi (szczególnie te oparte o Wordpressa), natknąłem się na tzw. social slider. Social slider to specjalny pasek, który przewija się razem z artykułem/wpisem u boku strony i pozwala na polecenie treści wyświetlanej aktualnie na stronie w wybranych przez autora serwisach społecznościowych. Ponieważ osobiście nie korzystam z Wordpressa i nie mogę najzwyczajniej w świecie zainstalować sobie kolejnego rozszerzenia, postanowiłem że sam sobie coś takiego wykombinuję. W gruncie rzeczy okazało się, że to jest naprawdę banalna sprawa. Do realizacji celu, wykorzystałem jQuery oraz CSS.

sie 31 2011
0

Narzędzia dla programistów w Chrome

Wielokrotnie na łamach Alt Control Delete, pisałem na temat Firebuga, czyli świetnego rozszerzenia dla Firefoxa, które w znaczący sposób ułatwia pracę webdeveloperom. Od zawsze było to również moje ulubione rozszerzenie w Firefoksie. Od pewnego czasu, przesiadłem się jednak na przeglądarkę Chrome. W tym przypadku, w rozszerzeniach dostępny jest jedynie Firebug Lite, który pod względem funkcjonalności jest bardzo ubogi i do tego bywał niestabilny (przynajmniej u mnie).

Na szczęście, twórcy Chroma zaszaleli i wyposażyli swoją przeglądarkę w specjalny moduł narzędzia dla programistów, który funkcjonalnością, właściwie nie ustępuje Firebugowi i jest dostępny od razu w przeglądarce. Jedyną problematyczną kwestią, jest zmiana swoich przyzwyczajeń i chęć poznania nowego narzędzia:)

sie 24 2011
0

Cienie i zaokrąglenia w CSS3

Webmasterzy praktycznie od zawsze próbowali polepszyć warstwę wizualną swoich witryn, dzięki czemu strony stawały się bardziej atrakcyjniejsze dla potencjalnych odbiorców. Dotychczas większość tricków, takich jak tytułowe cienie i zaokrąglenia realizowano za pomocą programów graficznych. Co mniej sprawni graficznie webmasterzy (lub Ci, którzy niemili pod ręką żadnego grafika), musieli obejść się smakiem. Sytuacja jednak się zmieniła w ostatnim czasie za sprawą CSS3, który elementy tego typu ma zapisane w swojej specyfikacji.

sie 17 2011
0

Lepsze formularze w HTML5

Patrząc na rosnące w zaskakującym tempie numery wersji przeglądarek, nie sposób odnieść wrażenia, że wojna przeglądarek rozpoczęła się na nowo i tym razem w szranki stanęli Google Chrome i Mozilla Firefox. To właśnie Google Chrome narzucił te szaleńcze numerkowe tempo i dziś dostępny jest już w wersji 13 (warto dodać, że w kanał developerskich znajduje się wersja 15). Firefox, z kolei przyspieszył dopiero ostatnio Zaledwie kilka miesięcy temu, pojawiła się długo wyczekiwana wersja 4, a dosłownie w ostatnich dniach, można było pobrać już wersję 6.

I choć zmiany w kolejnych wersjach nie są już takie radykalne, czy też szokujące, to wszystko to zmierza jednak do przodu i można by rzeczy, że przyspiesza, tak jak czyni to sam Internet, za pomocą rozbudowanych aplikacji internetowych (ciężko to już nazywać stroną internetową), które napędza CSS3, JavaScript i właśnie tytułowy HTML5.

flickr.com/photos/adactio
sie 11 2011
0

Nowoczesne pseudoklasy strukturalne w CSS

Każdy webmaster, który w ostatnich latach parał się tworzeniem stron WWW, z pewnością stał przed dylematem, zwanym Internet Explorer. Nie od dziś wiadomo, że przeglądarka ta jest raczej na bakier ze standardami. Można się nawet pokusić o stwierdzenie, że programiści z Redmond, przez dłuższy czas, próbowali nawet tworzyć swoje własne standardy - niestety...

Sytuacja powoli zaczyna się jednak zmieniać i mają na to wpływ zasadniczo dwa czynniki:

  • Po pierwsze, udział w rynku Internet Explorera maleje. Niestety z Internet Explorera nadal często korzystają duże korporacje, w których zmianę przeglądarki na inną można nazwać wyczynem, ale i one powoli i nie śmiało przestawiają się na nowsze wersje IE, lub zmieniają przeglądarki
  • Po drugie, fakt że Microsoft począwszy od wersji 9, chyba naprawdę zaczyna rozumieć panujące w sieci standardy

Dlatego jeśli tworzysz witrynę, która nie będzie używana wewnątrz korporacji, która zatrzymała się na Windowsie XP oraz Internet Explorerze 6, to z pewnością powinna zainteresować Cię wiedza zawarta w dalszej części tego wpisu, związana w głównej mierze z selektorami typu child oraz nth.

sie 03 2011
0

Obsługa zdarzeń w jQuery

Obsługa zdarzeń, to prawdopodobnie obok selektorów jedna z najważniejszych funkcjonalności frameworka jQuery i to właśnie ona stanowi o jego sile. Obie funkcjonalności zresztą zazebiają się właśnie w obsłudze zdarzeń, ponieważ zdarzenia definiowane są dla elementów, które wcześniej pobraliśmy za pomocą mniej lub bardziej złożonych selektorów.

Co daje nam zatem obsługa zdarzeń w jQuery? Przede wszystkim:

  • Porządek w kodzie HTML (zdarzenia podpinamy w kodzie jQuery, więc wszelakie metody typu onClick, onChange w kodzie HTML stają się zbędne)
  • Łatwość wywoływania zdarzeń zwrotnych czyli. np. dla zdarzenia onMouseOver bardzo prosty możemy przypisać zdarzenie onMouseOut
  • Możliwość wiązania dynamicznego, dla elementów których jeszcze na stronie nie ma
  • Elastyczność, elastyczność i jeszcze raz elastyczność

W dalszej części wpisu postaram się opisać szerzej poszczególne punkty.

lip 27 2011
0

Ustalenie autorstwa w wynikach wyszukiwania Google

Google ostatnimi czasy nie próżnuje i praktycznie codziennie dostarcza nam jakieś nowości - szczególnie jeśli chodzi o Androida i Google+. Na szczęście równocześnie prowadzone są prace związane z dalszym udoskonaleniem głównego produktu giganta, czyli wyszukiwarki. Jedno z takich usprawnień, chciałem właśnie dziś opisać i mowa tutaj o projekcie Google Authorship. Co prawda, nowe rozszerzenie nie funkcjonuje jeszcze w polskiej wersji, ale prędzej czy później zapewne pojawi się i u nas, a myślę że jest to na tyle interesująca funkcja, że warto choćby o niej przeczytać;)

lip 20 2011
0

Google Analytics asynchronicznie

O Google Analytics słyszał zapewne każdy szanujący się webmaster. Wszak, jest to prawdopodobnie najpopularniejsze rozwiązanie, odpowiedzialne za statystyki na naszych stronach WWW - w tym oczywiście na Alt Control Delete. O zaletach Google Analytics, nie muszę chyba nikogo uświadamiać, lecz dziś chciałbym napisać o jednej wadzie tego systemu, która stosunkowo niedawna została naprawiona, czyli o synchronicznym ładowaniu skryptu, które w sposób znaczący potrafiło wstrzymywać ładowanie się strony. Jak rozwiązano ten problem w Mountain View? Oczywiście poprzez asynchroniczną wersję skryptu:)

lip 13 2011
0

Metoda data w jQuery

Jeśli kiedykolwiek tworzyłeś stronę z wykorzystaniem JavaScriptu/jQuery, to na pewno przynajmniej raz stanąłeś przed problemem, w jaki sposób przechowywać dane, z których korzystają Twoje skrypty. Rozwiązań istnieje wiele, jedne mniej lub bardziej elastyczne, ale praktycznie każde z nich posiada jakieś wady. Dziś chciałbym Wam zaprezentować metodę data wykorzystywaną w jQuery, która mi osobiście bardzo przypadła do gustu i w ostatnim czasie to mój numer jeden w tym temacie.

lip 06 2011
0

Google +1 na Twojej stronie

Hitem ubiegłego tygodnia, była dość nieoczekiwana premiera, platformy społecznościowej Google+ od giganta z Mountain View. Trochę niejako w cieniu, miała miejsce polska premiera przycisku +1, który notabene też jest ważny w przypadku serwisu Google+. Sam przycisk, pojawia się już teraz w wynikach wyszukiwania, jednak nasi użytkownicy, prawdopodobnie będą chcieli ocenić treść naszej witryny dopiero po zapoznaniu się z nią, a nie w momencie kiedy pierwszy raz natrafią na nią za pomocą wyszukiwarki.

Również nasi stali czytelnicy, którzy przychodzą np. z RSS, czy Facebooka, nie zobaczą tego co widać w wyszukiwarce. Ale za to ich rekomendacja może pomóc w wyszukiwaniu ich znajomym:)

Tak się akurat złożyło, że przycisk +1 możemy sami zaimplementować na naszej stronie WWW. Dlaczego więc by nie skorzystać z tej opcji;)?

1 2 3 4 5 6 7 8 9