Kategórie →

All posts in Coding

Notifikácia namiesto Favicon v browseri

Ak riešite interaktívnu notifikáciu pre vašu webovú aplikáciu tak odporúčam odskúšať aj Tinycon. Ide o JavaScript, ktorý vie favicon dynamicky nahradiť inou ikonou. Jednoduché a efektné riešenie – pre spoľahlivé fungovanie ale treba posledné verzie webových prehliadačov. Ako to funguje najlepšie ukazuje domovská stránka projektu.

Notifikácia namiesto Favicon v browseri

Nastavte si video z YouTube ako pozadie na web

tubular je jQuery plugin, ktorý dokáže nastaviť video zo služby YouTube ako background na web. Video je možné stopnúť, prípadne vypnúť zvuk. Ukážku ako to funguje nájdete na domovskej stránke projektu.

Nápad sa mi páči a myslím, že pre vybrané projekty by mal aj uplatnenie. Desí ma ale náročnosť na výkon sa plynulosť videa aj na rýchlej linke. Je aspoň dobré vedieť, že niečo takéto je.

Nastavte si video z YouTube ako pozadie na web

Zálohujte svoje tweety s Tweet Nest

Twitter je super vec – kto ho používa tak vie, kto nepoužíva robí chybu. Čo mne ale chýba je rozumný archív, pri tisícoch tweetov ho skôr či neskôr budete potrebovať. Zaujímavým riešením je Tweet Nest.

K svojmu behu potrebuje posledné verzie MySQL a PHP. Po nainštalovaní importnene užívateľa a jeho posledné tweety – mne sa podarilo za posledný rok. Následne v nich môžete vyhľadávať, vidíte koľko ste ich poslali za deň alebo mesiac. Tak isto sú dostupné aj vaše Favorites.

Zálohujte svoje tweety s Tweet Nest

Čítaj ďalej →

impress.js – open-source verzia Prezi

Pokiaľ ste hľadali krajšejší nástroj na prezentácie určite ste na Prezi narazili. A ak nie tak je pravdepodobné, že ste nejakú prezentáciu vytvorenú týmto nástrojom videli. V niektorých prípadoch to môže vyzerať naozaj efektne.

impress.js je voľne šíriteľná knižnica inšpirovaná práve Prezi. Je jednoduchá na pochopenie a pre zobrazenie používa moderné HTML5 a CSS3. Aj práve preto sa adekvátne zobrazuje len na prehliadačoch ako Google Chrome a Apple Safari. Firefox by mal pribudnúť čoskoro. impress.js nájdete na github.com

impress.js – open-source verzia Prezi

Vyšlo jQuery Mobile vo verzii 1.0

Po vyše roku, čo som písal, že sa chystá mobilná verzia populárneho JavaScript frameworku vyšla jeho prvá finálna verzia s číslom 1.0. Tej predchádzalo 6 alpha verzií, tri beta a tri RC verzie. Na jQuery Mobile 1.0 pracovalo 125 ľudí.

Podporované sú všetky majoritné mobilné platformy ako iOS 3.2-5.0, Android 2.1 – 2.3 a Honeycomb alebo Windows Phone. Kompletný prehľad noviniek je v release notes.

Vyšlo jQuery Mobile vo verzii 1.0

Responsive web design s MQFramework

Responsive web design je bez pochýb témou tohto roka. Hovorí sa o ňom na konferenciách o webe, ukazujú sa príklady a štúdie. Tiež si myslím, že má niečo do seba. No ako na to? Trebás s MQFramework.

MQFramework je CSS framework fungujúci cez vlastnosť media. Skladá sa z 12 stĺpcovej mriežky. Skvelým príkladom použitia je samotná domovská stránka projektu. Skúste sa s jej veľkosťou v prehliadači ponaťahovať. Mne sa tento framework veľmi páči a už pár dní sa s ním hrám – vrelo odporúčam.

Responsive web design s MQFramework

30 dňový kurz HTML a CSS od profesionálov a zadarmo

Máte medzery v HTML alebo CSS alebo stále sa odhodlávate sa že sa do tohto značkovacieho jazyka a kaskádových štýlov ponoríte no stále sa k tomu nemáte? Mám pre vás dobú správu! Web Tuts+ ktorý ponúka prémiové online návody a patrí pod legendárne Envato teraz prišla s ponukou 30 dňového kurzu. Zadarmo.

Ide o video kurz, ktorý robí Jeffrey Way. Videa niesu len o holej teórii CSS a HTML ale ponúkajú aj praktické typy a návyky. Envato sa rozhodlo, že kurz dá zadarmo lebo každý má pravo vedieť robiť zaujímavé stránky a projekty. Bonusom je že videá sa dajú stiahnuť a netreba ich sledovať len online.

30 dňový kurz HTML a CSS od profesionálov a zadarmo

h5ai – krajší Apache index

S tej na prvý pohľad nezrozumiteľnej skratky si môžete poskladať Apache index v HTML5. Projekt h5ai si dal za cieľ generovať krajšie vylistovanie a zobrazenie súborov na web serveri Apache. A ide mu to celkom dobre.

Ak používate Apache ako file server tak po ňom určite siahnite, h5ai je celkom aktívne vyvíjaný pod MIT licenciou.

h5ai – krajší Apache index

Čítaj ďalej →

MotionCAPTCHA – neopisujte text, kreslite

MotionCAPTCHA je veľmi podarený jQuery plugin pre ochranu proti spamu. Aj keď sa tvrdí, že väčšina CAPTCHA ochrán je automaticky bez zásahu človeka prekonateľná tak sa bohato používa. A ja si neraz potrápim hlavu.

Plugin MotionCAPTCHA na to ide inak – používa HTML5 element canvas pre kreslenie nejakej línie. Ak sa podarí správne obkresliť predlohu tak je všetko v poriadku. Najlepšie to ukáže toto demo – mne sa veľmi páči myšlienka a interaktivita. Skúšal som ho na iPade a funguje výborne.

MotionCAPTCHA – neopisujte text, kreslite

Active Admin je framework na generovanie administrátorských rozhraní

Pokiaľ momentálne riešite tvorbu admin rozhrania pre váš Ruby on Rails projekt mohol by vás zaujímať pomerne nový framework Active Admin. Ten má takúto činnosť zjednodušiť.

Podľa jeho tvorcov je práca sním jednoduchá. Pre jeho použitie si stačí pozrieť demo – grafický výstup je naozaj veľmi pekný. Následne preštudovať dokumentáciu, stiahnuť Active Admin a používať. Mne sa celkom pozdáva.

Active Admin je framework na generovanie administrátorských rozhraní