Artykuły dla kategorii Webmastering

wampserver.com
sie 30 2013
0

WampServer, Apache i wirtualne hosty

W PHP programuje okazjonalnie, w wolnym czasie, ale mimo tego na dysku zdążyło mi się zgromadzić kilka różnych projektów. Dla uproszczenia na swoim produkcyjnym serwerze stworzyłem sobie aliasy, ale nie zawsze jest to do końca optymalne rozwiązanie. Czasem bardziej przydatne będą wirtualny hosty, które pozwalają na tworzenie lokalnie działających domen, które możemy np. przypisać ulubionym projektom.

O tytułowym rozwiązaniu wspominałem już pokrótce ostatnio, przy okazji wpisu na temat systemowego pliku hosts. Niniejszy post jest swego rodzaju kontynuacją tamtego wątku, aczkolwiek ukierunkowany jest on stricte na webdeveloperów.

angularjs.org
sie 07 2013
0

AngularJS - godny uwagi frameworek MVC

Blisko 10 lat temu, JavaScript znajdował się na technologicznym zakręcie i po jego początkowej ekspansji nie było widać ani śladu. Od tego czasu sieć przeszła sporą przemianę, na której w głównej mierze zyskał właśnie JavaScript. Dzięki silnej ekspansji Ajaxa, JS odżył i obecnie trudno sobie wyobrazić jakąkolwiek witrynę w sieci, która choćby w minimalnym stopniu nie wykorzystywała tej technologii.

JavaScript wciąż posiada kiepskie wsparcie w IE (co prawda problem dotyczy głównie starszych wersji, ale mimo wszystko...) oraz kilka swoich językowych dziwności, jednak nie przeszkadza to w żaden sposób dynamicznemu rozwojowi tej technologii. Dziś JS pojawia się nawet poza siecią, np. w Windows 8, jako element budulcowy dla aplikacji Modern UI. Nikogo również nie dziwią wszelkiej maści biblioteki i frameworki zbudowane na bazie JavaScriptu. Dlatego też nie powinno być żadną niespodzianką, że po ten niepozorny język skryptowy sięgają najwięksi.

Tak też uczynił Google, tworząc bardzo udany framework MVC AngularJS, który to też mam przyjemność Wam dziś przedstawić.

flickr.com/photos/fontfont/4397753279
cze 27 2013
0

14 fontów z polskimi znakami które za darmo umieścisz na swojej stronie

Jeszcze kilka lat temu webmasterzy tworzący strony WWW musieli się ograniczać do kilku podstawowych fontów, które były określane jako sprawdzone. W ten sposób można było mieć pewność, że strona jako tako będzie się prezentować u większości odbiorców. Dziś sytuacja wygląda zgoła inaczej. Rozwój technologii przyczynił się do znacznego zwiększenia grona potencjalnych odbiorców witryn, którzy korzystają z różnych urządzeń, systemów oraz rozdzielczości. Jednocześnie zmieniły się również języki wykorzystywane w tworzeniu stron, czyli HTML i CSS (wszystkie inne w sumie też...).

Fonty, a czasem wręcz rodziny fontów coraz częściej wypierane są na rzecz webfontów, które wspierane są obecnie przez wszystkie szanujące się przeglądarki w tym nawet o dziwo starsze IE! Zastosowanie webfontów ma oczywiście pewne wady, ale w dalszej perspektywie przynosi jednak znacznie więcej korzyści - przede wszystkim tworzymy stronę, która będzie wyglądać podobnie u dowolnego odbiorcy, bez względu na to z jakiego systemu on korzysta.

O znaczeniu webfontów oraz ich implementacji na stronie pisałem już jednak wcześniej, dlatego nie ma sensu w tym miejscu ciągnąć dalej tego tematu.

Dziś chciałbym Wam za to zaprezentować kilkanaście godnych uwagi fontów, które możecie już w tej właśnie chwili umieścić na swojej stronie i wyróżnić się na tle konkurencji, która wciąż trzyma się Ariala, Tahomy, czy innej Verdany;-)

flickr.com/photos/polarity/3138680190
cze 13 2013
0

Doctrine DBAL - przyjemna biblioteka do obsługi bazy danych w PHP

Baza danych to w dzisiejszych czasach kluczowy element wielu usług i aplikacji. Można powiedzieć, że na przestrzeni lat zmieniają się języki i podejścia do programowania, ale zawsze gdzieś tam w tle pojawia się magazyn, do którego zapisywane są informacje. Silniki baz danych oczywiście również ewoluują, ale sama mechanika działania pozostaje raczej niezmienna.

