Kategórie →

All posts tagged AJAX

JavaScript framework od Adobe

Aj spoločnosť Adobe, ktorá je známa najmä svojimi grafickými aplikáciami vyvíja vlastný JavaScript-ový framework, nesie názov Spry. Je určený na rýchly vývoj ajaxových aplikácií a efektov, dokonca aj pre ľudí neznalých používania JavaScript-u.

Spry môže byť použité aj ja serverovej strane a môžete ho tak začleniť do svojich ColdFusion, PHP, ASP.Net a aj ďalších projektov. Tento framework je vhodný na tvorbu widgetov s vlastným dizajnom, efektov ale aj spracovávanie dát v rôznych formátoch (XML, JSON a HTML). Viac sa o ňom dozviete na domovskej stránke, odporúčam pozrieť aj ukážky hotových vecí a dokumentáciu.

Používajte na webe fonty podľa chute s Type Select

Práca s písmom na webe je jednoznačne nedostatočná. CSS toho veľa neponúka – istým riešením je Scalable Inman Flash Replacement alebo sIFR o ktorom sa posledné mesiace dosť hovorilo a ešte viac písalo. Z ďalších možností možno spomenúť FLIR, Typeface.js či Cufon.

Type Select

Čítaj ďalej →

Ako na web s vlastným profesionálnym portfóliom

Veľmi pekné portfóliá so zaujímavými efektami sú doménou predovšetkým webových dizajnérov. No aj fotograf či stolár môžu mať vlastné portfólio na dobrej úrovni. No hlavne bez nutnosti znalosti akéhokoľvek programovania. Znie to dobre však?

Riešením je systém ProFolio, ktorý je napísaný v PHP, používa databázu MySQL a efekty pomocou JavaScriptu. Inštalácia spočíva v uploade súborov na FTP server a nastavení údajov na pripojenie k databáze v súbore config.php. Ďalej si vytvoríte užívateľské meno a heslo. S ním budete pridávať položky do vášho portfólia.

Pomocou návodu ProFolio zvládne nainštalovať skutočne každý, prípadne bude stačiť jednorázová asistencia skúsenejšej priateľky alebo priateľa. Rozhranie je jednoduché a prehľadné. Ako takéto portfólio vyzerá si môžete pozrieť na demo stránke.

ProFolio

Ecoder je webový open-source editor

Snáď každý editor má už na webe svoju alternatívu – či už ide o audio, obrázky, video alebo obyčajný. Taký Google už aj použiteľný kancelársky balík. Dnes by som rád predstavil jeden textový editor, ktorý ocenia hlavne programátori.

Nesie názov ecoder a ide o webovú aplikáciu. Je dostupný aj na voľné stiahnutie ako open-source. Čiže úpravám a ohýbaniu k vlastným potrebám sa medze nekladú. Samotné rozhranie je veľmi intuitívne a jednoduché. Editor obsahuje integrovaný súborový manager s podporou uploadu, otváranie v taboch pre editovanie viacerých súborov naraz a realtime syntax highlighting. Určite potešia aj klávesové skratky.

Editor sa stále vyvíja no už teraz je dosť použiteľný a stabilný – posledná verzia 0.3.3 je z januára tohto roku. Je napísaný v PHP a JavaScripte, čiže taká ajaxová „klasika“.

Ecoder je webový open-source editor

WordPress kategórie v dvoch stĺpcoch

Pri tvorbe poslednej šablóny na blogu som hľadal riešenie ako rozdeliť kategórie do dvoch stĺpcov. Predsa len sa ich nazbieralo celkom dosť a v jednom stĺpci mi pripadali také nekompaktné. Pôvodný výpis vyzeral takto:

<?php wp_list_categories('show_count=1&title_li=<h2>Categories</h2>'); ?>

WordPress kategórie v dvoch stĺpcoch

Čítaj ďalej →

Jednoduchý a elegantný newsletter

Väčšina CMS má nejaký ten plugin pre mailový newsletter. Pokiaľ je takáto požiadavka na jednoduchšiu stránku odporúčam siahnuť po Newsletter module pre 0.9. Po technickej stránke ide o kombináciu PHP + AJAX. Po používateľskej je možne vytvárať rôzne skupiny s adresátmi či prikladať prílohy. Skutočne jednoduché a použiteľné.

Knižnica Pixastic pre prácu s grafikou

