Artykuły dla tagu HTML

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.

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.

cze 29 2011
0

Rel canonical

Tworząc/prowadząc strony internetowe, zapewne niejednokrotnie spotkaliście się z pojęciem duplicate-content (pojęcie zapewne szczególnie znane specom od SEO), które oznacza mniej więcej tyle, że treść która występuje na jednej stronie o określonym adresie, dostępna jest w tej samej, lub bardzo zbliżonej postaci pod innymi adresami. Generalnie jest to zachowanie nieprawidłowe i może nas za to spotkać jakiś filtr, ban itp. czy też inna nagroda nadana przez wyszukiwarkę. Warto wiedzieć, że nawet jeśli my zadbamy o nie powielanie naszej treści, to może to zrobić np. jakaś strona odsyłająca do naszej witryny/wpisu, która doda dodatkowe parametry do określonego adresu (np. popularne parametry utm_*). Sytuacja taka może doprowadzić nawet do tego, że ta sama treść zostanie zaindeksowana pod delikatnie innym adresem drugi raz. Na szczęście, od jakiegoś czasu istnieje rozwiązanie, która pozwala zaradzić problemowi i wyróżnić te właściwą stronę:)

paź 21 2010
0

Szablony stron w ASP.NET i PHP (Smarty)

Każdy webmaster, który rozpoczyna swoją przygodę z tworzeniem stron od statycznego HTML, szybko przekonuje się, że nie jest to do końca, najlepsze wyjście. O ile w przypadku statycznych stron stworzonych na kształt wizytówek, albo stron stworzonych na specjalną okazję i nie wymagających późniejszej edycji może się sprawdzić (szybkie i tanie rozwiązanie), o tyle w przypadku stron wymagających zmienności w treści, czy też interakcji z użytkownikiem (Web 2.0 i te sprawy..) szybko okazuje się bezużyteczny. W takiej sytuacji z pomocą może przyjść kompilowany ASP.NET, lub skryptowy PHP, czyli języki które pozwolą na zapewnienie odpowiednich, wspomnianych wyżej funkcjonalności. Jednak i one nie mogą zostać pozostawione same sobie, gdyż przy ich standardowym użyciu możemy zyskać dynamikę i zmienność ale z pewnością może nam zabraknąć komfortu tworzenia elastycznych i rozszerzalnych stron.

Lekarstwem na całe zło, mogą być jednak szablony stron, które z powodzeniem można zaimplementować w obu językach. I o tym dzisiaj napiszę troszkę szerzej.

cze 08 2010
0

Porady dla webmasterów

Studiując, pracując, a przede wszystkim tworząc Alt Control Delete, miałem okazje by nauczyć się co nieco o Webdeveloperce. W dzisiejszym wpisie, chciałbym przedstawić garść porad, które przydać mogą się, szczególnie początkującym webmasterom. Zapraszam więc dalej:)

google
maj 20 2010
0

Ajax, XML i JSON w jQuery

Jakiś czas, we wpisie poświęconym wprowadzeniu do jQuery, przedstawiłem w jaki sposób można za pomocą tego bardzo przyjaznego frameworka JavaScript operować na strukturze strony. Dziś chciałbym rozszerzyć te informacje przede wszystkim o obsługę żądań typu Ajax. Nauczymy się przy okazji w jaki sposób można odczytać zwrócony za pomocą żądania obiekt XML lub obiekt JSON.

kwi 11 2010
0

Zarządzanie ruchem robotów sieciowych na stronie WWW

Budując strony internetowe, często zastanawiamy się, w jaki sposób treści zawarte w naszej witrynie, indeksowane są przez roboty sieciowe. W gruncie rzeczy, można powiedzieć, że dzieje się automatycznie. Wystarczy, że istnieją istnieją linki zewnętrzne do naszej strony. Jednak link linkowi nie równy. I o tym chciałbym napisać dzisiaj szerzej.

sie 30 2009
0

Wprowadzenie do jQuery - biblioteki JavaScript

W dzisiejszych czasach, aby zaistnieć w Internecie nie wystarczy już wykonać prostej, statycznej, nie wiele dającej użytkownikowi strony WWW. Strony konstruowane w sposób dynamiczny z wykorzystaniem technologii takich jak ASP.NET, PHP czy JAVA EE, również stają się nie wystarczalne. Tak więc czego oczekuje dzisiejszy użytkownik Internetu? Oczekuje on wszystkiego tego co napisałem powyżej, ale popartego JavaScriptem, jednym słowem dynamiki. Przykładowo, na tradycyjnej stronie wyniki sondy Internetowej kierują nas na kolejną podstronę, w stronie opartej o JavaScript, po naciśnięciu przycisku głosowania, nasz głos zostaje zapisany do bazy danych, a przeglądarka w oparciu o JavaScript wyświetla aktualne wyniki głosowania i to bez żadnego przeładowywania strony! To tylko jedna z wielu rzeczy jakich można dokonać za pomocą JavaScriptu. Niestety JavaScript ma kilka wad. Różne przeglądarki różnie interpretują polecenia tego języka i jest to język dość rozłożysty - chodzi mi o to, że aby coś osiągnąć należy napisać dużo kodu, którego nadmiar w przypadku strony Internetowej jest szczególnie istotny. Na szczęście jest rozwiązanie, powyższe wady możemy dość w prosty sposób zniwelować korzystając z jednej z popularnych bibliotek JavaScript np. jQuery.

gru 05 2008
0

Przegląd technologii internetowych

Kiedy na początku lat 90siątych powstały strony WWW wielu ludzi było pod olbrzymim wrażeniem tej nowej, znakomitej technologii, choć początkowo były to tylko proste strony opierające się na kilku podstawowych znacznikach oraz blokach tekstu. Nie było możliwości wstawienia multimediów, języków skryptowych itp. Nikt nie miał wątpliwości że Internet i HTML (szczegóły poniżej) stanowią przyszłość informatycznego świata. Technologia szybko zaczęła się rozrastać. Zaczęto dodawać kolejne znaczniki umożliwiające załączanie multimediów, dodawania nowych elementów na stronie itd. Z biegiem czasu zaczęto zdawać sobie sprawę, że nie da się wszystkiego zrobić za pomocą statycznych elementów. Szczególnie problemowe okazały się kwestie dotyczące designu i dynamiki witryny. Dlatego do stron napisanych w HTML zaczęto dołączać inne technologie, technologie, które zmieniły oblicze Internetu.

1 2 3 4