Bazy danych dobrze współgrają z językami programowania i każdy szanujący się język oferuje wsparcie dla tego mechanizmu. Nie mogło go oczywiście zabraknąć w PHP, którym sieć stoi - samych instalacji Wordpressa i Joomli mamy przecież dziesiątki milionów.

Obsługa bazy danych w PHP zrealizowana jest dość nisko poziomo i w praktyce, większość programistów albo obudowuje standardowy kod według własnego uznania, albo też korzysta z gotowych bibliotek. Pamiętajcie, że programując nie warto wymyślać koła od nowa, dlatego też jeśli tylko możecie, sięgajcie po gotowe rozwiązania.

W przypadku bazy danych i PHP warto zapoznać się z tytułową biblioteką Doctrine, która dostarcza nam pewną abstrakcyjną warstwę do obsługi bazy danych.

themanyfacesof.com/404
maj 24 2013
0

19 niezwykłych stron błędu 404 + bonus

Stworzenie dobrej strony na poziomie nie jest prostą sprawą i w praktyce wymaga dziesiątek, jeśli nie setek godzin pracy (nie mówię tu oczywiście o instalacji kolejnej instancji Wordpressa). Do każdej witryny trzeba przygotować szablon oraz zawartość. Musimy również sprawdzić jak zachowa się ona w najpopularniejszych obecnie przeglądarkach i tych trochę starszych...

Wszystko co wymieniłem powyżej to rzeczy dobrze znane w ogóle, sekretem dobrych webmasterów są jednak detale. Do grona tych szczególnych elementów, należy zaliczyć z pewnością tytułowe strony 404, które wbrew pozorom mogą mieć całkiem spory potencjał.

Standardowa strona błędu wyświetlana przez przeglądarki prezentuje się z reguły koszmarnie. Wielu potencjalnych użytkowników od razu kończy swoją stronę z daną witryną po tym właśnie ekranie. Jeśli prowadzisz sklep internetowy, piszesz bloga, czy jakikolwiek inny portal, możesz w ten sposób szybko stracić potencjalnego odbiorcę. Czy nie lepiej zamiast obskurnego błędu wyświetlić coś bardziej zachęcającego?

Może inspiracją dla Was będzie to, jak robią to inni;-)

sxc.hu
maj 09 2013
0

Projektowanie layoutu z użyciem display:table

Strony zbudowane na bazie tabelek, swoje 5 minut mają już za sobą, a gdzieś od około 10 lat, skutecznie zostały wyparte przez elastyczne układy oparte na divach. Dla wielu były przekleństwem. Trzeba było się trochę namęczyć, żeby ustawić wszystkie dopełnienia, obramowania i wszelkie inne cudowne opcje przeznaczone dla tabel.

Z drugiej jednak strony, tabelaryczny układ nie miał sobie równych pod względem precyzyjnego umieszczania treści. W tym przypadku mogliśmy być pewni, że dany wiersz oraz komórka zawsze wylądują w odpowiednich lokalizacjach.

Czasem właśnie brakuje mi takiego precyzyjnego pozycjonowania elementów (nie mylić z pozycjonowaniem absolutnym i relatywnym), dlatego też coraz częściej spoglądam chętnym okiem w kierunku display:table, który w niektórych przypadkach sprawdzi się dużo lepiej niż wszelkiej maści floaty.

W dzisiejszym tekście chciałbym podstawić nowe - bardziej wirtualne podejście do tabel w układzie strony (mam nadzieję, że nie spalicie mnie za to na stosie;-)

flickr.com/photos/shellewill79
kwi 11 2013
0

Jak szybko, prosto i bezpłatnie dodać do strony monit o ciasteczkach

22 marca bieżącego roku weszły w życie nowe regulacje w prawie telekomunikacyjnym wymuszone przez niezastąpioną w tego typu sprawach Unię Europejską. Od teraz właściciele stron internetowych, w których są wykorzystywane ciasteczka śledzące zachowania użytkownika, powinni o nich wcześniej poinformować. W praktyce dotyczy to większości stron, które możecie znaleźć w polskim Internecie, ponieważ takie ciacha wstawia np. bardzo popularny Google Analytics.

Dużym problemem jest fakt, że wciąż wiele stron tych ostrzeżeń nie posiada. Abstrahując od ich sensowności - prawo jest prawem i głupio byłoby dostać karę za brak ostrzeżenia o czymś tak prozaicznym jak ciasteczka. Problem, a tym samym potencjalne źródło zysku zwietrzyły już niektóre podmioty i tak np. dziś widziałem już reklamę firmy, która za jedyne 49 zł udostępnia skrypt monitu o ciasteczkach. Za kolejne 50 zł jest go nawet w stanie wspaniałomyślnie zainstalować na Waszej witrynie - czysta okazja;-)

