Polecam – bo źródełko zawiera zbiór ściągawek z wielu lokalizacji. Słowem – oszczędza czas i pozwala urozmaicić otoczenie własnego biurka dzięki kolorowym planszom

Bardzo funkcjonalny ale i efektowny interfejs, pozwoli nam na skomponowanie palety barw przeliczonej na HEX-y, z kilkoma miłymi udogodnieniami – jak na przykład dobór barw przeciwstawnych, palety odcieni (monochrom), triada itp.

Co więcej, możliwe jest tez sprawdzenie naszej palety w przykładowym szablonie, który natychmiast wyświetli się  w zadanej kolorystyce.
Możemy tez kontrolować kontrast w naszej docelowej palecie barw, dzięki czemu zwiększa się rozpiętość tonalna i dynamika naszego schematu.

Pomijając aspekt praktyczny – tym, którzy cierpią na nerwice natręctw i pragną projektować layouty najpoprawniejsze z możliwych – na pewno to narzędzie przypadnie do gustu – mimo, że nie jest to pierwszy wynalazek tego typu. Na pewno jednak najciekawiej zrealizowany – moim skromnym zdaniem…

Mowa oczywiście o zmianie atrybutów poszczególnych elementów layoutu strony, korzystając z podstawowych metod obiektu Document – jak poniżej:

<script type="text/javascript">
 var divHeight = ((document.getElementById('midbox').offsetHeight) + 'px');
 document.getElementById('batony').style.height = divHeight;
 </script>

Można dzięki temu prostemu rozwiązaniu dowolnie manipulować naszym layoutem, który na przykład nie chce być wystarczająco elastyczny do naszych potrzeb – co mnie osobiście bardzo przypadło do gustu…

Zarówno zmiana stylu jak i bezpośrednie wymiary bądź pozycjonowanie , można zmieniać korzystając z detektora wydarzeń (onload) – lub wyzwalając akcję za pomocą przycisku.

Przykładem użycia może być nowa strona www.receent.com, gdzie wykorzystywane to jest przy menu katalogu produktów.

Powód jest prosty: każdy klient ma inną wizję prezentacji danych i tego, co chciałby w takim katalogu zawrzeć.
Główny cel jednak zawsze jest jeden – pełna inwentaryzacja oferty z zachowaniem łatwego zarządzania treścią. Ot –  żeby każda sekretarka czy inny biurowy wyżeracz mógł spokojnie ogarnąć tajniki dodawania / modyfikowania produktów.

O tym, jak doskonale można się wyręczyć Concrete5 wiedza tylko Ci, którzy zaprzyjaźnili się z rewelacyjnym dodatkiem umożliwiającym tworzenie własnych “bloków” czyli obszarów dla treści:  Designer Content.

Sam gotów byłem pisać taki katalog od podstaw, żeby tylko zaspokoić powodowane lenistwem oczekiwania klienta.
Zawiłość tworzenia stron z  opisem kolejnych  produktów, faktycznie – nawet w oparciu o szablon może być kłopotliwe. Dlatego postanowiłem napisać samodzielnie wtyczkę dla C5.

Szybko jednak natrafiłem na problemy z API. Zwalczając je odkryłem znakomitą wtykę – Designer Content, która jest w istocie kreatorem formularzy i typów treści. Słowem – narzędziem do projektowania własnej treści w oparciu o predefiniowane pola, z możliwością dodawania dowolnych mediów z kolekcji tworzonych w panelu C5.

Jakby tego było nie dość, aby łatwiej nam było zapanować nad stroną wizualną podczas prezentacji danych, możemy swobodnie zdefiniować wrappery – czyli tagi, w które wlewana będzie treść poszczególnych pól naszego bloku
Krótko mówiąc – mamy do dyspozycji narzędzie tworzące nam kompletny blok, który musimy jedynie oprawić stylami CSS – o ile jeszcze ich nie posiadamy w szablonie strony.

Resztę niezbędnych funkcjonalności – jak promowanie wybranych artykułów na stronie głównej czy wyróżnianie ich w dowolny sposób – załatwiaja dodatkowe atrybuty stron oraz dedykowane bloki wyświetlające wskazaną w ten sposób treść.

Wielu projektantów przechodziło już przez podobne historie – stąd tak miłe, gotowe rozwiązania jak ThumbView, będące  alternatywnymi szablonami dla podstawowych bloków takich jak “pagelist”, które umożliwiają tworzenie list z miniaturami i osobno definiowanymi opisami (niezależnie od treści zamieszczonej na podstronie).
Wszystko czego nam potrzeba, to zainstalować wtyczkę i wybrać odpowiedni szablon przy definiowaniu bloku PageList.
ThumbView, dodatkowo daje możliwość przełączania się między widokiem w trybie listy lub tabularcznym.

Już niebawem przykładowe zastosowania na “żywych” stronach – jako uzupełnienie tego tekstu.

Oprawa bloga nie jest może szokująca – ale zawartość – nadrabia nadwszechmiar.

Polecam szczególnie tipsy dotyczące TinyMCE i jego dostosowywaniu. Miło trafiać na takie kąski.

Polecam zrobić zakładkę: CodeBlog.ch

