Narzędzia

<blog/>

o CSS, Usability, UX, Web Design, JavaScript... konkretnie


Tworzenie skórki do Drupala

Drupal jest systemem zarządzania treścią (CMS) o otwartym kodzie źródłowym na licencji GPL (ang. GNU General Public License), rozwijanym przez szeroką społeczność. Dzięki temu ilość modułów jest naprawdę imponująca. Jedną z jego największych zalet jest elastyczność, która czasem bywa również wadą, szczególnie w sytuacji gdy przychodzi do zmiany skórki. Według społeczności tworzenie skórek na Drupalu jest trudniejsze niż w innych CMS-ach. Poniżej pokazano jak w prosty sposób można stworzyć własną skórkę.

Działanie skórki

Zanim zaczniemy pisać kod, musimy wiedzieć jak działa Drupal, a właściwie w jaki sposób „czyta” skórki. W zrozumieniu tego pomoże nam poniższy schemat:

Źródło: http://www.drupal.org

E-Commerce – gdy planujemy rozpocząć handel w Internecie

W ciągu ostatnich lat forma tradycyjnie rozumianego handlu uzyskała zupełnie nowy wymiar – wymiar elektroniczny. Nowe, prężnie rozwijające się medium jakim jest Sieć WWW, spowodowało równie dynamiczny rozwój działalności gospodarczej w postaci sklepów on-line. W dużym skrócie, e-sklepy są to wyspecjalizowane strony internetowe pozwalające na przeglądanie i przeszukiwanie katalogów z produktami, dokonywanie zakupów oraz realizowanie płatności za zamówiony towar.

Pomimo spowolnienia gospodarczego, raporty pokazują, że polski E-Commerce potrafił wyjść z niekorzystnej sytuacji na rynku obronną ręką. W 2008 roku łączne obroty E-Commerce wzrosły o ponad jedną trzecią, szacunkowo wynosząc ok. 11 miliardów złotych. Większość polskich e-klientów deklarowała, iż kupuje przez Internet średnio kilka razy do roku, ale blisko jedna piąta nabywa tą drogą towary nawet do kilku razy w ciągu miesiąca. Jeśli masz smykałkę do interesów, odkryłeś niszę rynkową – być może warto zainteresować się rozpoczęciem e-działalności?

Plagiaty w Web Designie. Jak być czujnym i nie dać się złodziejom.

Pamiętam jak ok 10 lat temu webmasterzy z pełną determinacją, chcąc chronić treści swojej strony przed kopiowaniem, wyłączali kliknięcia prawego przycisku myszy z pomocą krótkiego kodu JavaScript. Jak nieskuteczne jest to działanie nie trzeba przekonywać. Co ciekawe całkiem niedawno spotkałem się z taką prośbą od jednego z naszych klientów z krajów arabskich o zastosowanie podobnej “akcji” w ich nowym serwisie korporacyjnym.

Obecnie “metody zapobiegające” kradzieży są bardziej wyrafinowane. Absolutnym minimum jest dodanie odpowiednich zastrzeżeń (copyrights) w okolicach footer’a. Dodatkowo, w celu np. zabezpieczenia przed hotlinkowaniem (a zdarzają się i tak perfidne formy przywłaszczania), stosuje się odpowiednie wpisy w htaccess.

Najpoważniejsze błędy przeglądarki Internet Explorer i sposoby na ich ominięcie

Pomimo iż standard CSS2 został oficjalnie zaprezentowany w 1998 roku, do dzisiaj niektóre przeglądarki (głównie IE) mają problemy z jego poprawną interpretacją. Podczas tworzenia czy budowania stron WWW należy dobrze się zastanowić czy ten lub inny kod HTML/CSS będzie się dobrze wyświetlał we wszystkich przeglądarkach.

Według badań Net Applications z grudnia 2009 ok. 63% użytkowników na świecie korzysta z przeglądarki Internet Explorer (z tego najwięcej, bo prawie 21% z wersji 6 i 16% z wersji 7 – źródło). Gołym okiem widać, że chcąc nie chcąc trzeba zrobić stronę WWW tak, aby działała poprawnie w IE6 i IE7. Wbrew pozorom nie jest to takie straszne, należy tylko pamiętać o najczęstszych błędach jakie generują te dwie przeglądarki (głownie IE6).

