<?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>Blog Mintdesign &#187; Redesign</title>
	<atom:link href="http://blog.mintdesign.pl/inne/redesign/feed" rel="self" type="application/rss+xml" />
	<link>http://blog.mintdesign.pl</link>
	<description>Blog poświęcony tematyce tworzenia stron internetowych.</description>
	<lastBuildDate>Mon, 09 May 2011 18:46:48 +0000</lastBuildDate>
	<language>pl</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.3</generator>
		<item>
		<title>Redesign Smashingmagazine.com!</title>
		<link>http://blog.mintdesign.pl/inne/redesign-smashmagazine-com.html</link>
		<comments>http://blog.mintdesign.pl/inne/redesign-smashmagazine-com.html#comments</comments>
		<pubDate>Mon, 02 Nov 2009 22:42:42 +0000</pubDate>
		<dc:creator>Mateusz Lomber</dc:creator>
				<category><![CDATA[Inne]]></category>
		<category><![CDATA[Redesign]]></category>
		<category><![CDATA[blog]]></category>
		<category><![CDATA[news]]></category>
		<category><![CDATA[smashingmagazine]]></category>

		<guid isPermaLink="false">http://blog.mintdesign.pl/?p=180</guid>
		<description><![CDATA[Kilka dni temu jeden z najbardziej popularnych blogów traktujący o szeroko pojętej sieci, grafice oraz tworzeniu stron przeszedł gruntowny redesign. Sam należę do stałych czytelników tego bloga i jestem naprawdę mile zaskoczony wszystkimi zmianami jakie tam zaszły. Oto nowa wersja graficzna: Oraz dla porównania stara wersja: Jak widać na zamieszczonych wyżej screenach starej i nowej [...]]]></description>
			<content:encoded><![CDATA[<p>Kilka dni temu jeden z najbardziej popularnych blogów traktujący o szeroko pojętej sieci, grafice oraz tworzeniu stron przeszedł gruntowny redesign.</p>
<p>Sam należę do stałych czytelników tego bloga i jestem naprawdę mile zaskoczony wszystkimi zmianami jakie tam zaszły.</p>
<p>Oto <strong>nowa</strong> wersja graficzna:</p>
<p><a href="http://smashingmagazine.com"><img src="http://blog.mintdesign.pl/wp-content/uploads/2009/11/nowy_smashing.png" alt="Nowa wersja smashingmagazine.com" title="Nowa wersja smashingmagazine.com" width="634" height="345" class="aligncenter size-full wp-image-187" /></a><br />
<span id="more-180"></span></p>
<p>Oraz dla porównania <strong>stara</strong> wersja:</p>
<p><a href="http://smashingmagazine.com"><img src="http://blog.mintdesign.pl/wp-content/uploads/2009/11/stary_smashing.png" alt="Stara wersja Smashingmagazine.com" title="Stara wersja Smashingmagazine.com" width="634" height="345" class="aligncenter size-full wp-image-190" /></a></p>
<p>Jak widać na zamieszczonych wyżej screenach starej i nowej strony można zauważyć, że układ poszczególnych elementów nie uległ zmianie &#8211; jednak ich wygląd uległ zmianie.<br />
Poniżej przedstawię zmiany jakie się pojawiły na stronie:</p>
<h2>RSS</h2>
<p><strong>Wersja stara:</strong><br />
<img src="http://blog.mintdesign.pl/wp-content/uploads/2009/11/rss_old.png" alt="Stara wersja buttona RSS" title="Stara wersja buttona RSS" width="162" height="118" class="alignnone size-full wp-image-193" /></p>
<p>Nic ciekawego, mały button z średnio-czytelną liczbą subskrybentów z ikonką u góry.</p>
<p><strong>Wersja nowa:</strong><br />
<img src="http://blog.mintdesign.pl/wp-content/uploads/2009/11/rss_new.png" alt="Nowa wersja panelu rss i twittera" title="Nowa wersja panelu rss i twittera" width="415" height="134" class="alignnone size-full wp-image-194" /></p>
<p>W nowej wersji natomiast mamy fajny panel z bardzo czytelną informacją o subskrybentach kanału RSS oraz śledzących ich na Twitterze wraz z miło wyglądającym obrazkiem po prawej <img src='http://blog.mintdesign.pl/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' /> </p>
<h2>Menu</h2>
<p><strong>Wersja stara:</strong><br />
<img src="http://blog.mintdesign.pl/wp-content/uploads/2009/11/menu_old.png" alt="Stara wersja menu Smashingmagazine" title="Stara wersja menu Smashingmagazine" width="438" height="57" class="alignnone size-full wp-image-200" /></p>
<p><strong>Wersja nowa:</strong><br />
<img src="http://blog.mintdesign.pl/wp-content/uploads/2009/11/menu_new.png" alt="menu nowej wersji The Smashingmagazine" title="menu nowej wersji The Smashingmagazine" width="338" height="91" class="alignnone size-full wp-image-201" /></p>
<p>Jak widać, w nowym smashingmagazine menu oraz czcionka została powiększona, a tło menu przyciemnione (została dzięki temu zwiększona czytelność).</p>
<p><img src="http://blog.mintdesign.pl/wp-content/uploads/2009/11/new_category_select.png" alt="Menu wyboru kategorii w nowej wersji Smashingmagazine" title="Menu wyboru kategorii w nowej wersji Smashingmagazine" width="380" height="385" class="alignnone size-full wp-image-204" /></p>
<p>Na powyższym obrazku możecie zobaczyć jak wygląda teraz wybór kategorii wpisów &#8211; w przeciwieństwie do poprzedniej wersji zostało ono &#8216;ukryte&#8217; w rozwijanym panelu. (mniejszy bałagan w menu jest dzięki temu)</p>
<h2>Nagłówek wpisu</h2>
<p><strong>Stara wersja:</strong><br />
<img src="http://blog.mintdesign.pl/wp-content/uploads/2009/11/title_old.png" alt="Stary nagłówek wpisów" title="Stary nagłówek wpisów" width="634" height="111" class="alignnone size-full wp-image-206" /></p>
<p><strong>Nowa wersja:</strong><br />
<img src="http://blog.mintdesign.pl/wp-content/uploads/2009/11/title_new.png" alt="Nowa wersja nagłówka" title="Nowa wersja nagłówka" width="634" height="111" class="alignnone size-full wp-image-207" /></p>
<p>Czcionkę nagłówka wpisu zmniejszono oraz zmieniono jego kolor na pasujący do reszty designu; resztę informacji zmniejszono i także dostosowano stosownie do całości.</p>
<h2>Oferty pracy, itp.</h2>
<p><strong>Stara wersja:</strong><br />
<img src="http://blog.mintdesign.pl/wp-content/uploads/2009/11/jobs_old.png" alt="Stara wersja ofert pracy" title="Stara wersja ofert pracy" width="422" height="229" class="alignnone size-full wp-image-208" /></p>
<p>Fajny design, dzięki kolorkom nadaje trochę życia layoutowi i przyciąga uwagę.</p>
<p><strong>Nowa wersja:</strong><br />
<img src="http://blog.mintdesign.pl/wp-content/uploads/2009/11/jobs_new.png" alt="Oferty pracy w nowej wersji" title="Oferty pracy w nowej wersji" width="422" height="229" class="alignnone size-full wp-image-210" /></p>
<p>Elegancko, dostosowane do całości; jednak imho ciut zbyt szablonowo potraktowane (w poprzedniej wersji było w tym trochę życia, teraz jakieś takie formalne ;p). Ale mimo tego i tak całkiem miły design.</p>
<h2>Elementy układu strony</h2>
<p><strong>Stara wersja:</strong><br />
<img src="http://blog.mintdesign.pl/wp-content/uploads/2009/11/oddzielnik_old.png" alt="Stary oddzielnik" title="Stary oddzielnik" width="46" height="46" class="alignnone size-full wp-image-212" /></p>
<p>W starej wersji oddzielano elementy za pomocą dosyć łagodnego cienia jak widać powyżej.</p>
<p><strong>Nowa wersja:</strong><br />
<img src="http://blog.mintdesign.pl/wp-content/uploads/2009/11/oddzielnik_new.png" alt="Nowa wersja oddzielnika" title="Nowa wersja oddzielnika" width="46" height="46" class="alignnone size-full wp-image-213" /></p>
<p>W nowej wersji zaś postawiono na całkowitą prostotę &#8211; cieniutkie szare i dosyć słabo widoczne linie.</p>
<h2>Popularne wpisy</h2>
<p><strong>Stara wersja:</strong><br />
<img src="http://blog.mintdesign.pl/wp-content/uploads/2009/11/popular_old.png" alt="Popularne wpisy w starej wersji" title="Popularne wpisy w starej wersji" width="208" height="255" class="alignnone size-full wp-image-214" /></p>
<p><strong>Nowa wersja:</strong><br />
<img src="http://blog.mintdesign.pl/wp-content/uploads/2009/11/popular_new.png" alt="Nowa wersja popularnych wpisów" title="Nowa wersja popularnych wpisów" width="208" height="255" class="alignnone size-full wp-image-215" /></p>
<p>Dostosowanie kolorystyczne czcionki nagłówka i dodanie eleganckiej ikonki reprezentującej element.</p>
<h2>Paginacja</h2>
<p><strong>Stara wersja:</strong><br />
<img src="http://blog.mintdesign.pl/wp-content/uploads/2009/11/pagination_old.png" alt="Stara wersja paginacji" title="Stara wersja paginacji" width="458" height="60" class="alignnone size-full wp-image-217" /></p>
<p>Imho ciut za mocny niebieski został tutaj użyty.</p>
<p><strong>Nowa wersja:</strong><br />
<img src="http://blog.mintdesign.pl/wp-content/uploads/2009/11/pagination_new.png" alt="Nowa wersja paginacji" title="Nowa wersja paginacji" width="422" height="58" class="alignnone size-full wp-image-218" /></p>
<p>W nowej wersji zobaczymy ciut łagodniejszy design, z przyjemnym błękitnym kolorem oraz ze zwiększoną czcionką dla większej czytelności.</p>
<h2>Komentarze</h2>
<p><strong>Stara wersja:</strong><br />
<img src="http://blog.mintdesign.pl/wp-content/uploads/2009/11/comment_old.png" alt="Stara wersja komentarzy na stronie" title="Stara wersja komentarzy na stronie" width="634" height="165" class="alignnone size-full wp-image-219" /></p>
<p>Fajnie wyglądające błękitne pole z komentarzem, które w porównaniu do nowej wersji mogłoby się wydawać ciut banalne.</p>
<p><strong>Nowa wersja:</strong><br />
<img src="http://blog.mintdesign.pl/wp-content/uploads/2009/11/comment_new.png" alt="Nowy design komentarzy na smashingmagazine" title="Nowy design komentarzy na smashingmagazine" width="634" height="157" class="alignnone size-full wp-image-220" /></p>
<p>Jak widać nowa wygląd komentarzy jest bardzo elegancki i piękny w swojej prostocie oraz niezwykle czytelny. (Id komentarza nie jest tak &#8220;prostacko&#8221; użyte jak w poprzedniej wersji ;p)</p>
<h2>Stopka</h2>
<p><strong>Stara wersja:</strong><br />
<img src="http://blog.mintdesign.pl/wp-content/uploads/2009/11/footer_old.png" alt="Stara i brzydka wersja stopki ;p" title="Stara i brzydka wersja stopki ;p" width="634" height="114" class="alignnone size-full wp-image-222" /></p>
<p>Starej wersji lepiej nawet nie komentować&#8230;</p>
<p><strong>Nowa wersja:</strong><br />
<img src="http://blog.mintdesign.pl/wp-content/uploads/2009/11/footer_new.png" alt="Nowy ładny design stopki smashingmagazine" title="Nowy ładny design stopki smashingmagazine" width="562" height="288" class="alignnone size-full wp-image-223" /></p>
<p>W nowym smashingmagazine zobaczymy odnowioną stopkę, zawierającą linki z ładnym podziałem na kategorie.</p>
<p><img src="http://blog.mintdesign.pl/wp-content/uploads/2009/11/footer_new_characters.png" alt="Ładne postacie w nowym designie stopki" title="Ładne postacie w nowym designie stopki" width="268" height="288" class="alignnone size-full wp-image-224" /></p>
<p>Możemy tam także zauważyć fajnie wyglądający rysunek będący odnośnikiem do podstrony z informacjami o jej autorach.</p>
<p>W nowej wersji strony znalazły się także nowe rzeczy, takie jak:</p>
<h2>Wpisy stron partnerskich</h2>
<p><img src="http://blog.mintdesign.pl/wp-content/uploads/2009/11/new_community_posts.png" alt="Wpisy stron partnerskich w nowej wersji strony" title="Wpisy stron partnerskich w nowej wersji strony" width="634" height="253" class="alignnone size-full wp-image-226" /></p>
<p>Smashingmagazine po redesignie postanowiło zrobić swoistą sieć stron traktujących o internecie, grafice oraz stronach www, które są często aktualizowane i posiadają content (czyt. treść) wysokiej jakości.</p>
<p>Dlatego pod wpisami głównymi można zobaczyć skróty razem z odnośnikami do wpisów stron partnerskich (należących do tej sieci).</p>
<h2>Przeglądarka tagów</h2>
<p><img src="http://blog.mintdesign.pl/wp-content/uploads/2009/11/new_tag_explorer1.png" alt="Nowa funkcjonalność na stronie w postaci przeglądarki tagów" title="Nowa funkcjonalność na stronie w postaci przeglądarki tagów" width="634" height="241" class="alignnone size-full wp-image-231" /></p>
<p>Ciekawe rozwiązanie przeglądarki tagów &#8211; tagi podzielone na kategorie, a to wszystko pojawiające się za pomocą javascript po kliknięciu małego napisu &#8220;Popularne Tagi&#8221; (Popular Tags), znajdującego się po lewej stronie obok panelu z informacją o subskrypcji (RSS / Twitter).</p>
<p>To wszystko jeśli chodzi o redesign smashingmagazine.</p>
<p>A wy co myślicie o tej ciekawej zmianie? Zapraszam do podzielenia się własną opinią na temat tego redesignu w komentarzach <img src='http://blog.mintdesign.pl/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' /> </p>
<ul class="related_post"><li><a href="http://blog.mintdesign.pl/inne/the-smashing-book.html" title="The Smashing Book">The Smashing Book</a> (9)</li><li><a href="http://blog.mintdesign.pl/inne/zarabianie-na-blogu.html" title="Zarabianie na blogu">Zarabianie na blogu</a> (8)</li></ul>]]></content:encoded>
			<wfw:commentRss>http://blog.mintdesign.pl/inne/redesign-smashmagazine-com.html/feed</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
	</channel>
</rss>

