Tiago Tix Carvalho

Javascript check element visibility

2011-12-19T20:13:00.000Z

The following function checks if a given element is within browser's viewport:

function isScrolledIntoView(elem)
{
    var docViewTop = $(window).scrollTop();
    var docViewBottom = docViewTop + $(window).height();

    var elemTop = $(elem).offset().top;
    var elemBottom = elemTop + $(elem).height();

    return ((elemBottom >= docViewTop) && (elemTop <= docViewBottom));
}

Sample Usage

On this example I'll be loading iframes only when they are on the browsers viewport. For this to work I initially printed all iframe's without the SRC attribute. Instead, I used the REL attribute as a placeholder for the iframe destination:


    var my_interval = setInterval(checkIframesVisibility, 1000);

    function checkIframesVisibility()
    {
        $("iframe").each(function(i) {
            if (isScrolledIntoView($(this)))
            {
                if ($(this).attr('src') == "")
                {
                    $(this).attr('src', $(this).attr('rel'));
                    $(this).iframeAutoHeight({debug: false, diagnostics: false});
                }
            }
        });
    }

    function isScrolledIntoView(elem)
    {
        var docViewTop = $(window).scrollTop();
        var docViewBottom = docViewTop + $(window).height();

        var elemTop = $(elem).offset().top;
        var elemBottom = elemTop + $(elem).height();

        return ((elemBottom >= docViewTop) && (elemTop <= docViewBottom));
    }

PS: The iframeAutoHeight is a plugin that auto resizes the iframe to the content's height.

Hope you find this is useful!

Global Apache 404 Page

2011-11-10T02:05:00.000Z

This will setup a single 404 page for all domains on your web server.

1st: create a fancy 404 page like this one:

2nd: put it somewhere on your server:

/etc/apache2/error-documents/404.html

3rd: edit your apache configuration (/etc/apache2/apache2.conf on ubuntu machines):

Alias /404 /etc/apache2/error-documents/404.html
ErrorDocument 404 /404

Linux jail/lock/chroot users to homedir

2011-11-08T01:53:00.000Z

Jailing, Chrooting, Locking users/applications...

Yes, they do give it a lot of names... but if all you want to do is to create a user on your system and give him ssh/ftp access without exposing your whole system - therefore jailing him - just follow this steps. I promise it will take no more than 5 mins!

This as been tested by myself on Ubuntu 10.04

STEP 1
download & extract jailkit, then:

./configure
make
make install

STEP 2
set up the jail path:

sudo mkdir /jail
sudo chown root:root /jail

STEP 3
define the environment

sudo jk_init -v /jail basicshell
sudo jk_init -v /jail editors
sudo jk_init -v /jail extendedshell
sudo jk_init -v /jail netutils
sudo jk_init -v /jail ssh
sudo jk_init -v /jail sftp
sudo jk_init -v /jail jk_lsh

STEP 4
add a user

sudo adduser dummy
sudo jk_jailuser -m -j /jail dummy
sudo mkdir -p /jail/home/dummy
chown dummy:dummy /jail/home/dummy

VERIFY
/jail/etc/group should look like:

dummy:x:500:

/jail/etc/passwd should look like:

dummy:x:1001:500::/home/dummy:/bin/bash

Now login via ssh/sftp with the dummy user. You should see a small portion of a filesystem if you change directory do / but you won't be able to see the REAL system files.

Thanks to http://ubuntuforums.org/showthread.php?t=248724 !

Linux convert FLAC to MP3 under terminal

2011-10-06T17:31:00.001+01:00

Using the terminal, navigate to your .flac folder.

Run the following command:

for file in *.flac; do flac -cd "$file" | lame -h - "${file%.flac}.mp3"; done

Note: You'll need both flac and lame installed (obviously).

If you need a more advanced script try this solution over linuxtutorialblog.com.

Allow symbolic links on Mac OS's native Apache

2011-10-04T02:06:00.001+01:00

Edit:

/etc/apache2/users/<YOURUSER>.conf

Put:

<Directory "/Users/<YOURUSER>/Sites/">
    Options Indexes MultiViews FollowSymLinks
    AllowOverride None
    Order allow,deny
    Allow from all