Pokiaľ sa púšťate nejakého online webového editora, či potrebujete aplikovať nejaký grafický efekt na obrázok skúste siahnuť po knižnici s názvom Pixastic. Knižnica je napísaná v JavaScripte a dosť dobre zdokumentovaná, nechýbajú príklady a ukážky. Čo všetko dokáže perfektne ukazuje stránka Pixastic – tušíte správne že ide o online editor. Keďže ide o JavaScript a s ním si každý prehliadač poradí po svojom aspoň čo sa rýchlosti týka a vám by stačila jedna-dve funkcie (napr. Blur a Crop) je možné si zostaviť vlastnú knižnicu. V sekcii Download na webe projektu nájdete možnosť vybrať požadované funkcie, prípadne zostaviť si priamo jQuery plugin.

Web Console je vonku

Web Console je projektom Web Console Group. Ide o webovú aplikáciu, cez ktorú môžu užívatelia vzdialene spúšťať na serveri aplikácie – presnejšie UNIX/Windows shell príkazy. Web Console je open source softvér napísaný v Perle a používajúci AJAX technológiu. Ako to všetko funguje si môžete odskúšať – na webe projektu je demo. Pre inštaláciu nieje potrebná žiadna databáza, stačí stiahnuť balíček, rozbaliť a spustiť webový inštalátor – všetko je detailne popísané v dokumentácii. Čo všetko Web Console dokáže:

  • vykonávať shellové príkazy na serveri
  • upload/download súborov z/na server cez interfejs prehliadača
  • editovať textové súbory priamo na serveri
  • spúšťať zálohu na diaľku
  • nastaviť naplánovanie úloh
  • meniť práva pre súbory a adresáre
  • jednoducho a rýchlo sa inštaluje
  • netreba administrátorské práva na inštaláciu
  • vďaka AJAXu máte pocit, že pracujete na reálnom termináli
  • prístup k Web Console je obmedzený cez prístupové heslo
  • história príkazov
  • copy/paste pravým kliknutím myši
  • prístup cez SSL

0330_01

Kniha: AJAX

1226_01Autor: Ryan Asleson, Nathaniel T.Schutta

Vydavateľ: Computer Press
Počet strán: 272
Vydané: 2006
Jazyk: český
ISBN: 8025112853

Ajax sa na webovej scéne zobrazil takmer zo dňa na deň. Rozmach interaktívnych webových aplikácii bol veľmi badateľný. Jedna z prvých kníh venovaná Ajaxu, ktorá sa na našom trhu objavila nesie podtitul Vytváříme vysoce interaktivní webové aplikace. Je rozdelená do ôsmich kapitol plus dve prílohy. Prvá kapitola sa venuje opisu čo si vlastne vývojári môžu pod pojmom Ajax môžu predstaviť. Spomenuté sú aj ostatné možnosti ako dosiahnuť interaktivitu pomocou iných technológii. Druhá kapitola opisuje prácu s objektom XMLHttpRequest, jeho metódy a atribúty, nechýba príklad jednoduchého požiadavku. V podobnom duchu sa nesie aj tretia kapitola zameraná na odosielanie požiadaviek vo forme XML. Ďalšia kapitola popisuje overovanie vstupu, vytváranie okien s nápovedou, funkciu automatického dokončovania, dynamické načítanie obsahu a pod. Tri samostatné kapitoly sa venujú nástrojom na prácu s Ajaxom, testovanie kódu v JavaScripte, ladiacim nástrojom a technikám. Posledná ôsma kapitola dáva dokopy všetky popisované technológie a snaží sa čitateľa nasmerovať na externé odkazy, kde by mohol nájsť ďalšie zaujímavé informácie. Dve prílohy popisujú vývoj JavaScriptu nezávislého na prehliadači a prehľad aplikačných rámcov pre Ajax.

Rúry na webe

Rúry alebo ak chcete „pipes“ sú známe každému linuxovému užívateľovi. V skratke povedané symbol | dokáže presmerovať výstup jedného programu na vstup iného. A niečo podobné sa podarilo Yahoo so svojím novým projektom pipes.yahoo.com, ktorý dokáže prepojovať rôzne weby a ich služby. Ak uvažujete nad rôznymi „web 2.0“ záležitosťami – uvažujete správne. Prepojovať sa dajú služby Yahoo ako vyhľadávanie, či Yahoo Local alebo del.icio.us. Ale pridať môžete čokoľvek čo má RDF, ATOM alebo RSS a tu už badať ten potenciál. Ďalej je všetko spracovávané cez akcie, filtre a podľa užívateľa radené. Celé rozhranie je samozrejme riešené v Ajaxe.

0212_01

Rôzne záložkovníky, popisovače a agregátory sa pokúšajú weby zatriediť, prepojiť atď. atď. no a v pajpach od Yahoo vidím nový potenciál aj smer vývoja. Áno je to prvá lastovička, ale badať tu nový potenciál do budúcna. Ani nie tak pre programátorov, ale obyčajných webových klikačov.