Kategórie →

All posts tagged CSS3

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

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

Aj Google má konvertor z Flash-u do HTML

V marci tohto roku som spomínal projekt Wallaby z dielne Adobe na konvertovanie Flash-u do HTML5. Nedávno aj Google vo svojich laboratóriách ukázal svoju víziu – Swiffi. V prípade Google ide o webové riešenie – pre plnú funkčnosť je potrebné mať prehliadač s jadrom Webkit ako je Chrome alebo Safari.

Swiffi si má poradiť s SWF 8 a ActionScript 2.0, ja za najväčiu výhodu považujem že pracuje s SWF súborom namiesto FLA ako Wallaby. Konvertovanie je dvojcestné, najprv sa generuje JSON súbor a následne na klientskej strane HTML, CSS a grafika v SVG.

Aj Google má konvertor z Flash-u do HTML

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 →

html5awesome – galéria podarených HTML5 stránok

S príchodom HTML5 bude určite počet galérií stránok ako je html5awesome určite narastať, no momentálne ide o jednu z mála. Jej tvorcovia hovoria, že prináša odkazy len na naozaj úžasné a inovatívne weby. Nechýba radenie podľa kategórii. Určite odporúčam ako inšpiráciu.

html5awesome – galéria podarených HTML5 stránok

Video: Jina Bolton hovorí na tému CSS Workflow

CSS to nieje len memorovanie selektorov tvrdí vo svojej prezentácii Jina Bolton. Tá zaznela na konferencii Fronteers v Amsterdame a hovorí aj o tom ako byť produktívny. Nezáleží či pracujete ako freelancer či ste súčasťou veľkého tímu – dobre pracovné návyky a postupy vám pomôžu byť efektívny.

Niektoré odporúčania možno budete poznať a budú vám blízke ak sa CSS venujete, no určite v ňom nájdete aj zaujímavé informácie a fakty prečo robiť niečo inak.

Ako to vidím s HTML 5 + tip na web o ňom

O HTML 5 sa veľmi v poslednej dobe vytvoril riadny buzz, W3C sa snaží situáciu upokojiť a tvrdí že je veľmi priskoro na nejaké „hrátky“ s týmto jazykom. Napriek tomu denne vznikajú stovky tutoriálov s HTML tématikou. Ako sa teda k celej situácii postaviť?

Na HTML 5 je určite priskoro. Prerábať weby na dnes už vo webových prehliadačoch fungujúcich funkcii ktoré budú zahrnuté v pripravovanom štandarde mi príde ako bláznovstvo. Na druhú stranu je fajn vedieť čo sa chystá a postupne sa s tým stotožňovať aj keď o desať rokov to tak byť nemusí.

HTML 5

Čítaj ďalej →

CSS3 a Internet Explorer 6, 7 a aj 8? Áno!

CSS Level 3 prináša do sveta štýlov niektoré možnosti nad ktorými srdce nejedného webdizajnéra zaplesá. Stále tu je ale brzda v podobe prehliadača Internet Exporer od spoločnosti Microsoft. Istým riešením je PIE CSS3.

Skratka PIE znamená Progressive Internet Exporer. Ide o .htc (HTML Components) súbor, ktorý sa linkuje medzi CSS vášho projektu a je prehliadačom podporovaný od verzie 5 a vyššie.

Čítaj ďalej →