</Directory>

Terminal colors on Mac OS

2011-10-04T01:21:00.000+01:00

edit:

~/.bash_profile

put:

export CLICOLOR=1
export LSCOLORS=GxFxCxDxBxegedabagaced

MySQL export to file

2011-06-29T17:44:00.000+01:00

Export a query result to a file directly from MySQL.

First open mysql with "-s -t" arguments - this will force mysql to output without boxing characters:

mysql -s -t -u <user> <database_name>

Now:

SELECT * FROM table INTO OUTFILE '/path/to/file.txt'

It's all good, peace!

Typical MySQL encoding problem

2011-06-29T16:58:00.000+01:00

Don't you just HATE encodings?

Ever wanted to insert something in MySQL and were 100% sure the text/database/table/fields were in UTF-8 and by some reason the text got all scrambled up?

This usually works for me:

mysql_query("SET NAMES 'utf8'");

Hope it helps!

jQuery preload images

2011-06-17T02:39:00.000+01:00

Cool jquery image preload method:

(function($) {
 var imgList = [];
 $.extend({
  preload: function(imgArr, option) {
   var setting = $.extend({
    init: function(loaded, total) {},
    loaded: function(img, loaded, total) {},
    loaded_all: function(loaded, total) {}
   }, option);
   var total = imgArr.length;
   var loaded = 0;
   
   setting.init(0, total);
   for(var i in imgArr) {
    imgList.push($("")
     .attr("src", imgArr[i])
     .load(function() {
      loaded++;
      setting.loaded(this, loaded, total);
      if(loaded == total) {
       setting.loaded_all(loaded, total);
      }
     })
    );
   }
   
  }
 });
})(jQuery);
 
 
$(function() {
 
 $.preload([
  "http://farm3.static.flickr.com/2661/3792282714_90584b41d5_b.jpg",
  "http://farm2.static.flickr.com/1266/1402810863_d41f360b2e_o.jpg"
 ], {
  init: function(loaded, total) {
   $("#indicator").html("Loaded: "+loaded+"/"+total);
  },
  loaded: function(img, loaded, total) {
   $("#indicator").html("Loaded: "+loaded+"/"+total);
   $("#full-screen").append(img);
  },
  loaded_all: function(loaded, total) {
   $("#indicator").html("Loaded: "+loaded+"/"+total+". Done!");
  }
 });
 
});

From: http://ditio.net/2010/02/14/jquery-preload-images-tutorial-and-example/
Live example: http://ditio.net/demo/preloader/

jQuery "sleep" function plugin - doTimeout

2011-06-17T02:35:00.000+01:00

jQuery doTimeout: Like setTimeout, but better!

It's really not a "sleep" function but it acts just like we want when we go "oh! I could really use a sleep function right now!"

$.doTimeout(3000,function(){
    alert('yeeey!');
});

Homepage: http://benalman.com/projects/jquery-dotimeout-plugin/
GitHub: http://github.com/cowboy/jquery-dotimeout

PHP5 Dynamically calling Classes and Methods

2011-06-16T15:54:00.000+01:00

Easy peasy:

$class_name = 'NiceClass';
$method_name = 'niceMethod';
$arguments = array('a' => true, 'b' => 5);

if (class_exists($class_name)) {
  $class = new $class_name();
  if (method_exists($class, $method_name)) {  
    $class->$method_name($arguments);
  }
  
}

Linux change timezone

2011-05-30T12:37:00.000+01:00

$ cd /etc/
$ ln -sf /usr/share/zoneinfo/Europe/Lisbon localtime

Array Distritos Portugal

2011-04-07T15:01:00.000+01:00

Por vezes dá jeito:

$array = array(
            'aveiro' => 'Aveiro',
            'beja' => 'Beja',
            'braga' => 'Braga',
            'braganca' => 'Bragança',
            'castelo-branco' => 'Castelo Branco',
            'coimbra' => 'Coimbra',
            'evora' => 'Évora',
            'faro' => 'Faro',
            'guarda' => 'Guarda',
            'leiria' => 'Leiria',
            'lisboa' => 'Lisboa',
            'portalegre' => 'Portalegre',
            'porto' => 'Porto',
            'santarem' => 'Santarém',
            'setubal' => 'Setúbal',
            'viana-do-castelo' => 'Viana do Castelo',
            'vila-real' => 'Vila Real',
            'viseu' => 'Viseu',

            'outro-ilhas' => 'Outro (ilhas)',
        );

