Posts

Showing posts from April, 2011

New blog domain: kula.blog

It's still work in progress but new posts will be published on  https://kula.blog/ Thanks to 11ty base blog RSS is working from the start so it should be easy to add to your reader if you still use any :) If now then I hope you can sign up to the newsletter where I'll be publishing new posts and interesting articles to it from time to time. Please use  kula.blog  from now on.

Three.js for beginners

http://aerotwist.com/lab/getting-started-with-three-js/

How to be an entrepreneur

http://www.jamesaltucher.com/2011/04/the-100-rules-for-being-an-entrepreneur/ PL: jak być przedsiębiorcą

Workrave

For people working with computer (a lot). PL: http://lifehacker.com.pl/pl_lh/?p=1761 http://pl.wikipedia.org/wiki/Workrave Project site:  http://www.workrave.org/ Personally I disabled micro-timer...

Radiotray in Unity

How to fix radiotray problem in unity: http://www.webupd8.org/2011/04/how-to-enable-ubuntu-appindicator-for.html

CSS3 Patterns

http://leaverou.me/css3patterns/

Speech input in Chrome

Image
http://www.updt.me/go?item=google-chrome-now-supports-speech-input-via-html5-you-can-now-talk-to-your&t=tw

Ubuntu Unity Keybord Shortcuts Wallpapers

Image
http://www.webupd8.org/2011/04/ubuntu-unity-keyboard-shortcuts.html The one that I want to use:

WebGL - Three.js

https://github.com/mrdoob/three.js Awesome demos!

Konferencje

http://blog.end3r.com/116/ongamestart-node-knockout-i-devmeeting-o-server-side-javascript-bedzie-sie-dzialo/ http://ongamestart.com/ http://nodeknockout.com/ http://devmeetings.pl/

CSS3 - Zdjęcia spięte spinaczem

http://blog.end3r.com/118/css3-efekt-kilku-zdjec-spietych-spinaczem-biurowym/

Pseudoklasy CSS3

http://michalbiniek.blogspot.com/2011/04/pseudoklasy-css3.html

HtML5 Canvas PL

Canvas po polsku: http://designconcept.webdev20.pl/articles/html5-canvas-podstawy/

HTML5 localStorage PL

Local Storage po polsku: http://designconcept.webdev20.pl/articles/html5-localstorage/

HTML5 Performance

Image

JavaScript Modularization

Modern JavaScript:  http://blog.rebeccamurphey.com/modern-javascript Post is about future of JavaScript and how to fix it. What make me curious is modularization: http://requirejs.org/ And modules: http://wiki.commonjs.org/wiki/Modules/AsynchronousDefinition

JSPP - Morph C++ into JavaScript

http://blog.vjeux.com/2011/javascript/jspp-morph-cpp-into-javascript.html

Iframe src html content

This chrome example extension: http://code.google.com/chrome/extensions/samples.html#597015d3bcce3da693b02314afd607bec4f55291 in feed.html creates html to assign to src attribute of iframe: http://src.chromium.org/viewvc/chrome/trunk/src/chrome/common/extensions/docs/examples/extensions/news_a11y/feed.html?content-type=text/plain   desc.src="data:text/html," + iframe_src + itemDesc + ""; But if You try this there is problem with encoding within IFRAME, at least for everything else than ASCII... To sole this I recommend reading: http://msdn.microsoft.com/en-us/library/cc848897(v=vs.85).aspx Especially:  http://www.ietf.org/rfc/rfc2397.txt Finally, fix looks like this: desc.src="data:text/html; charset=\"UTF-8\" ," + iframe_src + itemDesc + "";

Raphael.js - vector graphics on the web

I found very interesting library for including vertex graphics into websites (eg for charts). It uses SVG in newer browsers and VML in old IE so it works even in IE6. Graphics are DOM objects so after drawing they can be accessed by other JavaScript (event handlers). http://raphaeljs.com/ There is also plugin explicitly for charts: http://g.raphaeljs.com/

Cross Origin Resource Sharing

Cross Origin Resource Sharing is simply Ajax calls to different domains. http://remysharp.com/2011/04/21/getting-cors-working/

Msysgit Git Bash change drive

Probably this is default for cygwin (at least I think that Git Bash uses somehow cygwin). In windows to change drives You use: D: And this is done! In Git Bash drives are "mounted" in root :) cd  /D

CSS micro clearfix

For dealing with floats: http://nicolasgallagher.com/micro-clearfix-hack/

Node.js Beginner Book

This is now much like tutorial than book but it's worth reading: http://nodebeginner.org/

Exploring ECMAScript 5