Od niedawna, do długiej listy zalet można dodać nowa stronę www, która zastąpiła dziwny twór łaczący w sobie potężne , panoramiczne zdjęcia z wymyślnym javascriptem zażynającym komputery użytkowników.

Tylko design?

Oczywiście , że nie! Prócz silnika CMS, pojawiły się łatwe w implementacji formularze, galeria i elastyczne szablony podstron, pozwalające optymalnie i swobodnie dysponować przestrzenią layoutu strony.
Nowością jest też zaciąganie kanału RSS z serwisów regionalnych , prezentując je w postaci treści strony głównej – dzięki czemu strona nabiera dynamicznego charakteru dając też możliwość szybkiej orientacji w atrakcjach lokalnych.
Jest też pełna optymalizacja pod kątem SEO – oraz śledzienie ruchu przez Google Analytics.

Rzeczywiście jest tak świetnie?

Zapewne. Ruch na stronie , od czasu jej uruchomienia znacznie się wzmógł – także dzięki kanałowi facebook’owemu oraz poprawieniu pozycjonowania.
Różnicę widać gołym okiem – również w liczbie przesyłanych zapytań od potencjalnych klientów.
Mimo to, nadal prowadzone są analizy ruchu użytkowników, dla usprawnienia nawigacji i wprowadzenia nowych elementów uzupełniających treść.

A to nie koniec…
Wdrożenie serwisu zostało zakończone – ale jego rozwój nawet nie nabrał tempa.
W dalszej części, przygotujemy elementy zwiększające czytelność tekstu i jego efektowną prezentację. Na tym polu, zawsze można coś jeszcze poprawić.

Póki co – trzymamy kciuki za pracowników Meridiana, którzy samodzielnie zarządzają teraz serwisem.

Stuart Nicholls ma 64 lata i – mówiac krótko – wymiata…
Jest fotografem i … w domowym zaciszu daje radę ze sztuczkami CSS.

Jego serwis - CSSPlay - obfituje w niezłe smaki w dziedzinie nietypowych zastosowań CSS. Polecam wizytę i podejrzenie warsztatu. Nie wszystko, w prawdzie znajdzie praktyczne zastosowanie – ale pomysły zrywaja czapkę z głowy

I niech ktoś powie że developerka jest domeną młodzieży.

Dodam jeszcze, że całość serwisu www prowadzi z żoną…  :D

Jest ich więcej – jednak mało który oferuje tak wiele w tak przystępnej formie. A na dodatek jest ciągle rozwijany. Osobiście z wielka radością zasiadam przed złożonym – acz przyjaznym (na moje oko) interface-m Aptana. Wkrótce przyjdzie pora na nieco bardziej złożone wnioski i uwagi, którymi na pewno się podzielę.

Szereg udogodnień dla miłośników Eclipse i RubbyOnRails to jedna twarz A.Studio.
Mnie osobiście interesuje część wspierająca prace z html/php i css. Tu – Aptana nie ma za wiele konkurencji wśród darmowych produktów, bo choć edytorów jest wiele – wygodna praca jest czymś trudno osiągalnym.

Nie ulega jednak wątpliwości, że narzędzia tego typu warto promować – a może nawet dotować twórców, bo nie ma co ukrywać, budowa tak dużego narzędzia kosztuje na pewno setki godzin pracy. Zainteresowanych odsyłam na: http://www.aptana.org

Pretty Gallery jest tak łatwy w implementacji, że integracja chyba nie jest konieczna. Wystarczy zachować wymaganą konstrukcję html, zamieszczając kolejne obrazy w znaczniku <li>.
Daje się konfigurować i nie robi niespodzianek nawet w prymitywnym, tępym IE…
Słowem – miła rzecz.

Jakby tego było nie dość – na stronie projektu “NO-MARGIN-FOR-ERRORS” jest coś jeszcze – co bardzo mi przypadło do gustu – bowiem świetnie dopełnia funkcjonalność serwisu www…

Tajemniczy skrypt, umożliwiający przeciąganie zdjęcia na stronie, wprost na panel z linkami do serwisów społecznościowych – PrettySociable.
Dawno nie widziałem tak pomysłowego sposobu na “dzielenie się” kontentem w portalach.
Teraz to już nic – tylko zaimplementować gadżeciki w serwisach www. Ten weekend będzie znów – bardzo pracowity…

PrettyPhoto jest już w użyciu – jak widać (klikając w dowolne ilustracje w tekście)

Niemiecka firma InfoRapid, specjalizująca się w tworzeniu narzędzi wspierających procesy uczenia i zapamiętywania, stworzyła i udostępniła znakomite narzędzie wizualizujące łańcuchy zależności między wyszukiwanymi hasłami z wikipedii.

Pomijając funkcjonalność narzędzia – urzeka mnie pomysł na tak zmyślne wykorzystanie korelacji między terminami z wikipedii. Z pewnością przyda się w ramach projektu zarządzania wiedzą – i już zainspirowało mnie do wyszukania (i znalezienia) stosownego modułu dla Drupala. Może to nie do końca to samo – ale GraphMind jest również bardzo użyteczny i osobiście zamierzam go wykorzystać do budowy modeli organizacji treści w Drupalu.