tag:blogger.com,1999:blog-73113979676660465492025-12-28T22:54:57.148+01:00Anonymoushttp://www.blogger.com/profile/07700754772029129426noreply@blogger.comBlogger89125tag:blogger.com,1999:blog-7311397967666046549.post-5744411993041554252012-07-03T08:00:00.000+02:002012-07-03T09:29:00.846+02:00W piątek lub sobotę (zależnie od strefy czasowej) w Moscone Center skończyło się doroczne święto Google - konferencja<b> Google I/O 2012.</b> Głównym tematem był nowy <b>Android 4.1</b> wraz z serią sprzętu - tabletu i jukeboxa - Nexusa Q. Oczywiście nie mogło zabraknąć też Google Glasses. Drugi dzień to pokaz potęgi Chrome&#39;a, a także prezentacja nowego hardware&#39;u z <b>ChromeOS&#39;em</b>. A poniżej krótka <b>relacja</b> z tego co dla programisty JavaScriptu było <b>najciekawsze</b>.<br> <br> <div class="separator" style="clear: both; text-align: center;"> <a href="http://michalbiniek.blogspot.com/2012/07/google-io-2012-relacja.html" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="360" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjoVzhTJkly5H7NrYTl9oE2_VM6qIQ78WKSf5_zhgcSUHi1YoV8PR-jkQpTg3sDMlJIuqlMOKo_eiY6QVfewMbMACl5_IgNcuXl0PKlktLzPDEFAoTtHSjwgsH2sEU2uoTSjB1AoMDrkTq4/s640/C360_2012-07-03-01-46-14.jpg" width="640"></a></div> <a href="http://michalbiniek.blogspot.com/2012/07/google-io-2012-relacja.html#more">Czytaj więcej »</a>Anonymoushttp://www.blogger.com/profile/07700754772029129426noreply@blogger.com1tag:blogger.com,1999:blog-7311397967666046549.post-89662978027455354062012-04-02T07:33:00.000+02:002012-04-02T07:39:42.453+02:00Przeglądarki oparte na silniku <b>WebKit</b> (czyli Chrome, Safari i duża grupa mobilnych) umożliwiają rysowanie tła elementu tak samo jak w przypadku elementu <span style="font-family: &#39;Courier New&#39;, Courier, monospace;">&lt;canvas&gt;</span>. Prosty dostęp do funkcji umożliwiających rysowanie tła wraz z możliwością jego powtarzania (w końcu to standardowe tło) znacznie <b>ułatwia</b> implementacje niektórych <b>animacji</b>.<br> <br> <div class="separator" style="clear: both;"> <a href="http://michalbiniek.blogspot.de/2012/04/animowane-to-elementu-przy-uzyciu.html" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0I170pAt8Rby-aJLRveX6zQL2smJW6fpvAYtJcUkuEACiCG7Jd6pta7ckeKM4J0hcczwWwIBRM8oLT1ZslpZTbRwGRnK1IeTN5XITLzvISd-gqtGhDHKBO7hb6DLIhB6L91HNISJUxH8I/s1600/top_animated_bg"></a></div> <br> <a href="http://michalbiniek.blogspot.com/2012/04/animowane-to-elementu-przy-uzyciu.html#more">Czytaj więcej »</a>Anonymoushttp://www.blogger.com/profile/07700754772029129426noreply@blogger.com0tag:blogger.com,1999:blog-7311397967666046549.post-6835123092740542332012-03-25T01:16:00.000+01:002012-03-25T01:22:54.394+01:00Facebook i jego wygląd (buttonów, kontrolek, okien dialogowych itd.) są niezwykle <b>charakterystyczne</b>. Oferowane jest też API dzięki, któremu mamy dostęp do niektórych funkcjonalności FB wraz z jego stylami. A co w momencie, kiedy chcemy stworzyć swoje <b>własne</b> wyskakujące okienko albo <b>podpowiadanie</b> w stylu FB? Warto spróbować <a class="external" href="http://ckrack.github.com/fbootstrapp/">fbootstrapp</a>...<br> <br> <div class="separator" style="clear: both;"> <a href="http://michalbiniek.blogspot.com/2012/03/w-stylu-facebooka.html" imageanchor="1" style="margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCzcqeV25wkwpWkTFkRPUPezJdJcIYxcChMR6HDcJhXw28cO5by5RJwdyfyMhbrxSz48pgSuWFMdLhYQFQRHk5V59_BWLoqXJQpwjocNoaoQP_I3NzTwHRfFmUoeawXBpS18l5Qm5mimWP/s1600/Screen+shot+2012-03-25+at+1.07.35+.png"></a></div> <br> <a href="http://michalbiniek.blogspot.com/2012/03/w-stylu-facebooka.html#more">Czytaj więcej »</a>Anonymoushttp://www.blogger.com/profile/07700754772029129426noreply@blogger.com0tag:blogger.com,1999:blog-7311397967666046549.post-79554644398244510402011-12-01T14:01:00.001+01:002012-01-05T21:30:30.846+01:00CSS3 wprowadza spore możliwosci co do definiowania wyglądu elementów. Jedną z nowości są <b>filtry</b>, które pozwalają tworzyć różne <b>transformacje</b>. Wsród predefiniowanych filtrów znajdują się m.in. <b>skala szarości</b>, <b>blur</b>, <b>sepia</b> czy odwracanie kolorów. Dzieki temu możemy <b>oszczedzić</b> sporo czasu (np. poprzez dodanie filtrów do obrazków po stronie klienta, bez konieczności używania elementu <i>canvas</i>).<br> <div> <br> <div class="separator" style="clear: both;"> <a href="http://michalbiniek.blogspot.com/2011/12/filtry-w-css3.html" imageanchor="1" style="margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQetPOykoo55m1mZuAZMMX-AgsBLDrFRNXBqIOe1hDbPDuSXH9sQt-PqZwpvMa-84k6Bx07XVxULlxf4x7uLojbYrzat_0VCi2rxNvBSz4k3xAcQgqxmfNgHmuvWbvz2QIuv7Nj7C3Jaga/s1600/top_css3_filters.jpg"></a></div> <br> <br> </div><a href="http://michalbiniek.blogspot.com/2011/12/filtry-w-css3.html#more">Czytaj więcej »</a>Anonymoushttp://www.blogger.com/profile/07700754772029129426noreply@blogger.com0tag:blogger.com,1999:blog-7311397967666046549.post-30254601784170460832011-11-07T21:29:00.000+01:002011-11-07T21:36:37.366+01:00Kolejny <b>Google Developer Day</b> w Pradze i kolejne świetne prezentacje o tematyce tworzenia stron/aplikacji <b>internetowych</b> w oparciu o <b>najnowsze</b> technologie. Dla mnie najciekawszy był potok prezentacji pod tytułem <b><i>Chrome &amp; HTML5</i></b>. W trakcie wystąpień była mowa zarówno o zastosowaniach <b>HTML5</b> w życiu <b>codziennym</b> jak i HTML5 z tzw. <b><i>bleeding edge</i></b> (<i>WebRTC</i>, <i>WebIntents</i>) itp. Zatem co słychać w technologiach internetowych wg Google? Oto krótka lista tego co mogliśmy zobaczyć na <b>GDD</b>.<br> <br> <div class="separator" style="clear: both; text-align: center;"> <a href="http://michalbiniek.blogspot.com/2011/11/google-developer-day-2011.html" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhP3cXagN5ZnXzYdCdw8VjShAwgEdMOGOJjSCPcNCQG6bVaLBin5kbcIHg-UXGjI8DeMMFIqL6cQvNGdt6K1B2yMgtovxo91yXxwT1Dr_qviSFEOi79cTxNBaiyukMMDQWln3uSj83Ymd4k/s640/C360_2011-10-1813-30-24.jpg" width="480"></a></div> <br> <br> <div> </div><a href="http://michalbiniek.blogspot.com/2011/11/google-developer-day-2011.html#more">Czytaj więcej »</a>Anonymoushttp://www.blogger.com/profile/07700754772029129426noreply@blogger.com0tag:blogger.com,1999:blog-7311397967666046549.post-84428087901841835432011-10-08T23:22:00.000+02:002012-03-25T01:23:10.684+01:00Promocja nowych możliwości <b>HTML5</b> staje się coraz mocniejsza i coraz ciekawsza - szczególnie dla <b>developerów</b>. Poszczególni producenci przeglądarek starają się organizować różne <b>konkursy</b>, żeby zachęcić nas do skorzystania z technologii takich jak <i>CSS3</i> czy znaczników <i>&lt;video&gt;</i>. Jednym z ciekawszych konkursów tego typu jest <b><a class="external" href="https://developer.mozilla.org/en-US/demos/devderby">Mozilla Dev Derby</a></b>.<br> <br> <div class="separator" style="clear: both;"> <a href="http://michalbiniek.blogspot.com/2011/10/mozilla-dev-derby.html" imageanchor="1"><img border="0" height="212" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3L-LcpIQ_s7PgDqrPQN-tnB3y5-0hRhF2okT1e3oS4BtpZukpD1I0mmv9jg9h-YwhMuY86ig3G7H458Azn8_7Zcpl7qeRWXtbdbcrmTaklA-X17uBZtilfy5Lt1Nyhyy7EiKz9nukdS27/s640/Screen+shot+2011-10-08+at+22.57.12+.png" width="640"></a></div> <a href="http://michalbiniek.blogspot.com/2011/10/mozilla-dev-derby.html#more">Czytaj więcej »</a>Anonymoushttp://www.blogger.com/profile/07700754772029129426noreply@blogger.com4tag:blogger.com,1999:blog-7311397967666046549.post-32863569564926718462011-09-16T00:13:00.000+02:002012-03-25T01:23:25.302+01:00Google nie dawno wystartował z serwisem społecznościowym, a <b>dzisiaj</b> udostępnia pierwszą wersję <b>API</b> do Google+. Funkcjonalność trzeba przyznać <b>nie jest</b> jeszcze <b>zbyt duża</b>, ale daje na próbkę możliwości tego w jaki sposób będziemy mogli wkrótce tworzyć aplikacje na platformę Google.<br> <br> <div class="separator" style="clear: both;"> <a href="http://michalbiniek.blogspot.com/2011/09/google-api.html" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh23cSreaZq4IO8Ahb6Xl8maLUqsXUMtnvplRqMnyR3xr1uGkP0xDV2GLpmcMhWs5cUB114vKk6ufWRvj_PUlDUdFN1M4dDFCHVocaKYpJzsDc63WX6ls6Dh7W1esFHSKh1Ez_meQ1JFbxu/s1600/Screen+shot+2011-09-16+at+0.06.52+.png"></a></div> <br> <br> <a href="http://michalbiniek.blogspot.com/2011/09/google-api.html#more">Czytaj więcej »</a>Anonymoushttp://www.blogger.com/profile/07700754772029129426noreply@blogger.com0tag:blogger.com,1999:blog-7311397967666046549.post-85457731312823983772011-09-10T12:16:00.001+02:002011-09-16T19:02:13.897+02:00<b>HTML5</b> oprócz specyfikacji nowych tagów, możliwości i rozszerzeń, dodaje także nowe funkcjonalności do <b>istniejących</b> już elementów. Jednym z nich są formularze i specyfikacja HTML5 poświęca im cały dział <b>HTML5 Forms</b>. W nowościach m.in. znajdują się <b>nowe</b> typy pola <b>&lt;input&gt;</b>. Przyjrzyjmy się zatem jakie one są.<br> <br> <div class="separator" style="clear: both;"> <a href="http://michalbiniek.blogspot.com/2011/09/typy-pola-w-html5.html" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilEej75K_hdmOkDmy0In1tFXWIJAoeOTC0nPWtLnShCzlr1HbLxhntSTn87U5de-ikebriCODsIL1nTYJKNXee6PbZJfb2LY9nEqUtt6rulzNuZj3oR3XWRU37GQApGA4j0VqVJx1Brt6p/s1600/img.jpg"></a></div> <br> <a href="http://michalbiniek.blogspot.com/2011/09/typy-pola-w-html5.html#more">Czytaj więcej »</a>Anonymoushttp://www.blogger.com/profile/07700754772029129426noreply@blogger.com0tag:blogger.com,1999:blog-7311397967666046549.post-42668766967570319142011-07-17T14:09:00.001+02:002011-07-17T14:10:05.597+02:00Dostęp do stylów elementów poprzez JavaScript nikogo nie dziwi - w końcu sam DOM daje nam możliwości edytowania stylów dla poszczególnych elementów poprzez obiekt <span class="Apple-style-span" style="font-family: &#39;Courier New&#39;, Courier, monospace;">style</span>. Dodatkowo metody takie jak <span class="Apple-style-span" style="font-family: &#39;Courier New&#39;, Courier, monospace;">getComputedStyle</span> pozwalają nam na dostęp do aktualnych, &quot;obliczonych&quot; wartości przypisanych do elementów. Po co w takim razie bezpośredni dostęp do arkuszy stylów?<br> <br> <br> <div class="separator" style="clear: both;"><a href="http://michalbiniek.blogspot.com/2011/07/documentstylesheets-czyli-bezposredni.html" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQXfeeGQI6kP06Oe7Z6VfLuvPiTEkGQoi_yMx4khty7eEWTP5a3DUZtGijXarimm16J6yNkbtBjXWVdbDjf6LH4KXpt4qE1TcG-ANZVXjLRO0oaM-iVgDb9tiO1FbP428C5sw03vb6egTu/s1600/stylesheets.png"></a></div><br> <a href="http://michalbiniek.blogspot.com/2011/07/documentstylesheets-czyli-bezposredni.html#more">Czytaj więcej »</a>Anonymoushttp://www.blogger.com/profile/07700754772029129426noreply@blogger.com0tag:blogger.com,1999:blog-7311397967666046549.post-52670156767684999482011-07-01T14:33:00.002+02:002011-07-01T14:34:31.676+02:00Nareszcie Google wypuszcza swój <b>serwis społecznościowy</b> - zupełnie inny produkt niż dotychczasowy Orkut. Po części sprawdziły się też plotki o nazwie Circles (w tłumaczeniu kręgi), które jak się okazało nie są nazwą produktów, a jedynie narzędziem do grupowania znajomości. Sam serwis nosi nazwę <b>Google+</b>. Wszystko wygląda ładnie prosto, choć nie dało się uniknąć wielu <b>zapożyczeń</b> od największego konkurenta - Facebooka.<br> <br> <div class="separator" style="clear: both;"><a href="http://michalbiniek.blogspot.com/2011/07/piewsze-wrazenia-z-google.html" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjePidD4NEddHqeG0dGfXBf_uAruzTZeElBgiWnFD1UKR8gNRwzXN8AZnFbDwRWVAFSIKs2Qm3psMRHVdA0O1pF27YdCS7h0ktHQSfSPQ8Chfy2W8-9zLAI6rTfJG4PSwBoPj3w7VxA09G7/s1600/Screen+shot+2011-07-01+at+14.25.38+.png"></a></div><br> <br> <a href="http://michalbiniek.blogspot.com/2011/07/piewsze-wrazenia-z-google.html#more">Czytaj więcej »</a>Anonymoushttp://www.blogger.com/profile/07700754772029129426noreply@blogger.com1tag:blogger.com,1999:blog-7311397967666046549.post-57775188038396968512011-06-05T13:08:00.005+02:002011-06-05T13:11:28.416+02:00W CSS3 zostały wbudowane <b>pseudoklasy</b>, które m.in. pomagają obsłużyć takie zdarzenia jak znane z JavaScriptu onmouseover, onfocus. Ale czy istnieje możliwość obsługi <b>kliknięcia</b>, które jest jednym z najczęściej wykorzystywanych zdarzeń? Okazuje się, że częściowo można...<br> <br> <div class="separator" style="clear: both;"><a href="http://michalbiniek.blogspot.com/2011/06/zdarzenie-onclick-w-css3.html" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjkfeA7tXIWdc-p8Fw4e-RvH0hydTexEF66rlucaZ3R1pomty2Io4Js1U5H8SMyc6VeXVSSUoJUo1PPf7qnJySfenhfPJgjLhbk5JzkyM2RiTq1K8UcF05O03UKdKksUqaJhOHGqbaJlYC/s1600/Cursor.png"></a></div><br> <a href="http://michalbiniek.blogspot.com/2011/06/zdarzenie-onclick-w-css3.html#more">Czytaj więcej »</a>Anonymoushttp://www.blogger.com/profile/07700754772029129426noreply@blogger.com2tag:blogger.com,1999:blog-7311397967666046549.post-6505009529874189992011-06-04T21:07:00.001+02:002011-06-04T21:07:55.413+02:00Google powoli próbuje wejść na rynek mediów społecznościowych - tym razem wprowadził <b>przycisk</b> <b>+1</b>, który jest mniej więcej odpowiednikiem facebook&#39;owego <i>Lubię to</i>. Do <b>+1</b> otrzymujemy także przejrzysty <i><a class="external" href="http://www.google.com/webmasters/+1/button/">generator</a></i>, który utworzy nam kod do wklejenia na stronę. Ale po co nam dodatkowy przycisk społecznościowy na stronę?<br> <br> <div class="separator" style="clear: both;"><a href="http://michalbiniek.blogspot.com/2011/06/1-do-twojej-strony-nowy-widzet-google.html" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqdeuRnyOpcToiXLJup09IfujGlSKAyqv0XUmjVM-n-zZ0SsbgpRzK3c_Ba2zcawU67UZjaydjtdSI3OiIzRS0gYJoCKPTcQgpMyU_QI5AdmQBe16HpeX_BvaZSpsaAAQEYgmI74p41pVw/s1600/plus1.jpg"></a></div><br> <br> <a href="http://michalbiniek.blogspot.com/2011/06/1-do-twojej-strony-nowy-widzet-google.html#more">Czytaj więcej »</a>Anonymoushttp://www.blogger.com/profile/07700754772029129426noreply@blogger.com0tag:blogger.com,1999:blog-7311397967666046549.post-58037919021971352862011-05-28T16:18:00.001+02:002011-05-28T16:22:52.180+02:00<div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">Google przyszykował nieco zmian w swoich usługach typu Google API. Oprócz serii nowych i ulepszaniych usług na liście uakualnień znalazła się także spora grupa <b>wycofywanych</b> i <b>zamykanych</b> API. Wśród nich znalazł się m.in. tłumacz <b>Translate API</b>, który był powszechnie stosowany w różnych aplikacjach internetowych. Zobaczmy co Google przygotowało dla developerów podczas tegorocznej wiosny.<br> <br> </div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"><div class="separator"><a href="http://michalbiniek.blogspot.com/2011/05/zmiany-w-usugach-google-api-maps.html" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrDiKD_wuz0JAfQbiNZfgJ9ZuAUXr3-3CCVR1b8kL9prZRtKPaLrNcFzEwKkcOvtDFcsgVN9-ToMnsfRI-OzXoqmyWTxL3qk80-7VdYW5M3-60zl5FQLlby0K0-PZIIUioYAnLdiBK2MA3/s1600/movin_it.jpg"></a></div><br> <br> </div><a href="http://michalbiniek.blogspot.com/2011/05/zmiany-w-usugach-google-api-maps.html#more">Czytaj więcej »</a>Anonymoushttp://www.blogger.com/profile/07700754772029129426noreply@blogger.com0tag:blogger.com,1999:blog-7311397967666046549.post-84995721793719208352011-05-14T13:39:00.002+02:002011-05-14T13:41:00.614+02:00Coroczna wielka impreza sponsorowana przez Google pod nazwą I/O w tym roku skupiła się na dwóch aspektach - Androidzie i Chrome/HTML5 (a w każdym razie te dwie sesje były transmitowane). W moim przypadku główne zainteresowanie wzbudził drugi potok prezentacji - a znalazły się wśród nich bardzo ciekawe i dobrze omówione zagadnienia związane z tworzeniem gier w HTML5, zastosowaniem niestandardowych czcionek, przyszłością standardów internetowych czy tworzeniem mobilnych stron internetowych. Oto krótki przegląd prezentacji, które mnie szczególnie zainteresowały.<br> <br> <br> <div class="separator"><a href="http://michalbiniek.blogspot.com/2011/05/html5-na-google-io-2011.html" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgX26xDqFX17XbRsiEcg2YhIS_WqYUTRQlx0bmN7ZC8ahRUAuB3AmjAKJwuGy31F2pnY0b1uz8mzOH-55J3VQYVrP72vqJmBHGel_aaIwBqLXlK8idFcRlfZz8K4vQt1TpWUSG0AkufPYEa/s1600/googleio-logo.png"></a></div><br> <br> <a href="http://michalbiniek.blogspot.com/2011/05/html5-na-google-io-2011.html#more">Czytaj więcej »</a>Anonymoushttp://www.blogger.com/profile/07700754772029129426noreply@blogger.com1tag:blogger.com,1999:blog-7311397967666046549.post-68089939625657101012011-04-26T13:20:00.003+02:002011-04-26T13:25:42.286+02:00<style type="text/css"> div.example-links a, div.example-links div {display:block; width:50px;height:40px;padding-top:10px;background:#eeaaaa; border:solid 2px #ee0000; float:left; margin-right: 7px;} div.example-links span, div.example-links div {border:solid 2px #ee6666;} form.examples fieldset{padding:4px 10px;float:left;background:#eee;margin-right:5px;}; form.examples input[type=&quot;text&quot;] {width: 150px;background:white;border:solid 1px #ccc} div.example-links a {text-align:center;color:#eee;text-decoration:none;} </style>CSS w wersji 2 oferował zaledwie kilka, ale jakże przydatnych <b>pseudoklas </b>dla różnych znaczników stron. <b>CSS3 </b>zdecydowanie rozszerza te możliwości dzięki czemu mamy większą kontrolę nad elementami, co pozwala nam zaoszczędzić w kodzie szablonu oraz dodawania dodatkowych klas, a także używania JavaScriptu. Oto krótki przegląd pseudoklas dostępnych w CSS3.<br> <br> <div class="separator"><a href="http://michalbiniek.blogspot.com/2011/04/pseudoklasy-css3.html" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbrrFcYejd14rimOOkLlQmIVlc9WFh_bb1em7jA_xIQmc2wFgv4tr54djRYxtIlpyr3WEgTYvGTVJqGM1YUu136EZWSM8QfsvVmCMhgkzBU5hnvZMnr4ii_VePifXiM7r4sjD9pQjDWRmD/s1600/css3.jpg"></a></div><br> <a href="http://michalbiniek.blogspot.com/2011/04/pseudoklasy-css3.html#more">Czytaj więcej »</a>Anonymoushttp://www.blogger.com/profile/07700754772029129426noreply@blogger.com3tag:blogger.com,1999:blog-7311397967666046549.post-27174453400253162702011-04-07T20:32:00.002+02:002011-04-10T10:51:40.878+02:00Aktualizacja przeglądarek to w dzisiejszych czasach rzecz najzupełniej normalna. Jednak, aby użytkownicy chcieli dokonać aktualizacji potrzeba im <b>motywacji </b>(usunięte błędy bezpieczeństwa lub nowe możliwości i większa prędkość) lub sprowadzić cały ten proces do jak najprostszych czynności (np. autoaktualizacja w tle). W ten sposób osoba korzystająca ma <b>aktualny </b>program, a producent nie musi się troszczyć o wspieranie/łatanie poprzednich wersji. Jednak niektóre firmy mają z tym zdecydowany <b>problem</b>.<br> <br> <div class="separator" style="clear: both;"><a href="http://michalbiniek.blogspot.com/2011/04/problem-aktualizacji-przegladarek.html" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLE90tFR6avpgwFsSAfm0lYcX5znJfStPF8O-C3zTds_u2aP01_OartXDSNAaidHQUwB7wvhbntaSly1ybE97KQy9WU4lX-SYG3oUNSG6WMApzPkbqLFcbHCCVpbWq6mbM95YDr1EDM9OB/s1600/browsers.jpg"></a></div><br> <a href="http://michalbiniek.blogspot.com/2011/04/problem-aktualizacji-przegladarek.html#more">Czytaj więcej »</a>Anonymoushttp://www.blogger.com/profile/07700754772029129426noreply@blogger.com1tag:blogger.com,1999:blog-7311397967666046549.post-67088019797437861502011-04-01T18:05:00.001+02:002011-04-01T18:05:52.067+02:00HTML5 od samego początku był projektowany pod kątem ścisłej integracji z multimediami takimi jak dźwięk czy wideo. Jednak przeglądając dokumentację brakuje pewnych metod - m.in. do generowania dźwięku. Co prawda <a class="external" href="https://wiki.mozilla.org/Audio_Data_API">Mozilla</a> oraz <a class="external" href="http://chromium.googlecode.com/svn/trunk/samples/audio/specification/specification.html">Google</a> już pracują nad rozszerzonym API do dźwięku, ale na ostateczną wersję musimy jeszcze trochę zaczekać. W międzyczasie powstała biblioteka, która omija ten problem przekazując jako źródło bezpośrednio dane binarne.<br> <br> <div class="separator" style="clear: both;"><a href="http://michalbiniek.blogspot.com/2011/04/generowanie-dzwieku-w-html5.html" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8sYwHQ2s3DFLnL6y9yHfRBBdOJm0XNk0lK2iEUOIWwZIMba4gNW8U5mQ8HOTlBmsQ-3KBLGwM2N7gv72r9lyJS56bAIxBJPv1nFHzsZfQr8Q4AxRuS0BW59owSnF1QEILnn_Tw94P36UP/s1600/sound.jpg"></a></div><br> <a href="http://michalbiniek.blogspot.com/2011/04/generowanie-dzwieku-w-html5.html#more">Czytaj więcej »</a>Anonymoushttp://www.blogger.com/profile/07700754772029129426noreply@blogger.com2tag:blogger.com,1999:blog-7311397967666046549.post-63981707554198114042011-03-16T09:15:00.001+01:002011-03-16T09:15:30.353+01:00Połączenie szyfrowane dla Google Maps API do tej pory było dostępne w płatnej wersji Google Maps - Premier API. Z dniem wczorajszym Google zdecydowało jednak, że dostęp do wielu swoich API, w tym do Google Maps, będzie dostępny poprzez łącze szyfrowane bez dodatkowych opłat. Drobna modyfikacja w adresie URL do API pozwala nam szybko przełączyć się na warstwę SSL.<br> <br> <div class="separator" style="clear: both;"><a href="http://michalbiniek.blogspot.com/2011/03/ssl-dla-google-maps-api.html" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyUed46Xuo3No-87-ayzMk7ZLJjidzLxcUEIDCJLVv2SDAuv4qEaGupCfKPldi9k-TNf_BtajcbG5Npon2kkAp5QNZ6edZSFTn04RZCrrb05q0lV4sKSNHLZVX5pcASjxulPPRg6G8enHH/s1600/1.jpg"></a></div><a href="http://michalbiniek.blogspot.com/2011/03/ssl-dla-google-maps-api.html#more">Czytaj więcej »</a>Anonymoushttp://www.blogger.com/profile/07700754772029129426noreply@blogger.com0tag:blogger.com,1999:blog-7311397967666046549.post-56915956390181801302011-03-10T14:11:00.002+01:002011-03-10T14:12:37.430+01:00Google Analytics jest jednym z najpopularniejszych narzędzi do śledzenia ruchu na stronach internetowych. Wykorzystując pewne narzędzia Google jak Picasa Web Albums, Google Docs (np. w formie prezentacji czy formularza) czy umieszczając swój program na Google Code dobrze byłoby również otrzymywać dane statystyczne. Wprowadzenie odpowiednich danych w ustawieniach tych aplikacji pozwala na włączenie statystyk Google Analytics.<br> <br> <div class="separator" style="clear: both;"><a href="http://michalbiniek.blogspot.com/2011/03/google-analytics-w-picasa-web-google.html" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJCrCuYSlkB2B7-sv1hyyBg73t_4rNDgtA4E9SXHpiddz5TJaCASZTn0VzZc8s5BocjvtZAZf8XrTGsUuP-BgSNaxQp5cpKr92QT46pfPoAoVfmo5bJIzeLQj-G92WE15D9ILASo0kbV1q/s1600/1.jpg"></a></div><br> <a href="http://michalbiniek.blogspot.com/2011/03/google-analytics-w-picasa-web-google.html#more">Czytaj więcej »</a>Anonymoushttp://www.blogger.com/profile/07700754772029129426noreply@blogger.com0tag:blogger.com,1999:blog-7311397967666046549.post-63581991321751105612011-03-09T13:10:00.001+01:002011-03-09T13:10:48.199+01:00Głównym środowiskiem uruchomieniowym dla JavaScriptu jest przeglądarka internetowa. Samo kodowanie może odbywać się przykładowo poprzez konsolę Firebuga, więc nic nie stoi na przeszkodzie, aby stworzyć swój własny edytor online, który będzie umożliwiał podświetlanie, uruchomienie oraz testowanie kodu JavaScript bezpośrednio na stronie internetowej. Oto przegląd moim zdaniem najciekawszych narzędzi tego typu.<br> <br> <div class="separator" style="clear: both;"><a href="http://michalbiniek.blogspot.com/2011/03/przeglad-5-edytorow-online-dla.html" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7mECKdMtoACdOMmHVzYWqoLy2mUa1dz5ZRMCJLXWVCjDLj7fZnTgKojYa1pvGzURLSTgUxD-z8nf4knDXFriKXmJOS_WeALJDmWWsBQurcIURTy2nbOtALbL1Q9l9bevUSYlgxmZZMcvR/s1600/0.jpg"></a></div><br> <br> <a href="http://michalbiniek.blogspot.com/2011/03/przeglad-5-edytorow-online-dla.html#more">Czytaj więcej »</a>Anonymoushttp://www.blogger.com/profile/07700754772029129426noreply@blogger.com3tag:blogger.com,1999:blog-7311397967666046549.post-3855076285499641322011-02-11T18:33:00.001+01:002011-02-11T18:34:17.590+01:00Współczesne przeglądarki wyposażone w środowisko JavaScript potrafią utworzyć doskonałe środowisko uruchomieniowe nie tylko dla aplikacji jak klient poczty, ale także dla bardziej zaawansowanych - czego doskonałym przykładem mogą być Dokumenty Google. Opera poszła o krok dalej - umożliwiła uruchamianie aplikacji (widżetów) napisanych w HTML/JavaScript jako niezależne aplikacje desktopowe pośrednio poprzez Opera Widget Manager. Od niedawna możemy się także cieszyć taką maszyną uruchomieniową dla systemu Android.<br> <br> <div class="separator"><a href="http://michalbiniek.blogspot.com/2011/02/aplikacje-javascript-na-androidzie-z.html" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_qKuxQiSVzcD5_bXmd0sQ7_YNnl-CV7fTrPZBfpkOFl9OOvDqaAR5fGlcnMqBlzOHXt7ebqwFFb3iRkqdUSnLiOcEpbiPuyTZ4irEvFgnJqnZnV2iOBVbRynKwYuQDRglRFLFtyF-uR_y/s1600/9.jpg"></a></div><br> <a href="http://michalbiniek.blogspot.com/2011/02/aplikacje-javascript-na-androidzie-z.html#more">Czytaj więcej »</a>Anonymoushttp://www.blogger.com/profile/07700754772029129426noreply@blogger.com1tag:blogger.com,1999:blog-7311397967666046549.post-72577668605360410852011-02-08T17:23:00.001+01:002011-02-08T17:24:03.157+01:00Google słynie z często nietypowych prób wizualizacji swoich serwisów. Przykładem może być system Android z sympatycznym robocikiem jako logo oraz nazwami różnych słodkości w odniesieniu do poszczególnych wersji. Oprócz charakterystycznych znaków swoich produktów Google przygotowuje ciekawe filmy i prezentacje swoich produktów. Ostatnio trafiłem na<a class="external" href="http://code.google.com/intl/pl-PL/more/table/"> tablicę przypominającą tablicę Mendelejewa</a> - ale zamiast pierwiastków znajdziemy tam produkty i API wprost od Google.<br> <br> <br> <div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"><a href="http://michalbiniek.blogspot.com/2011/02/tablica-mendelejewa-googleowych.html" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="266" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHJgncgE4Wm3pH-fw-i2mTDBSe47YVz-GpvSJLb-FO6RiBrN0BmRk4Tkw_QIkq-qHXXg4e7t0xlb7ayl7Xlc-l1QeBaw86oduMeqGF4JhEihtdBXDl-KQwilqrLZxEUYyletZi-EMQx99S/s640/table.png" width="640"></a></div><br> <a href="http://michalbiniek.blogspot.com/2011/02/tablica-mendelejewa-googleowych.html#more">Czytaj więcej »</a>Anonymoushttp://www.blogger.com/profile/07700754772029129426noreply@blogger.com0tag:blogger.com,1999:blog-7311397967666046549.post-7376812808497195212011-02-04T21:35:00.003+01:002011-02-08T20:16:17.589+01:00Nowa wersja jQuery wprowadza nowe metody, które pozwalają na bardziej intuicyjne zarządzanie żądaniami AJAX. Wśród nich znajdziemy zarówno rozszerzone możliwości funkcji <span class="Apple-style-span" style="font-family: &#39;Courier New&#39;, Courier, monospace;">$.ajax</span>, jak i dodanie obiektu<i> Deferred Object</i>, który przechowuje status aktualnego żądania - a także pozwala łatwo łączyć metody obsługi żądania. Jak widać zmiany w obsłudze AJAX&#39;a są dość spore - ale wiązało się z całkowitym przepisaniem tego modułu.<br> <br> <div class="separator" style="clear: both; text-align: center;"><a href="http://michalbiniek.blogspot.com/2011/02/nowe-metody-do-obsugi-ajax-w-jquery-15.html" imageanchor="1" style="clear: left;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgY9gfYNu8l7jqIwfSs1k09Z0tj1HSZXY62BuWlFswxgh9CYcV4-aEH9ZWHyU_KwB69KBzSEuBDpTtL4edWlHLcjbV2KRiiD3UU3uJRPMGAc_Cjv80tgO0Cqewg4nQthZ1BR3r7kt1kG2hr/s1600/1.jpg"></a></div><a href="http://michalbiniek.blogspot.com/2011/02/nowe-metody-do-obsugi-ajax-w-jquery-15.html#more">Czytaj więcej »</a>Anonymoushttp://www.blogger.com/profile/07700754772029129426noreply@blogger.com0tag:blogger.com,1999:blog-7311397967666046549.post-10648161501493030432011-01-22T07:34:00.002+01:002011-01-22T07:34:00.407+01:00Prace na HTML5 stają się coraz bardziej zaawansowane - może o tym także świadczyć fakt, że przygotowana została pierwsza wersja loga, a także reprezentacje graficzne poszczególnych technologii zawartych w ramach przygotowywanego standardu. Całość jest umieszczona na bardzo ładnie przygotowanej <a class="external" href="http://www.w3.org/html/logo/">stronie internetowej</a> - oczywiście zgodnej z HTML5.<br> <br> <div class="separator" style="clear: both; text-align: center;"><img border="0" height="432" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5frJJvCiy2FnlBBryAEShU6oYW6_sfzGsKm7EiG6xWVxCMxl4HdgPtSRurs0VzzZfJydenyFogz6CaRh4bAXS0Q__F0DrSqyn_dWYJgjf_QdClR5w9NxappDBl7DArJyDtIQR6ZZZRR7p/s640/html5-topper.png" width="640"></div><br> <a href="http://michalbiniek.blogspot.com/2011/01/html5-ma-wasne-logo.html#more">Czytaj więcej »</a>Anonymoushttp://www.blogger.com/profile/07700754772029129426noreply@blogger.com0tag:blogger.com,1999:blog-7311397967666046549.post-84290423996800704282011-01-18T00:13:00.002+01:002011-01-18T00:14:05.997+01:00<div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">Mozilla wdrożyła w swojej przeglądarce Firefox dodatkowe kursory - np. <span class="Apple-style-span" style="font-family: &#39;Courier New&#39;, Courier, monospace;">-moz-grab</span>. Jest to standardowy kursor przypisany (w systemach operacyjnych) do obsługi zdarzenia drag&#39;n&#39;drop. Jako, że do czasu HTML5 zdarzenie to nie było oficjalnie wspierane przez przeglądarki, więc i obsługa wyglądu nie była potrzebna. A co zrobić w momencie, kiedy wykorzystujemy jQuery UI lub wspomniany HTML5 i chcemy udostępnić użytkownikowi kursory znane z jego systemu operacyjnego?<br> <br> </div><div class="separator" style="clear: both; text-align: left;"><a href="http://michalbiniek.blogspot.com/2011/01/kursor-moz-grab-dla-kazdej-przegladarki.html" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkWszze0d_afkhyphenhyphenyZ2KZOFDwK6fDrsdSNinq5sg67HngAqhnVsyN6dxSqHC3XCnA1TXbN25xhUkIt6SeSD-afiF9bFkeErzXtCTnMqyAWXjtlCKsaUyYF2CNQL0Gf-jkGJlkdN5vL2kZFe/s1600/1.jpg"></a></div><a href="http://michalbiniek.blogspot.com/2011/01/kursor-moz-grab-dla-kazdej-przegladarki.html#more">Czytaj więcej »</a>Anonymoushttp://www.blogger.com/profile/07700754772029129426noreply@blogger.com0