Kategórie →

All posts in Coding

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í

Databáza UI komponentov pre iOS a Mac OS X

Načo vymýšľať už vymyslené – tak presne v tomto duchu funguje web Cocoacontrols.com. Ten ponúka niekoľko stoviek hotových riešení UI pre Apple vývojárov ako na iOS tak aj Mac OS X.

Web je jednoduchý a prehľadný: ponúka náhľad, popis komponentu a licenciu pod ktorou je vydaný spolu s linkom. Určite ide o vhodnú pomôcku pre začínajúcich vývojárov. UI komponenty je možné hodnotiť a sledovať ich forky.

HTML5 a CSS3 editor zdarma – BlueGriffon

10. mája vyšla prvá stabilná verzia WYSIWYG editora BlueGriffon. Ten je postavený na jadre Gecko, na tom istom ako Firefox 4. Zvláda editovať HTML 4, XHTML 1 a HTML5. Okrem toho aj CSS3, SVG.

Z Gecko jadra si BlueGriffon berie lne to najlepšie – rozšíriteľnosť s pluginami, napríklad podpora pre MathML či obľúbený FireFTP. Nechýba široká jazyková podpora a multiplatfomovosť. BlueGriffon je pod open soure licenciami Mozilla Public License 1.1, GNU GPL 2 a 2.1. Addony sú aj zadarmo, aj platené – momentálne sa dajú kúpiť vo výhodnom bundle. BlueGriffon stojí určite za pozornosť a vyskúšanie.

HTML5 a CSS3 editor zdarma - BlueGriffon

Čítaj ďalej →

Dám like a Facebook mu priradí najviac od veci obrázok

Už nejaký ten mesiac Like Button na stránkach funguje tak, že sa link pridá do vášho profilu na Wall. Dovtedy sa to riešilo cez Share Button. Je to riešenie na jeden klik. No prakticky nemáte ako ošetriť výber priradeného obrázku. No a ako to už chodí Facebook si vyberie ten najviac od veci.

Viete to ale ošetriť ako majiteľ stránky – stačí správny obrázok podhodiť v hlavičke a vyzerá takto:

 
<meta property="og:image" content="http://www.example.com/image.jpg"/> 

Máte výhodu ak viete obrázky generovať automaticky ku každému článku alebo stránke napríklad z nejakého náhľadu ak je k dispozícii. Ak nie skúste si tam dať statický obrázok napríklad vaše logo. URL obrázku musí byť absolútny.

Čítaj ďalej →

Drag-and-drop upload viacerých súborov cez jQuery

V nepravidelnom mikro seriály o zaujímavých jQuery pluginoch by som rad predstavil jQuery File Upload. Ide o plugin s ktorým môžete uploadovať viacero súborov tak, že ich pretiahnete do browsera myšov.

Samotný akt preťahovania funguje vo všetkých majoritných prehliadačov – podpora viacerých súborov je len v tých, ktoré to podporujú. Čiže žiaden IE a ani Safari pre Windows. Plugin je k dispozícii pod MIT licenciou. Má progress bar, netreba Flash, podporuje frontu a je dosť ohybný. Dávam palec hore.

Drag-and-drop upload viacerých súborov cez jQuery