This post comes from the first version of this blog.
Please send me an email if anything needs an update. Thanks!

Tworzenie wstępów do kolejnych wpisów z serii Linkdump robi się coraz trudniejsze, bo w sumie o czym tu pisać? Jest konkretny temat, mam dla Was 10 fajnych linków, zapraszam do lektury! ;]

Linkdump: CSS.

1. Glowform. Formularz z ciekawą animacją dookoła okna.

2. Absolutely Positioned Textareas. Trik pozwalający na lepsze ustawienie elementu na stronie internetowej.</p> </li> <li> <p><a href="http://www.red-team-design.com/css3-dropdown-menu">CSS3 dropdown menu.</a> Rozwijane menu wykonane w całości za pomocą atrybutów CSS3.</p> </li> <li> <p><a href="http://css-tricks.com/currentcolor/">currentColor.</a> Artykuł na temat bardzo ciekawej, choć wspieranej przez niewielką liczbę przeglądarek możliwości CSS.</p> </li> <li> <p><a href="http://sixrevisions.com/css/css-typography-03/">CSS Typography: Examples and Tools.</a> Obszerny artykuł na temat typografii w świecie CSS.</p> </li> <li> <p><a href="http://www.netmagazine.com/features/how-avoid-common-css3-mistakes">How to avoid common CSS3 mistakes.</a> Czyli jak uniknąć błędów w pisaniu kodu CSS3.</p> </li> <li> <p><a href="http://www.smashingmagazine.com/2011/03/30/how-to-use-css3-pseudo-classes/">How To Use CSS3 Pseudo-Classes.</a> Kompletny artykuł omawiający kwestię wykorzystania pseudoklas w CSS3.</p> </li> <li> <p><a href="http://matthewlein.com/ceaser/">Ceaser CSS Easing Animation Tool.</a> Generator kodu animacji CSS3.</p> </li> <li> <p><a href="http://css-tricks.com/slide-in-image-captions/">Slide In Image Captions.</a> Ciekawy sposób wykorzystania możliwości CSS3 do wykonania “wyjeżdżających” opisów obrazków.</p> </li> <li> <p><a href="http://trentrichardson.com/2011/03/11/effective-example-of-css-media-queries/">Effective Example of CSS Media Queries.</a> Artykuł omawiający i pokazujący przykłady wykorzystania mechanizmu “media queries” języka CSS.</p> </li> </ol> </div> <div class="share-block"> <a class="share intent">Share on</a> <a href="https://www.facebook.com/sharer/sharer.php?u=http%3a%2f%2fblog.kowalczyk.cc%2f2011%2f04%2f03%2flinkdump-35-css-cos-strasznie-stylowego%2f&t=Linkdump%20%2335%3a%20CSS%20-%20Co%c5%9b%20Strasznie%20Stylowego." class="share facebook" data-network="facebook">Facebook</a> <a href="https://twitter.com/share?url=http%3a%2f%2fblog.kowalczyk.cc%2f2011%2f04%2f03%2flinkdump-35-css-cos-strasznie-stylowego%2f&text=Linkdump%20%2335%3a%20CSS%20-%20Co%c5%9b%20Strasznie%20Stylowego.+by+@tmmx:" class="share twitter" data-network="twitter">Twitter</a> <a href="https://www.linkedin.com/shareArticle?mini=true&url=http%3a%2f%2fblog.kowalczyk.cc%2f2011%2f04%2f03%2flinkdump-35-css-cos-strasznie-stylowego%2f&title=Linkdump%20%2335%3a%20CSS%20-%20Co%c5%9b%20Strasznie%20Stylowego.&source=X" class="share linkedin" data-network="linkedin">LinkedIn</a> <script> (function() { window.addEventListener('click', function(e) { if(!e.target.classList.contains('share') || !e.target.href) { return; } e.preventDefault(); const network = e.target.dataset.network; const networks = { facebook: { width: 600, height: 300 }, twitter: { width: 600, height: 254 }, google: { width: 515, height: 490 }, linkedin: { width: 600, height: 473 } }; window.open(e.target.href, '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=' + networks[network].height + ',width=' + networks[network].width); }); })(); </script> </div> <div class="post-info"> posted in <a class="label label-category" href="http://blog.kowalczyk.cc/category/linkdump/">linkdump</a> with tags <a class="label label-tag" href="http://blog.kowalczyk.cc/tag/css3/">css3</a>, <a class="label label-tag" href="http://blog.kowalczyk.cc/tag/pseudoclass/">pseudoclass</a>, <a class="label label-tag" href="http://blog.kowalczyk.cc/tag/linkdump/">Linkdump</a>, <a class="label label-tag" href="http://blog.kowalczyk.cc/tag/typography/">typography</a>, <a class="label label-tag" href="http://blog.kowalczyk.cc/tag/image/">image</a>, <a class="label label-tag" href="http://blog.kowalczyk.cc/tag/menu/">menu</a>, <a class="label label-tag" href="http://blog.kowalczyk.cc/tag/tool/">tool</a>, <a class="label label-tag" href="http://blog.kowalczyk.cc/tag/narz%c4%99dzie/">narzędzie</a>, <a class="label label-tag" href="http://blog.kowalczyk.cc/tag/css/">css</a>, <a class="label label-tag" href="http://blog.kowalczyk.cc/tag/form/">form</a>, <a class="label label-tag" href="http://blog.kowalczyk.cc/tag/media-queries/">media queries</a>, <a class="label label-tag" href="http://blog.kowalczyk.cc/tag/position/">position</a>, <a class="label label-tag" href="http://blog.kowalczyk.cc/tag/absolute/">absolute</a>, <a class="label label-tag" href="http://blog.kowalczyk.cc/tag/textarea/">textarea</a>, <a class="label label-tag" href="http://blog.kowalczyk.cc/tag/example/">example</a>, <a class="label label-tag" href="http://blog.kowalczyk.cc/tag/dropdown/">dropdown</a>, <a class="label label-tag" href="http://blog.kowalczyk.cc/tag/caption/">caption</a> </div> </div> <div class="nav"> <div class="nav-item nav-prev"><a href="http://blog.kowalczyk.cc/2011/04/01/symfony2-fatal-error-class-resolvedefinitiontemplatespass-not-found-in-pathpassconfig-php-on-line-line/">🡸</a></div> <div class="nav-item"><a href="http://kowalczyk.cc">Tomasz Kowalczyk</a> ©2009 - 2022</div> <div class="nav-item nav-next"><a href="http://blog.kowalczyk.cc/2011/04/05/konferencja-4developers-2011/">🡺</a></div> </div> <div class="footer"></div> <script> (() => { let theme = localStorage.getItem('theme') || 'theme-light'; document.body.classList.add(theme); localStorage.setItem('theme', theme); document.getElementById('toggleTheme').addEventListener('click', () => { const target = theme === 'theme-light' ? 'theme-dark' : 'theme-light'; document.body.classList.remove(theme); document.body.classList.add(target); localStorage.setItem('theme', target); theme = target; }); })(); </script> <script> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','https://www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-10653493-2', 'auto'); ga('send', 'pageview'); </script> </body> </html>