A few days ago I changed my Gmail theme into Preview (dense). It is clean and it suits to other Google services. It fine except one thing: it’s “denceness” is not as good as I want to. The problem is space between mail groups in Inbox. The headers of the group have too big spacing between them (padding-top) and due to that, the page is stretched too much (look at the image attached).

The solution?

Since I cannot edit any CSS files from Gmail’s themes, I had to find a way to change it in the browser. Many apps have their own custom stylesheets that we can edit to make our favorite pages look better. Most of them let us access them from the menu. But not Google Chrome.

To define custom styles for our page we have to change file hidden in the Chrome app directory structure. In Windows it’s placed under: user_dir\AppData\Local\Google\Chrome\User Data\Default\User StyleSheets\Custom.css. 

Update [Oct 20 2011]! In Linux OS it is ~/.config/google-chrome/Default/User StyleSheets.

In the file (empty by default) you need to put your custom CSS code. In my case it was:

.Wg{
	padding-top:4px !important;
}

The !important directive is needed, since the CSS will be ignored as being less important than page stylesheet. Voila! Now we have really dense theme. You can see difference on the image.

Note that when you save the Custom.css file Chrome immediately changes the style for the page (if opened). It useful, when you want to try many options without reloading the page. Another option is running Developers Tools of course.

The last problem is how to make custom stylesheets for different pages. For now, I haven’t been looking for solution, since I don’t need one. If you know any, let me know in the comment.

After summer holidays KrakSpot – the biggest barcamp about web/marketing in Cracow is coming back. We will meet again on the October 25th at Lizard King Club. The agenda will be published soon, so stay tuned and watch our website. 

And the most important info: the barcamp is in polish, so if you want to listen to the presentations you should know the language.

However, even if you don’t. You can always come and just talk with us in english after presentations. It is also the part of “barcamping”.

KrakSpot is one of the barcamps in Poland created for people interested in web, marketing and start-ups. We invite well known developers, CEO’s and designers who talk about their work and share experience. After the presentation part there’s also after party, when we usually do the talking about our work and meet new people from the web branch.

It is also our tradition to give pizzas to all attendants of KrakSpot. In the past we have even ordered about half pizza per attendant. And yes! We know you like pizzas most of the meeting. So this should persuade you to come to Lizard King on October 25th. See you soon!

Well. I’ve been thinking and suddenly I came up with an idea of writing a few sentences about new (1.1) version of Jolicloud. I must admit that it is really improved comparing to version 1.0. The upgrade brought us many interesting and pretty useful changes, that made this system working better.

I was attending in the two upgrade approaches. One on my computer and the second on the Asus Eee PC netbook of my friend. On none of them upgrade went well. In my case (Windows installation version) it crashed, when I went, following the advice displayed on the screen, to the kitchen for my coffee. When I got back there was black screen with shell and some error like: “Something went wrong. Dropping to shell”. Well, no chance of repair. After the reboot the system crushed. After the reinstall on my Windows, everything is fine.

On the netbook it was even funnier. It was clean install made from the ISO image, so it was like normal GNU/Linux distribution. Upgrade failed of course. My friend tried making an upgrade from the shell, which took us about 6 hours for all the packages download, install and configure. After then the system shown the message about error of the package manager, which could not install jolicloud-common package. After another hours of running some repairs the system started, but there was no program bar on the top. I still don’t know how it ended. So, if you can, just make clean install of Jolicloud, instead of counting on the upgrade system.

Now let’s see some improvements made in this new version.

Local apps directory

For a long time I’ve been missing my local apps, installed on the system but available to me in a handy way. Everyone, who’s been using Jolicloud before, knows the problem. I have had Rhythmbox installed, but running it was a horror. Every time, I was forced to go to the This Device tab, then open Local Apps page and open All Applications directory, then search for my program. Of course the more apps you have had to run, the less work was needed to be done in order to do it. However, now we have Local Applications directory on the Dashboard, which is really cool! I mean it. You can add your very own application to this directory. You can’t put any of your apps on the main screen of dashboard though. Still it is easy and fast enough to be appreciated.

The wallpaper

Another, not so useful, but making your Jolicloud more yours is the option of choosing and uploading your own wallpaper. The file is uploaded to their server, so wherever you use Jolicloud, you get your favorite wallpaper. The library of wallpapers available to all Jolicloud users is reach and nice, so you may not even upload yours. Especially if you have no idea on wallpaper (I doubt that).

