Tech Design Blog
Programistycznych słów kilka…
jQuery jako alternatywa dla Flash
cze 20th
jQuery
Najpopularniejszy framework Javascript rośnie jeszcze bardziej w siłę i staje się realną alternatywą dla ociężałych animacji Flash. Ma w końcu nad nim przewagę:
- Przyjazny dla SEO ponieważ nie ingeruje w treść strony (Przynajmniej oferuje takie możliwości)
- Dużo lżejszy, sam framework zajmuje zaledwie 24KB (spakowana wersja 1.4.2)
- Gigantyczna baza pluginów
- Bardzo łatwy w instalacji i obsłudze
- Bardzo prosty do nauczenia
Ma też oczywiście swoje wady jak na przykład brak wbudowanych czcionek jednak mimo wszystko uważamy, że jest to lepszy wybór niż Flash. Często ludzie pytają po co używać frameworka do javascript ale odpowiedź jest prosta. Skrypty działające na stronie oparte o jQuery zajmują dużo mniej miejsca i dzięki temu ładowanie strony jest szybsze.
W dzisiejszych czasach problemem nie jest prędkość ładowania strony gdyż różnica w czasie rzędu 20 ms to nic w porównaniu ze 100 milisekundami jakich potrzeba do załadowania skryptu w czystym Javscript, nie mówiąc już o czasie jaki jest potrzebny do napisania owego skryptu.
jQuery jest wydawany na licencji MIT czyli jednej z najbardziej liberalnych licencji. Cytat: Daje użytkownikom nieograniczone prawo do używania, kopiowania, modyfikowania i rozpowszechniania (w tym sprzedaży) oryginalnego lub zmodyfikowanego programu w postaci binarnej lub źródłowej. Jedynym wymaganiem jest, by we wszystkich wersjach zachowano warunki licencyjne i informacje o autorze.
Oznacza to, że możemy oferować naszym klientom interaktywne strony internetowe bez użycia drogich i ciężkich aplikacji flash. Przyjazne do pozycjonowania i działające nawet w momencie kiedy obsługa javscript jest wyłączona (Oczywiście w takim wypadku nie będzie animacji jednak z badań wynika, że Javascript jest wyłączony w przypadku około 1% internautów).
Niebawem w naszej ofercie pojawi się nowa propozycja strony interaktywnej i w pakiecie znajdą się między innymi:
- Dynamiczne ładowanie stron
- Animacja dla galerii
- Formularz jQuery UI z dynamicznym sprawdzaniem poprawności
- Animacja menu głównego oraz elementów szablonu (Do wyboru)
Zapraszamy do skorzystania z naszych usług.
Niezbędnik webmastera cz. II
lut 21st
Dodatkowy przybornik software’owy
Jako, że nie samym edytorem składni HTML żyje webmaster, kontynuujemy nasze poszukiwania softu, który ułatwi pracę nad tworzeniem i edycją stron www. Na podstawie naszych doświadczeń wyłoniliśmy już zdecydowanie najlepszy edytor HTML – Aptanę, której zalety i wady opisaliśmy w poprzednim wpisie. Teraz zajmiemy się resztą przybornika, która jest niemalże "must have" każdego webmastera. Stwierdziliśmy, że nie ma sensu rozdrabniać się na poszczególne kategorię – zamieścimy tutaj jedynie spis wykorzystywanego przez nas oprogramowania (głównie darmowego) i skupimy się na ich zaletach i ewentualnych wadach. Tyle tytułem wstępu. Kolejne wpisy naszego przybornika powoli będą odchodzić od środowiska pracy i uciekać będą w niebezpieczną programistyczną sferę…
Na początku należałoby tu wspomnieć o konieczności posiadania wszystkich liczących się przeglądarek WWW. Każda strona powinna zostać starannie przetestowana i sprawdzona we wszystkich dostarczanych przez nie środowiskach. Komplet przeglądarek tzn: Google Chrome, Opera oraz Mozilla Firefox powinien zatem być instalowany w pierwszej kolejności (kolejność nieprzypadkowa 
, może kiedyś skusimy się na porządny test przeglądarek). Celowo pominęliśmy Internet Explorer-a. Czemu? Polecamy zajrzeć na pozycję 4 poniższego zestawienia darmowego oprogramowania przydatnego do tworzenia stron WWW.
1. PSPad – edytor tekstowy.
Opis: prosty, szybki i łatwy w obsłudze edytor tekstowy umożliwiający edycje kodu w wielu (również nieco bardziej egoztycznych) językach programowania. Świetnie nadaje się do dorywczego programowania prezentując dużo większą szybkość działania w porównaniu do kombajnów jak np. Aptana.
Zalety: szybkość działania, prostota obsługi, mnogość funkcji, opcje projektów, konfigurowalność, porządne wsparcie kodowania plików, możliwość pracy bezpośrednio na serwerze FTP
Wady: brak interpretera języków HTML i PHP
Podsumowanie: jeśli nie potrzebujemy bezpośredniej pomocy ze strony interpretera składni możemy śmiało korzystać z PSPada zamiast Aptana – pod względem możliwości i wygody nie odczujemy żadnych strat, pozbędziemy się jednak sprawdzania pisowni HTML / PHP a na otarcie łez dostaniemy szybkość i możliwość komfortowej pracy na slabszych maszynach
Adres: http://www.pspad.com/
2. GIMP – edytor grafiki restrowej
Opis: tego programu chyba nie trzeba przedstawiać – zdecydowanie najlepszy, wieloplatformowy, darmowy edytor grafiki oferujący masę filtrów i efektów. Jego możliwości jak na darmowy soft są naprawdę imponujące. W większości przypadków powinien zaspokoić potrzeby początkujących webmasterów.
Zalety: obsługa większości potrzebnych opcji i efektów potrzebnych do efektywnego tworzenia efektownej grafiki, dużo efektów, wsparcie wielu formatów graficznych (w tym PSD!)
Wady: nieco irytujący interfejs (można wspomóc się np Gimpadem), działa dość wolno
Podsumowanie: program na tyle warty uwagi, że nawet posiadacze Photoshopa powinni mieć go na HDD
Adres: http://www.gimp.org/
3. Filezilla – klient FTP
Opis: szybki i łatwy w obsłudze klient FTP. Jest darmowy co również jest niewątpliwą zaletą. Zdecydowanie najwygodniejszy w obsłudze wielu serwerów (w stosunku do innych klientów jak i klientów wbudowanych w managery jak np. TotalCommander).
Zalety: połączenia w zakładkach, bezproblemowa i szybka praca
Wady: brak?
Podsumowanie: jak dotąd korzystamy z niego dość intensywnie i nie sprawiał żadnych problemów.
Adres: http://filezilla-project.org/
4. IEtester – przeglądarki internetowe
Opis: jak sama nazwa wskazuje program pomoże nam przetestować stworzone przez nas dzieło w przeglądarkach IE 6,7,8. Program w gruncie rzeczy nie jest 3 przeglądarkami w 1 a "jedynie" zawiera silniki renderowania stron WWW zawarte w IE. Mimo iż istnieją przynajmniej 3 powody dla których nie warto używać już tych przeglądarek jednak wciąż ich udział w rynku jest spory.
Zalety: obecność wszystkich przeglądarek prosto z Redmond, wygodne zakładki i sporo opcji
Wady: duży rozmiar pliku instalacyjnego oraz nieco zbyt wolne działanie
Podsumowanie: jest to niezbędnik dla nas gdyż w nowszych systemach Windows ciężko znaleźć np IE 6.
Adres: http://ietester.com/
5. HeidiSQL – klient SQL
Opis: wygodny i szybki klient SQL, będący bezpłatną alternatywą dla paneli PHPmyAdmin. Zdecydowanie ułatwia i uprzyjemnia pracę przy tworzeniu i edycji tabel. Dodatkowo posiada interpreter składni SQL co powinno pomóc początkującym
Zalety: szybkość i wygoda, wygoda, wygoda…
Wady: brak!
Podsumowanie: jako iż zdarzało nam się zjeść zęby przy pracy z bazami danych, ten program jest naszym głównym wsparciem i narzędziem pracy
Adres: http://www.heidisql.com/
Kilka słów na zakończenie…
Przedstawiony wyżej przybornik nadaje się do niemalże wszystkich zastosowań w branży tworzenia i projektowania stron www. Doświadczenie pokazało nam jednak, że czasami komercyjne rozwiązania nadają większego rozmachu i profesjonalizmy naszym projektom zatem jeszcze długo żaden freeware nie zastąpi np Photoshopa… W następnej części niezbędnika zajmiemy się już kwestia znajomości i poprawności kody HTML, CSS i PHP. Nie zabraknie przydatnych linków i kącików dla dociekliwych wyjadaczy
Niezbędnik webmastera cz.1 Edytor
lut 21st
Przygotowaliśmy kilka przydatnych linków które mogą pomóc początkującym webmasterom w ich karierze. Nam przydają się głównie wtedy kiedy zapomnimy jak dany element się nazywa.
Najlepszy edytor html – Aptana
Wypróbowaliśmy wiele edytorów ale w tym przypadku nie mamy wątpliwości. Najlepszym edytorem jest Aptana. Przede wszystkim posiada korekcję składni html, autouzupełnianie tagów oraz ich własności a nawet wartości tych własności np <input type="checkbox"… (wie jakie mogą być wartości type dla znacznika input). Dodatkowo potrafi formatować cały tekst jednym skrótem klawiszowym (automatycznie robi wcięcia w zależności od głębokości danego znacznika html) i przy okazji zna praktycznie całą dokumentację CSS.
Nie jest to specjalnie wybitne osiągniecie ponieważ są edytory które potrafią to samo, ale aptana ma jeszcze szereg innych zalet. Możemy dzięki niej pracować BEZPOŚREDNIO na plikach ftp bez konieczności zapisywania i wysyłania ich na serwer. Oczywiście jest opcja synchronizacji serwera z wybranym katalogiem w trzech trybach- syncho, download i upload. Dodatkowo jeżeli zajmujemy się programowaniem w php to jest wtyczka która podobnie jak przy html zna całą składnię owego języka, wszystkie metody, funkcje i wartości jakie przyjmują. Identyczna sytuacja z javascript. Razem tworzy to niesamowity produkt lepszy nawet niż Adobe Dreamweaver CS3. Jeżeli ktoś chce używać Aptany do edycji html bez php to śmiało można zainstalować najnowszą wersję. Jeżeli jednak ktoś zamierza korzystać z dobrodziejstw php to polecamy zainstalować Aptanę w wersji 1.5.1 oraz starszy plugin php. W nowej wersji 2.X został on zastąpiony PHP Development Tools, które raczej są jakąś kpiną a nie faktycznym pluginem. Podejrzewam, że kiedy owy plugin się rozwinie, to może stanowić alternatywę dla starego produktu ale na razie nie ma szans. Polecamy przeczytać http://www.ilovecolors.com.ar/aptana-php/ Aby dowiedzieć się jak zainstalować starą wersję.
Podsumujmy więc zalety aptany:
- Pełne wsparcie dla języka HTML w tym: lista błędów składniowych, autouzupełnianie tagów, atrybutów i ich wartości.
- Pełne wsparcie dla języka CSS w tym: lista błędów składniowych, autouzupełniane własności i ich wartości. Pamięta też jakie były ostatnio wpisywane identyfikatory i klasy w edytowanym dokumencie html.
- Wsparcie dla języka JavaScript (oraz frameworków w nim napisanych np jQuery) w tym: lista błędów składniowych, autouzupełnianie własności. W przypadku JavaScript jest trochę gorzej niż HTML czy CSS ale mimo wszystko jest dobrze.
- Pełne wsparcie dla języka PHP(starszy plugin) w tym: lista błędów składniowych, lista wszystkich metod i funkcji oraz argumentów jakie przyjmują z krótkim opisem.
- Operacje na serwerach FTP, SFTP, synchronizacja z katalogiem na dysku.
- Podgląd edytowanych stron w przeglądarkach.
Do minusów niewątpliwie możemy zaliczyć:
- Rozmiar całości – około 150-200mb.
- Ociężały interfejs – jeżeli mamy szybki komputer to nie powinno to sprawiać problemu.
- Źle rozplanowane okienko ustawień – gdyby nie wyszukiwarka to ciężko byłoby znaleźć szukaną opcję.
- Plugin php w nowszej wersji zastąpiony PHP Development Tools które jak na razie nie jest dla niego żadną alternatywą.
Oczywiście gdyby wziąć pod uwagę całość to na pewno znaleźlibyśmy więcej plusów oraz minusów ale to już zostawiam każdemu z was do indywidualnego rozpatrzenia. Proponuje sprawdzić też inne edytory np Vim i wybrać najlepszy. Pozdrawiam i zapraszam do kolejnej części niezbędnika webmastera.
Oficjalna data wydania Tech CMS
lut 17th
System zarządzania treścią
Główne zmiany w stosunku do poprzedniej wersji to radykalna zmiana kodu źródłowego. Moduły zostały zupełnie inaczej rozplanowane dzięki czemu możliwe było włożenie mechanizmów ajaxowych. W tym dynamiczny i bezpieczny upload plików oraz obrazów. Upload obrazów jest możliwy również z poziomu edytora co jest ogromnym postępem jeśli chodzi o łatwość obsługi. Jest to jeden z kamieni milowych jakie udało nam się pokonać.
Kolejną sprawą wartą wspomnienia jest wybór edytora wysiwyg (wizualny edytor html) pomiędzy Xinhą i TinyMCE. Oba te edytory są jednymi z nielicznych na rynku które oferują praktycznie wszystko co jest potrzebne przy edycji dokumentów przy czym oba z nich produkują poprawny kod html dzięki czemu strony nie będą się ‘rozjeżdżać’ ani zajmować zbyt dużo miejsca w bazie danych.
W najbliższym czasie zostanie dodany także drugi szablon panelu sterowania. Będzie można wybrać pomiędzy klasycznym niebieskim oraz prostym złoto-szarym.
Została dodana zakładka opcje która pozwala m.in na zmianę słów kluczowych strony głównej, zmiany hasła oraz wszelakich ustawień dotyczących panelu sterowania.
Dlaczego warto
System zarządzania treścią sam w sobie nie jest wart 699zł netto. Ale w tą cenę wchodzi stworzenie grafiki strony głownej i napisanie aplikacji która skorzysta z danych zapisanych w panelu sterowania. W dzisiejszych czasach wielu ludzi szuka rozwiązań jak najtańszych i często dziwi się później, że nie wszystko można zrobić tak jakby się chciało. Niestety ale za produkt który spełni oczekiwania w 100% trzeba zapłacić.
Dlaczego więc nie darmowy CMS? Ponieważ to są potężne aplikacje które mają zbyt wiele ustawień i tak na prawdę są ciężkie w obsłudze. Do tej pory żaden klient nie wybrał tańszej opcji z darmowym CMSem, pomijając stworzenie szablonów do już zainstalowanych systemów. Dzieje się tak dlatego, że za działanie darmowego systemu webdeveloperzy inni niż autorzy ów CMS’ów nie mogą odpowiadać. Natomiast jeżeli chodzi o nasz, napisany od zera, cms, to jesteśmy w pełni świadomi jego sposobów działania i możemy za niego odpowiadać. Wiąże się to z tym, że gdyby klientowi zdarzył się jakiś problem, bug to usuniemy go bez jakiejkolwiek opłaty.
Obecnie nasze rozwiązania są stosunkowo tanie jeśli porównać naszą ofertę z konkurencją. Możemy sobie na to pozwolić właśnie ze względu na cms który zawiera wszystkie potrzebne opcje i nie jest specjalnie przeładowany bajerami.
Oficjalnym terminem skończenia prac będzie piątek czyli 19.02.2010
Nowa wersja Tech CMS
lut 7th
Powoli zbliża się data skończenia prac nad nową wersją Tech CMS’a. Będzie to wersja dużo bardziej rozwinięta niż poprzednie. Przede wszystkim dużo prostsza w obsłudze i dużo bardziej intuicyjna.
Wszyscy klienci którzy w najbliższym czasie zdecydują się na stronę internetową opartą o system zarządzania treścią będą mieli możliwość skorzystania z bezpłatnego upgrade’u do nowej wersji. Po miesiącu oferta wygaśnie.
Starsza wersja będzie nadal w sprzedaży za tą samą cenę. Oferuje wszystkie narzędzia jakie są potrzebne do edycji treści podstron. Zostanie tylko nieco zoptymalizowana. Standardowo kosztuje ona 699zł netto a nowa wersja która wejdzie do sprzedaży za miesiąc będzie kosztować 999zł netto. W pakiecie również znajdzie się ModRewrite dla Front Endu czyli prościej mówiąc zamiana linków pokroju /index.php?page=strona na bardziej przyjazne /Strona,Nazwa_strony
Dodatkowo będzie możliwość wybrania edytora wizualnego html. Obecnie jest to Xinha, a będzie można wybrać jeszcze TinyMCE. Na specjalne życzenie zainstalujemy dowolny kompatybilny edytor.
Lista głównych różnic pomiędzy wersją standardową a wzbogaconą:
- Dodatkowe znaczki BBCode
- Obrazy [Image='nazwa'] [Image=id]
- Pliki [Image='nazwa'] [Image=id]
- Dodatkowe ustawienia BBCode
- Rozmieszczenie obrazów [Image='nazwa',align=left] mogą być left right i center
- Pliki – analogicznie rozmieszczenie i opcje pokazywana opisu
- Galerie – analogicznie rozmieszczenie i opcje szablonu
- Ułatwienia w edycji
- Wgrywanie multimediów bez konieczności wychodzenia z okna edycji podstrony
- Artykuły, newsy i podstrony jako osobne zakładki
- Ajaxowe zarządzanie podstronami jako wybór
Programistyczny blog Tech Design ruszył pełną parą!
lut 6th
W raz z dniem 6 lutego zrealizowaliśmy wreszcie wizję stworzenia naszego, firmowego bloga. Dość długo nosiliśmy się z zamiarem stworzenia kącika programisty na naszej stronie techdesign.pl aż w końcu zrodził się pomysł założenia bloga na którym będziemy uzewnętrzniać nasze wizje, plany i obserwacje również te niekoniecznie ściśle związane z programistycznym światkiem.
Naszym celem jest utworzenie kącika zawierającego najróżniejsze zagadnienia, ciekawostki oraz rozwiązania problemów na które z pewnością prędzej czy później natrafi zarówno początkujący jak i zaawansowany programista. Z czasem przybędzie również kilka krótkich felietonów naszego autorstwa, w których rozprawimy się z jak dotąd nieuzewnętrznionymi przez nas kwestiami.
Dalsze plany odnośnie naszego małego kącika dotyczą humoru, którego każdemu programiście nie powinno zabraknąć 
Zapraszamy zatem do lektury i częstego nas odwiedzania.
Ekipa Tech Design