<?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>::: Creativity Saloon ::: &#187; css</title>
	<atom:link href="http://blog.wagner.com.pl/tag/css/feed/" rel="self" type="application/rss+xml" />
	<link>http://blog.wagner.com.pl</link>
	<description>Wagner Creative House presents: Creativity Saloon - the designer`s diary</description>
	<lastBuildDate>Sun, 29 Jan 2012 20:26:51 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>Co potrafi Concrete5 &#8211; a czego nie&#8230;</title>
		<link>http://blog.wagner.com.pl/2010/09/06/co-potrafi-concrete5-a-czego-nie/</link>
		<comments>http://blog.wagner.com.pl/2010/09/06/co-potrafi-concrete5-a-czego-nie/#comments</comments>
		<pubDate>Mon, 06 Sep 2010 18:47:33 +0000</pubDate>
		<dc:creator>Marek</dc:creator>
				<category><![CDATA[webdesign]]></category>
		<category><![CDATA[webdevelopement]]></category>
		<category><![CDATA[concrete5]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[jQuery]]></category>

		<guid isPermaLink="false">http://blog.wagner.com.pl/?p=165</guid>
		<description><![CDATA[Jest nowoczesny, wygodny i miły w użyciu&#8230; Niestety, przy dłuższej znajomości przejawia pewne braki. Zgodnie z oczekiwaniami, poważne &#8220;wzięcie na warsztat&#8221; obnażyło klika słabości tego narzędzia &#8211; i trochę o tym napiszę &#8211; bo choć poczynione odkrycia trochę martwią &#8211; częściowo dają się obejść lub zniwelować. Trzeba też wspomnieć o miłych zaskoczeniach, dzięki którym &#8211; [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://blog.wagner.com.pl/wp-content/uploads/2010/09/concrete_disabled.jpg" rel="wp-prettyPhoto[g165]"><img class="alignright size-full wp-image-166" style="margin-left: 0px; margin-right: 0px; margin-top: 5px; margin-bottom: 5px;" title="concrete_disabled" src="http://blog.wagner.com.pl/wp-content/uploads/2010/09/concrete_disabled.jpg" alt="" width="180" height="180" /></a>Jest nowoczesny, wygodny i miły w użyciu&#8230;<br />
Niestety, przy dłuższej znajomości przejawia pewne braki.</p>
<p style="text-align: justify;">Zgodnie z oczekiwaniami, poważne &#8220;wzięcie na warsztat&#8221; obnażyło klika słabości tego narzędzia &#8211; i trochę o tym napiszę &#8211; bo choć poczynione odkrycia trochę martwią &#8211; częściowo dają się obejść lub zniwelować.<br />
Trzeba też wspomnieć o miłych zaskoczeniach, dzięki którym &#8211; C5 może nie stanie się od razu idealnym substytutem innych CMS-ów jakich używam &#8211; ale z pewnością jest znakomitym, godnym polecenia narzędziem do wygodnego budowania stron www &#8211; średniej/mniejszej skali, tym bardziej, że rozwija się dość dynamicznie i raczej można liczyć na to, że wspomniane tu wady wkrótce znikną &#8211; może tez za moją sprawą, bo nie omieszkam zgłosić kliku postulatów autorom C5.</p>
<h3>Co na wstępie trzeba wiedzieć o C5?</h3>
<p></p>
<p style="text-align: justify;">Po pierwsze &#8211; pojedyncza strona to nie strona ani nawet nie &#8220;węzeł&#8221; w typowym, CMS-owym znaczeniu.<br />
C5 posiada &#8220;kolekcje. Posiadają te same atrybuty co strony w innych środowiskach. A skąd ta nazwa?<br />
Otóż na każdej ze stron, w każdym z predefiniowanych przez szablon, pól edycyjnych możemy zamieścić dowolną liczbę tzw. &#8220;bloków&#8221;, czyli części funkcjonalnych, wśród których &#8220;z biegu&#8221; C5 oferuje choćby galerię, formularz wyszukiwania, slideshow, media (flash, streaming itp.) &#8211; czy najbardziej podstawowe i najistotniejsze &#8211; czyli filtrowaną treść html (z użyciem edytora WYSIWYG &#8211; MCE, lub czysty, niczym nie ograniczony html &#8211; pisany &#8220;ręcznie&#8221;.<br />
Stąd termin &#8220;kolekcja&#8221; jest wyrażeniem trafnym. Samo organizowanie kolekcji w strukturę drzewiastą, jest już jak najbardziej typowe.</p>
<p><span id="more-165"></span></p>
<h3>Może zaczniemy od braków &#8211; zeby móc zakończyc pozytywnie <img src='http://blog.wagner.com.pl/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </h3>
<p></p>
<ol>
<li><strong>Utrudniona / słabo udokumentowana możliwość zamieszczania bloków funkcjonalnych na stałe w szablonach (template-ach)</strong><br />
Niektóre bloki można zaszyć w dość prosty sposób, inne &#8211; wymagają wstrzykiwania sporych ilości kodu php do szablonów.<br />
API jest udokumentowane &#8211; jednak nie dość dobrze , przez co często bazować trzeba na forum concrete5.com&#8230;<br />
Warto wspomnieć, ze można umieszczać dla poszczególnych szablonów domyślnie widoczne bloki, czasem jednak prościej by było zawrzeć w kodzie stosowne wywołanie&#8230;</li>
<li><strong>Stosunkowo wolne działanie na niektórych serwerach</strong> (np: przy typowym hostingu współdzielonym)<br />
Można nieco przyspieszyć C5, dzięki kilku prostym zabiegom konfiguracyjnym, o których mowa TUTAJ, jednak  jQUERY i prosta &#8220;modyfikowalność&#8221; stron kosztuje&#8230;</li>
<li><strong> Drobne błędy związane z aktualizacją niektórych tabel, co owocuje od czasu do czasu błędami MySQL-a, lub nieprzewidywanymi efektami wizualnymi.</strong><br />
Część błędów znika sama, a inne &#8211; no cóż &#8211; trzeba nauczyć się je &#8220;obchodzić&#8221;</li>
<li><strong>Brak rozbudowanych statystyk odwiedzin.</strong><br />
Niektórzy obchodzą to małymi modyfikacjami silnika C5, niestety &#8211; to może powodować komplikacje w trakcie korzystania z dodatków, które bazują na podstawowej, niezmodyfikowanej postaci c5.</li>
<li><strong>Ubogie ustawienia globalne systemu</strong><br />
Nie da się np: sterowac mechanizmem &#8220;akceptacji zmian&#8221;, nie ma też ustawień dotyczących dedykowanych stron z błędami (choć możne je definiować, jako statyczne pliki)</li>
<li><strong>Mechanizm wersjonowania dokumentów  usuwa nowsze wersje dokumentu, jeśli wybierzemy którąkolwiek z poprzednich (przepadają ew. zmiany)</strong></li>
<li> <strong>Brak możliwości programowania czasu publikacji</strong><br />
Pozornie nie wielka wada  - nie da się jednak zmusić C5 do zautomatyzowanego publikowania / ukrywania stron.</li>
<li><strong>Brak możliwości &#8220;wyłączenia publikacji&#8221; stron</strong><br />
Nie da się &#8220;tymczasowo ukryć&#8221; strony. Można ją usunąć , lub ukryć przed wyszukiwaniem &#8211; nie da się jednak zawiesić publikacji.</li>
<li><strong>Brak integracji z portalami społecznościowymi</strong><br />
Może nie jest to jakaś dramatyczna wada, a jednak jedyne co jest do dyspozycji to guziki pomagające w propagowaniu treści. W sumie &#8211; dobre i to.</li>
</ol>
<p></p>
<h3><strong>Zalet jest chyba jednak więcej&#8230;</strong></h3>
<p></p>
<ol>
<li><strong>jQuery &#8211; nowoczesny komponent wykorzystywany prze wielu funkcjonalnych elementach systemu</strong><br />
Zarówno panel administracyjny jak i galerie, formularze oraz  gadżety nawigacyjne czerpią z Ajaxa pełnymi garściami.</li>
<li><strong>Przetwarzanie formularzy z przechowywaniem w bazie danych i opcją powiadamiania przez email</strong><br />
Świetna funkcjonalność do zbierania wszelkich informacji. Do tego &#8211; z defaultu zabezpieczona przez kody captcha.<br />
Edytor formularzy jest tak prosty jak to tylko możliwe. A mimo to &#8211; cała funkcjonalność sprawdza się znakomicie.</li>
<li style="text-align: justify;"><strong>Elastyczność w edytowaniu stron </strong><br />
Pokrętna logika organizowania treści ma wiele dobrych stron. Przy odpowiedniej, przemyślanej konstrukcji szablonów, nasze strony będa miały jednolity wygląd, a jednocześnie layout niczym nas nie będzie ograniczał. Obszary, na kórych możemy dysponować treścią, definiuje się bardzo łatwo.</li>
<li style="text-align: justify;">Schowek umożliwiający powielanie skonfigurowanych bloków<br />
Proste rozwiązanie pozwalające na kopiowanie i umieszczanie prekonfigurowanych bloków, gdziekolwiek zajdzie taka potrzeba. Schowków może być wiele, można je współdzielić między użytkownikami i zarządzać nimi.</li>
<li>K<strong>ażda strona może posiadać wiele aliasów URL</strong><br />
Miła rzecz &#8211; zwłaszcza kiedy migrujemy stronę z innego systemu i chcemy zachować stare, spozycjonowane URL-e</li>
<li><strong>Wiele, doskonałych dodatków</strong><br />
Galerie oparte o flash-a lub jQuery, dodatki nawigacyjne, rozszerzenia administracyjne &#8211; wszystko instalowane z poziomu panelu administracyjnego &#8211; zarówno darmowe jaki i płatne (choć w zupełnie sensownych cenach: 15-35USD ).</li>
<li><strong>Zarządzanie plikami, z kodowaniem url</strong><br />
Doskonały w obsłudze manager plików, choć nastawiony głównie na zarządzanie obrazami &#8211; daje duża swobodę działania i przechowuje informacje o plikach w bazie danych, dzięki czemu nie ma ryzyka ustalenia lokalizacji w systemie plików, a przy tym wykorzystuje grupowanie tematyczne, co upraszcza tworzenie galerii, pokazów slajdów itp.</li>
<li><strong>Zintegrowany z edytorem MCE, edytor i manager obrazów &#8220;</strong><a title="Picnik - online photo-editor" href="http://www.picnik.com/" target="_blank"><strong>Picnik</strong></a><strong>&#8220;, który umożliwia obróbkę zdjęć online.</strong><br />
Zgromadzone obrazy można łatwo edytować używając doskonałego i miłego dla oka edytora działającego we flash&#8217;u.</li>
<li><strong>Dobry mechanizm cache&#8217;owania treści &#8211; niestety bez możliwości kontroli nad nim.</strong><br />
Cache jest mocno wykorzystywany zwłaszcza przez bloki wykorzystujące grafikę w postaci przetworzonej (np: przeskalowane dynamicznie obrazy użyte w galerii czy obiekcie &#8220;zoom image&#8221;)</li>
<li><strong>Przenośność</strong><br />
Migrowanie C5 między serwerami jest na prawdę łatwe. Dla mnie to ważna cecha&#8230; (jedyne co trzeba zrobić po przenosinach , to ponowne wygenerowanie &#8220;community-key&#8221; aby móc pobierać pakiety przez panel administracyjny)</li>
<li><strong>Intuicyjna obsługa</strong><br />
Nawet osoby &#8220;zielone&#8221; w obszarze zarządzania treścią, poradzą sobie.  Przeciętny użytkownik nie musi nawet oglądać panelu administracyjnego. Wszystkie zmiany może wykonywać przeglądając stronę i klikając stosowne gadżety w trybie edycji&#8230;</li>
<li><strong>Dobre wsparcie techniczne</strong><br />
C5 jest już dojrzałym produktem. (Kiedy to piszę, mamy wersję 5.4). Forum użytkowników zawiera masę ciekawych rozwiązań i wskazówek, a sami autorzy nie szczędzą czasu na przygotowanie screencastów na tematy związane z wieloma aspektami obsługi i adaptacji C5.<br />
Jest też polska &#8220;grupa wsparcia&#8221;, dzięki której możemy np: pobrać polskie locale. (<a title="Concrete5 po polsku" href="http://concrete5.pl/pobierz/" target="_blank">KLIK</a>)</li>
</ol>
<p></p>
<h3>Dla kogo jest Concrete5?</h3>
<p>
Łatwiej by było chyba napisać do czego na pewno się nie nadaje&#8230;<br />
A nie nadaje się na pewno do budowania portali, katalogów czy serwisów społecznościowych. To zupełnie inne narzędzie.</p>
<p>Idealny do budowania mniejszych serwisów, gdzie strona wizualna jest ważniejsza często, od treści &#8211; lub też &#8211; konstrukcja strony wymusza zmienne sposoby prezentacji treści.<br />
Słowem &#8211; pierwotne hasło &#8220;Concrete5 is for marketing&#8221;  jest drogowskazem.<br />
Obecne &#8211; &#8220;CMS made for Marketing,but built for Geeks!&#8221; &#8211; jest trochę na wyrost &#8211; lub może raczej jest obiecującą zapowiedzią na przyszłość.</p>
<p style="text-align: justify;">To narzędzie dla tych, którzy chcą łatwo budować serwisy www i bezstresowo nimi zarządzać. &#8230;I niech się tylko później nie łudzą, że dostaną cokolwiek więcej niż im mówiono <img src='http://blog.wagner.com.pl/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /><br />
C5 to sympatyczne, przyjemne w użyciu narzędzie, nie posiadające jednak wielu, ważnych, zaawansowanych funkcji, typowych dla skalowalnych, modułowych systemów CMS takich jak drupal czy nawet prostych &#8211; acz użytecznych &#8211; jak Etomite.<br />
Świetnie jednak wpisuje sie w potrzeby przeciętnego klienta, który po wdrożeniu serwisu www postanawia samodzielnie zarządzać powierzoną stroną.</p>
<p style="text-align: justify;">Tak też zamierzam go &#8220;sprzedawać&#8221; &#8211; bo cokolwiek by nie mówić &#8211; wart jest poznania i przegryzienia się przez proces adaptacji.<br />
(powstaje właśnie nowy serwis jednego z naszych klientów, oraz agregator treści, pod znanym już &#8211; acz niewypromowanym szyldem&#8230;</p>
<p><strong>Premiery &#8211; przed końcem września! </strong></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.wagner.com.pl/2010/09/06/co-potrafi-concrete5-a-czego-nie/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Solidne podwaliny</title>
		<link>http://blog.wagner.com.pl/2010/02/15/solidne-podwaliny/</link>
		<comments>http://blog.wagner.com.pl/2010/02/15/solidne-podwaliny/#comments</comments>
		<pubDate>Mon, 15 Feb 2010 13:30:32 +0000</pubDate>
		<dc:creator>Marek</dc:creator>
				<category><![CDATA[projekty]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[layout]]></category>
		<category><![CDATA[w3c]]></category>
		<category><![CDATA[webdesign]]></category>

		<guid isPermaLink="false">http://blog.wagner.com.pl/2010/02/15/solidne-podwaliny/</guid>
		<description><![CDATA[Aby stworzyć solidny layout bazujący w 100% na stylach CSS, prócz wiedzy &#8211; warto mieć też dobry plan. Krok po kroku, pozwoli zbudować dobry, elastyczny i poprawny design naszej nowej strony. Tym, którzy mają z tym kłopot &#8211; serdecznie polecam Subcide. Świetny i prosty tutorial, gdzie krok po kroku budowany jest layout portalowy. Bez eksperymentów [...]]]></description>
			<content:encoded><![CDATA[<p style="text-align: justify;"><a href="http://www.subcide.com/tutorials/csslayout"><img class="alignright size-full wp-image-123" title="subcide" src="http://blog.wagner.com.pl/wp-content/uploads/2010/02/subcide.gif" alt="Subcide" width="262" height="86" /></a>Aby stworzyć solidny layout bazujący w 100% na stylach CSS, prócz wiedzy &#8211; warto mieć też dobry plan.<br />
Krok po kroku, pozwoli zbudować dobry, elastyczny i poprawny design naszej nowej strony. Tym, którzy mają z tym kłopot &#8211; serdecznie polecam <a title="Subcide - CSS layout from scratch" href="http://www.subcide.com/tutorials/csslayout" target="_blank">Subcide</a>.</p>
<p>Świetny i prosty tutorial, gdzie krok po kroku budowany jest layout portalowy.<br />
Bez eksperymentów i ględzenia.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.wagner.com.pl/2010/02/15/solidne-podwaliny/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>OMG! Microsoft zmienia standardy&#8230;</title>
		<link>http://blog.wagner.com.pl/2010/02/10/omg-microsoft-zmienia-standardy/</link>
		<comments>http://blog.wagner.com.pl/2010/02/10/omg-microsoft-zmienia-standardy/#comments</comments>
		<pubDate>Wed, 10 Feb 2010 11:17:24 +0000</pubDate>
		<dc:creator>Marek</dc:creator>
				<category><![CDATA[software]]></category>
		<category><![CDATA[webdesign]]></category>
		<category><![CDATA[webdevelopement]]></category>
		<category><![CDATA[znaleziska]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[microsoft]]></category>
		<category><![CDATA[validator]]></category>
		<category><![CDATA[w3c]]></category>

		<guid isPermaLink="false">http://blog.wagner.com.pl/?p=117</guid>
		<description><![CDATA[Drogi na rozwiązania problemu są zawsze co najmniej dwie. Jedna wiedzie przez jego środek &#8211; i prowadzi do rozwiązania. Druga zaś &#8211; na około &#8211; i oznacza jego ominięcie. Nie zawsze wymijanie problemu jest złe &#8211; jednak to co robi firma microsoft, jest zdumiewające. Nie od dziś wiemy, jak pracuje się z kodem html i [...]]]></description>
			<content:encoded><![CDATA[<p>Drogi na rozwiązania problemu są zawsze co najmniej dwie.</p>
<p>Jedna wiedzie przez jego środek &#8211; i prowadzi do rozwiązania.<br />
Druga zaś &#8211; na około &#8211; i oznacza jego ominięcie.<br />
Nie zawsze wymijanie problemu jest złe &#8211; jednak to co robi firma microsoft, jest zdumiewające.</p>
<p style="text-align: justify;"><a href="http://blog.wagner.com.pl/wp-content/uploads/2010/02/ms_validator.gif" rel="wp-prettyPhoto[g117]"><img class="alignright size-full wp-image-118" style="margin-left: 5px; margin-right: 5px;" title="MS validator for dreamveaver" src="http://blog.wagner.com.pl/wp-content/uploads/2010/02/ms_validator.gif" alt="" width="295" height="163" /></a>Nie od dziś wiemy, jak pracuje się z kodem html i stylami css w produktach firmy z Redmond.<br />
Sporo się poprawiło z biegiem lat &#8211; jednak wiele jest jeszcze do zrobienia.<br />
Microsoft, aby wspomóc zszargane nerwy webmasterów i developrów, jak również aby zapewne odeprzeć argumenty dotyczące swej bierności w tych kwestiach , wypuściło serię porażających narzędzi do walidacji arkuszy CSS pod kątem Office 2007 (np: sharepoint-a).</p>
<p style="text-align: justify;">I co ciekawe &#8211; wcale nie ograniczono się do dodatków dla office-a. Znany i lubiany Dreamweaver również został dostrzeżony i można go wyposażyć w jakżesz miłe opcje walidujące pod kątem programistów z m$.</p>
<p style="text-align: justify;">Cóż. Każde rozwiązanie cieszy, o ile tylko wnosi coś nowego.<br />
Nie jest to rzecz zupełnie nowa &#8211; acz wyszperałem ją dopiero teraz i niniejszym &#8211; dzielę się tym z Wami. <img src='http://blog.wagner.com.pl/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<p style="text-align: justify;"><a title="ms css validating" href="http://msdn.microsoft.com/en-us/library/aa338201.aspx" target="_blank">MSDN part 1.</a></p>
<p style="text-align: justify;"><a title="walidacja css pod mikrosoft" href="msdn2.microsoft.com/en-us/library/aa338200.aspx" target="_blank">MSDN part 2.</a></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.wagner.com.pl/2010/02/10/omg-microsoft-zmienia-standardy/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Szukając natchnienia</title>
		<link>http://blog.wagner.com.pl/2009/12/15/szukajac-natchnienia/</link>
		<comments>http://blog.wagner.com.pl/2009/12/15/szukajac-natchnienia/#comments</comments>
		<pubDate>Tue, 15 Dec 2009 21:37:31 +0000</pubDate>
		<dc:creator>Marek</dc:creator>
				<category><![CDATA[znaleziska]]></category>
		<category><![CDATA[baton]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[sklepy]]></category>

		<guid isPermaLink="false">http://blog.wagner.com.pl/?p=92</guid>
		<description><![CDATA[Fantastycznie jest trafić na czyjąś złotą myśl, doskonały pomysł &#8211; przebłys, oświecenie umysłu, które wydaje się być niemal naszym własnym zdaniem. Jakby ktoś za nas wypowiedział zdanie lub stworzył cos według naszego pomysłu. Oczywiście trąci to uzurpatorstwem i przypocowywaniem się do cudzych pomysłów &#8211; ale&#8230; Jak jest sam każdy wie (chyba, że lubi oszukiwac sam [...]]]></description>
			<content:encoded><![CDATA[<p><img class="alignright size-medium wp-image-93" title="baton" src="http://blog.wagner.com.pl/wp-content/uploads/2009/12/baton-300x230.png" alt="baton" width="300" height="230" />Fantastycznie jest trafić na czyjąś złotą myśl, doskonały pomysł &#8211; przebłys, oświecenie umysłu, które wydaje się być niemal naszym własnym zdaniem. Jakby ktoś za nas wypowiedział zdanie lub stworzył cos według naszego pomysłu. Oczywiście trąci to uzurpatorstwem i przypocowywaniem się do cudzych pomysłów &#8211; ale&#8230; Jak jest sam każdy wie (chyba, że lubi oszukiwac sam siebie .</p>
<p>Ostatnie znalezisko związane jest z modufikacjami sklepu opartego o silnik Magento. I choć samo znalezisko nie dotyczy tego zagadnienia &#8211; świetnie uderza w problem, z jakim się borykam obecnie&#8230;<br />
Prezentowany &#8220;baton&#8221; można nabyć w niezwykłym sklepie online`owym: <a title="pop and shorty" href="http://www.popandshorty.com/" target="_blank">popandshorty.com</a>.</p>
<p>Nawet jeśli nie po zakupy &#8211; to przynajmniej po miłe dla oka &#8220;dizajny&#8221; warto tam zajrzeć. Kobiece spojrzenie na projektowanie bywa odświeżające.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.wagner.com.pl/2009/12/15/szukajac-natchnienia/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Cuda z guzików</title>
		<link>http://blog.wagner.com.pl/2009/11/13/cuda-z-guzikow/</link>
		<comments>http://blog.wagner.com.pl/2009/11/13/cuda-z-guzikow/#comments</comments>
		<pubDate>Thu, 12 Nov 2009 22:08:16 +0000</pubDate>
		<dc:creator>Marek</dc:creator>
				<category><![CDATA[webdevelopement]]></category>
		<category><![CDATA[button]]></category>
		<category><![CDATA[cross-browser]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[form]]></category>
		<category><![CDATA[style]]></category>
		<category><![CDATA[w3c]]></category>

		<guid isPermaLink="false">http://blog.wagner.com.pl/?p=66</guid>
		<description><![CDATA[Jak to w życiu bywa &#8211; najlepsze rzeczy odkrywa się przypadkiem. I tak, szukając natchnienia na zbudowanie ciekawego layoutu, trafiłem na zabawny lab traktujący o niestandardowych, acz przyjemnych &#8220;ficzerach&#8221; zawartych w CSS3 &#8211; oraz tych, które w żaden standard nie są ubrane &#8211; ale są obsługiwane przez pewne przeglądarki &#8211; dzięki czemu możemy np: nagrodzić [...]]]></description>
			<content:encoded><![CDATA[<p>Jak to w życiu bywa &#8211; najlepsze rzeczy odkrywa się przypadkiem.<br />
I tak, szukając natchnienia na zbudowanie ciekawego layoutu, trafiłem na zabawny lab traktujący o niestandardowych, acz przyjemnych &#8220;ficzerach&#8221; zawartych w CSS3 &#8211; oraz tych, które w żaden standard nie są ubrane &#8211; ale są obsługiwane przez pewne przeglądarki &#8211; dzięki czemu możemy np: nagrodzić kogoś za to, że używa MacOS-X &#8211; dając mu na stronie piękne guziki, stylizowane w 100% przez CSS, jak ten:</p>
<p><button id="baton">Awsome&#8230;</button></p>
<p>Warto też poznać odpowiedź na pytanie: “<a href="http://dowebsitesneedtolookexactlythesameineverybrowser.com/">do web sites need to look the same in every browser?</a>“.</p>
<p>Styl dla batona poniżej:</p>
<hr /><em>width: 15em;<br />
padding: .5em;<br />
color: #ffffff;<br />
<span style="color: #ff0000;">text-shadow: 1px 1px 1px #000;</span><br />
<span style="color: #000000;">border: solid thin #882d13;</span><br />
<span style="color: #339966;">-webkit-border-radius: .7em;<br />
-moz-border-radius: .7em;</span><br />
<span style="color: #ff0000;">border-radius: .7em;</span><br />
<span style="color: #339966;">-webkit-box-shadow: 2px 2px 3px #999;</span><br />
<span style="color: #ff0000;">box-shadow: 2px 2px 2px #bbb;</span><br />
background-color: #ce401c;<br />
background-image: -webkit-gradient(linear, left top, left bottom, from(#e9ede8), to(#ce401c),color-stop(0.4, #8c1b0b));</em></p>
<hr />Na czerowno: ozdoby mocno nietypowe / średnio standardowe, na zielono: dla mozilli i Safari o raz &#8211; co mile zaskakuje: dla Chrome-a&#8230;<br />
Trzymam kciuki za wprowadzenie nowego standardu uzupełnionego o te przemiłe dla oka dodatki&#8230;</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.wagner.com.pl/2009/11/13/cuda-z-guzikow/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Nowy serwis Eneos.pl</title>
		<link>http://blog.wagner.com.pl/2009/08/28/nowy-serwis-eneos-pl/</link>
		<comments>http://blog.wagner.com.pl/2009/08/28/nowy-serwis-eneos-pl/#comments</comments>
		<pubDate>Fri, 28 Aug 2009 08:15:06 +0000</pubDate>
		<dc:creator>Marek</dc:creator>
				<category><![CDATA[projekty]]></category>
		<category><![CDATA[webdesign]]></category>
		<category><![CDATA[cms]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[eneos]]></category>

		<guid isPermaLink="false">http://blog.wagner.com.pl/2009/08/28/nowy-serwis-eneos-pl/</guid>
		<description><![CDATA[Zakończyliśmy prace nad nowym serwisem firmowym Eneos. Po długich i żmudnych migracjach treści, serwis został uruchomiony w środowisku produkcyjnym. Nadal jednak trwają jeszcze drobne prace nad doskonaleniem detali graficznych w CSS oraz usprawnieniem zarządzania przez pracowników spółki.]]></description>
			<content:encoded><![CDATA[<p>
<a href="http://blog.wagner.com.pl/wp-content/gallery/webdesign/eneos.jpg" title="Spory serwis firmowy (zasobne archiwum)" rel="lightbox[singlepic12]"  rel="wp-prettyPhoto[g34]">
	<img class="ngg-singlepic ngg-right" src="http://blog.wagner.com.pl/wp-content/gallery/cache/12__240x150_eneos.jpg" alt="eneos" title="eneos" />
</a>
Zakończyliśmy prace nad nowym serwisem firmowym Eneos.<br />
Po długich i żmudnych migracjach treści, serwis został uruchomiony w środowisku produkcyjnym.<br />
Nadal jednak trwają jeszcze drobne prace nad doskonaleniem detali graficznych w CSS oraz usprawnieniem zarządzania przez pracowników spółki.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.wagner.com.pl/2009/08/28/nowy-serwis-eneos-pl/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>CSS: przepychanki z warstwami</title>
		<link>http://blog.wagner.com.pl/2009/06/28/css-przpychanki-z-warstwami/</link>
		<comments>http://blog.wagner.com.pl/2009/06/28/css-przpychanki-z-warstwami/#comments</comments>
		<pubDate>Sun, 28 Jun 2009 08:46:44 +0000</pubDate>
		<dc:creator>Marek</dc:creator>
				<category><![CDATA[projekty]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[web-design]]></category>

		<guid isPermaLink="false">http://blog.wagner.com.pl/2009/06/28/css-przpychanki-z-warstwami/</guid>
		<description><![CDATA[Walcząc z budową layoutu, warto pamiętać o prostym acz bardzo przydatnym atrybucie &#8220;float&#8221;, który umożliwia skuteczne rozpychanie warstw &#8211; a przy jego braku &#8211; pozwala na wzajemne ich nakładanie się. Osobną sprawą są oczywiście sposoby wyświetlania warstw: inline &#8211; dla warstw, które mają ze sobą sąsiadować w poziomie (a także umożliwiać nakładanie się) &#8211; i [...]]]></description>
			<content:encoded><![CDATA[<p>Walcząc z budową layoutu, warto pamiętać o prostym acz bardzo przydatnym atrybucie &#8220;float&#8221;, który umożliwia skuteczne rozpychanie warstw &#8211; a przy jego braku &#8211; pozwala na wzajemne ich nakładanie się.</p>
<p>Osobną sprawą są oczywiście sposoby wyświetlania warstw: inline &#8211; dla warstw, które mają ze sobą sąsiadować w poziomie (a także umożliwiać nakładanie się) &#8211; i block , np: dla tych, które mają się bezwzględnie rozpychać i markować zadaną ilość miejsca. (tu &#8211; koniecznie musi być uwzględnione pozycjonowanie typu &#8220;relative&#8221; &#8211; w przeciwnym razie &#8211; nici ze skutecznego rozpychania&#8230;)</p>
<p><strong>W zasadzie, nie sposób zbudować porządny layout oparty na css bez tych atrybutów.</strong></p>
<p>Eric Meyer napisał sporo świetnych rzeczy o CSS, niestety &#8211; nadal brakuje mi źródła wiedzy praktycznej &#8211; z dokładnym wyjaśnieniem niektórych bardziej pokrętnych konstrukcji&#8230; Stąd moje zapiski &#8211; w zasadzie mające bardziej charakter osobistych notatek &#8211; niż źródła wiedzy dla innych <img src='http://blog.wagner.com.pl/wp-includes/images/smilies/icon_biggrin.gif' alt=':D' class='wp-smiley' /> </p>
]]></content:encoded>
			<wfw:commentRss>http://blog.wagner.com.pl/2009/06/28/css-przpychanki-z-warstwami/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>CSS zamiast javascript-u</title>
		<link>http://blog.wagner.com.pl/2009/06/26/css-zamiast-javascript-u/</link>
		<comments>http://blog.wagner.com.pl/2009/06/26/css-zamiast-javascript-u/#comments</comments>
		<pubDate>Fri, 26 Jun 2009 11:44:18 +0000</pubDate>
		<dc:creator>Marek</dc:creator>
				<category><![CDATA[projekty]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[optumalizacja]]></category>

		<guid isPermaLink="false">http://blog.wagner.com.pl/2009/06/26/css-zamiast-javascript-u/</guid>
		<description><![CDATA[Żadna nowość, że można zręcznie zastąpić javascriptowe menu czy przyciski &#8211; rozwiązaniem z użyciem styli. Poniżej prosty przykładzik, jak sobie ułatwić życie i uczynić stronę lepszą, nowocześniejszą i odporniejsza na infantylizmy przeglądarek (żeby już nie wskazywać palcem ciągle w tym samym kierunku&#8230; na Redmond]]></description>
			<content:encoded><![CDATA[<p>Żadna nowość, że można zręcznie zastąpić javascriptowe menu czy przyciski &#8211; rozwiązaniem z użyciem styli. Poniżej prosty przykładzik, jak sobie ułatwić życie i uczynić stronę lepszą, nowocześniejszą i odporniejsza na infantylizmy przeglądarek (żeby już nie wskazywać palcem ciągle w tym samym kierunku&#8230;  na Redmond <img src='http://blog.wagner.com.pl/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
]]></content:encoded>
			<wfw:commentRss>http://blog.wagner.com.pl/2009/06/26/css-zamiast-javascript-u/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Pozycja obrazka w roli &#8220;submit&#8221;</title>
		<link>http://blog.wagner.com.pl/2009/06/23/pozycja-obrazka-w-roli-submit/</link>
		<comments>http://blog.wagner.com.pl/2009/06/23/pozycja-obrazka-w-roli-submit/#comments</comments>
		<pubDate>Tue, 23 Jun 2009 07:07:07 +0000</pubDate>
		<dc:creator>Marek</dc:creator>
				<category><![CDATA[webdevelopement]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[IE]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[submit]]></category>

		<guid isPermaLink="false">http://blog.wagner.com.pl/?p=14</guid>
		<description><![CDATA[Eksperymentując z grafiką zastępującą przyciski formularzy, warto wiedzieć, że obrazek daje sobą całkiem nieźle manipulować&#8230; Oto mały przykład atrybutów w znaczniku &#8220;input&#8221;: &#60;input type="image" src="image.jpg" width="100px"; height="100px" style="vertical-align: middle;" /&#62; Można też zapewnić sobie jeszcze większe pole manewru stosując javascript: &#60;a href="javascript:document.myform.submit()" onmouseover="document.formularz.sub_but.src='butdown.gif'" onmouseout="document.formularz.sub_but.src='butup.gif'" onclick="return jakastamzmienna()"&#62; &#60;img src="butup.gif" width="143" height="39" border="0" alt="wyślij formularz" name="sub_but" /&#62;&#60;/a&#62;]]></description>
			<content:encoded><![CDATA[<p>Eksperymentując z grafiką zastępującą przyciski formularzy, warto wiedzieć, że obrazek daje sobą całkiem nieźle manipulować&#8230;</p>
<p>Oto mały przykład atrybutów w znaczniku &#8220;input&#8221;:</p>
<p><code>&lt;input type="image" src="image.jpg" width="100px"; height="100px" style="vertical-align: middle;" /&gt; </code></p>
<p><span id="more-14"></span><br />
Można też zapewnić sobie jeszcze większe pole manewru stosując javascript:</p>
<p><code>&lt;a href="<strong>javascript:document.myform.submit()</strong>"<br />
onmouseover="document.formularz.sub_but.src='butdown.gif'"<br />
onmouseout="document.formularz.sub_but.src='butup.gif'"<br />
onclick="return jakastamzmienna()"&gt;<br />
&lt;img src="butup.gif"<br />
width="143" height="39" border="0" alt="wyślij formularz"<br />
name="sub_but" /&gt;&lt;/a&gt;</code></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.wagner.com.pl/2009/06/23/pozycja-obrazka-w-roli-submit/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Zjednoczeni przeciw IE</title>
		<link>http://blog.wagner.com.pl/2009/06/21/zjednoczeni-przeciw-ie/</link>
		<comments>http://blog.wagner.com.pl/2009/06/21/zjednoczeni-przeciw-ie/#comments</comments>
		<pubDate>Sun, 21 Jun 2009 18:53:43 +0000</pubDate>
		<dc:creator>Marek</dc:creator>
				<category><![CDATA[projekty]]></category>
		<category><![CDATA[webdesign]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[IE6]]></category>
		<category><![CDATA[Internet Explorer]]></category>
		<category><![CDATA[strata czasu]]></category>
		<category><![CDATA[w3c]]></category>

		<guid isPermaLink="false">http://blog.wagner.com.pl/?p=9</guid>
		<description><![CDATA[Nie robił bym hałasu z tego , że jedni microsoft lubią inni nie. Ale keidy przy każdym projekcie webowym, walka z ułomnościami IE zajmuje mi ok. 35% czasu, to przestaje już być zabawne. Środowisko &#8220;jest świadome&#8221; i dlatego powstaje mnóstwo wartościowych inicjatyw &#8211; od www.ie6.pl począwszy &#8211; na bardziej technicznych, jak www.positioniseverything.net kończąc. Zauważyłem jednak, [...]]]></description>
			<content:encoded><![CDATA[<p>Nie robił bym hałasu z tego , że jedni microsoft lubią inni nie.</p>
<p>Ale keidy przy każdym projekcie webowym, walka z ułomnościami IE zajmuje mi ok. 35% czasu, to przestaje już być zabawne.</p>
<p>Środowisko &#8220;jest świadome&#8221; i dlatego powstaje mnóstwo wartościowych inicjatyw &#8211; od <a title="Skończmy z Internet Explorerem 6!" href="http://www.ie6.pl">www.ie6.pl</a> począwszy &#8211; na bardziej technicznych, jak <a title="Jak przetrwać projektowanie pod IE6" href="http://positioniseverything.net/">www.positioniseverything.net</a> kończąc.</p>
<p><a href="http://blog.wagner.com.pl/wp-content/uploads/2009/06/ie-list.jpg" rel="wp-prettyPhoto[g9]"><img class="alignleft size-full wp-image-11" style="margin-left: 5px; margin-right: 5px; float: left;" title="Problem z lista w IE6" src="http://blog.wagner.com.pl/wp-content/uploads/2009/06/ie-list.jpg" alt="IE6 nie umie wyświetlać bulletów" width="238" height="178" /></a>Zauważyłem jednak, że zbyt często umykają mi moje własne rozwiązania dość powtarzalnych problemów &#8211; jak choćby ułomność w zakresie wyświetlania modyfikowanej listy, z parametrem bullet &#8220;inside&#8221;.<br />
Rozwiązanie jest dość proste&#8230; Unikać parametru &#8220;inside&#8221; &#8211; i niwelować pożądany efekt marginesami, oraz podać komplet wymiarów elementów DIV, w których osadzamy treść. No nie jest to idealne rozwiązanie &#8211; ale czy cos co ma związek z IE6 może mieć znamiona ideału?</p>
<p>Teraz z pewnością częściej będe pisał o podobnych kwiatach&#8230; dlaczegóż inni mają się tak samo męczyć jak ja &#8211; i co gorsza &#8211; tracić czas, nerwy i prąd.</p>
<p>A właśnie&#8230; W zasadzie można by ich oskarżyć o bezsensowne zawyżanie emisji CO2!<br />
W końcu gdyby przeliczyć te zmarnowane godziny na kilowaty&#8230;..</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.wagner.com.pl/2009/06/21/zjednoczeni-przeciw-ie/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