What is still needed?

I see there are still some problems, that hasn’t been fixed yet. The first one is the service of the multiple screens. Especially when I’m at home and I would like to use my 24″ screen. It is really hard to make it work on Jolicloud. First thing is detection of the screen on the fly. I have to start Jolicloud with the monitor connected to the computer, since on other cases it will not even detect it. But as far as I know it is issue known to all GNU/Linux distributions. Second problem is working with the resolutions. Resolution higher than 1280px in width is not for Jolicloud. It shows the smaller (its maximum?) version of Jolicloud in one corer, and the rest of the screen is useless. The third thing is changing the screens. Getting to the settings responsible for the screen is another horror. I hope this (or even part of it) will be fixed soon.

The second thing I would like to see in Jolicloud is some sort of settings of my Dashboard. I have 15,4″ screen in notebook and Jolicloud is loosing too much space for me on showing only two rows of apps on one screen. I would like to be able to chose how many rows and columns of apps I have on my dashboard.

Anyway, new Jolicloud, except some troubles with upgrade and still problems with bigger screens, does great. It starts even faster then before, what is big advantage. It goes down pretty fast as well. I have noticed though that when I turn it to sleep it starts without asking me about the password, when on the other hand, after turning off the screensaver it asks. I think the solution should be somewhere in the settings of the system, so that’s not a big deal. I think Jolicloud is still best alternative for all Netbook/Windows users. It is fast, easy and web oriented. And they are still working on it. I thing the final version 2.0 will be really better than now. I am waiting for any news on it.

Creating your own homepage is a great opportunity to check your abilities in creating web pages for the first time. Usually when you make your own webpage you are doing everything: from making a graphic design through writing HTML, CSS and JavaScript to programming the server-side apps. Many people, especially those, who start creating their own webpage make mistakes by putting everything into the layout. And by everything I mean really everything. People, mostly, those older (e.g. from the universities) think, that by placing more garish elements they will make the homepage more attractive. Obviously, it is huge mistake.

While creating your own homepage it is good to think about it like it would be your real home. I think it is perfect method of creating such a page in many aspects. With this in mind I will show you how should the work over your own homepage look like.

Build your house

Let’s analyze the steps of a house building. When you’re building such you:

• Choose and buy a plans
• Buy a terrain for a building
• Make a foundations
• Build the walls, floors, roof.
• Design interior of every room

The way you should build you homepage is similar to the description above. In the next points I will describe the connections between the house and webpage creation.

Choose the plan – graphic

First of all you create a plan of the house. It is very important part of the work, since after start of the build you won’t be able to make many changes. Luckily, during the homepage creation you are always able to make some changes. Still, before you create a page, you should think what you will place in the page: the boxes, columns, containers. All of them should be prepared on the “plan” – the graphic design of the page. On the basis of this plan, you will be able to create the real building from the real materials – the HTML code.

Buy a terrain – hosting

When you have decided to create page, you will need a server and a domain. There’s a lot of hosting companies, that serve the space to place your own webpage. They also serve the domain registration service, so you can take care of everything in one place, since you’re not much experienced in making webpage. While choosing hosting pay attention to the technologies they serve. There should be PHP, mod_rewrite accessibility, basically. What you need depends on the technology and applications you want to create. Some need PHP, some Python with frameworks and access to the shell. You have to know what you need.

Make foundations – backbone HTML

Start your HTML code from the scratch. Use only backbone elements of the code. Put the divs (or HTML5 elements) into the document. They are most important at this moment. They will decide how the flow of your page will look like. At this stage you should avoid using many CSS. Use only the styles you need to position your elements on the page. Also, don’t make any boxes, text containers and so on. Focus on preparing the header, content container and the footer. Also think about the sidebar and navigation bar.

Build the walls – all needed HTML elements

Place in your HTML code all basic elements like headers, paragraphs, empathizes (i.e. strongs, ems). Also create boxes, buttons and all types of containers you would like to put in the content. Still you should thing about scanty CSS code. Use only position and size-related code. It is important to cover all basic elements. Even if you don’t plan on using them, one they you will. Trust me! Using them now will reduce the work later.

Design interior – CSS details

