<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>CSSElite</title>
	<atom:link href="http://www.csselite.pl/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.csselite.pl</link>
	<description>Wszystko co z wiązane z szeroko pojętym webdesignem.</description>
	<lastBuildDate>Fri, 22 Jan 2010 12:54:20 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Jeżeli architekt miałby dostawać zlecenia tak jak web designer &#8230;</title>
		<link>http://www.csselite.pl/jezeli-architekt-mialby-dostawac-zlecenia-tak-jak-web-designer/</link>
		<comments>http://www.csselite.pl/jezeli-architekt-mialby-dostawac-zlecenia-tak-jak-web-designer/#comments</comments>
		<pubDate>Fri, 22 Jan 2010 12:46:00 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Uncategorized]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[porównanie]]></category>
		<category><![CDATA[web designer]]></category>

		<guid isPermaLink="false">http://www.csselite.pl/?p=223</guid>
		<description><![CDATA[Od jakiegoś czasu pracuję w troche większej firmie niż poprzednio i jest trochę więcej do zrobienia. Mój szef po ostatnim projekcie, który zamknąłem w 4 dni, zapytał czy nie mógł bym nad następnym bardziej się &#8220;sprężyć&#8221; &#8211; mimo, że wcześniej jak zlecał to samo freelancerom, to czekał po kilka tygodni na jakiekolwiek rezultaty. Co ciekawe [...]]]></description>
			<content:encoded><![CDATA[<p>Od jakiegoś czasu pracuję w troche większej firmie niż poprzednio i jest trochę więcej do zrobienia. Mój szef po ostatnim projekcie, który zamknąłem w 4 dni, zapytał czy nie mógł bym nad następnym bardziej się &#8220;sprężyć&#8221; &#8211; mimo, że wcześniej jak zlecał to samo freelancerom, to czekał po kilka tygodni na jakiekolwiek rezultaty. Co ciekawe podsunął mi taki tekst: <a href="http://biznik.com/forums/community-wide-general-discussion/topics/if-architects-had-to-work-like-web-designers" target="_blank">link</a>.</p>
<p>Fajny &#8230; i taki prawdziwy. Przetłmaczę go dla Was.</p>
<blockquote><p>Drogi Architekcie.</p>
<p>Proszę zaprojektować i zbudować mi dom. Nie jestem do końca pewien czego dokładnie potrzebuję, tak więc zdaje się na pańską wyobraźnię. Dom powinien mieć od 2 do 45 sypialni. Proszę uwzględnić w projekcie to, żeby łatwo można było tą ilością manipulować. Zdecyduję, kiedy zostaną mi przedstawione plany. Proszę również przygotować kosztorys dla każdej konfiguracji.</p>
<p>Dom na który się zdecyduje powinien kosztować mniej niż ten w którym mieszkam obecnie. Proszę się upewnić, że nowy dom nie będzie miał tych wszystkich usterek, które są w obecnym (podłoga w kuchni skrzypi i ściany nie są wytarczające wypełnione izolacją).</p>
<p>Proszę pamiętać w trakcie projektowania o minimalnych rocznych kosztach utrzymania. Mam namyśli tutaj zastosowanie takich materiałów jak aluminium, polichlorek winylu oraz kompozyty. Jeżeli zdecyduje się Pan na nie wykorzystanie aluminium, proszę być przygotowanym na szczegółowe wyjaśnienie.</p>
<p>Chcę aby dom był nowoczesny i zbudowany z wykorzystaniem nanowszych materiałów konstrukcyjnych &#8211; miałem okazję zapoznać się z takowymi podczas targów budowlanych. Aczkolwiek kuchnia musi pasować do mojej lodówko &#8211; zamrażarki &#8211; Gibson z roku 1952.</p>
<p>Proszę również  skontaktować się z moimi dziećmi i dziećmi z poprzedniego związku mojej żony w celu ustalenia co jest ważne dla nich w tym projekcie. Mojej teściowej zdanie też powinno się liczyć, aczkolwiek zostawiam sobie ostatczne decyzje.</p>
<p>W trakcie wstępnych prac proszę o nie dopytywanie o detale  &#8211; proszę skoncentrować się na całokształcie. Dla przykładu, nie interesują mnie kolory wykładzin. Aczkolwiek proszę pamiętać, że moja żona lubi niebieski.</p>
<p>Również proszę się nie przejmować robotnikami &#8211; najważniejsze są szczegółowe plany i specyfikacje. Aczkolwiek chciałbym, żeby dom został wybudowany w 48 godzin.</p>
<p>W trakcie projektowania mojego domu, proszę pamiętać, że prędzej czy później będe chciał go sprzedać. Musi się podobać jak największej ilości potencjalnych nabywców. Projekt musi uwzględniać zapatrywania i potrzeby lokalnej społeczności. Zalecałbym przyjżeć się domowi mojego sąsiada, który był zbudowany w ciągu ostatniego roku. Ma dużo rzeczy, które nam się podobają, a najbardziej 20 metrowy basen. Wierzę, że jesteś w stanie uwzgędnić to w projekcie bez zwiększania kosztów.</p>
<p>Proszę przygotować szczegółowe plany konstrukcyjne &#8211; nie muszą zawierać elementów dezajnu, gdyż będą wykorzystane tylko przetargu. Musisz pamiętać, że  jeżeli koszty konsrtukcji wzrosną w wyniku zmian w dezajnie, będziesz obciążony kosztami.</p>
<p>Wierzę, że jesteś podekscytowany mając okazję pracować nad tak interesującym projektem! Nie codziennie jest możliwość pracowania nad projektem, który uwzględnia najnowsze technologie i materiały, a jednocześnie daje swobodę &#8220;twórczą&#8221;. Skontaktuj się ze mną możliwie jak najszybciej z gotowymi pomysłami i planami.</p>
<p>PS. Moja żona właśnie mi powiedziała, że nie zgadza się z większością moich instrukcji. Zostawiam Tobie (jako, że to Ty jesteś architektem) to zadanie &#8211; dostosowanie projektu do sugestii mojej żony. Zlecałem podobne prace w przeszłości, które kończyły się fiaskiem. Jeżeli nie jesteś w stanie tego zrobić, poszukam innego architekta.</p>
<p>PPS: Być może bardziej odpowiedni dla mnie była by przyczepa kampingowa &#8230; proszę daj znać jeżeli jest to jakiś większy problem.</p></blockquote>
<p>Dobre &#8211; no nie ?</p>
<p>Jeżeli są literówki / orty / źle przetłumaczone fragmenty to nie miejcie pretensji &#8211; robię to &#8220;cichaczem&#8221;.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.csselite.pl/jezeli-architekt-mialby-dostawac-zlecenia-tak-jak-web-designer/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Ponad 40 zastosowań jQuery &#8230;</title>
		<link>http://www.csselite.pl/ponad-40-zastosowan-jquery/</link>
		<comments>http://www.csselite.pl/ponad-40-zastosowan-jquery/#comments</comments>
		<pubDate>Thu, 03 Dec 2009 23:56:29 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Dev]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[ajax]]></category>
		<category><![CDATA[jquery]]></category>

		<guid isPermaLink="false">http://www.csselite.pl/?p=219</guid>
		<description><![CDATA[&#8230; dla poprawienia interface&#8217;u naszych stron. Link.
Trochę tego jest. W tym momencie kiedy znalazłem ten link jest trochę późno i nie mam czasu nawet na pokrótkie objaśnianie, aczkolwiek jak znajdziecie coś co wam się przyda to dajcie znać przetłumaczymy i oczywiście sprawdzimy jak to działa.
]]></description>
			<content:encoded><![CDATA[<p>&#8230; dla poprawienia interface&#8217;u naszych stron. <a title="jQuery" href="http://www.tripwiremagazine.com/2009/12/40-jquery-plugins-improving-your-website-look-and-feel.html" target="_blank">Link</a>.</p>
<p>Trochę tego jest. W tym momencie kiedy znalazłem ten link jest trochę późno i nie mam czasu nawet na pokrótkie objaśnianie, aczkolwiek jak znajdziecie coś co wam się przyda to dajcie znać przetłumaczymy i oczywiście sprawdzimy jak to działa.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.csselite.pl/ponad-40-zastosowan-jquery/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Różnice pomiędzy designem a sztuką.</title>
		<link>http://www.csselite.pl/roznice-pomiedzy-designem-a-sztuka/</link>
		<comments>http://www.csselite.pl/roznice-pomiedzy-designem-a-sztuka/#comments</comments>
		<pubDate>Mon, 21 Sep 2009 21:50:05 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[design]]></category>

		<guid isPermaLink="false">http://www.csselite.pl/?p=207</guid>
		<description><![CDATA[Ostatnio pojawił się ciekawy wpis na webdesignerdepot pod takim właśnie tytułem. Aż mi się głupio zrobiło, że całej historii związanej z csselite.pl nie zacząłem od czegoś podobnego. Jest to zbiór pewnych fundamentalnych prawd dotyczących tego czym się tutaj zajmujemy &#8230; żadko lub żadziej.  Ale &#8230; wracamy do tematu.
Pytanie czym się różni sztuka od designu od [...]]]></description>
			<content:encoded><![CDATA[<p>Ostatnio pojawił się ciekawy wpis na <a title="    *       21 Sep       The Difference Between Art and Design" href="http://www.webdesignerdepot.com/2009/09/the-difference-between-art-and-design/" target="_blank">webdesignerdepot</a> pod takim właśnie tytułem. Aż mi się głupio zrobiło, że całej historii związanej z csselite.pl nie zacząłem od czegoś podobnego. Jest to zbiór pewnych fundamentalnych prawd dotyczących tego czym się tutaj zajmujemy &#8230; żadko lub żadziej.  Ale &#8230; wracamy do tematu.</p>
<p>Pytanie czym się różni sztuka od designu od jakiegoś czasu pozostaje bez odpowiedzi. Artyści i designerzy kreują wizualne kompozycje bazując na podobnych technikach i wiedzy ale powody, którymi się kierują są diametralnie różne. Niektórzy designerzy nazywają siebie artystami, ale tylko kilku artystów uważa się za designerów.  Tak więc: jaka jest różnica pomiędzy sztuką a designem ? W tym wpisie porównamy pewne podstawowe zasady tych rzemiósł. Na ten temat większość z was ma na pewno wyrobione zdanie tak więc zapraszam do dyskusji w komentarzach.</p>
<h3>Dobra sztuka inspiruje, dobry design motywuje</h3>
<p>Prawdopodobnie <strong>najważniejsza, fundamentalna różnica pomiędzy sztuką a designem</strong> &#8211; musicie się z tym zgodzić. Z reguły proces tworzenia sztuki zaczyna się od zera. Niczego. Czyste płótno, kartka. Nieobrobiony kawałek gliny &#8230; itd. Dzieło nabiera formy na podstawie uczuć artysty, którymi chce się podzielić, umożliwić odbiorcom odnieść się do tego, nauczyć się czegoś czy chociażby zainspirować. Najsłynniejsze dzieła sztuki to te, które wytwarzają najsilniejsze więzy emocjonalne pomiędzy artystą, a odbiorcami.</p>
<p>Dla kontrastu, kiedy designer zaczyna swoją pracę niemal zawsze ma jakiś punkt odniesienia, od którego zaczyna: wiadomość, obraz, pomysł czy akcja. <strong>Designerzy nie są po to żeby wnajdować coś nowego, tylko po to aby połączyć coś co już istnieje dla osiągnięcia zamierzonego celu. </strong>Tym celem najczęściej  jest motywowanie odbiorcy do działania: kupienia produktu, skorzystania z serwisu, odwiedzenia miejsca czy  przyswojenia pewnych informacji. Najlepszymi designerami są tacy, których prace najlepiej motywują odbiorców do działania.</p>
<h3>Dobrą sztukę się interpetuje, dobry design po prostu rozumie.</h3>
<p>Kolejną różnicą pomiędzy sztuką a designem jest to <strong>jak przekaz jest odbierany przez poszczególnych odbiorców</strong>,  aczkolwiek przekaz artysty ma na celu wywołanie różnych odczuć. Artysta łączy się z odbiorcami różnymi drogami, ponieważ sztuka zawsze interpretowana jest różnie. Mona Lisa Leonarda Da Vinci&#8217;ego była i jest interpretowana od wielu lat. Czemu się uśmiecha ? Naukowcy mówią, że to peryferyczna iluzja. Romantycy twierzą, że jest zakochana. Sceptycy zaś, że bez powodu. Żadna z tych grup nie jest w błedzie.</p>
<p>Design natomiast dokładnie odwrotnie. Wielu twierdzi, że jeżeli design może być interpretowany, to znaczy, że mija się z celem. <strong>Zasadniczym celem designu jest przekazanie konkretnej informacji i zmotywowanie odbiorcy do określonego działania.</strong></p>
<p>Jeżeli design przekazuje inną informację niż tą, którą założyłeś i odbiorca kieruje swoje działania w tą inną stronę, to znaczy, że design nie spełnia swojej funkcji. Dobry design musi być dokładnie zrozumiany przez odbiorcę.</p>
<h3>Dobra sztuka wynika z talentu, dobry desing z umiejętności.</h3>
<p>A co na temat umiejętności kreatora ?</p>
<p>Bardzo często artystą trzeba się urodzić. Oczywiście umiejętności będą się rozwijały, kiedy od młodości będzie rysował, malował, rzeźbił itd. Jednak prawdziwa wartość artysty zależy od talentu z jakim się urodził. Jest jeden mały haczyk: dobry artysta z pewnością posiądzie umiejętności pozwolające tworzyć, ale artysta z dobrymi umiejętnościami lecz bez talentu często jest do niczego.</p>
<p><strong>Design  jest  umiejętnością wyuczoną</strong>. Nie musisz być artystą, żeby być dobrym designerem. Musisz tylko być w stanie osiągnąć zamierzony cel.</p>
<p>Jenymi z najlepszych designerów są ci, którzy są znani z minimalistycznego stylu. Nie korzystają z dużej ilości kolorów czy tekstur, ale skupiają uwagę na rozmiarach, pozycji, przestrzeni &#8211; tego wszystkiego można się nauczyć. Bez talentu.</p>
<h3>Dobra sztuka przekazuje różne informacje do wszystkich, dobry desing przekazuje tą samą informację do wszystkich.</h3>
<p>Wielu designerów myśli, że są artystami bo tworzą coś co jest wizualnie atrakcyjne. Coś z czego byli by dumni, jak ktoś powiesiłby jego &#8220;dzieło&#8221;  na ścianie. Jednak <strong>zamierzona, wizualna kompozycja, która służy do zakomunikowania czegoś, nie ważne jak piękna, nie jest sztuką</strong>. Jest to forma komunikacji &#8211; takie &#8220;okno&#8221;, przez które &#8220;widzimy&#8221; przekaz.</p>
<p>Tylko niewielu artystów nazywa siebie designerami, a to przez to, że rozumieją zasadniczą różnicę. Artyści nie tworzą, żeby sprzedać za pośrednictwem sztuki produktu, albo promować usługi. Tworzą tylko i wyłącznie dla sztuki. Wyrażenia siebie, tak aby inni to docenili. Przekaz jaki otrzymujemy nie jest sam w sobie faktem &#8211; ma wzbudzać odczucia i pozwolić nam na interpretację.</p>
<p>I jak ? Co myślisz teraz ?</p>
]]></content:encoded>
			<wfw:commentRss>http://www.csselite.pl/roznice-pomiedzy-designem-a-sztuka/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Darmowy szablon &#8211; Virtual Business Card.</title>
		<link>http://www.csselite.pl/darmowy-szablon-virtual-business-card/</link>
		<comments>http://www.csselite.pl/darmowy-szablon-virtual-business-card/#comments</comments>
		<pubDate>Wed, 22 Jul 2009 09:51:06 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Darmowe szablony]]></category>
		<category><![CDATA[Dev]]></category>
		<category><![CDATA[css]]></category>

		<guid isPermaLink="false">http://www.csselite.pl/?p=200</guid>
		<description><![CDATA[
Mogę się założyć o przysłowiową stówę, źe nie raz spotkaliście się z sytuacją gdzie mała firma nie ma wcale strony  albo albo jak już, to jest to jakiś &#8220;potworek&#8221;. Na ratunek przychodzi wirtualna wizytówka. Prosta i czytelna. Z dodatkowym &#8220;bajerem&#8221; w postaci przewijanej zawartości.Ponadto jest działający formularz kontakotwy oparty o PHP &#8211; na hostingu [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.csselite.pl/wp-content/uploads/2009/07/screenshot.jpg"><img class="aligncenter size-full wp-image-201" title="Virtual Business Card - darmowy szablon" src="http://www.csselite.pl/wp-content/uploads/2009/07/screenshot.jpg" alt="Virtual Business Card - darmowy szablon" width="500" height="410" /></a></p>
<p>Mogę się założyć o przysłowiową stówę, źe nie raz spotkaliście się z sytuacją gdzie mała firma nie ma wcale strony  albo albo jak już, to jest to jakiś &#8220;potworek&#8221;. Na ratunek przychodzi wirtualna wizytówka. Prosta i czytelna. Z dodatkowym &#8220;bajerem&#8221; w postaci przewijanej zawartości.Ponadto jest działający formularz kontakotwy oparty o PHP &#8211; na hostingu musi działać funkcja mail() &#8211; 99% hostów to obsługuję. Sprawdzałem czy wyświetla się tak samo pod: IE6, IE7, FF, Opera, Chrome na PC i na Mac&#8217;u pod FF, Safari. Wygląda na to, źe tak.</p>
<p>Co tu dużo pisać &#8230; zobaczie zresztą sami: <a title="darmowy szablon - Virtual Business Card" href="http://www.csselite.pl/template_1/" target="_blank">demo</a></p>
<p>W <a title="darmowy szablon - Virtual Business Card" href="http://www.csselite.pl/template_1/VirtualBusinessCard_1.zip" target="_blank">&#8220;paczce&#8221;</a> jest instrukcja co i gdzie trzeba zrobić, źeby dostosować do własnych potrzeb. Instrukcja jest w języku angielskim ale poradzicie sobie  nawet i bez tej instrukcji &#8211; wszystko jest przejźyste.W razie potrzeb można ten szablon łatwo rozciągnąć. W sekcji &lt;header&gt; w pliku index.php jest skrypt w którym jest zefiniowana wysokość tej części przewijanej plus jedna korekta w css/screen.css i zrobione. Dodatkowo znajdziecie projekt jako .png dla Fireworksa &#8211; w tym powstał ten szablon. Dla &#8220;photoshoperów&#8221; przekonwertowałem to również na taki format.</p>
<p>Jedna prośba &#8211; było by miło jeżeli zostawilibyście link zwrotny.</p>
<p>Jakieś pytania / problemy &#8211; śmiało pytajcie.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.csselite.pl/darmowy-szablon-virtual-business-card/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Za darmo ? Użyteczne ? Online ? Coś dla nas &#8230;</title>
		<link>http://www.csselite.pl/za-darmo-uzyteczne-online-cos-dla-nas/</link>
		<comments>http://www.csselite.pl/za-darmo-uzyteczne-online-cos-dla-nas/#comments</comments>
		<pubDate>Sun, 31 May 2009 00:26:47 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Dev]]></category>
		<category><![CDATA[narzędzia]]></category>
		<category><![CDATA[adobe]]></category>
		<category><![CDATA[generator]]></category>
		<category><![CDATA[generatory]]></category>
		<category><![CDATA[kuler]]></category>
		<category><![CDATA[paleta kolorów]]></category>
		<category><![CDATA[palety kolorów]]></category>
		<category><![CDATA[paski]]></category>
		<category><![CDATA[paterny]]></category>
		<category><![CDATA[web design]]></category>

		<guid isPermaLink="false">http://www.csselite.pl/?p=176</guid>
		<description><![CDATA[Chłopaki ze smashingapps znaleźli i zebrali w jednym miejscu całkiem niezły zbiór stron, które bardzo mogą się nam przydać. W sumie są to strony, które zawierają w sobie aplikacje. Jaki jest sens wydawać monstrualne pieniądze na Photoshopa, żeby skorygować i przyciąć zdjęcia ? Ok &#8211; są przecież Gimpy i inne darmowe narzędzia powiecie. Mnie się [...]]]></description>
			<content:encoded><![CDATA[<p>Chłopaki ze smashingapps znaleźli i zebrali w jednym miejscu całkiem niezły zbiór stron, które bardzo mogą się nam przydać. W sumie są to strony, które zawierają w sobie aplikacje. Jaki jest sens wydawać monstrualne pieniądze na Photoshopa, żeby skorygować i przyciąć zdjęcia ? Ok &#8211; są przecież Gimpy i inne darmowe narzędzia powiecie. Mnie się podoba w tych przytaczanych w tym wpisie to, że nie trzeba ich instalować i w zasadzie nie ma konieczności nauki co gdzie i jak &#8211; z tąd też pewnie nigdy nie instalowałem tych darmowych, a jak już to nigdy nie było czasu, żeby się &#8220;wkminiać&#8221; w ten soft.</p>
<p>Ale &#8211; wracając do tematu. Pierwsza strona, o której warto pamiętać to <a title="darmowy edytor grafiki, obrazków i zdjęć online" href="http://www.pixlr.com" target="_blank">Pixlr.com</a>:</p>
<p><a href="http://www.pixlr.com"><img class="aligncenter size-full wp-image-177" title="pixlr" src="http://www.csselite.pl/wp-content/uploads/2009/05/pixlr.gif" alt="pixlr" width="500" height="97" /></a></p>
<p>Filozofią obsługi bardzo przypomina wspomnianego wcześniej Photoshopa &#8211; mamy warstwy, niemal taki sam układ opcji w przyborniku, filtry itd. Po kilku minutach zabawy już wiemy co gdzie i jak. Klika drobnych usprawnień zwiększyło by jeszcze bardziej użyteczność tego serwisu. Jak dla mnie brakuje większej kontroli nad tekstem &#8211; nie można zmienić odległości między znakami. Przydała by się większa kontrola nad filtrami. No i brak możliwości stworznia dla warstwy maski. Jakkolwiek &#8211; sprawdźcie &#8211; warto.</p>
<p>Jeżeli potrzebujesz pasków, to wcale nie musisz popełniać przestępstawa i czekać 2 lata na więzienie, gdzie dostałbyś taką pidżamę. Wogóle nie sprawdzi się takie podejście w przypadku kiedy potrzebujemy paski jako motyw graficzy. Z pomocą przychodzi <a title="generator pasków online" href="http://www.stripemania.com/" target="_blank">Stripemania</a>:</p>
<p><a href="http://www.csselite.pl/wp-content/uploads/2009/05/stripemania.jpg"><img class="aligncenter size-full wp-image-179" title="stripemania" src="http://www.csselite.pl/wp-content/uploads/2009/05/stripemania.jpg" alt="stripemania" width="500" height="135" /></a></p>
<p>Kiedyś gdzieś coś podobnego obiło mi się o przeglądarkę, ale stripemania ma chyba więcej możliwości jeżeli chodzi o kolory, natomiast nie można zmienić kąta pod jakim one przebiegają. Ale nie martwcie się &#8211; 45 stopni jest ciągle popularne.</p>
<p>Teraz trochę więcej o kolorach.</p>
<p>Jak istotną sprawą są kolory przy projektowaniu &#8230; w sumie czegokolwiek, to chyba nie trzeba nikogo przekonywać. Wiem z doświadczenia, że czasami samo zestawienie kolorów może być inspiracją do całego projektu. Z kąd je wziąć ? Jak je dobrać i zestawić razem, żeby projekt miał ręce, nogi &#8230; no i ubranie jakieś ? Można zastosować się do pewnych zasad. Oczywiście nie będziemy teraz wdawali się w całą teorię ale skorzystamy z gotowych rozwiązań.</p>
<p>Z pomocą przychodzi firma Adobe, która udostępnia online narzędzie <a title="http://kuler.adobe.com/#themes/rating?time=30" href="http://kuler.adobe.com/#themes/rating?time=30" target="_blank">Kuler</a>:</p>
<p><a href="http://www.csselite.pl/wp-content/uploads/2009/05/kuler.jpg"><img class="aligncenter size-full wp-image-181" title="kuler" src="http://www.csselite.pl/wp-content/uploads/2009/05/kuler.jpg" alt="kuler" width="500" height="285" /></a>Moim skromnym zdaniem najlepsze tego typu narzędzie jak do tej pory. Nawet nie muszę się rozpisywać z czym to się &#8220;je&#8221; &#8211; wejdź i sam zobacz. Kliknij w &#8220;Create&#8221; i się pobaw. Warto.</p>
<p>Kolejnym bardzo podobnym narzędziem w działaniu jest <a title="ColorSchemer" href="http://www.colorschemer.com/" target="_blank">ColorSchemer</a>:</p>
<p><a href="http://www.colorschemer.com/"><img class="aligncenter size-full wp-image-182" title="colorschemer-colorpix" src="http://www.csselite.pl/wp-content/uploads/2009/05/colorschemer-colorpix.jpg" alt="colorschemer-colorpix" width="500" height="78" /></a>W przypadku tej strony nie do końca wszystko co jest z nią związane jest za darmo. Najważniejsza rzecz w tym interesie, czyli program do generowania palet kolorów, jest płatna -$50. Można przez miesiąc sprawdzić tą aplikację, aczkolwiek biblioteka palet nim stworzonych jest dostępna za darmo w galerii palet &#8211; tysiące &#8211; jest na prawdę z czego wybierać.</p>
<p>Wracając na chwilę do rozwiązanai zaproponwanego przez firmę Adobe, warto wspomnieć również o<a title="Color Wizard" href="http://www.colorsontheweb.com/colorwizard.asp" target="_blank"> ColorWizard:</a><a href="http://www.colorsontheweb.com/colorwizard.asp"><img class="aligncenter size-full wp-image-183" title="color-wizard" src="http://www.csselite.pl/wp-content/uploads/2009/05/color-wizard.jpg" alt="color-wizard" width="500" height="402" /></a></p>
<p>Jeżeli język angielski nie jest dla Ciebie barierą komunikacyjną to znajdziesz również kilka ciekawych artykułów na tej stronie dotyczących teorii kolorów.</p>
<p>Nie chesz pasków i kolorów ? Może zainteresują Cię paterny. Zapoznaj się z <a title="Paterny" href="http://www.bgpatterns.com/" target="_blank">BgPatterns</a>:</p>
<p><a href="http://www.csselite.pl/wp-content/uploads/2009/05/bgpatterns.jpg"><img class="aligncenter size-full wp-image-184" title="bgpatterns" src="http://www.csselite.pl/wp-content/uploads/2009/05/bgpatterns.jpg" alt="bgpatterns" width="500" height="226" /></a>Na chwilę obecną w serwisie tym nie zostaniemy oszołomieni ilością paternów ale z pewnością prostotą manipulacji ustawieniami.</p>
<p>Kilka więcej ciekawych narzędzi online przydatnych webdesignerom możecie znaleźć na <a title="Aplikacje online" href="http://www.smashingapps.com/2009/05/28/21-free-and-useful-web-tools-for-web-designers.html" target="_blank">SmashingApps</a>. Z racji tego, że internet jest wielki i z każdą chwilą większy być może Wy znacie jakieś ciekawe narzędzia online, które mogą się przydać nam &#8211; projektantom i wykonwacom stron internetowych. Ładnych. Zapraszam do komentarzy oraz do dodawania linków w odpowiedniej sekcji po prawej stronie.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.csselite.pl/za-darmo-uzyteczne-online-cos-dla-nas/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Jak NIE POWINNO się robić stron.</title>
		<link>http://www.csselite.pl/jak-stron-nie-powinno-sie-robic/</link>
		<comments>http://www.csselite.pl/jak-stron-nie-powinno-sie-robic/#comments</comments>
		<pubDate>Wed, 13 May 2009 14:14:37 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[css]]></category>
		<category><![CDATA[galeria]]></category>

		<guid isPermaLink="false">http://www.csselite.pl/?p=170</guid>
		<description><![CDATA[W internecie można znaleźć bardzo dużo inspirujących galerii stron. Pomagają one zorientować się w najnowszych trendach i z pewnością przyczyniają się do powstawania kolejnych, coraz lepszych, ładniejszych i bardziej przyjaznych stron w internecie. Pomimo tego w dalszym ciągu trafają się strony, które zaprzeczają wszelkim zasadom &#8211; tym pisanym i nie pisanym. Jednym z takich &#8220;kwiatków&#8221; [...]]]></description>
			<content:encoded><![CDATA[<p>W internecie można znaleźć bardzo dużo inspirujących galerii stron. Pomagają one zorientować się w najnowszych trendach i z pewnością przyczyniają się do powstawania kolejnych, coraz lepszych, ładniejszych i bardziej przyjaznych stron w internecie. Pomimo tego w dalszym ciągu trafają się strony, które zaprzeczają wszelkim zasadom &#8211; tym pisanym i nie pisanym. Jednym z takich &#8220;kwiatków&#8221; na jaki trafiłem dzisiaj jest strona zespołu weselnego &#8211; IDOL. Zobaczcie sami -<a title="Tak się nie powinno robić stron" href="http://www.idol.domenus.pl/" target="_blank"> link</a>.</p>
<p><a href="http://www.csselite.pl/wp-content/uploads/2009/05/idol.jpg"><img class="aligncenter size-full wp-image-171" title="idol" src="http://www.csselite.pl/wp-content/uploads/2009/05/idol.jpg" alt="idol" width="500" height="393" /></a></p>
<p>Zastanawiam się czy nie jest to strona &#8211; dowcip. Kiedyś była taka z teńczowym migającym backgroundem i animowanymi gif&#8217;ami jako linkami do opcji. To było mistrzostwo, ale ta zespołu Idol jest całkiem poważnym pretendentem na pierwsze miejsce w kategorii najgorzej wykonanej strony.</p>
<p>Jak znajdziecie takie kwiatki to dajcie link w komentarzach &#8211; dokleimy. Ku przestrodze &#8230;</p>
<h3>Update</h3>
<p>Dzisiaj ktoś na wykopie dał link do tej strony: <a title="Jak nie robić stron" href="http://www.protofolio.w8w.pl/" target="_blank">http://www.protofolio.w8w.pl/</a> &#8211; wypas &#8211; no nie ?</p>
]]></content:encoded>
			<wfw:commentRss>http://www.csselite.pl/jak-stron-nie-powinno-sie-robic/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Garść jeszcze cieplutkich czcionek &#8230;</title>
		<link>http://www.csselite.pl/garsc-jeszcze-cieplutkich-czcionek/</link>
		<comments>http://www.csselite.pl/garsc-jeszcze-cieplutkich-czcionek/#comments</comments>
		<pubDate>Tue, 12 May 2009 22:06:27 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[typografia]]></category>
		<category><![CDATA[darmowe fonty]]></category>
		<category><![CDATA[fonty]]></category>

		<guid isPermaLink="false">http://www.csselite.pl/?p=149</guid>
		<description><![CDATA[&#8230; i co najważniejsze &#8211; darmowych !
Jak widać, wszyscy mocno zajęci i nikt nie ma czasu wrzucić w linkach od czytelników czegoś ciekawego.  W takim układzie pomogę wam trochę i zaoszczędze trochę waszego cennego czasu &#8211; nie musicie szukać nowych fontów. Są tutaj.
Zaczynamy od Junction (do pobrania tutaj &#8211;  .zip-package )autorstwa Caroline Hadilaksono. Bardzo [...]]]></description>
			<content:encoded><![CDATA[<p>&#8230; i co najważniejsze &#8211; darmowych !</p>
<p>Jak widać, wszyscy mocno zajęci i nikt nie ma czasu wrzucić w linkach od czytelników czegoś ciekawego.  W takim układzie pomogę wam trochę i zaoszczędze trochę waszego cennego czasu &#8211; nie musicie szukać nowych fontów. Są tutaj.</p>
<p>Zaczynamy od <a href="http://www.theleagueofmoveabletype.com/fonts/1-junction">Junction</a> (do pobrania tutaj &#8211;  <a href="http://s3.amazonaws.com/theleague/fonts/junction.zip?1234204632">.zip-package</a> )autorstwa Caroline Hadilaksono. Bardzo ładne, eleganckie i stonowane sans-serif&#8217;y. <a href="http://www.csselite.pl/wp-content/uploads/2009/05/junc3.jpg"><img class="aligncenter size-full wp-image-150" title="junc3" src="http://www.csselite.pl/wp-content/uploads/2009/05/junc3.jpg" alt="junc3" width="498" height="302" /></a>Kolejną pozycją na naszej liście jest font <a title="Darmowa czcionka Nadia Serif" href="http://quersicht.ch/04_labor/04_ft_nadi.html" target="_blank">Nadia Serif</a>. Do pobrania za darmo, aczkolwiek autorzy proszą o przysłanie do nich PDF&#8217;a bądź innego formatu pliku zawierającego pracę, do której font był wykorzystany. Wersja na <a title="darmowe fonty na pc" href="http://quersicht.ch/04_labor/_bilder/nadia_serif.zip" target="_blank">PC</a> i na <a title="darmowe fonty na maca" href="http://quersicht.ch/04_labor/_bilder/nadia_serif.zip" target="_blank">mac&#8217;a</a>.<a href="http://www.csselite.pl/wp-content/uploads/2009/05/nadia.jpg"><img class="aligncenter size-full wp-image-153" title="nadia" src="http://www.csselite.pl/wp-content/uploads/2009/05/nadia.jpg" alt="nadia" width="500" height="350" /></a></p>
<p>Manfred Klein zaprojektował bardzo ładną czcionkę <a title="Darmowa czcionka Nilland" href="http://www.dafont.com/nilland.font" target="_self">Nilland</a>. W zestawie znajdziemy 6 różnych krojów &#8211; normlane, pogrubione, bardzo pogrubione, black &#8211; cokolwiek to znaczy, małe kapitaliki i małe kapitaliki pogrubione.</p>
<p><a href="http://www.csselite.pl/wp-content/uploads/2009/05/nilland.png"><img class="aligncenter size-full wp-image-155" title="nilland" src="http://www.csselite.pl/wp-content/uploads/2009/05/nilland.png" alt="nilland" width="425" height="230" /></a></p>
<p>Następne na liście znajdziemy bardzo czytelne sans-serify <a title="Darmowe fonty cartogothic" href="http://www.fontsite.com/download-free-fonts/cartogothic-std/" target="_blank">CarthoGothic</a> &#8211; dostępne są cztery kroje. Zanim jednak z nich skorzystacie zapoznajcie się z <a title="licencja na darmowe fonty" href="http://www.fontsite.com/purchase-info/eula-free-fonts/" target="_self">licencją</a>.</p>
<p><a href="http://www.csselite.pl/wp-content/uploads/2009/05/carto.gif"><img class="aligncenter size-full wp-image-156" title="carto" src="http://www.csselite.pl/wp-content/uploads/2009/05/carto.gif" alt="carto" width="546" height="416" /></a>Na tej liście nie mogło zabraknąć klasycznej szeryfowej czcionki <a title="darmowe fonty bergamo" href="http://www.fontsite.com/download-free-fonts/bergamo-std/" target="_blank">Bergamo Std</a>. Dostępna w czterch różnych krojach: regular, italic, bold i bold italic. Podobnie jak w poprzednim przypadku warto zapoznać się z <a title="licencja na darmowe fonty" href="http://www.fontsite.com/purchase-info/eula-free-fonts/" target="_blank">licencją</a>.</p>
<p><a href="http://www.csselite.pl/wp-content/uploads/2009/05/bergamos.png"><img class="aligncenter size-full wp-image-159" title="bergamos" src="http://www.csselite.pl/wp-content/uploads/2009/05/bergamos.png" alt="bergamos" width="516" height="420" /></a></p>
<p>Z pewnością, jak większość designerów, nie lubicie (a wręcz nienawidzicie) słynnej czcionki Comic Sans. Wszyscy wiedzą, że ludzie, którzy nie mają bladego pojęcia o designie nadużywają tej czcionki przy każdej nadarzającej się okazji. Na nasze szczęście kilka ładnych lat temu niejaki Hannes von Döhren stworzył alternatywę dla niesławnego Comic Sans&#8217;a &#8211; <a title="darmowa czcionka hvd comic serif" href="http://www.hvdfonts.com/freefonts.php" target="_blank">HVD Comic Serif</a>. Różnicę widać od razu &#8211; jest to czcionka szeryfowa &#8230; no i w ogóle fajnie wygląda.</p>
<p><a href="http://www.csselite.pl/wp-content/uploads/2009/05/comic.gif"><img class="aligncenter size-full wp-image-161" title="comic" src="http://www.csselite.pl/wp-content/uploads/2009/05/comic.gif" alt="comic" width="500" height="346" /></a></p>
<p>Elegancka, aczkolwiek w trochę starym stylu, zaprojektowana przez Darden Studio: <a title="darmowa czcuibja birra stout" href="http://www.dardenstudio.com/typefaces/birra_stout" target="_blank">Birra Stout</a>.</p>
<p><a href="http://www.csselite.pl/wp-content/uploads/2009/05/birra.gif"><img class="aligncenter size-full wp-image-162" title="birra" src="http://www.csselite.pl/wp-content/uploads/2009/05/birra.gif" alt="birra" width="453" height="427" /></a></p>
<p>Listę tą stwtorzyłem na podstawie wpisu w smashingmagazine.com &#8211; chłopaki jak zwykle odstawili kawał dobrej roboty. Mam nadzieję, że dzięki tym kilku czcionkom naszym młodym &#8220;designerom&#8221; uda się stworzyć wspaniałe projekty.</p>
<p>Jeżeli znacie i moglibyście polecić jakieś inne fajne darmowe fonty zapraszam do dodawania linków w sekcji po prawej stronie.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.csselite.pl/garsc-jeszcze-cieplutkich-czcionek/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Kilka zmian na stronie</title>
		<link>http://www.csselite.pl/kilka-zmian-na-stronie/</link>
		<comments>http://www.csselite.pl/kilka-zmian-na-stronie/#comments</comments>
		<pubDate>Wed, 06 May 2009 09:03:56 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Dev]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[nowości]]></category>
		<category><![CDATA[csselite]]></category>
		<category><![CDATA[update]]></category>

		<guid isPermaLink="false">http://www.csselite.pl/?p=144</guid>
		<description><![CDATA[Po chwilowej przerwie witam ponownie i jak widać w  trochę innych &#8220;szatach&#8221;. Skorzystałem z innej templatki, która wydaje się lepsza dla naszych potrzeb tutaj.
Dodatkowym usprawnieniem jest możliwość zamieszczania linków przez was do czegoś ciekawego co znajdziecie w internecie. Oczywiście dotyczącego web designu.
]]></description>
			<content:encoded><![CDATA[<p>Po chwilowej przerwie witam ponownie i jak widać w  trochę innych &#8220;szatach&#8221;. Skorzystałem z innej templatki, która wydaje się lepsza dla naszych potrzeb tutaj.</p>
<p>Dodatkowym usprawnieniem jest możliwość zamieszczania linków przez was do czegoś ciekawego co znajdziecie w internecie. Oczywiście dotyczącego web designu.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.csselite.pl/kilka-zmian-na-stronie/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Przerwa &#8230; czyli trochę o typografii w najpopularniejszych polskich portalach i tajemniczej liczbie.</title>
		<link>http://www.csselite.pl/przerwa-czyli-troche-o-typografii-w-najpopularniejszych-polskich-portalach-i-tajemniczej-liczbie/</link>
		<comments>http://www.csselite.pl/przerwa-czyli-troche-o-typografii-w-najpopularniejszych-polskich-portalach-i-tajemniczej-liczbie/#comments</comments>
		<pubDate>Mon, 23 Mar 2009 23:55:56 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[css]]></category>
		<category><![CDATA[typografia]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[złoty podział]]></category>

		<guid isPermaLink="false">http://www.csselite.pl/?p=99</guid>
		<description><![CDATA[Ostatnio musiałem z racji wykonywanego zawodu poczytać na temat typografii. Jest to w sumie temat dosyć stary, bo ciągnie się przynajmniej od czasów Gutenberga, a może nawet i wcześniej, aczkolwiek czołowe polskie portale pewne zasady omijają. Z racji tego, że jest to dosyć leciwa już sztuka (można typografię nazwać sztuką &#8211; i nie chodzi o [...]]]></description>
			<content:encoded><![CDATA[<p>Ostatnio musiałem z racji wykonywanego zawodu poczytać na temat typografii. Jest to w sumie temat dosyć stary, bo ciągnie się przynajmniej od czasów Gutenberga, a może nawet i wcześniej, aczkolwiek czołowe polskie portale pewne zasady omijają. Z racji tego, że jest to dosyć leciwa już sztuka (można typografię nazwać sztuką &#8211; i nie chodzi o obrazki ASCII) pewne zasady przyjęły się i to nie z racji czyjegoś &#8220;widzimisię&#8221; tylko naprawdę ułatwiają projektowanie łatwych i przyjemnych w odbiorze stron internetowych.</p>
<p>Okazuje się, że &#8220;złota zasada&#8221; podziału 1:1.62 świetnie się sprawdza w tym przypadku. Zachowanie określonych proporcji w projekcie jest jednym z najistotniejszych czyniników decydującym o całokształcie projektu. Głupi uczy się na błedach własnych, a mądry na cudzych tak więc przyjżyjmy się najczęściej odwiedzanym portalom w Polsce (&#8230; na podstawie www.alexa.com), żeby się czegoś nowego nauczyć.</p>
<p>Przykładowy tekst  z onet&#8217;u, który przy przeanalizowaniu CSS&#8217;ów w FireBug&#8217;u ujawnia, że nie ma nigdzie nic na temat wysokości lini -  wygląda tak:</p>
<p style="font-size: 12px; font-family:Verdana,Arial,Helvetica,sans-serif; line-height:11px;">Film realizuje telewizja NHK, jedyny publiczny nadawca w Japonii. Pierwszą część dokumentu o polskiej emigracji Japończycy nakręcili w 2007 roku. Film pokazujący przygotowania Polaków do wyjazdu na Wyspy oraz oczekującą na nich rzeczywistość okazał się hitem w Kraju Kwitnącej Wiśni. W samym Tokio obejrzało go ponad 3 miliony widzów, a producentom od razu zamarzyła się kontynuacja projektu. &#8220;To był dokument, który miał pokazać przeciętnemu Japończykowi, dlaczego Polacy decydują się opuścić swój kraj i często bez znajomości języka wyjechać za granicę&#8221; – opowiada Kucaj. &#8220;Dla Japończyków sama idea emigracji jest egzotyczna. Chcieli zrozumieć, jak po rozszerzeniu Unii Europejskiej zmienił się kontynent oraz w jaki sposób ludzie zaczęli się przemieszczać, zostawiając za sobą rodziny i przyjaciół&#8221;.</p>
<p>A teraz ten sam tekst, w którym odstęp pomiędzy liniami jest uzależniony od wielkości  użytej (w tym wypadku 12px) czcionki &#8211; czyli pomnożony razy 1.62. Liczyłem na wszelkie dostępne pod ręką sposoby no i coż &#8230;</p>
<p style="text-align: center;"><img class="size-full wp-image-100 aligncenter" title="obliczenia" src="http://www.csselite.pl/wp-content/uploads/2009/03/obliczenia.jpg" alt="obliczenia" width="400" height="207" /></p>
<p style="text-align: center;">zawsze wychodziło mi 19.44 &#8211; zaokrąglając daje nam line-heigt: 19</p>
<p>Tak więc, zwróćcie uwagę, że ten sam tekst czyta się łatwiej i dochodząc wzrokiem do końa linii nie musimy rozpoczynając nową szukać jej początku:</p>
<p style="line-height:19px; font-size: 12px; font-family:Verdana,Arial,Helvetica,sans-serif;">Film realizuje telewizja NHK, jedyny publiczny nadawca w Japonii. Pierwszą część dokumentu o polskiej emigracji Japończycy nakręcili w 2007 roku. Film pokazujący przygotowania Polaków do wyjazdu na Wyspy oraz oczekującą na nich rzeczywistość okazał się hitem w Kraju Kwitnącej Wiśni. W samym Tokio obejrzało go ponad 3 miliony widzów, a producentom od razu zamarzyła się kontynuacja projektu. &#8220;To był dokument, który miał pokazać przeciętnemu Japończykowi, dlaczego Polacy decydują się opuścić swój kraj i często bez znajomości języka wyjechać za granicę&#8221; – opowiada Kucaj. &#8220;Dla Japończyków sama idea emigracji jest egzotyczna. Chcieli zrozumieć, jak po rozszerzeniu Unii Europejskiej zmienił się kontynent oraz w jaki sposób ludzie zaczęli się przemieszczać, zostawiając za sobą rodziny i przyjaciół&#8221;.</p>
<p>Oczywiście możecie powiedzieć, że czepiam się jakiegoś tam szczegółu, ale jeżeli czytujecie całe artykuły w ilościach powiedzmy &#8230; 90% pojawiających się danego dnia, to nie sposób nie zauważyć, że coś jest nie tak. A tymbardziej, jeżeli jedna linika kodu może coś poprawić to dlaczego tego nie zrobić. Zrzuty w 4&#8242;ech kolorach przed i po:</p>
<p style="text-align: center;"><a href="http://www.csselite.pl/wp-content/uploads/2009/03/onet_oryginalny1.png"><img class="size-thumbnail wp-image-105 aligncenter" title="onet_oryginalny1" src="http://www.csselite.pl/wp-content/uploads/2009/03/onet_oryginalny1-150x150.png" alt="onet_oryginalny1" width="150" height="150" /></a><a href="http://www.csselite.pl/wp-content/uploads/2009/03/onet_zmodyfikowany.png"><img class="size-thumbnail wp-image-106 aligncenter" title="onet_zmodyfikowany" src="http://www.csselite.pl/wp-content/uploads/2009/03/onet_zmodyfikowany-150x150.png" alt="onet_zmodyfikowany" width="150" height="150" /></a></p>
<p>Podobnie ma się sprawa z Wirtualną Polską &#8230; aczkolwiek informacje tam zamieszczane są tak krótkie, że zanim się zorientujemy, że można trochę poprawić odstępy między liniami artykuł się kończy. No cóż.</p>
<p>W przypadku Gazety i Interii doszukałem się tego (oczywiście w CSS&#8217;ach),  że chłopaki sprwujący pieczę nad wyglądem strony coś w tej sprawie zrobili. W Interii szybkie przestawienie z 17px na 19px w przypadku odstępu między liniami ORAZ odstępów między paragrafami na 19px (z 9&#8242;ciu &#8230; nie wiem z kąd wytrzasnęli taki numer &#8230;) znacznie poprawia &#8220;czytalność&#8221;. Proszę:</p>
<p style="text-align: center;"><a href="http://www.csselite.pl/wp-content/uploads/2009/03/interi_oryginalna.png"><img class="size-thumbnail wp-image-110 aligncenter" title="interi_oryginalna" src="http://www.csselite.pl/wp-content/uploads/2009/03/interi_oryginalna-150x150.png" alt="interi_oryginalna" width="150" height="150" /></a><a href="http://www.csselite.pl/wp-content/uploads/2009/03/interia_zmodyfikowana.png"><img class="size-thumbnail wp-image-111 aligncenter" title="interia_zmodyfikowana" src="http://www.csselite.pl/wp-content/uploads/2009/03/interia_zmodyfikowana-150x150.png" alt="interia_zmodyfikowana" width="150" height="150" /></a></p>
<p>Pomijam (chwilowo) kwestię użytych fontów w nagłówkach &#8211; przydały by się jednak jakieś sans-serif, ale jest to oddzielny temat.</p>
<p>Reasumując tą pobieżną analizę &#8211; trzymajcie się zasady:</p>
<blockquote><p><strong>Odstęp między liniami = wielkość czcionki tekstu * 1.62</strong></p></blockquote>
<p>a napewno artykuły na waszych stronach / blogach będzie się łatwiej czytało. Pamiętając oczywiście o tym, żeby treść była wartościowa.</p>
<p>Krótkie spostrzeżenie na temat jednego z moich ulubionych blogów &#8211; <a title="antyweb" href="http://www.antyweb.pl" target="_blank">antyweb</a> &#8211; wartościowy merytorycznie i pisany w ciekawy sposób &#8211; aczkolwiek: Grzesiek &#8211; zmień odstępy między liniami na większy  &#8211; jeżeli oczywiście chcesz się trzymać tej trochę przywielgaśnej czcionki 15px  &#8211; na 24px. Od razu przyjemniej.</p>
<p>Wracając do tematu. Liczba 1.62 nie wzięła się w sumie z nikąd. Zapoznajcie się z <a title="złoty podział" href="http://pl.wikipedia.org/wiki/Z%C5%82oty_podzia%C5%82" target="_blank">tym</a>.  Większość z Was powinna to pamiętać jeszcze ze szkoły, ale mogę się założyć, że nauczycielka &#8220;wciskając&#8221; wam tę wiedzę nie wspomniała czegoś w stylu: uczcie się tego dzieciaki, bo przyda się kiedyś przy projektowaniu stron internetowych. Znajdźcie chwilę czasu, żeby poklikać też <a title="golden divine" href="http://goldennumber.net/" target="_blank">w tą</a>. Nawet bez znajomości angielskiego zorientujecie się w czym rzecz.</p>
<p>Następnym razem zajmiemy się wykorzystaniem 1.62 przy projektowaniu &#8220;layoutów&#8221; do stron / blogów. Zobaczycie jak się sprawdza. Dla niecierpliwych znających angielski polecam <a title="golden divine" href="http://www.smashingmagazine.com/2008/05/29/applying-divine-proportion-to-web-design/" target="_blank">artykuł ze smashingmagazine</a>.</p>
<p>Zapraszam do komentarzy.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.csselite.pl/przerwa-czyli-troche-o-typografii-w-najpopularniejszych-polskich-portalach-i-tajemniczej-liczbie/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Logo &#8211; kilka wskazówek i gdzie po inspirację.</title>
		<link>http://www.csselite.pl/logo-kilka-wskazowek-i-gdzie-po-inspiracje/</link>
		<comments>http://www.csselite.pl/logo-kilka-wskazowek-i-gdzie-po-inspiracje/#comments</comments>
		<pubDate>Thu, 19 Feb 2009 00:57:32 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[logo]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[galeria]]></category>

		<guid isPermaLink="false">http://www.csselite.pl/?p=78</guid>
		<description><![CDATA[Słyszeliście o kiedyś o Logo ? Taki język programowania, który z założenia miał pomóc dzieciakom nauczyć się programowania. Składały się na niego proste komendy nakazujące &#8220;żółwiowi&#8221; ( w sumie to był trójkąt) poruszanie się w różnych kierunkach na ekranie i pozostawianie za sobą śladu.
Ale my nie o tym.
Czym jest w web designie logo nie trzeba [...]]]></description>
			<content:encoded><![CDATA[<p>Słyszeliście o kiedyś o Logo ? Taki język programowania, który z założenia miał pomóc dzieciakom nauczyć się programowania. Składały się na niego proste komendy nakazujące &#8220;żółwiowi&#8221; ( w sumie to był trójkąt) poruszanie się w różnych kierunkach na ekranie i pozostawianie za sobą śladu.</p>
<p>Ale my nie o tym.</p>
<p>Czym jest w web designie logo nie trzeba nikomu specjalnie tłumaczyć. Ma przyciągać uwagę, wyróżniać się i oczywiście nawiązywać do tematu czy też marki w szerszym pojęciu. Wydawało by się, że nic prostrzego &#8230; może i prawda, jeżeli logo jest proste, tanie i czasami nawet darmowe. Ale zakładam, że chcemy być coraz lepsi, tak więc warto podkarmić mózgi jakimiś przykładami &#8220;mistrzów&#8221;.</p>
<p>Nie udało mi się za pierwszym podejściem znaleźć jakiś galerii zawierających fajne projekty logo w polskim internecie dlatetgo też uciekam się do angielsko języcznych. Może warto postawić coś jak logo.galeria.csselite.pl  ? Dajcie znać co o tym sądzicie.</p>
<h4>Tak więc &#8211; z pięknej i słonecznej <em>(sarkazm)</em> Anglii  &#8211; <a title="cssdesignyorjshire." href="http://www.css-design-yorkshire.com/index.html" target="_blank">cssdesignyorkshire</a>.</h4>
<p><img class="alignleft size-full wp-image-79" title="cssdesignyourkshire" src="http://www.csselite.pl/wp-content/uploads/2009/02/cssdesignyourkshire.png" alt="cssdesignyourkshire" width="250" height="205" /></p>
<p>W sumie nie jest to galeria stricte tylko logo. Jest to bardziej galeria stron. Loga mają swoją osobną kategorię, chociaż nie przytłacza ilością. Chłopaki przyjmują zgłoszenia do galerii na strony i projekty logo.</p>
<p>Jak można się dowiedzieć z górnego menu chłopaki zbierają już materiały od 2006 roku, czyli ładny kawał historii internetu. Niektóre stare zgłoszenia / projekty prowadzą jednak do nieistniejących już stron. Co ciekawe (rzadko spotykane w &#8220;polskim&#8221; internecie) można znaleźć tam również mocno rozbudowaną listę stron z podobnymi galeriami.</p>
<h4>Następną ciekawą pozycją, która może być ciekawym źródłem inspiracji jest <a title="faveup" href="http://www.faveup.com/" target="_blank">faveup</a>.</h4>
<p><img class="alignleft size-full wp-image-82" title="faveup" src="http://www.csselite.pl/wp-content/uploads/2009/02/faveup.png" alt="faveup" width="250" height="211" />Jedyną wadą tej strony / galerii jest jak na ironię losu layout i design. Troszke wszystko jest nieproporcjonalne. Jak dla mnie. Trzeba się nieźle nakręcić kółkiem w myszy, żeby coś obejżeć. A jest co. W kategorii logo są naprawdę ładne pozycje.</p>
<p>Mało tego &#8211; jak Ci się zdarzy projektować wizytówkę (business card), to jest i galeria tego typu rzeczy. Podobnie jak i flash&#8217;owe strony. Jest też &#8220;normalna&#8221; galeria &#8211; strony internetowe.</p>
<h4><a title="logos" href="http://www.lo8os.com/gallery/" target="_blank">Lo8os</a> (czytaj: logos)</h4>
<p><a href="http://www.lo8os.com/gallery/"><img class="alignleft size-full wp-image-86" title="lo8os" src="http://www.csselite.pl/wp-content/uploads/2009/02/lo8os.png" alt="lo8os" width="250" height="180" /></a>W tej galerii, puki co, znajdziemy więcej kategorii na jakie zostały podzielone logotypy niż ich samych <img src='http://www.csselite.pl/wp-includes/images/smilies/icon_smile.gif' alt=':-)' class='wp-smiley' /> . Gratka dla tych, którzy szukają jakichś konkretnych i określonych cech, np. rodzaju fontów czy figur geometrychnych.</p>
<p>Ciekawą podstroną są źródła (resources). Linki do ciekawych artykułów związanych ze wszystkim co ma coś wspólnego z web designem. Fakt, że po angielsku, ale wierzę, że większość z was zna ten prosty i popularny język.</p>
<h4>Mój faworyt &#8211; <a title="logopond" href="http://www.logopond.com" target="_blank">LogoPond</a></h4>
<p><a href="http://www.logopond.com"><img class="alignleft size-full wp-image-87" title="logopond" src="http://www.csselite.pl/wp-content/uploads/2009/02/logopond.png" alt="logopond" width="250" height="179" /></a><br />
W przypadku tej galerii znajdujemy tego czego szukamy za pierwszym podejściem: loga. W sumie nie wymaga ona komentarza, bo jak dla mnie jest perfekcyjna. Jeżeli ktoś ma inne zdanie zapraszam do komentarzy.</p>
<p>Nie są to z pewnością wszystkie galerie tego typu (z logami) w internecie &#8211; jeżeli znacie, to dajcie znać. Uzupełnimy listę.</p>
<h4>Kilka porad za <a href="http://www.webdesignerdepot.com/2009/02/how-to-create-a-professional-logo/" target="_blank">webdesignerdepot.com</a></h4>
<p>W telegraficznym skrócie:</p>
<ol>
<li>Wielu początkujących projektantów zarówno logotypów jak i stron, pierwsze co robi to siada do komputera. Błąd. Kartka papieru (nawet nie musi być czysta) i ołówek. Najpierw porysuj. A nawet narysuj gotowy projekt.</li>
<li>Korzystaj z grafiki wektorowej. Illustartor, Freehand i  CorelDraw nadają się świetnie do tego celu. Tak naprawdę nigdy nie wiesz na jakim medium to logo się znajdzie, a jedynym uniwersalnym formatem jest właśnie wektorowy.</li>
<li>Kolory. Muszą być dobrane do tematu. Jak byś widział logo firmy zajmującej się funduszami inwestyjnymi wysokiego stopnia ryzyka finansowego w kolorach różowo &#8211; fioletowych ? <a href="http://kuler.adobe.com/#themes/rating?time=30" target="_blank">Ta strona</a> pomoże Ci w tym temacie.</li>
<li>Brak kolorów. Sprawdź czy logo też &#8220;działa&#8221; bez kolorów. Kłaniają się jeszcze raz różne nośniki, na których może pojawić się nasze logo.</li>
<li>Typografia (fonty). Tak samo ważna jak reszta projektu.</li>
</ol>
<p>Temat logotypów jest niewyczerpalny. Jak szybko pojawiają się nowe trendy i techniki w designie tak zawsze będzie coś nowego. Zaglądajcie na polecane w artykule strony i mam nadzieję, że wpłyną na waszą kreatywność na tym polu.</p>
<p>Następnym razem postaram się znaleźć trochę ciekawych i darmowych fontów.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.csselite.pl/logo-kilka-wskazowek-i-gdzie-po-inspiracje/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
	</channel>
</rss>