http://blogs.msdn.com/b/ie/archive/2011/04/18/exploring-ecmascript-5-with-a-simple-game-of-poker.aspx

Ubuntu Unity Guide

http://castrojo.tumblr.com/post/4795149014/the-power-users-guide-to-unity

WebGL on Android

Lately I read article about WebGL (can't find it now) but I realized that WebGL lack of support in browsers (many of them doesn't want to implement it).  After that I probably stick to canvas for now and see how WebGL will work in the future (or play with other *GL on native platform). Interesting is idea to write WebGL and run it on mobile (Android): http://blogs.sonyericsson.com/developerworld/2011/02/24/webgl-support-in-the-android-web-browser/ I wonder how performance looks compared to native...

Canvas Tutorial

http://michalbe.blogspot.com/2010/09/simple-game-with-html5-canvas-part-1.html

Ubuntu Unity problem with Conky

For me works: own_window_colour black own_window_hints undecorated,below,sticky,skip_taskbar,skip_pager own_window_transparent yes own_window_type root own_window yes From:  http://ubuntuforums.org/showthread.php?t=1543722

Redeclare function in PHP

http://anton-egorov.blogspot.com/2008/08/redeclare-php-function.html

Dla początkujących w Node.js

Pakiety: http://npmjs.org/ Framework dla tworzenia stron www:   http://expressjs.com/ Darmowy hosting http://nodester.com/ Niestety trzeba czekać aż dostanie się konto. Wdrażanie przez git push (czyli banał J serio!)

IE6 mode in newer IE browsers

Interesting project to bring IE6 browser to newer IE6 versions: http://www.browsium.com/

Progressive Enhancement in real world

Html5, CSS3 and old browsers, how to deal with that: http://sixrevisions.com/web-development/the-overblown-excitement-around-modern-web-browsers/

Historia rozwoju WWW

Image
http://antyweb.pl/ewolucja-stron-internetowych-na-infografice/

CSS3 Galery

Great gallery of  CSS3 examples, tutors and everything related. Must see for everyone interested in CSS3. http://www.smashingmagazine.com/2011/04/18/powerful-new-css-techniques-and-tools/

JavaScript Multi-touch

Multi-touch in JavaScript on iPad: http://sebleedelisle.com/2011/04/multi-touch-game-controller-in-javascripthtml5-for-ipad/

Historia w JavaScript

Świetny post o radzeniu sobie z Historią w nowych i starych przeglądarkach:   http://blog.kamilbrenk.pl/historia-w-javascript-pushstate/

Humor designerów

Zza wschodniej granicy: http://www.joemonster.org/phorum/read.php?f=18&i=523296&t=523296

Devmeetings JavaScript na serwerze

http://devmeetings.pl/trainings/javascript-na-serwerze-ringojs-v8cgi-i-nodejs Kraków: 18 czerwca, już się zapisałem. Jest rozmowa 'kwalifikacyjna' ale jestem dobrej myśli.

Rare JavaScript Operators

Interesting 20 slides about operators in JavaScript: http://www.timmywillison.com/pres/operators/#landing

Coding standards

http://twtpoll.com/r/0hirva

Amino (goamino) Java & JavaScript animations

Library for animations in Java and JavaScript:  http://goamino.org/

JavaScript Age

Nice article about future of JS. http://metamarketsgroup.com/blog/node-js-and-the-javascript-age/ PS. There are plenty of comments.

Futurism or Future? Predictions about JavaScript.

Will JavaScript will be next Java? http://www.richardrodger.com/2011/04/05/the-javascript-disruption/ In my opinion it looks similar to what made Java the most popular language, lately I read also about JavaScript as most promising language for future (but can't find it now).

How to choose OpenSource license

Image
This is great chart! Read it all :D

PHP vs. HipHop

http://php.webtutor.pl/index.php/2011/04/02/hiphop-for-php-bechmark-english-version/ 300% is really amazing, maybe I will finally find time to try HipHop...

CSS3 Super Mario

CSS3 Mario: http://cordobo.com/wp-content/uploads/pure-css-animated-3d-super-mario/ Origami3D: http://projects.mariusgundersen.net/Origami3D/examples/ and carts are the best ;) http://projects.mariusgundersen.net/Origami3D/examples/mode7.html Canvas utility library: http://guryjs.org/

CSS3 PL

Świetna strona z informacjami o CSS3:  http://css3.pl/ Niestety nie ma RSS, a on niej samej dowiedziałem się z wywiadu na ferrante.pl http://ferrante.pl/frontend/css/ludzie-front-endu-kacper-tworca-css3-pl/

Why PHP has so bad reputation?