Now the time has come for you to make all HTML elements look the way you want. Choose the sizes of the fonts, colors, backgrounds and borders of all elements. Try to make your CSS file clean, so you can return to it within one year and not swear. It is important to cover all basic HTML elements with the styles, even if don’t plan on using them. It is also time to write some JavaScript code that refers to the elements of the page, by changing their functionality and the look. Later, while creating the server-side code, you will be able to write JavaScript for connections with the server (probably using AJAX technology).

Design you page like interior

When someone comes to your home, you want to make him feel comfortable (expect unwanted visitors). Your vestibule should be simple and useful. It shouldn’t overwhelm your guests, or they will feel intimidated, as if they would enter the shop with souvenirs. The same you should make with your homepage. The main page should be simple and clean. There should be basic informations, maybe some introductions to the subpages like last works from your portfolio. Never try to make your page homogenous. Use different colors and often think about contrasts. You should avoid using garish color, since they distract humans eye.

All those advices are good for the beginners. When you will create more then ten pages you will see that some customs can be broken. But of course you have to know what you are doing and why! The rules presented above are guidelines to get some good habits. When some time will pass by, you will learn how to make exceptions. Good luck!

Już jutro w krakowskim Qubus Hotel przy ulicy Nadwiślańskiej 6 odbędzie się kolejne, dziewiąte spotkanie barcampowe KrakSpot. Spotkanie rozpocznie się o godzinie 18:00 i jak zwykle będzie trwało do późnego wieczoru. Jak zwykle przygotowano długą agendę, którą można znaleźć na oficjalnej stronie wydarzenia.

KrakSpot to cykliczne, nieformalne spotkanie ludzi związanych z nowymi mediami, pozwalające poznać się lepiej osobom z tego środowiska i wymienić doświadczeniami. W czasie spotkań odbywają się dyskusje, prezentacje o tematyce marketingu, e-commerce, technologii internetowych, start-upów czy usability. Po części prezentacyjnej i dyskusyjnej (gdzie każdy może wejść na scenę i poruszyć jakiś temat) uczestnicy mogą przejść do rozmów kuluarowych, gdzie przy kuflu piwa można z każdym wymienić się doświadczeniami i podyskutować na dowolny temat, nie koniecznie związany z nowymi mediami.

gvChart is a plugin for jQuery, that uses Google Charts to create interactive visualization by using data from the HTML table tag. It is easy in use and additionally it allows you to create five types of the charts.

Check out demo Download plugin

Important: Download link and Demo are up to date (version 1.0.1).

Some time ago I tried to find some JavaScript libraries, which would easily create nice charts. I have found two: jQuery Visualise and Google Charts. First one was interesting because of using table HTML tag as a data source for the chart, but it isn’t interactive and there are no labels with values of every chart node. Google Charts provide useful tools for creating interactive charts, but it uses JavaScript Array() as a source of data. So I decided to create my own hybrid of these features.

Creating chart in three steps

Create HTML table

Create table with your data. The table must be well formed:

• Table should have caption element – it will be used as a title of the chart.
• Table should be divided into two parts: thead and tbody.
• In the thead element create one row with th elements. They will be used as arguments presented on the x-axis.
• In the tbody element place data rows. Each row represents one data set. The first element of the row should be th with the name of the data set.

Download gvChart

Download gvChart and place it in your HTML code.

To use this plugin you have to put script tags reffering to jQuery, gvChart and Google jsapi.

<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript" src="jquery.gvChart-0.1.min.js"></script>

Important! Google jsapi script tag must be placed before gvChart script.

Before using script you have to initialize Google Api, by using gvChartInit() function. This function may not work when placed in the external JavaScript file. It is better idea to place it inline in the head.

<script type="text/javascript">
	gvChartInit();
</script>

Connect gvChart to the table

Now you can use gvChart in your scripts. Below is a basic example of usage.

jQuery('#myTable').gvChart({
	chartType: 'ColumnChart',
	gvSettings: {
		vAxis: {title: 'No of players'},
		hAxis: {title: 'Month'},
		width: 720,
		height: 300,
		}
});

gvChart settings

chartType – You can use five different google charts, by setting chartType to one of:

• AreaChart
• LineChart
• BarChart
• ColumnChart
• PieChart

hideTable [Default: true] – If set to false, it won’t hide table while creating the chart.