Na szczęście monit o ciasteczkach można mieć za darmo, a za oszczędzoną gotówkę z pewnością trochę uciechy;-)

flickr.com/photos/themonnie
kwi 04 2013
0

Tworzenie animacji w CSS3

Internet się zmienia. Przez zmiany nie mam na myśli tylko warstwy którą widzi klient, ale przede wszystkim tej, którą tworzą webmasterzy. Jeszcze kilka lat temu trudno było sobie wyobrazić dobrą stronę bez Flasha i grafiki zrobionej w Photoshopie. Dziś coraz częściej technologie od Adobe idą w kąt, a nowoczesne layouty tworzone są w czystym HTML5 oraz CSS3 i powstają bez użycia jakiejkolwiek dodatkowej grafiki.

Idąc dalej spójrzmy na cienie na stronach. Zawsze spoglądałem na nie z zazdrością, bo wyglądają z reguły efektownie, ale niestety osobiście nie zostałem obdarzony talentem graficznym, ani dostateczną ilością gotówki by wywalać ją na Photoshopa w ramach zachcianki. Dziś nie mam już takiego problemu, wystarczy box-shadow w CSS i sprawa załatwiona.

Podobna rewolucja ma obecnie miejsce w temacie animacji, które wcześniej na stronach pojawiały się za sprawą ociężałego Flasha, albo bardzo archaicznego już dziś GIFa. Kilka lat temu mechanizmy te w dużej mierze zastąpiono animacjami napisanymi w jQuery. Świat pędzi jednak do przodu i przyszłością w tym temacie jest CSS3!

sxc.hu
lut 17 2013
0

Wykrywanie właściwości zamiast wersji przeglądarki

Nie tak dawno swoją premierę miała biblioteka jQuery w wersji 1.9. Przyniosła ona wiele zmian i jednocześnie przybliżyła się do trendów panujących obecnie w sieci. Do niedawna twórcy stron internetowych musieli zwracać uwagę na wersję przeglądarki. Webmasterom szczególnie we znaki zawsze dawała się przeglądarka Internet Explorer. Obecnie sytuacja uległa zmianie.

Internet Explorer zaczął gonić konkurencję, a szybko zmieniające się standardy oraz wersję przeglądarek wymusiły zmianę reguł gry. Obecnie sprawdza się więc fakt, czy aplikacja obsługuje określone właściwości czy też nie. W związku z tym z dobrze znanego jQuery usunięto funkcję $.browser, a popularność zaczęły zdobywać biblioteki pokroju Modernizr, które pozwalają na wykrywanie wskazanych właściwości.

O tym jak to wszystko działa w praktyce, postaram się powiedzieć więcej w dzisiejszym wpisie.

gru 16 2012
0

Jak szybciej i efektywniej pisać kod w jQuery

Kiedy pierwszy raz na poważnie skorzystałem z jQuery w mojej pracy, przeżyłem mały szok. Był on głównie spowodowany faktem, że około 100 liniowy kod wykorzystywany do utworzenia pewnej struktury DOM, udało się skrócić praktycznie do kilku linijek. Szok był tym większy, że dzięki tej bibliotece właściwie mogłem zapomnieć o problemach kompatybilności JavaScriptu z różnymi przeglądarkami.

Dziś jedna z moich aplikacji webowych tworzonych w pracy, ma blisko 10 tys. linii kodu jQuery. Boję się myśleć ile by to było, gdyby w tym miejscu znalazł się klasyczny JavaScript. Strach również pomyśleć o dziesiątkach godzin, które w tym przypadku musiałbym spędzić na debugowaniu kodu dla Internet Explorera 6... (uroki pisania kodu, który ma działać w pewnej dużej krajowej korporacji).

Choć z jQuery nie zawsze jest lekko (w tym miejscu pozdrowienia dla twórców za ich nie zawsze do końca przemyślane zmiany), to w tej chwili nie wyobrażam sobie pracy bez tej biblioteki - myślę, że w tym miejscu nie jestem sam;)

Pisałem, że jQuery skraca kod i jest to najprawdziwsza prawda, ale w tym miejscu dzieje się też pewna magia. Tak naprawdę, tam odrobinę głębiej wciąż siedzi stary, dobry JS. Nieumiejętne użycie naszej ulubionej biblioteczki, może zdrowo obciążyć zasoby i łącza naszych użytkowników. Warto wiedzieć, że wiele rzeczy tutaj można zrobić szybciej, lepiej i efektywniej niż się to z pozoru wydaje;)

O tym co mam na myśli, postaram się opowiedzieć więcej w dalszej części wpisu.

1 2 3 4 5 6 7 8 9