Kategórie →

All posts tagged CSS

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ť.

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 →

Super tričko: You Are The CSS to My HTML

Niektoré veci sa tažko vyjadrujú slovami. Tak je fajn si pomôcť. A ešte lepšie je keď to aj druhá polovička pochopí.

Tričko You Are The CSS to My HTML sa dá kupiť na popandshorty.bigcartel.com a cena je 25 dolárov. Inak odporúčam si prejsť aj ostatné produkty na shope.

Čítaj ďalej →

Tiny fluid grid – ako na layout jednoduchšie

tinyfluidgrid.com je online vizuálny editor na návrh mriežky pre váš web. Ak vám grid robí stále problém tak skúste tento jednoduchý generátor. Plusom je náhľad a samozrejme možnosť výsledok si stiahnuť ako CSS a HTML.

Dynamický generátor obrázkov, alebo Lorem Ipsum na grafiku

Lorem Ipsum je stále užitočnou metódou pri tvorbe stránok, nech si každý hovorí čo chce – v navrhovanej šablóne vyzerá oveľa lepšie ako napísané bla bla alebo text text text. Nechcete niečo také aj na obrázky?

Viete, že niekde budete mať obrázok no ešte je zbytočné sa ním zaoberať, no aspoň by ste mu chceli vyhradiť vlastný „chlievik“. Môžete si ho nakresliť alebo naštýlovať nejaký DIV cez CSS alebo použiť generátor dummyimage.com.

Obrázok sa generuje zadaním rozmerov za doménu, čiže http://dummyimage.com/600x450 vygeneruje obrázok s rozmermi 600 x 450 pixlov. Jednoduché a použiteľné – do vašej šablóny alebo projektu totiž môžete odkazovať nasledovne:

< img src="http://dummyimage.com/600x450" alt="tu raz niečo bude" />

Autor plánuje pridať podporu pre rôzne grafické formáty, či zadanie len jedného rozmeru pre vygenerovanie štvorca. Dúfam, že sa mu to podarí – mne sa služba veľmi páči.

S jQTouch je vývoj pre iPhone a iPod Touch jednoduchší

Možno si ešte spomínate na môj článok z leta tohto roku s názvom „iWebkit je dobrý základ pre iPhone web“ v ktorom som sa rozplýval o tom ako iPhone nakopol mobilný web. Nedávno som zachytil že tieto zariadenia robia až jednu tretinu trafficu na mobilných dátových sieťach. Vyvíjať pre ne teda dáva zmysel a uľahčiť to má aj jQTouch.

jQTouch je plugin pre obľúbené jQuery na vývoj mobilných aplikácii pre zariadenia ako iPhone, iPod Touch a ostatné „chytré“ zariadenia. V súčasnosti je vo verzii 1.0 beta 2 a vcelku použiteľná.

A jQuery plugin for mobile web development on the iPhone, iPod Touch, and other forward-thinking devices.

Čítaj ďalej →

Web šablóna typu „táto stránka sa pripravuje“

Nemám to rád, ale tiež to tak mám na niektorých projektoch bohužiaľ poriešené. Robím web, mám víziu jeho spustenia no na ňom sa nachádza len prázdny text typu „stránka sa pripravuje“. Vhodným riešením môže byť “Site Under Construction” Template.

Tá napovie že sa predsa len niečo skutočne deje a záujemca môže byť po spustení informovaný o spustení webu napríklad cez mail – pre lepšie pochopenie si pozrite online demo. CSS a HTML kód je prehľadný, počítadlo a slider je spravený cez jQuery, k dispozícii je aj PSD súbor. Možno si predstavuje niečo iné ale takáto šablóna je skutočne lepšia ako nič, ak si poviete že veď to si spravím aj sam tak verte že nespravíte, lebo sa radšej budete venovať spúšťanému projektu.

This website is under construction

15 profesionálnych HTML+CSS šablón na voľné stiahnutie

Web chocotemplates.com publikoval 15 webových šablón na voľné stiahnutie. Niektoré sú veľmi podarené a profesionálne spravené. Uvoľnené sú pod Creative Commons Attribution 3.0 licenciou. Možno vám niečo padne do oka ;)

Portfolio 3

Portfolio 3

Čítaj ďalej →

Ako spoznáte auto geeka či kódera?

No predsa podľa nálepky – predávané balenie obsahuje 5 kusov samolepiek: .NET, PHP, CSS, AJAX a HTML čiže Java, Python, Ruby ani Perl programátori niesu podporovaný. Samolepky je možné objednať na johnfreeborn.myshopify.com. Cena je 5 dolárov, čo sa niekomu môže zdať veľa, takže môžu poslúžiť ako inšpirácia pre vlastnú výrobu.

Ako spoznáte auto geeka či kódera?