Linux Nautilus Quick Resize Images

2011-03-16T17:59:00.000Z

sudo aptitude install nautilus-image-converter

and then:

Mac OS and XAMPP: conflicts with native PHP

2011-02-03T00:47:00.000Z

My developments on my macbook have been on hold for quite some time now... Last time I used PHP on it, it was running Leopard and everything was running smooth. Today (with Snow Leopard), while performing a simple PHP task (using php-cli), it shouted the following error:

PDO Connection Error: SQLSTATE[HY000] [2002] No such file or directory

After more investigation then I'd like.. I found the problem.

The php-cli I was using was pointing to the OS's native php (which I've never used).

All I needed to do was:

$ mv /usr/bin/php /usr/bin/php-native
$ cd /usr/bin
$ ln -s /Applications/XAMPP/xamppfiles/php php

This way I kept a copy of OS's native PHP, and created a symlink to XAMPP's PHP.

php url-safe base64 encoding

2011-02-01T02:12:00.000Z

Basically:

'+' is replaced by '-'
'/' is replaced by '_'(underscore)
'=' is replaced by '!'

function urlsafe_b64encode($string) {
    $data = base64_encode($string);
    $data = str_replace(array('+','/','='),array('-','_',''),$data);
    return $data;
}

function urlsafe_b64decode($string) {
    $data = str_replace(array('-','_'),array('+','/'),$string);
    $mod4 = strlen($data) % 4;
    if ($mod4) {
        $data .= substr('====', $mod4);
    }
    return base64_decode($data);
}

Cycle all class's wth JQuery

2011-01-17T12:27:00.001Z

Teclas de Atalho: Percorrer classes com JQuery: "Para percorrer as classes de um elemento com JQuery, use o seguinte código: var elemento = $('div'); var classes = elemento.attr('class').sp..."

Apache not parsing PHP

2010-12-29T23:59:00.000Z

It happened to me more than once, and I keep googling it... Next time I know just the place with the solution :)

During my last apache update (which I did from webmin) all my php pages were not being parsed and as a result the browser asked me to download the .php file (with all the coding..).

Why does this happen?

Most likely the apache's php module is disabled (see Solution #1) or libapache2-mod-php is not installed (see Solution #2).

Solution #1

Enable apache's php module:

sudo a2enmod php5

Now restart apache:

sudo /etc/init.d/apache2 restart

Solution #2

(Re-)install php module:

sudo apt-get install libapache2-mod-php

Now repeat Solution #1.

Mostrar Revisao SVN no PHP

2010-11-24T12:40:00.000Z

Por vezes é necessário no PHP saber qual a versão/revisão do SVN.

Caso prático
No meu caso, estou a chamar um ficheiro .css que preciso que seja "revisitado" (ignorar cache) cada vez que a versão do SVN é alterada.

Para tal, activo a Keyword "Revision" para o ficheiro onde a quero usar:

svn propset svn:keywords "Revision" layout/html_header.php

-

Agora, no ficheiro layout/html_header.php actualizo o sitio onde estou a chamar o .css para:

<link 
href="static/css/style.css?<?php echo base64_encode('$Rev$') ?>" 
rel="stylesheet" 
type="text/css" />

Depois disto, a cada commit o SVN actualiza automaticamente o ficheiro layout/html_header.php com o número da última revisao do SVN.

Isto significa que o browser vai pensar que o ficheiro .css é novo (porque chama-se, por exemplo style.css?JFJldjogNTMgJA==) e dessa forma não utiliza o que tem em cache (style.css)

Passwords dos routers Thomson (Meo)

2010-11-09T00:31:00.000Z

Os routers Thomson distribuidos pela Meo vem com uma password default que pode ser calculada através dum simples algoritmo. Basta saber o SSID do router, e fazer umas continhas. Ou então, usar este website.

:)

Gerar SSH KEY para utilizador Unix

2010-10-29T03:24:00.001+01:00

