<?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>Piotr Nalepa - Blog webmasterski &#124; Porady i tutoriale CSS, jQuery, PHP &#187; CSS</title> <atom:link href="http://blog.piotrnalepa.pl/tag/css/feed/" rel="self" type="application/rss+xml" /><link>http://blog.piotrnalepa.pl</link> <description>Dzięki tutorialom zawartym w tym blogu będziesz w stanie tworzyć niesamowite efekty na swojej stronie, a także poszerzyć ich funkcjonalność o nowe technologie.</description> <lastBuildDate>Tue, 03 Jan 2012 07:52:10 +0000</lastBuildDate> <language>en</language> <sy:updatePeriod>hourly</sy:updatePeriod> <sy:updateFrequency>1</sy:updateFrequency> <generator>http://wordpress.org/?v=3.3.1</generator> <atom:link rel='hub' href='http://blog.piotrnalepa.pl/?pushpress=hub'/> <item><title>[CSS] Niesamowicie wyglądające listy numerowane</title><link>http://blog.piotrnalepa.pl/2011/12/29/css-niesamowicie-wygladajace-listy-numerowane/</link> <comments>http://blog.piotrnalepa.pl/2011/12/29/css-niesamowicie-wygladajace-listy-numerowane/#comments</comments> <pubDate>Thu, 29 Dec 2011 11:00:48 +0000</pubDate> <dc:creator>Piotr Nalepa</dc:creator> <category><![CDATA[CSS]]></category> <category><![CDATA[listy numerowane]]></category> <category><![CDATA[tutorial]]></category> <category><![CDATA[www]]></category> <guid
isPermaLink="false">http://blog.piotrnalepa.pl/?p=1642</guid> <description><![CDATA[Z racji nadchodzącego Sylwestra i okresu postanowień noworocznych można przygotować sobie odpowiednio wyglądającą listę z postanowieniami. W tym artykule dowiesz się, jak stworzyć listy, które zaskoczą innych efektownym widokiem nie umniejszając ich funkcjonalności. Już kiedyś miałem okazję napisać o różnych sposobach tworzenia efektownych list za pomocą CSS. Dzisiejszy wpis będzie jakby jego rozwinięciem. Przykład 1 [...]]]></description> <wfw:commentRss>http://blog.piotrnalepa.pl/2011/12/29/css-niesamowicie-wygladajace-listy-numerowane/feed/</wfw:commentRss> <slash:comments>0</slash:comments> </item> <item><title>[CSS]Jak zrobić nagłówek z poziomą kreską w środku?</title><link>http://blog.piotrnalepa.pl/2011/11/11/css-jak-zrobic-naglowek-z-pozioma-kreska-w-srodku/</link> <comments>http://blog.piotrnalepa.pl/2011/11/11/css-jak-zrobic-naglowek-z-pozioma-kreska-w-srodku/#comments</comments> <pubDate>Fri, 11 Nov 2011 11:06:33 +0000</pubDate> <dc:creator>Piotr Nalepa</dc:creator> <category><![CDATA[CSS]]></category> <category><![CDATA[demo]]></category> <category><![CDATA[tutorial]]></category> <category><![CDATA[www]]></category> <guid
isPermaLink="false">http://blog.piotrnalepa.pl/?p=1550</guid> <description><![CDATA[Dzisiejszy wpis będzie krótki, a będzie dotyczył sposobu na wstawienie poziomej linii pod nagłówkiem. Taki efekt często można spotkać w różnego typu gazetach, jako ozdobnik. Struktura HTML Na nagłówek będą się składały 2 elementy, znaczniki: &#60;h1&#62; oraz &#60;span&#62;. Kod wygląda następująco: 1 &#60;h1&#62;&#60;span&#62;Jakiś nagłówek&#60;/span&#62;&#60;/h1&#62; Kod CSS odpowiedzialny za magię Powyższą strukturę trzeba odpowiednio ostylować za [...]]]></description> <wfw:commentRss>http://blog.piotrnalepa.pl/2011/11/11/css-jak-zrobic-naglowek-z-pozioma-kreska-w-srodku/feed/</wfw:commentRss> <slash:comments>6</slash:comments> </item> <item><title>[CSS][HTML] Rozwijana treść w stylu accordion</title><link>http://blog.piotrnalepa.pl/2011/11/08/css-html-rozwijana-tresc-w-stylu-accordion/</link> <comments>http://blog.piotrnalepa.pl/2011/11/08/css-html-rozwijana-tresc-w-stylu-accordion/#comments</comments> <pubDate>Tue, 08 Nov 2011 18:27:51 +0000</pubDate> <dc:creator>Piotr Nalepa</dc:creator> <category><![CDATA[CSS]]></category> <category><![CDATA[HTML5]]></category> <category><![CDATA[demo]]></category> <category><![CDATA[www]]></category> <guid
isPermaLink="false">http://blog.piotrnalepa.pl/?p=1543</guid> <description><![CDATA[W dzisiejszym artykule poruszę temat efektownego sposobu na prezentację treści na stronach WWW opartego tylko i wyłącznie o możliwości najnowszej wersji języka CSS. Celem jest stworzenie animowanej prezentacji treści, w której każdy artykuł jest swoistą zakładką pokazywaną po kliknięciu w tytuł. Poprzednio otwarta zakładka automatycznie się schowa. Wygląda to dość prosto, ale jest kilka dodatkowych [...]]]></description> <wfw:commentRss>http://blog.piotrnalepa.pl/2011/11/08/css-html-rozwijana-tresc-w-stylu-accordion/feed/</wfw:commentRss> <slash:comments>2</slash:comments> </item> <item><title>[CSS] Jak uzyskać efekt 3D w tekście?</title><link>http://blog.piotrnalepa.pl/2011/10/04/css-jak-uzyskac-efekt-3d-w-tekscie/</link> <comments>http://blog.piotrnalepa.pl/2011/10/04/css-jak-uzyskac-efekt-3d-w-tekscie/#comments</comments> <pubDate>Tue, 04 Oct 2011 13:30:22 +0000</pubDate> <dc:creator>Piotr Nalepa</dc:creator> <category><![CDATA[CSS]]></category> <category><![CDATA[3D]]></category> <category><![CDATA[www]]></category> <guid
isPermaLink="false">http://blog.piotrnalepa.pl/?p=1534</guid> <description><![CDATA[Ten wpis będzie dość krótki i będzie dotyczył sposobu uzyskania efektu trójwymiarowości w tekście za pomocą najnowszej wersji języka CSS. Nie będzie do tego potrzebna ani jedna grafika. Wszystko zostanie uzyskane za pomocą kilku linijek kodu. Muszę wspomnieć, że efekt ten nie będzie widoczny w przeglądarkach Inernet Explorer (no chyba, że masz zainstalowane IE10 Developer [...]]]></description> <wfw:commentRss>http://blog.piotrnalepa.pl/2011/10/04/css-jak-uzyskac-efekt-3d-w-tekscie/feed/</wfw:commentRss> <slash:comments>3</slash:comments> </item> <item><title>[CSS]Responsywny webdizajn &#8211; a co to w ogóle jest?</title><link>http://blog.piotrnalepa.pl/2011/08/27/css-responsywny-webdizajn-a-co-to-w-ogole-jest/</link> <comments>http://blog.piotrnalepa.pl/2011/08/27/css-responsywny-webdizajn-a-co-to-w-ogole-jest/#comments</comments> <pubDate>Sat, 27 Aug 2011 12:41:24 +0000</pubDate> <dc:creator>Piotr Nalepa</dc:creator> <category><![CDATA[CSS]]></category> <category><![CDATA[dizajn]]></category> <category><![CDATA[tutorial]]></category> <category><![CDATA[webdesign]]></category> <guid
isPermaLink="false">http://blog.piotrnalepa.pl/?p=1483</guid> <description><![CDATA[W dzisiejszych czasach, kiedy jest wysyp tak wielu różnych urządzeń posiadających ekrany o różnych rozdzielczościach i z dostępem do Internetu bardzo trudno jest tworzyć strony, które idealnie będą się dostosowywały do rozdzielczości tych urządzeń. Responsywny webdizajn &#8211; zagadnienie, które porusza kwestie związane z użytecznością stron WWW w zależności od rozdzielczości urządzenia. Celem tego zagadnienia jest [...]]]></description> <wfw:commentRss>http://blog.piotrnalepa.pl/2011/08/27/css-responsywny-webdizajn-a-co-to-w-ogole-jest/feed/</wfw:commentRss> <slash:comments>4</slash:comments> </item> <item><title>[CSS]Lustrzane odbicia obrazków z użyciem CSS</title><link>http://blog.piotrnalepa.pl/2011/08/08/csslustrzane-odbicia-obrazkow-z-uzyciem-css/</link> <comments>http://blog.piotrnalepa.pl/2011/08/08/csslustrzane-odbicia-obrazkow-z-uzyciem-css/#comments</comments> <pubDate>Mon, 08 Aug 2011 03:19:18 +0000</pubDate> <dc:creator>Piotr Nalepa</dc:creator> <category><![CDATA[CSS]]></category> <category><![CDATA[demo]]></category> <category><![CDATA[tutorial]]></category> <category><![CDATA[www]]></category> <guid
isPermaLink="false">http://blog.piotrnalepa.pl/?p=1474</guid> <description><![CDATA[Dzisiejsze czasy wymagają od projektantów stron WWW umiejętności tworzenia ciekawych efektów przyciągających uwagę użytkownika strony internetowej. Jednym z obszarów w którym szczególnie wskazane jest korzystanie z nich są galerie zdjęć czy też prezentacje produktów w sklepach internetowych. Do ich uatrakcyjnienia można wykorzystać lustrzane odbicia i to jest tematem dzisiejszego artykułu. Kod HTML W naszym przypadku [...]]]></description> <wfw:commentRss>http://blog.piotrnalepa.pl/2011/08/08/csslustrzane-odbicia-obrazkow-z-uzyciem-css/feed/</wfw:commentRss> <slash:comments>2</slash:comments> </item> <item><title>[CSS] Frameworki CSS &#8211; zestawienie 3 popularnych frameworków</title><link>http://blog.piotrnalepa.pl/2011/07/07/css-frameworki-css-zestawienie-3-popularnych-frameworkow/</link> <comments>http://blog.piotrnalepa.pl/2011/07/07/css-frameworki-css-zestawienie-3-popularnych-frameworkow/#comments</comments> <pubDate>Thu, 07 Jul 2011 18:58:47 +0000</pubDate> <dc:creator>Piotr Nalepa</dc:creator> <category><![CDATA[CSS]]></category> <category><![CDATA[framework]]></category> <category><![CDATA[porównanie]]></category> <category><![CDATA[www]]></category> <guid
isPermaLink="false">http://blog.piotrnalepa.pl/?p=1448</guid> <description><![CDATA[Dzisiejszy artykuł będzie dotyczył frameworków CSS. Dowiesz się z niego co to są frameworki CSS, jakie są ich zalety oraz jak wygląda charakterystyka każdego z nich. W dzisiejszych czasach, pracując jako projektant warstwy wizualnej strony WWW (inaczej mówiąc &#8211; frontendowiec) często korzystamy z tych samych kawałków kodu CSS w wielu projektach różnych stron. Aby zapobiec [...]]]></description> <wfw:commentRss>http://blog.piotrnalepa.pl/2011/07/07/css-frameworki-css-zestawienie-3-popularnych-frameworkow/feed/</wfw:commentRss> <slash:comments>4</slash:comments> </item> <item><title>[CSS] Magia selektora :nth-child &#8211; jak tego używać?</title><link>http://blog.piotrnalepa.pl/2011/06/22/css-magia-selektora-nth-child-jak-tego-uzywac/</link> <comments>http://blog.piotrnalepa.pl/2011/06/22/css-magia-selektora-nth-child-jak-tego-uzywac/#comments</comments> <pubDate>Wed, 22 Jun 2011 05:06:35 +0000</pubDate> <dc:creator>Piotr Nalepa</dc:creator> <category><![CDATA[CSS]]></category> <category><![CDATA[nth-child]]></category> <category><![CDATA[tutorial]]></category> <category><![CDATA[www]]></category> <guid
isPermaLink="false">http://blog.piotrnalepa.pl/?p=1425</guid> <description><![CDATA[Dzisiejszy artykuł będzie dotyczył sposobów wykorzystania pseudoselektorów na stronach WWW. Pseudoselektory o których dzisiaj będzie mowa to: :nth-child first-child last-child nth-last-child Z pomocą selektorów powyżej można dokonywać magii, no i przyda się trochę wiedzy matematycznej do obliczania pozycji Wybierz tylko trzeci element z grupy By wybrać 3-ci element z danej grupy, na przykład listy nieuporządkowanej, [...]]]></description> <wfw:commentRss>http://blog.piotrnalepa.pl/2011/06/22/css-magia-selektora-nth-child-jak-tego-uzywac/feed/</wfw:commentRss> <slash:comments>5</slash:comments> </item> <item><title>[CSS][JS] Metody dodawania ładnych czcionek na stronę</title><link>http://blog.piotrnalepa.pl/2011/05/31/cssjs-metody-dodawania-ladnych-czcionek-na-strone/</link> <comments>http://blog.piotrnalepa.pl/2011/05/31/cssjs-metody-dodawania-ladnych-czcionek-na-strone/#comments</comments> <pubDate>Tue, 31 May 2011 20:30:18 +0000</pubDate> <dc:creator>Piotr Nalepa</dc:creator> <category><![CDATA[CSS]]></category> <category><![CDATA[JavaScript]]></category> <category><![CDATA[tutorial]]></category> <category><![CDATA[www]]></category> <guid
isPermaLink="false">http://blog.piotrnalepa.pl/?p=1412</guid> <description><![CDATA[Dodawanie niestandardowych czcionek na strony WWW od dawna było czymś bardzo pożądanym przez twórców stron WWW, a w szczególności przez grafików którzy, dzięki możliwości implementowania różnych czcionek w swoich projektach, mogli tworzyć bardziej kreatywne wizualizacje stron. Na chwilę obecną istnieje kilka sposobów na implementację nowych czcionek na stronach (linki przenoszą do stron z opisem): sIFR [...]]]></description> <wfw:commentRss>http://blog.piotrnalepa.pl/2011/05/31/cssjs-metody-dodawania-ladnych-czcionek-na-strone/feed/</wfw:commentRss> <slash:comments>10</slash:comments> </item> <item><title>[CSS] Jak utworzyć gradienty w CSS? &#8211; Prezentacja obecnych możliwości przeglądarek.</title><link>http://blog.piotrnalepa.pl/2011/05/20/css-jak-utworzyc-gradienty-w-css-prezentacja-obecnych-mozliwosci-przegladarek/</link> <comments>http://blog.piotrnalepa.pl/2011/05/20/css-jak-utworzyc-gradienty-w-css-prezentacja-obecnych-mozliwosci-przegladarek/#comments</comments> <pubDate>Fri, 20 May 2011 05:51:34 +0000</pubDate> <dc:creator>Piotr Nalepa</dc:creator> <category><![CDATA[CSS]]></category> <category><![CDATA[tutorial]]></category> <category><![CDATA[www]]></category> <guid
isPermaLink="false">http://blog.piotrnalepa.pl/?p=1388</guid> <description><![CDATA[Do tej pory, aby utworzyć elementy zawierające gradient, należało zaprojektować je w programie graficznym, a następnie stamtąd je wyciąć i za pomocą standardowego atrybutu CSS &#8211; background, wstawić ten element w kod strony. To miało swoje zalety jak i wady. Do zalet można zaliczyć fakt, że element zawsze będzie wyglądał tak samo w każdej przeglądarce, [...]]]></description> <wfw:commentRss>http://blog.piotrnalepa.pl/2011/05/20/css-jak-utworzyc-gradienty-w-css-prezentacja-obecnych-mozliwosci-przegladarek/feed/</wfw:commentRss> <slash:comments>6</slash:comments> </item> </channel> </rss>
<!-- Performance optimized by W3 Total Cache. Learn more: http://www.w3-edge.com/wordpress-plugins/

Page Caching using disk: enhanced

Served from: blog.piotrnalepa.pl @ 2012-02-05 11:31:03 -->