gvSettings – In the gvSettings variable you can place Google Charts settings, which you can find in the Google Visualization API Gallery.

Special thanks to Urszula Ciaputa, for helping me with this plugin.

Jakiś czas temu spotkałem się z dziwną sytuacją. Na moim laptopie zainstalowany był równocześnie Windows Vista oraz Linux Fedora 11. Nie było z nimi problemów podczas poprzedniego reinstalowania aż tu nagle… przy kolejnej coś poszło nie tak. Układ był następujący:

• Partycja ukryta FAT-32 z przywracaniem Windows
• Partycja z Windows Vista
• Partycja Linuxa
• Swap
• Partycja NTFS Data dla Windows

Na MBR całego dysku znajduje się GRUB i nigdy nie było żadnych kłopotów z reinstallem Windowsa, aż tu nagle… przy ostatniej przygodzie wyskoczyła niespodzianka. Próbuję reinstalować system, wybierając opcję przywracania tylko na pierwszą partycję (czyli tę z systemem Windows). Program Asusa za nic nie chciał współpracować uznając, że nie może. W dodatku MBR nie uległ wyczyszczeniu, co nie byłoby problemem, gdyby nie fakt, że linuxa nie widział. Jak się okazało partycja linuxa została posiekana przez przywracanie Windowsa.

Nie ufaj pomocy technicznej Asusa

Zadzwoniłem do Asusa i pytam, co się dzieje. Na to, przyznajmy, miły pan po drugiej stronie wyjaśnił mi, że partycja ukryta jest niepotrzebna i mogę spokojnie ją usunąć. Ładnie, pięknie, ale niestety wiele to nie dawało. Oczywiście trochę podyskutowałem z panem po drugiej stronie, co był łaskaw skwitować czymś w rodzaju “jeżeli używa się GRUBa to… cóż nie chciałbym tutaj obrazić pana”. Co to w ogóle miało być? Czy tak powinien się zachować konsultant pomocy technicznej renomowanej firmy komputerowej? Nie sądzę. Zostawmy to jednak…

Usunąłem partycję i nie dało to nic. GRUB jak był wcześniej tak został. Uznałem, że nie ma to znaczenia, bo i tak chciałem go używać. Problem sprawiało znowu przywracanie systemu. Stworzyłem sobie jedną partycję na windowsa i… nie działało. Dlaczego? Ano okazało się że partycja ukryta musi być, bo przywracanie używa jej jako tymczasowej do przenoszenia plików przy instalacji systemu. Innymi słowy jest się na nią skazanym.

Co natomiast z linuxem? Okazuje się, że z jakiś powodów nie chciało się nic instalować także dlatego, że ten nieszczęsny linux siedział pomiędzy partycjami windowsa, nawet jeżeli ta druga nie powinna w ogóle być ruszana. Po zamianie miejscami partycji (Data na środek, a linux na koniec dysku) wszystko śmigało bez kłopotu.

Wnioski

Jeżeli planujemy używanie linuxa na notebookach Asusa warto robić sobie partycje linuxa na końcu. Fakt, że tak jest niewydajnie, ale przynajmniej nie ma problemów z przywracaniem systemu Windows. Partycja ukryta windowsa musi być dostępna dla programu przywracającego system.

Podejrzewam, że gdybym usunął jednak partycję ukrytą i miał obok siebie obie partycje (Windows + Data) to wybierając instalację tylko na pierwszej partycji, on zainstalowałby system na drugiej używając pierwszej jako tymaczasowej. Nie miałem okazji, gdyż mam nadal partycję ukrytą oraz instalację wykonałem w moim przypadku tylko dla jednej partycji. Być może kiedyś jeszcze to sprawdzę.

PDF Creator to na prawdę potężne narzędzie. Potrafi praktycznie każdy dokument zamienić na bardzo dobrej jakoś plik PDF, który można następnie udostępnić swoim znajomym, klientom czy współpracownikom.

Niestety instalacja najnowszej wersji tego programu (0.9.8) zawiodła mnie. Podczas instalacji pojawia się pytanie o uczynienie Yahoo domyślną przeglądarką. Jednak odznaczenie tej “możliwości” wcale nie oznacza, że będziemy mieli święty spokój i nie zobaczymy nic zaskakującego w naszym Firefox.Wraz z programem instaluje się bowiem pdfforge toolbar, który także ma wyszukiwarkę Yahoo. Instaluje sie on niestety potajemnie, ponieważ przy wyborze składników instalowanych z programem nie widnieje tam żadna pozycja do niego nawiązująca.