Criar conta de utilizador:

useradd -d /home/(user) -m -g 100 -s /bin/bash (user)

Gerar chave pública e privada:

ssh-keygen -t rsa -f id_(user)

Daqui resultam dois ficheiros:

id_(user) - chave privada (deve ser enviada para o utilizador)
id_(user).pub - chave pública (deve ser movida para a home do user - ver passos seguintes)

Criar directório .ssh:

mkdir /home/(user)/.ssh

Mover chave pública para directório .ssh:

mv id_(user).pub /home/(user)/.ssh/authorized_keys

Definir permissões correctas para o ficheiro de chave pública

chown (user):users /home/(user)/.ssh/*
chmod 0600 /home/(user)/.ssh/*

SyntaxHighlighter: apresentar código em blogs e afins

2010-10-29T01:51:00.000+01:00

Exemplo:

<php 
$var = array('a' => 'example');
print_r($var);
echo "wow!";
?>

Mais informações e download aqui.

MTA: Envio de e-mails para caixas de correio Hotmail

2010-10-29T01:11:00.002+01:00

Após um envio duma newsletter do Magento, verifiquei que os e-mails não estavam a entrar nas caixas Hotmail. Foi-me devolvida a seguinte resposta:

The original message was received at Thu, 28 Oct 2010 23:40:04 GMT
from localhost [127.0.0.1]

   ----- The following addresses had permanent fatal errors -----

    (reason: 550 DY-001 Unfortunately, messages from xx.101.xxx.145 weren't sent.
Please contact your Internet se...P ranges. You can also refer your provider to http://mail.live.com/mail/troubleshooting.aspx#errors.)

   ----- Transcript of session follows -----
... while talking to mx1.hotmail.com.:
>>> MAIL From: SIZE=921 AUTH=<>
<<< 550 DY-001 Unfortunately, messages from xx.101.xxx.145 weren't sent. Please contact
your Internet service provider. You can tell them that Hotmail does not relay dynamically-assigned
IP ranges. You can also refer your provider to http://mail.live.com/mail/troubleshooting.aspx#errors.
554 5.0.0 Service unavailable

Segui as instruções do site http://mail.live.com/mail/troubleshooting.aspx#errors e coloquei a seguinte entrada no DNS do dominio:

TXT "v=spf1 -all"

Truques na Meo

2010-09-03T03:59:00.001+01:00

Ligar por telnet:

telnet 192.168.1.254

Logar com um destes users (nivel de permissões decrescente):

user: microuser
pass: !C0nf16,M30

user: sumeo
pass: m30acc355

user: Administrator
pass: 3!play

Agora é só brincar!

Dica extra:

Para configurar os servidores dns do OpenDNS.com basta executar estes comandos:

dns server route add dns=208.67.222.222 metric=5 intf=Internet
dns server route add dns=208.67.220.220 metric=5 intf=Internet
saveall

E é isto. lol

Mac OS X Manual

2009-02-11T22:45:00.001Z

Manual que fiz para a cadeira Operative Systems Theory @ Technical University Lodz (Polónia)

Mac OS X Manual

View more presentations from Tiago Carvalho. (tags: mac os)

Colorir as listas da Bash

2009-02-06T14:00:00.004Z

Para colorir as listas da Bash basta:

editar o ficheiro:

~/.bash_profile

e adicionar as seguintes linhas:

export CLICOLOR=1
export LSCOLORS=ExFxCxDxBxegedabagacad

Descompactar muitos ficheiros num só comando

2009-01-28T02:32:00.005Z

Aqui está um script muito simples e muito útil que me lembrei de fazer hoje:

massunrar.sh

#!/bin/sh

# verificar se tem argumento
if [ $# -ne 1 ]; then
echo "Usage: massunrar "
exit;
fi

filter=`pwd`'/*'$1
echo "*** Extracting all files matching: $1 in $filter"

for file in $filter; do
unrar e $file
done

Downloads do Rapidshare com rsget

2008-10-09T14:40:00.007+01:00

Este pequeno programa é uma pérola para quem tem conta no Rapidshare e usa um SO baseado em Unix (OpenBSD, FreeBSD, NetBSD, Linux, MacOSX, etc).

Depois de copiar o ficheiro 'rsget' para o directorio /usr/bin/, ao executar o programa este é o output apresentado:

Usage: rsget [OPTIONS] [link_1 link_2 ... link_n]

-i inputfile read urls from inputfile (the script is smart enough
to skip lines that are not rapidshare.com links)
-o outputdir write the files to outputdir (default: current dir)
-c cookiejar use cookiejar as a cookiejar; create it if it does not exist
(default: rscookies.txt)
-a agent-string identify as agent to the webserver (enclose it in quotes)
-k keep the cookiejar (pre-existing cookiejars are always kept)
-l rsloginfile use rsloginfile for login credentials (default: /Users/tiagocarvalho/.rslogin)
-L logfile use logfile for writting succesfully retrieved links
-s silent
-S share files (use a umask of 022 for downloaded files)
(default: use a umask of 077)
-v (de)buggingly verbose
-w do not resume; overwrite.
-r maxrandomsleep maximum number of seconds to randomly sleep between downloads
(default: 0)
-R reverse the order of the download queue
-M maxspeed e.g. -M 150k (default: unset -- no limit imposed)
-m minspeed minimum avg speed in a 4 min period, in b/s (default: 20000)
-b display your balance status
-V display version
-h display this message

For more information, check rsget's website at:
http://www.mathimatiko.net/software/rsget/

Na primeira execução será pedido a criação de um ficheiro com os dados do rapidshare. Depois basta activar a opção "Direct Linking" nas Settings do Rapidshare:

E já está tudo pronto!

>> Ou seja, para sacar o Entourage_-_3x01_-_Aquamom_-_DVDRip.XviD-aAF.part1.rar basta executar na shell:

rsget http://rapidshare.com/files/145416897/Entourage_-_3x01_-_Aquamom_-_DVDRip.XviD-aAF.part1.rar

>> Para sacar uma lista de ficheiros basta criar um ficheiro com um link por linha e executar o comando:

rsget -i ficheiro_com_lista_de_downloads.txt

O programa está disponível neste link: rsget.

:)

Resize e Watermark

2008-09-23T01:57:00.007+01:00

Para quem tira fotografias e gosta de as divulgar na Internet (ou simplesmente passa-las a amigos), é chato ter de enviar a foto com o tamanho máximo pois o ficheiro torna-se demasiadamente grande... Fazer resize é a opção, mas fazer um a um demora muito tempo! Outra coisa interessante é colocar uma pequena watermark na imagem, mas mais uma vez é uma tarefa demorosa...

Com o Automator essa tarefa torna-se extremamente fácil e rápida.

O Automator é uma aplicação que serve para automatizar funções baseando-se num sistema bastante intuitivo à base de drag & drops.

Passo 1

Em primeiro lugar sacar e instalar o iMagine Photo (clica para download).

PASSO 2

Agora vamos instalar as actions necessárias ao Automator: iMagine Photo Actions.

Duplo clique em "Install Actions".

Passo 3

Abrir o Automator;
Escolher "Files & Folders" como inicio do workflow:
Escolher a(s) imagem(s) a redimensionar e adiciona-las;
Escrever "imagine" no campo de pesquisa:
Fazer duplo-clique em "Draw Text On Image";
Fazer duplo-clique em "Scale To";
Agora basta definir o texto que queres colocar na(s) imagem(s) e o tamanho pretendido. Clique em "Run" (canto superior direito) e está pronto!

Abençoado sejas Mac! ;)

Google Chrome

2008-09-02T21:32:00.002+01:00

Google Chrome : o browser do Google!

O Google não para! Acabadinho de sair, eis que surge um browser que promete revolucionar a maneira como navegamos na web. Depois de ler o comic sobre o Chrome fiquei com muita curiosidade em experimentar este novo browser. Esperei até agora para conseguir sacar, mas parece que quer a versão para Linux quer para Mac ainda não está pronta... No entanto estou agora a experimentá-lo no XP. So far, so good!

Clique na imagem para fazer o download do Google Chrome.

Vamos lá ver como se safa o Google a combater contra Firefox, Opera e IE.

Ripar DVDs

2008-09-01T22:52:00.005+01:00

Hoje ripei pela primeira vez um DVD no Mac OS (Leon - O Profissional, já estava com saudades deste filme). Encontrei uma aplicação gratuita e cheia de opções - D-Vision 3:

Clique aqui para fazer o download.

Uma vez feito o encode as legendas são extraidas automaticamente para o formato .sub + .idx (formato DVD), mas caso as queiramos converter para um formato mais pequeno e mais comum em DivX/XviD podemos usar o D-Subtitler. Este programinha é a idêntico ao antiguinho SubRip para Windows.

Referências:

http://www.objectifmac.com/

Ler e escrever em partições NTFS no Mac OS

2008-08-31T01:10:00.006+01:00

Descobri hoje um driver que possibilita a leitura/escrita em discos NTFS. Está disponível para Linux, Mac OS X e outros sistemas operativos. Chama-se NTFS-3G:

Para fazerem o download para Mac OS X cliquem na imagem acima.

No entanto, para esta aplicação funcionar terão que primeiramente instalar o MacFuse:

Cliquem na imagem acima para fazer o download do MacFuse.

E eu a pensar que ia ter que formatar os meus discos externos para FAT32 :D

Referências:

http://code.google.com/p/macfuse/
http://www.ntfs-3g.org/
http://macntfs-3g.blogspot.com/

De Windows para Mac OS

2008-08-28T18:24:00.001+01:00

À cerca de um mês consegui finalmente comprar o meu MacBook. Até agora estou a adorar e estou também bastante surpreendido por a mudança de Windows para Mac OS não ter sido de todo complicada! Apenas algumas coisas estranhei de início (como a ausência de botão de maximizar nas janelas; o facto de clicar no botão de fechar numa janela apenas a esconde.. etc), mas agora já lido bem com tudo isso.
Quanto ao software, há bastante software para substituir tudo o que usava no Windows:

IRC: Colloquy
Cliente FTP: Cyberduck
Leitor ficheiros .NFO: NFOViewer
Bittorrent: Transmission
Leitor Video: Vlc
Plugin para WMV: Flip4Mac
Msn: Adium ou Windows Messenger for Mac
Suit de Ferramentas Office: Microsoft Office 2008 for mac ou Open Office
Emulador Nintendo 64: Sixtyforce
PHP e companhia: XAMPP
Processador de texto para programar: Smultron
Arquivador: The Unarchiver
etc etc etc

Até agora só sinto realmente falta do meu player/organizador de mp3 - foobar2000 - tenho usado o iTunes mas sinceramente tenho que encontrar um player melhor porque não me entendo muito bem com aquilo.

Pontos fortes no MacBook/Mac OS:

Trás consigo bastante software instalado;
É visualmente muito bonito, quer por dentro quer por fora;
Possui sistema de navegação bastante rápido com os atalhos do teclado e essencialmente com o Exposé;
O scroll é feito deslizando 2 dedos em qualquer sítio do touchpad;
É extremamente fácil e rápido instalar qualquer programa, na maior parte dos casos um simples drag-and-drop da aplicação para a pasta Aplicações é suficiente;
Liga-se e desliga-se muito rápido (Nota para a função Sleep - similar ao suspender num PC, mas liga quase instantaneamente);
Náo é exagerado nas protecções como o Windows e no entanto é muito mais seguro;
Bateria dura aproximadamente 5 horas;

Pontos negativos no MacBook:

Ausência do botão "Delete";
É necessário fazer uma combinação de 3 butões para abrir/fechar chavetas (alt+shit+8/9);
Acessórios são muito caros (paguei €49 pelo Mighty Mouse :O);
Ainda não encontrei um mensageiro para o MSN que suporte a câmara incorpurada;

Aplicações escondidas em transparente

2008-08-28T18:17:00.000+01:00

Para quem tem por hábito abrir muitas aplicações em simultâneo e escondê-las (usando cmd+h), por vezes torna-se difícil saber quais são de facto as aplicações que estão escondidas na Dock:

Com um pequeno truque podem aplicar este efeito à vossa Dock:

Basta executar este comando no Terminal:

defaults write com.apple.Dock showhidden -bool YES

E reiniciar a Dock:

killall Dock