Vynikajuci zoznam technik na vytvaranie oblych rohov dal dokopy Christian Watson na svojom blogu Smiley Cat. Z prehladnej tabulky sa da rychlo zistit, ktora technika pouziva javascript, kolko vyuziva obrazkov, ci ide o fixnu alebo natahovaciu variantu. Zoznam by mal byt priebezne aktualizovany.
Category Archives: Webdesign
Mriezka na pozadi webu
Dalsia velmi jednoducha a pritom silne uzitocna pomocka pri vytvarani stranok. Stacivlozit na pozadie mriezku, ktora sa zobrazi pod novovznikajucim webom a hned sa vsetko poziciuje ovela presnejsie. Super napad. Pravda je, ze techniku ma zmysel pouzit len pre layouty s pevnou sirkou. Ukazku a viac info mozno ziskat na blogu Smiley Cat.
Ukazka mriezky: http://www.smileycat.com/miaow/archives/layout_grid.html
Smileycat: http://www.smileycat.com/miaow/archives/000264.html
Farebné schémy jednoducho
Vytváranie farebných schém (tj. kombinácie farieb, ktoré spolu ladia) pre projekty môže niekedy trvať docela dlho. Ponúkam zoznam mnou použivaných online a offline utilít, ktoré pri výbere súvisiacich farieb pomôžu ušetriť čas. Stačízadať primárnu farbu a jediným klikom zobraziť príbuzné, exportovať ich do grafického editoru, či získať RGB/Hex kódy jednotlivých farieb.
Online aplikácie:
Color Scheme Tool
http://www.steeldolphin.com/color_scheme.htmlWebsite Color Match
http://www.hypergurl.com/colormatch.php4096 Color Wheel
http://www.ficml.org/jemimap/style/color/wheel.htmlInfohound Color Schemer
http://infohound.net/colour/Scheme gallery
http://www.colorschemer.com/schemes/index.php
Offline aplikácie:
ColorImpact
http://www.tigercolor.com/Color Scheme Designer
http://www.snapfiles.com/get/csdesigner.htmlCpick
http://home.hccnet.nl/s.j.francke/software/software.htm
Â
OSWD
Open Source Web Design po druhý krát – len pred štyrmi dňami som sa veľmi tešil z toho, že som našiel stránky ponúkajúce šablóny, ktoré môžem používať pre svoje projekty a dnes sa mi podarilo naraziť na ďalší podobný web, ktorý zhromažďuje kvalitné designy (no niektoré z nich sa nachádzajú na oboch weboch). Práve vďaka takýmto projektom sa snáď internet (niekedy) stane naozaj krásnym miestom!
Google Page Creator
Google dnes spustil beta verziu svojej novej služby ‘Google Page Creator’. Ide vlastne o jednoduchý WYSIWYG editor (s kódovým označením “Google Trogdor”), pomocou ktorého si veľmi ľahko vytvorí svoju webovú stránku naozaj každý. K dispozícii je 100 MB webového priestoru a adresa v tvare http://[meno].googlepages.com.
V editore si možno vybrať z niekoľkých základných typov layoutu (jedno, dvoj a trojstĺpcový) a k tomu je pripravných zopár CSS šablón s rôznou farebnosťou a vzhľadom.
Openwebdesign.org
Open Source Web Design – projekt vznikol koncom roka 2005, ide o komunitu designerov ponukajucich svoje websablony volne na stiahnutie. Kazdy den pribudne niekolko novych, archiv sa da samozrejme prehladavat podla roznych kriterii (pocet stiahnuti, hodnotenie, datum) a k dnesnemu dnu obsahuje cez 1400 designov.
Webové mini ikonky
Pri vývoji svojich webových aplikácií som doteraz neustále narážal na problém s nedostatkom malých ikoniek, ktoré by som mohol použiť. Podarilo sa mi nájsť pár galerií, ktoré by sa snáď mohli zísť každému webdesignerovi.
A tu sú odkazy:
Bullet Madness, GraphicPUSH Blog Icons, Free blog icons, Little/micro icons collection, Mini icons, Silk&mini&flags icons, 300 images
Pixelové fonty zadarmo na stiahnutie
Zopár open source pixelových fontov na stiahnutie.
Pretty as Picture
Na tomto webe nájdeš tutoriály, ktoré ti pomôžu zvládnuť stavbu základných vizualnych i konštrukčných elementov stránok.A k tomu zopár CSS & XHTML šablón zadarmo na stiahnutie.
Cheat sheets
Výborné jednostránkové dokumenty (alebo ťaháky?) s najpoužívanejšími príkazmi a funkciami pre jazyky PHP, MySQL, Javascript, CSS a ďalšími užitočnými vecami ako html entites či mod_rewrite.. Stačí vytlačiť a mať vždy po ruke.
Interactive DOM scripting
Umenie skriptovania v DHTML. Rozne dema a experimenty.
The CSS and XHTML Lab
Kolekcia experimentov, metod, tipov a trikov tykajucich sa CSS a XHTML v laboratoriu na 456 berea street.
Dontclick.it
Pravdepodobne prvy ‘bezklikovy web’. Navigacia je spracovana takym sposobom, ze na prezretie webu nie je nutny jediny klik.
Intensivstation.ch
Zakladne CSS & XHTML sablony na stiahnutie. Zdarma.
IBM video helpdesk
IBM ma pekny flashovy video Helpdesk.
http://www-306.ibm.com/e-business/ondemand/us/campaign/helpdesk.shtml