Archive

Archive for the ‘webdesign’ Category

Ściągawki – kolejna odsłona

December 5th, 2011 No comments

ściągawka - webdesignPoszukując zupełnie innych rzeczy – jak zwykle trafiłem przypadkiem na coś co bardzo mi przypadło do gustu i uznałem to za bardzo wartościowe znalezisko – mianowicie ściągawki dla webdeveloperów – a szczególnie dla tych, którzy pracują nad templete-ami dla różnych CMS-ów (w tym co bardziej zawiłych w “skórowaniu” – jak drupal).

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 :D

Categories: webdesign, webdevelopement, wiedza Tags:

Color Scheme Designer

September 20th, 2011 No comments

Generator poprawnej palety barw dla webdesignerówMożna być webdesignerem – ale nie każdy musi być od razu estetą i artystą.
Dla tych, którzy miewają dylemat z doborem kolorystyki dla swoich projektów, z pewnością chętnie użyje doskonałemgo narzędzia dostępnego za darmo – online – o nazwie Color Scheme Designer.

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…

Categories: webdevelopement, znaleziska Tags:

Zmiana wyglądu przez JavaScript

September 20th, 2011 No comments

nie jest to żadne epokowe odkrycie – ale sprawia, że wiele problemów ze stylami CSS rozwiązuje się bardzo szybko i skutecznie.

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.

Categories: webdevelopement Tags:

Katalog produktów z Concrete5

August 28th, 2011 No comments

Budowa katalogu produktów jest zawsze dość kłopotliwa i często zmusza do pisania dedykowanego panelu do zarządzania treścią.

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.

Read more…

Szwajcarski ślad

June 24th, 2011 No comments

Przed chwilą trafiłem na bardzo użyteczny blog, człowieka, kóry nie dość, że para się devel;operka Conrete5, to do tego jeszcze zamieszcza na swojej stronie poważne ilości bardzo użytecznych informacji z zakresu webdev. (PHP/Javascript i masa framework-owych historii.

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

Nowy design strony Hotelu Restauracji Meridian

June 17th, 2011 No comments

Strona Hotelu Restauracji Meridian w PoznaniuRestauracja Hotel Meridian to miejsce położone w tak atrakcyjnej lokalizacji, że już z racji położenia – miejsce to można uznać za wyjątkowe.
Szczęśliwie, to nie ich jedyny atut. Prócz nastrojowych, efektownych wnętrz, jest też świetna kuchnia co sprawdziłem organoleptycznie.

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. Read more…

Categories: projekty, webdevelopement Tags: ,

CSS3 dla seniorów?

June 4th, 2011 No comments

Wiek nic nie znaczy, kiedy kogoś pochłania Pasja i nie ogląda głupich seriali :D

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

Aptana Studio 3 – darmowa platforma webdev.

June 2nd, 2011 No comments

Każdy kto przywykł do wygodnych, wydajnych narzędzi typu Dreamweaver – ale nie koniecznie ma chęć wydawać ponad 1600 pln – z przyjemnościa zapewne zaprzyjaźni się z Aptana Studio – Open Source-owym garniturkiem do prac deweloperskich.

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

Categories: software, webdevelopement Tags:

PrettyGallery i inne cuda javascriptowe…

April 16th, 2011 No comments

PrettyGallery snippetJest wiele sposobów na zakotwiczenie ładnych i funkcjonalnych galerii do naszego serwisu www.
Nie każdy jednak jest łatwy – że już nie wspomnę o tym, że nie każdy daje się integrować z różnymi silnikami CMS.

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)

Canvas i genialny mashup wikipedii

April 14th, 2011 No comments

Ledwie odkryłem spod kapelusza genialną bibliotekę CANVAS (czy raczej nowy element html5) i jej pochodne – a już natrafiłem na znakomite przykłady wykorzystania tej technologii w praktyce.

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.

Categories: webdevelopement Tags:
Rss Feed Tweeter button Facebook button Technorati button Reddit button Myspace button Linkedin button Webonews button Delicious button Digg button Flickr button Stumbleupon button Newsvine button