Posts

Showing posts from April, 2011

Three.js for beginners

How to be an entrepreneur

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

CSS3 Patterns

Speech input in Chrome

Image

Ubuntu Unity Keybord Shortcuts Wallpapers

Image

WebGL - Three.js

Konferencje

CSS3 - Zdjęcia spięte spinaczem

Pseudoklasy CSS3

HtML5 Canvas PL

HTML5 localStorage PL

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

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

Node.js Beginner Book

This is now much like tutorial than book but it's worth reading:

http://nodebeginner.org/

Exploring ECMAScript 5

Ubuntu Unity Guide

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

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

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

Historia rozwoju WWW

Image

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

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

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

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 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

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/site/krzychukula/chrome
Or try Dir…

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 zachowaniem plików itp.Szablon HTML5CSS…

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.