http://codefury.net/2011/04/why-php-was-a-ghetto/ PHP is only as bad as developers that write code in it.

CSS3 Transitions with jQuery fallbacks

Great post with examples: http://addyosmani.com/blog/css3transitions-jquery/

Less PHP

Finally I have found PHP implementation of LESS! http://leafo.net/lessphp/ Code:  https://github.com/leafo/lessphp Interesting is online tool to lessify Your CSS:  http://leafo.net/lessphp/lessify/

Google Chrome Hosted Apps Tutorial

Image
I have installed some Google Chrome Apps but most of them are simply Bookmarks to sites. Lets build that bookmark! How to build it:  http://code.google.com/chrome/apps/docs/developers_guide.html This is all You need to build it... but this is not the end... If You want to pay 5$ and host Your app on Google App Store go to  https://chrome.google.com/webstore/developer/dashboard  and upload zip file with Your app. I don't want to pay, at least yet so I will try to host it by myself...  Pack it Youself:  http://code.google.com/chrome/extensions/packaging.html After packaging put app.crx to your server and app.pem to some secure place (encrypted pendrive ?) My App: Interia.pl   Code:  https://github.com/krzychukula/interia Installation:  This is problematic because host is different than site that host app sot to install it You must download it to a file (right click) and later install it from downloaded file :) Download it from google sites:  https://sites.google.com/

SDJ Maj

Do pobrania nowy SDJ. Zaciekawiło mnie głównie to 3D dla WWW. http://sdjournal.pl/magazine/1683-po-co-nam-interfejsy-tworzenie-elastycznego-kodu PS. Jeszcze nie czytałem, ale postaram się jeszcze dzisiaj wieczorem :) Aktualizacja: 3D dla WWW to artykuł o Flash, jeśli kogoś ciekawi ActionScript to proszę bardzo... mnie w ogóle. Cóż poza tym zainteresował mnie artykuł o Ciągłej Integracji i TDD ale artykuł był raczej wprowadzeniem, przydatne jeśli ktoś nie ma pojęcia o co w ogóle w tym chodzi... Poza tym przejrzałem jeszcze pismo ale nic mnie specjlanie nie zainteresowało (może trochę artykuł o interfejsach ale zawiedziony poprzednimi nie dałem mu szansy... Po innych dzisiejszych postach widać że wolałem zająć się czym innym...

Graph Editor - yEd

Interesting application for drawing:  http://www.yworks.com/en/products_yed_about.html

QUnit

QUnit is a test framework for JavaScript. This is official project for jQuery project. Nice introduction:  http://net.tutsplus.com/tutorials/javascript-ajax/how-to-test-your-javascript-code-with-qunit/ QUnit Website:  http://docs.jquery.com/QUnit Code:  https://github.com/jquery/qunit

HTML5 Boilerplate - PL

Image
Czym jest HTML5 Boilerplate? http://html5boilerplate.com/ Najpierw małe wprowadzenie... Mnie strona się nie podoba... jest przeładowana i trudno mi się w niej odnaleźć. Jakiś czas temu próbowałem się w to wgryźć ale ta strona mnie odrzuca. Podszedłem do problemu od innej strony, znalazłem w końcu dzisiaj trochę czasu by obejrzeć kilka wideo na ten temat, w tym prezentację autora. Co to jest? HTML5 jest startowym szablonem dla stron www. Z wieloma przetestowanymi 'hackami', podstawowymi ustawieniami i podstawowymi frameworkami, ale nadal szablon startowy. Wideo można obejrzeć na blogu autora (lub poniżej): http://paulirish.com/2011/videos-about-the-html5-boilerplate/ (ps. Tło tego bloga zawsze mnie rozprasza i zaczynam rysować jakieś dziwne esy-floresy ;) Prezentacja (najważniejsza): Jak zacząć: Builder: Polecam szczególnie pierwsze wideo, prezentacja jest naprawdę ciekawa i nabiera się do tego odpowiedniego dystansu. Co zawiera: .htaccess z zachowan

X-UA-Compatible with Html5

Instead of placing it in html, set it with .htaccess: Header set X-UA-Compatible "IE=edge" http://www.456bereastreet.com/archive/201103/x-ua-compatible_and_html5/

Gmail Motion

New way to control Your inbox! http://mail.google.com/mail/help/motion.html

Page Speed Online

Google releases a online version of Page Speed! Announce:  http://googlewebmastercentral.blogspot.com/2011/03/introducing-page-speed-online-with.html Project:  http://pagespeed.googlelabs.com/ As I tested it works really good and just like browser addon. For me it is much better! Why? Every addon makes my browsing slower and slower, so if I can use online version I will.