Narzędzia

<blog/>

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


Archiwum wpisów dla kategorii ‘Technologie’

Metody wizualizacji treści na stronach www

Pracując nad interfejsem strony internetowej często zastanawiamy się w jaki sposób zwiększyć nie tylko jego atrakcyjność, czytelność czy przejrzystość. Niepodważalnie ważną rolę w komunikacji między użytkownikiem serwisu (często klientem) odgrywa interaktywność i sposób pokazania treści.

Specjaliści od pozycjonowania (SEO) nie mylą się powtarzając, że content is the king. Unikalna zawartość serwisu to jeden z podstawowych kryteriów oceny jakości strony przez Google. Dobrze zoptymalizowana (odpowiednie użycie tagów H, wewnętrzne linkowanie, stosowanie atrybutów title w linkach, dobrze opisane Page Title itp.) oraz często aktualizowana treść (nie rzadziej niż raz w miesiącu) znacznie pomoże wypromować stronę wysoko w naturalnych wynikach wyszukiwania (SERP – Search Engine Results Page).

Sklep internetowy (prawie) bezobsługowy

Prowadzenie działalności e-commerce niesie za sobą konieczność podejmowania wielu działań związanych z administracją, realizacją zamówień czy obsługą klienta. Urok prowadzenia handlu internetowego polega na możliwości korzystania z coraz to nowszych rozwiązań automatyzacji. Modułowa budowa szablonowych rozwiązań e-commerce pozwala na stworzenie systemu, które w bardzo dużym stopniu wykorzystuje potencjał narzędzi informatycznych i automatyzuje wiele procesów. Można posunąć się do stwierdzenia, że sklep uzbrojony w integracje zewnętrzne praktycznie żyje własnym życiem.

WordPress i sklep internetowy

Wśród licznych zastosowań WordPressa, jednym z najmniej rozpowszechnionych jest sklep internetowy. A po co stawiać sklep na WP, jeśli jest Magento i inne aplikacje specjalnie do tego stworzone? – można zapytać. Cóż sytuacji, z których nas wybawi rozwiązanie opisywane w niniejszym artykule może być wiele, choćby taka: prowadzimy już od dłuższego czasu serwis oparty na WordPressie, nie mamy ochoty/czasu/funduszy (niepotrzebne skreślić) na to by stworzyć coś nowego od podstaw a potrzebujemy małego sklepu by sprzedawać w nim np. kilka produktów naszej firmy. Co w tej sytuacji zrobić?

Zainstalować w naszym WordPressie plugin o nazwie WP e-Commerce.

Nie tylko blogi – WordPress jako CMS

WordPress – cóż to takiego?

WordPress powstał w odpowiedzi na potrzebę stworzenia łatwej w obsłudze platformy służącej publikacji treści opartej na PHP i MySQL. Z początku przeznaczony był głównie jako oprogramowanie służące prowadzeniu blogów. Z czasem jednak, dzięki współpracy wielu programistów, którzy zafascynowali się nowym narzędziem oraz licencji GPL, na której jest udostępniany, WordPress stał się tym, czym jest obecnie – dojrzałym, rozbudowanym narzędziem o sporych możliwościach, praktycznie nieograniczonej liczbie zastosowań i banalnie łatwej obsłudze.

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

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.

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!

Mapa strony