W efekcie otrzymujemy nie tylko toolbar, który da się po prostu wyłączyć, więc nie trzeba patrzeć na to paskudztwo, ale także  cały pakiet, który sprawia, że gdy wpiszemy zły adres wyświetli nam się komunikat Yahoo o nieistniejącej stronie lub też przemieści nas do wyszukiwarki Yahoo. Jest to bardzo irytujące, szczególnie gdy korzystamy już z możliwości jakie daje nam domyślnie google w Firefox (co uważam akurat za bardzo wygodne w porównaniu do mechanizmu Yahoo).

Rozwiązanie

Rozwiązanie jest w zasadzie proste. Wystarczy usunąć poprzez Panel Sterowania program, który nosi nazwę “pdfforge tool”. Rozwiązuje to wszystkie problemy. Oczywiście nie ma możliwości odinstalowania go przez Menu Start -> Programy, ponieważ tam w ogóle nie widnieje. Pdfforge zadbało by nawet po usunięciu PDF Creatora na naszym komputerze dalej siedział malware (bo trudno to inaczej nazwać).

Na liście TOP 20, książek najczęściej kupowanych w księgarni helion.pl, pierwsze miejsce zajmuje Python i Django. Programowanie aplikacji webowych, czyli w zasadzie jedyna porządna książka na temat tego frameworka dostępna w ofercie tego wydawnictwa. Choć to jedyna pozycja, zajmuje miejsce pierwsze, co może świadczyć o powolnym zainteresowaniu tematem. “PiD” wydany został w sierpniu tego roku, a więc nie tylko jest bardzo nową książką na naszym rynku, ale już bardzo popularną. Liczę, że w najbliższym czasie pokażą się kolejne pozycje o tej tematyce. Informacje na temat pozycji znajdziesz tutaj.

Przy okazji warto wspomnieć o innej pozycji tego wydawnictwa: Django: Ćwiczenia praktyczne. Jakkolwiek średnio przepadam, za serią Ćwiczenia praktyczne Helionu, gdyż z reguły reprezentują słaby poziom, tak przeglądając przykładowy rozdział z tej książki, zauważyłem, że ukazuje wiele ciekawych “kruczków”, jakie można zastosować w tworzonych aplikacjach. Przytaczając z pamięci: RSS czy generowanie PDF. Wszystko jest pokazane w taki sposób, by pracy było jak najmniej, co jest przecież flagową zaletą Django. Co ciekawe, książka ta także miała premierę w sierpniu, a więc dopiero teraz w naszym kraju otwiera się droga dla Django. O książce więcej znaleźć można na stronie wydawnictwa Helion.
Być może najbliższe lata będą początkiem dużej popularności Django w Polsce. Oby…

Właśnie rozpocząłem moją przygodę z nową Operą. Z przeglądarką tą jestem już od pięciu lat, ale nowa wersja (10.00) jest na prawdę niesamowita. Co prawda wyżera całą masę pamięci (u mnie około 130 MB, jeśli nie więcej, po włączeniu Opera Unite), ale przy komputerach obecnej generacji nie stanowi to szczególnego problemu. Używa się lekko, sprawnie i wygodnie.

Jak widać Opera stawia teraz na społeczność: My Opera, Opera Unite. Usługi te pozwalają świetnie dzielić się swoimi plikami. Niejednokrotnie stawałem przed dylematem: jak przekazać plik znajomemu? Teraz jest to dziecinnie proste, dzięki serwerom Opera Unite.

Jeżeli chodzi o My Opera, może to być nieco spóźniona akcja. Wielu ludzi ma już blogi, albumy zdjęć i inne tego typu bajerki na innych serwisach i nie koniecznie będą chcieli łatwo z tego zrezygnować. Mimo to bardzo przydatne byłoby wprowadzenie podręcznego systemu dodawania wpisów do Bloga, podobne do tego z Internet Explorera 8, gdzie możemy szybko zaznaczyć tekst i zacytować we własnych wpisach na blogu.

EDIT: Opera wygryzła mi prawie 250 MB RAMu Mało to nie jest, ale na przeciętnym dzisiaj sprzęcie nie ma problemu.