Projekty pod kontrolą wersji

Subversion + TortoiseSVNSystem kontroli wersji służy programistom do śledzenia zmian w kodzie oraz ułatwia pracę, kiedy nad jednym projektem pracuje więcej niż jedna osoba. Dlaczego warto się z nim zapoznać? Nawet jeśli pracujesz nad swoimi projektami sam, kontrola wersji będzie służyć Ci jako kopia zapasowa, kalendarz prac, a przede wszystkim umożliwi Ci porównywanie zmian oraz powrót do stanu przed każdą zapisaną przez Ciebie zmianą, co w wielu przypadkach okazuje się zbawienne.

W tym poście zajmiemy się jednym z systemów kontroli wersji jakim jest Subversion (SVN) oraz jego klientem dla Windowsa Tortoise SVN. Postaram się pokazać jak go zainstalować oraz zacząć używać na własne potrzeby, lokalnie.

Wyciskamy soki z Galerii CSS

CSS VaultZ założenia Galerie CSS to miejsca służące do prezentacji ciekawych stron internetowych. Są to swojego rodzaju miejsca ekspozycji prac twórców stron internetowych, globalne portfolia, archiwa dzieł… czy jak kto woli elitarne katalogi stron, w których nacisk położony jest nie na treść, lecz na formę w jakiej jest ona przekazywana.

Nie chodzi tu tylko o wygląd, istotne znaczenie oprócz design’u ma również wykonanie strony. Coraz więcej moderatorów galerii oceniając zgłoszone prace bierze pod uwagę nie tylko oparcie o CSSa, ale rzeczywistą separację warstw, poprawny kod oraz dbanie o dostępność.

AKWA – Armatura Przemysłowa

Płozy, kształtki, hydranty, zasuwy, akcesoria.. Nie, to nie są nowe gadżety naszych developerów tylko asortyment firmy AKWA – jednego z wiodących na rynku polskim producentów armatury przemysłowej. Wykonany przez nasze studio serwis internetowy udostępnia internautom zarówno szczegółowe informacje o ofercie firmy, jak również mechanizmy Systemu Doboru Elementów dla projektantów sieci wodociągowych. Dzięki nim już w fazie projektowania sieci mogą oni w prosty sposób wybrać elementy z oferty firmy, spełniające postawione wytyczne oraz założenia projektowe.

Dzięki systemowi zarządzania treścią pracownicy firmy AKWA mogą w łatwy sposób modyfikować zawartość stron, a także zarządzać elementami dostępnymi w części serwisu przeznaczonej dla projektantów.

Nazwy pól formularza a JavaScript

Dostaliśmy wiadomość, że nie działa formularz dodawania komentarzy na naszym blogu. Szybkie sprawdzenie kodu HTML i skryptów wykorzystywanych do walidacji wykazało, że nie działa metoda form.submit() formularza. Dlaczego nie działa – to już nie było takie oczywiste… Po raz kolejny niezastąpiony okazał się Firebug. Okazuje się, że akurat w naszym przypadku form.submit odnosił się do elementu button, któremu niebacznie nadaliśmy atrybut name="submit". Dla nas nauczka, dla was słowo przestrogi na przyszłość.

Bardzo dziękujemy Dominikowi Paszkiewiczowi za wskazanie nam tego błędu. Pozdrawiamy!

Merix Reaktywacja

Od ukazania się poprzedniej odsłony naszej strony firmowej minęło już ponad półtora roku. W tym czasie nasza branża wykonała kolejny skok jakościowy. Wykorzystanie standardów sieciowych nie jest już tak gorącym tematem, a stało się chlebem powszednim większości agencji (oby! – jeśli nadal tniesz na tabelkach, wykorzystujesz font i pliki spacer.gif – pędź się przeszkolić, a nie będziesz żałować). Frameworki dla języka Javascript nabrały wiatru w żagle i stanowią już obowiązkową część większości stron. Mody w designie jak zwykle przychodziły i odchodziły zanim część grafików zdążyła je w ogóle uwzględnić w swoich projektach. Trend Web2.0 (jakkolwiek rozumieć ten termin) zagościł na dobre w świadomości dużej części użytkowników Internetu (wpłynął również dość ogłupiająco na dużą część Project Managerów – “gradienty, więcej gradientów!”).

Mapa strony