xhtml

Praca programisty nie zawsze polega na rozwiązywaniu zaawansowanych problemów programistycznych, czy też tworzeniu złożonych algorytmów przeliczających niewyobrażalne zbiory danych. Czasem potrzebujemy zwyczajnych, prostych, czasem wręcz trywialnych rozwiązań dla problemów naszych klientów. Ostatnio zetknąłem się z jednym z takich problemów - pobieraniem miniaturek do filmów wstawianych poprzez element YouTube’a. Zapraszam do lektury krótkiego i treściwego wpisu na ten temat. ;]</p> </div> </div> <div class="post"> <div class="post-header"> <a class="post-title" href="http://blog.kowalczyk.cc/2009/12/15/miniblog-efekt-paralaksy-w-css/">[MiniBlog] Efekt paralaksy w CSS.</a> </div> <div class="post-content"> Jeśli chodzi o kreatywne wykorzystanie niektórych banalnych, zdawałoby się, technologii takich jak CSS, czy [X]HTML, ludzie chyba nigdy nie przestaną mnie zadziwiać. Opisywane wcześniej “dzieła” ze stron Toki Woki, The389, czy też to, co zamierzam Wam dzisiaj pokazać świadczy o tym, że nawet z najprostszych narzędzi mogą powstać genialne produkcje. Widząc po raz pierwszy tego typu rzeczy mówimy: “E tam, zwykły kawałek kodu”, by zaraz potem otworzyć usta z pełnym zdumienia: “ale… ale jak to? </div> </div> <div class="post"> <div class="post-header"> <a class="post-title" href="http://blog.kowalczyk.cc/2009/11/26/miniblog-zegarek-cyfrowy-wykonany-w-jezyku-javascript-przy-uzyciu-elementow-div/">[Miniblog] Zegarek cyfrowy wykonany w języku JavaScript przy użyciu elementów div.</a> </div> <div class="post-content"> Parę dni temu wygrzebałem w sieci kolejny przykład ciekawego zastosowania [X]HTMLa, CSSa i JavaScriptu, otóż pewien programista postanowił wykonać zegarek cyfrowy, w którym elementy cyfr [“belki”] są wyświetlane za pomocą nie mieszczących się w swoich kontenerach elementów , a konkretnie za pomocą pasków przewijania które tworzą się przez rozciąganie ich w kontenerach. Co tu dużo mówić - trzeba zobaczyć. ;] Dla wnikliwych - polecam uruchomienie wtyczki WebDeveloper i wybranie opcji “Zaznacz” > “Zaznacz elementy blokowe”, widać wtedy dokładnie jak to wszystko działa, bez patrzenia do kodu można podziwiać geniusz tego pomysłu. </div> </div> </div> <div class="nav"> <div class="nav-item nav-prev"><span class="grey">🡸</span></div> <div class="nav-item"><a href="http://kowalczyk.cc">Tomasz Kowalczyk</a> ©2009 - 2022</div> <div class="nav-item nav-next"><span class="grey">🡺</span></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>