Apr 2 2013

Browser Diet

Éverton Arruda

I’ve recently stumbled upon a website with a lot of useful tips on how to increase the performance of a web front-end.

It’s name is Browser Diet[0] and a I think that every website front-end developer should read it.

It is available in English, Spanish and Brazilian Portuguese.

Links:
[0] http://browserdiet.com/


Jul 31 2012

Tradução do Debian Administrator’s Handbook para pt-BR

Éverton Arruda

Olá a todos,
é com grande satisfação que venho lhes informar que iniciamos as traduções do Debian Administrator’s Handbook[0].

Como já havia postado anteriormente[1], os fontes do livro foram disponibilizados, e isso permitiu o ínicio de contribuições da comunidade para o livro.

Se você deseja ajudar na tradução, você deve:

1 – Cadastrar-se nas listas de discussões:
* debian-l10n-protuguese (idioma: português): http://lists.debian.org/debian-l10n-portuguese/
* debian-handbook-translators (idioma: inglês): http://lists.alioth.debian.org/mailman/listinfo/debian-handbook-translators

2 – Manifestar-se na lista debian-l10n-portuguese:
Informando que deseja ajudar na tradução do livro, para ter seu nome adicionado à lista de tradutores.

3 – Realizar as traduções pelo Weblate:
As traduções para o idioma português brasileiro estão sendo realizadas através de uma interface web chamada Weblate[2].
O link para a interface de tradução do livro é: http://debian.weblate.org/

Outras informações:
* Leia o arquivo README;
* Tente sanar sua dúvida primeiro pela lista de discussões debian-l10n-portuguese.

Links:
[0] http://debian-handbook.info
[1] http://earruda.eti.br/blog/2012/05/the-debian-administrators-handbook-is-out/
[2] http://weblate.org/


Mar 29 2011

Iceweasel 4 on Debian Squeeze/Wheezy

Éverton Arruda

For those of you who don’t know what Iceweasel is, it’s written in Debian’s Wiki[0]:

Iceweasel is a fork Mozilla Firefox[1] with the following purpose :
1. backporting of security fixes to declared Debian stable version.
2. no inclusion of trademarked Mozilla artwork (because of #1 above)
Beyond that, they will be basically identical. (quoting Roberto C. Sanchez post in debian-devel mailing list)

Iceweasel’s (and Firefox’s) latest version, 4.0, was recently released[2], on Mach 22nd, and i’ve just upgraded Iceweasel 3.6 to Iceweasel 4.0 on my Debian Wheezy.

If you’d like to upgrade yours, follow the steps bellow.

1. Add Mozilla’s repository to sources.list
Edit the /etc/apt/sources.list file and add the repository’s address:

1
deb http://mozilla.debian.net/ squeeze-backports iceweasel-4.0

Even though it’s Squeeze’s repository, it worked fine on my Wheezy.
You can type the following command to add it:

1
# echo "deb http://mozilla.debian.net/ squeeze-backports iceweasel-4.0" >> /etc/apt/sources.list

2. Update packages list

1
# aptitude update

3. Install Iceweasel 4
You can check the version of iceweasel with the command bellow:

1
# aptitude show iceweasel

Install it with the following command:

1
# aptitude install iceweasel

Wait for it to finish and happy surfing!

Links/Sources:
[0] http://wiki.debian.org/Iceweasel
[1] http://mozilla.com/firefox
[2] http://blog.mozilla.com/blog/2011/03/22/mozilla-launches-firefox-4-and-delivers-a-fast-sleek-and-customizable-browsing-experience-to-more-than-400-million-users-worldwide-2/
[3] http://mozilla.debian.net/


Sep 10 2010

#debian-l10n-br @ irc.oftc.net

Éverton Arruda

Marcelo Santana[0] enviou um e-mail para a lista de tradução para o idioma português[1] do Debian informando que foi criado um novo canal na rede de IRC OFTC[2]. O canal é #debian-l10n-br, abaixo segue a mensagem contida no e-mail:

Olá colegas,

Divulgo que passamos a contar com mais um meio de comunicação entre os
colaboradores do time Brasileiro de tradução do Debian, o canal de IRC
#debian-l10n-br na rede OFTC.

Espero que esta seja mais uma ferramenta que facilite o intercâmbio, para
troca de experiências e solução de dúvidas de maneira mais ágil. Mas vale
salientar que o processo de tradução/revisão continuará da mesma forma,
através da lista e com utilização das pseudo-urls.

Qualquer dúvida com relação à configuração e utilização do cliente IRC,
basta perguntar.

Atenciosamente,

Para acessar o canal você deve utilizar um cliente de IRC, como o XChat[3] ou Mibbit[4], o último é um cliente de IRC para web. Acessar a rede OFTC, via irc.oftc.net ou irc.debian.org, e entrar no canal #debian-l10n-br. Aproveite para entrar nos canais #debian e #debian-br .

[0] http://marcelosantana.wordpress.com/
[1] http://lists.debian.org/debian-l10n-portuguese/
[2] http://www.oftc.net/
[3] http://www.xchat.org/
[4] http://mibbit.com/


Dec 4 2009

Creating Web Albums with gThumb

Éverton Arruda

If you want to create a web album with some images you have in your computer, with Linux as your OS, i recommend you to use gThumb.

gThumb is, as said in WikiPedia (http://en.wikipedia.org/wiki/GThumb):

… an open-source image viewer and organizer for the GNOME desktop environment released under the GNU General Public License. It was originally based on GQView, and is designed to have a clean, simple interface.

gThumb Homepage: http://gthumb.sourceforge.net/

INSTALLING GTHUMB:
I’m using Ubuntu 9.04, named Jaunty Jackalope, to write this tutorial, so the installation process is very simple, all you have to do is run:

1
# aptitude install gthumb

This should work the same way for Debian GNU/Linux, but if you’re using another distro Linux, you might have to compile gThumb.

CREATING WEB ALBUM:
When you run gThumb you’ll see this interface:

gThumb Interface

I mapped it to make it easier to follow:

gThumb Interface Mapped

The steps to create the Web Album are:
1 – Create directory to keep the images:
First create a directory and put the images you’d like to be in the album in it.

2 – Open directory with gThumb:
In gThumb interface, select the directory in which the images are (#1 in MAP)

3 – Select the images you’d like to show in the album:
After opening the directory, which contains the images, you’ll have to select the images you’d like to show in the album (#2 in MAP)

4 – Open the “Create Web Album” window and configure it:
Now, with all images selected, go to Tools > Create Web Album (#3 in MAP)
Then you should see a window like this:

gThumb Web Album Interface mapped

This is where you’ll configure your web album. The options are:

#1 – Where the web album files will be saved.
#2 – The name of the page, i recommend you to leave it as it is.
#3 – How many images per line and per column will be shown.
#4 – The title of the page, or header message, if you preffer.
#5 – The footer message of the page.
#6 – The theme that will be used in the web album.

The other options are not so important for me, so i didn’t put them in here.

In the end, you’ll have something like this: http://am.softwarelivre.org/galeria/fedora12releaseparty/

:wq


Sep 25 2009

GooSH.org, my new start page

Éverton Arruda

A friend sent me a link to a webpage, the link was: http://goosh.org. Right after accessing the webpage i decided: “This is going to be my new start page”.

GooSH stands for Google Shell, it is an unofficial Google Product. Written by Stefan Grothkopp, it simulates a Unix Shell with access to some Google Products, simply fantastic!

I recommend it for everyone!


Sep 25 2009

Downloading files from Rapidshare through shell

Éverton Arruda

I’ve seen, at Viva o Linux (http://www.vivaolinux.com.br, in portuguese), a post talking about a ShellScript that downloads files from RapidShare through shell. As, sometimes, i download files from that site,  i decided to try it out and it worked fine for me.

This script uses wget to download the first html page, then it gets the link to the page that contains the link to the file, download this second page, checks the timer and waits for it to finish, after it finishes, the script starts the file download. I noticed that, if the download stops, this script continues from where it stopped.

This is how it goes:

1 – Download the ShellScript:

1
$ wget http://tokland.googlecode.com/svn/trunk/rapidshare/rapidshare-dl.sh

2 – Set execution permission:

1
$ chmod +x rapidshare-dl.sh

3 – Download File:
There are two ways you can do this:
Passing the link as an argument:

1
$ ./rapidshare-dl.sh http://link.to.rapidshare

You can also add more than one link:

1
$ ./rapidshare-dl.sh http://link.to.rapidshare http://another.link.to.rapidshare

Passing a text file as an argument:
Create a text file, named links.txt for example, and put each link in a different line, like:

1
2
3
http://link1.to.rapidshare
http://link2.to.rapidshare
http://link3.to.rapidshare

Then you run the script with the text file name as an argument:

1
$ ./rapidshare-dl.sh links.txt

You can create a link to the script in, or copy it to, the /usr/bin directory, making it executable from everywhere:

1
# ln -s $PATH_TO_SCRIPT/rapidshare-dl.sh /usr/bin/rapidshare-dl
1
# cp  rapidshare-dl.sh /usr/bin/rapidshare-dl

NOTE: This script works only in Unix-like systems.

There is also plowshare, which is another shellscript that does the same thing, and more, but i haven’t tested it yet. In the project page it says that it supports Megaupload, Rapidshare, 2Shared, 4Shared, ZShare, Badongo, DepositFiles and Mediafire, and it also uploads files to those share sites.
PlowShare Page: http://code.google.com/p/plowshare/


Jun 30 2009

Shock ‘n’ Roll with FireFox 3.5

Éverton Arruda

FireFox 3.5, named ShiretokoShock, is out!

Get it at: http://bit.ly/ShiretokoShock

See also the Shiretoko Shock Campaign: http://www.spreadfirefox.com/shiretokoshock-campaign


Jun 24 2009

[JavaScript+CSS+PHP] Changing style of actual menu link

Éverton Arruda

I was looking for a way to change the style of the actual menu link (the last clicked link in the menu), so that the user could know what page he is seeing, or the last link he clicked. My first attempt was to use only CSS, but i didn’t find anything. Then i read somewhere that it was not able to what i wanted only with CSS, that i needed JavaScript to do it. Well, i’ve done it and here i’ll teach how to do it:

The first thing we have to do is to create the menu and it’s style:
Style:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
#menu {
    border-top: 2px solid black;
    border-bottom: 2px solid black;
    padding: 10px;
    text-align: center;
    width: 300px;
}

#menu a {
    padding: 10px;
    text-decoration: none;
    margin: 0px 5px;
    color: black;
    background-color: "white";
}

#menu a:hover {
    text-decoration: underline;
}

Note that i didn’t set the a:visited style.

Menu:

1
2
3
4
5
<div id="menu">
    <a id="link1" href="<?php $_SERVER['php_self'] ?>?p=link1">link1</a>
    <a id="link2" href="<?php $_SERVER['php_self'] ?>?p=link2">link2</a>
    <a id="link3" href="<?php $_SERVER['php_self'] ?>?p=link3">link3</a>
</div>

Now we have our menu, but it’s still not showing what is the actual menu link, so we will need a function that will change the style of the actual menu link:

Javascript Function:

1
2
3
4
5
function setActualLink(item)
{
    item.style.backgroundColor = "black";
    item.style.color = "white";
}

Now that we have the function it’s necessary to make it be executed after the menu is loaded, adding this line:

1
<script>setActualLink(<?php echo $p; ?>);</script>

You could also create a class for the actual menu link and assign the class to the actual menu link, instead of setting the styles directly inside the javascript function, as shown below:

Actual Menu Link Class:

1
2
3
4
#menu a.actualLink:visited {
    background-color: black;
    color: white;
}

And the javascript function would change to:
JavaScript Function:

1
2
3
4
function setActualLink(item)
{
    item.className = "actualLink";
}

You can see the examples in the links below:
Using class
Not using class
The php codes are commented in the source.

Remeber that the pages must be .php .

:wq