Kategórie →

All posts tagged CSS

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 →

Dynamický generátor obrázkov, alebo Lorem Ipsum na grafiku – druhý pohľad

Začiatkom roka som v článku Dynamický generátor obrázkov, alebo Lorem Ipsum na grafiku spomínal online nástroj dummyimage.com. Ten za tú dobu prešiel veľkými zmenami.

V prvom rade je to oveľa bohatšia funkčnosť – pribudli rôzne grafické formáty. Veľkosť možno zadávať heslami ako fullbanner, svga a podobne. Tiež je možné si nastaviť farbu obrázka. Poteší aj pridávanie textu do neho.

Super je, že celý generátor je možne stiahnuť na vlastné použitie nakoľko je pod MIT licenciou. Aj vďaka tomu bol už integrovaný do rôznych frameworkov či CMS.

2x Curriculum Vitae ako HTML šablóna

Chcete mať pekný životopis v HTML formáte? Ukážem vám dve vydarené šablóny, ktoré stačí upraviť podľa vlastných informácii a hotovo. S HTML zasielaným ako CV som sa často krát nestretol, buď ho väčšina ľudí posiela ako .DOC (fetišisti ako .DOCX) alebo PDF.

HTML je univerzálne. Veď webový prehliadač je na každom PC. Takýto súbor si môžete vystaviť aj na hostingu a máte jednoduchý web s vašimi znalosťami a portfóliom. Využitie je skutočne len a len na vás. Na druhú stranu takýto súbor s množstvom hypertextových odkazov môže byť odfiltrovaný antispamovým systémom príjemcu.

Čítaj ďalej →

22 CSS návrhov ktoré vám budú fungovať

Tvrdí to aspoň o sebe stránka primarycss.com. Nájdete na nej 22 rozvrhnutí, alebo ak chcete layout-ov s ktorými sa môžete stretnúť. Ide o mini framework ak si lámete hlavu ako vedľa seba nastrkať viac stĺpcov a nerobiť to v tabuľkách ale čistom CSS. Veľa začínajúcich či hobby kóderov má s tým stále problém no tento „ťahák“ by im mohol pomôcť.