tag:blogger.com,1999:blog-31291839014989027942024-02-18T23:15:28.836-08:00Fast BulletTrazendo novidades mais rápido que uma balaAnonymoushttp://www.blogger.com/profile/01217311484729090561noreply@blogger.comBlogger5125tag:blogger.com,1999:blog-3129183901498902794.post-61330730511970287462008-07-25T19:13:00.000-07:002008-07-25T19:18:54.609-07:00Ajude a sustentar a Wikipédia e outros projetos, sem colocar a mão no bolso, e concorra a um Eee PC!<div style="font-family: "Trebuchet MS",sans-serif;">É pessoal, depois de algum tempo sumido, finalmente consegui uma folga e estou aqui para divulgar a promoção do BR-Linux que vai ajudar uma série de projetos.</div><div style="font-family: "Trebuchet MS",sans-serif;"> </div><div style="font-family: "Trebuchet MS",sans-serif;"><b>Ajude a sustentar a Wikipédia e outros projetos, sem colocar a mão no bolso, e concorra a um Eee PC!</b></div><div style="font-family: "Trebuchet MS",sans-serif;">…e também a pen drives, card drives, camisetas geeks, livros e mais! O <a href="http://br-linux.org/">BR-Linux</a> e o <a href="http://efetividade.net/">Efetividade</a> lançaram uma <a href="http://br-linux.org/2008/campanha-wikipedia/">campanha</a> para ajudar a Wikimedia Foundation e outros mantenedores de projetos que usamos no dia-a-dia on-line. Se você puder doar diretamente, ou contribuir de outra forma, são sempre melhores opções. Mas se não puder, veja as regras da promoção e <a href="http://br-linux.org/2008/campanha-wikipedia/">participe</a> - quanto mais divulgação, maior será a doação do BR-Linux e do Efetividade, e você ainda concorre a diversos brindes!</div>Anonymoushttp://www.blogger.com/profile/01217311484729090561noreply@blogger.com0tag:blogger.com,1999:blog-3129183901498902794.post-15980037541246632982008-07-08T06:12:00.000-07:002008-07-08T07:27:39.262-07:00Lançada nova versão do Netbeans<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMUGGOrfQ80kfQFzeOaTw-S9zjVQb_eA-19b1R1Yu-h4wq2nnAg5Bbh3byV2HI-MNNjBOisYuwWzcauoqDfrt8qPYUBnR25WcavpY_20ocKE_YKjGYrero8IGthlvjvE0YsIn5RUXcKSE/s1600-h/NB-logo-single.jpg" imageanchor="1" style="border: 0pt none ; background-color: transparent; margin-left: 1em; margin-right: 1em;"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilANatk-xj-s9gJjoClRu4oXDi25MEPr3AACFbvOpss7ECffbhnXtuKIZujphOfZK2ktM_qaVg09YcDjKMY4pO4vUQLHdSX0ExsIzBCnydahG7HXTOb0j8Rgtb5MEdMTIdgMCSoBbWxnk/s320-r/NB-logo-single.jpg" style="border: 0pt none ;" /></a><span style="font-family: georgia,serif;"> <br />
</span><br />
<br />
<div style="font-family: arial,sans-serif; text-align: justify;">Acaba de sair do forno a nova versão do Netbeans, a 6.5 Milestone 1, ela inclui várias melhorias em relação a 6.1, entre elas podemos destacar as seguintes: </div>
<div style="font-family: arial,sans-serif; text-align: left;"></div>
<ul style="font-family: arial,sans-serif; text-align: left;">
<li>um melhor suporte a PHP</li>
<li>suporte a diretórios UNC no windows como <span style="white-space: pre; font-family: courier new,monospace;">\\computerName\sharedFolder\</span></li>
<li><span style="white-space: pre;">O plugin de importação de projetos do eclipse agora foi integrado a IDE</span></li>
<li><span style="white-space: pre;">Melhoria no suporte a JavaWebstart</span></li>
<li><span style="white-space: pre;">Refatoração de código PHP</span></li>
<li><span style="white-space: pre;">Depurador para Ajax</span></li>
<li><span style="white-space: pre;">Suporte a novas linguagens e frameworks</span></li>
</ul>
<div style="font-family: arial,sans-serif; text-align: justify;"><span style="white-space: pre;">e muitas outras adições ou são aguardadas até a versão final do Netbeans 6.5.<br />
</span></div>
<div style="font-family: arial,sans-serif; text-align: left;"><span style="white-space: pre;">Para mais informações visite à página oficial com as novidades: <a href="http://wiki.netbeans.org/NewAndNoteWorthyMilestone1NB65">aqui</a><br />
</span></div>Anonymoushttp://www.blogger.com/profile/01217311484729090561noreply@blogger.com0tag:blogger.com,1999:blog-3129183901498902794.post-38414432802477205952008-07-03T07:10:00.000-07:002008-07-03T07:20:19.779-07:00Gtalk para IphoneO Google acaba de lançar uma versão especial do GTalk para o Iphone, essa versão é otimizada para uso no Iphone e funciona sem qualquer download ou instalação, basta apontar o browser para <a href="http://talkgadget.google.com/talkgadget/m">Google Talk</a>.
<div class="separator" style="text-align: center; clear: both;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1cbrkfVceZ_kLP5CzEANLUTRRbu8f48pNK6MK4_TJDhsJ7pZPb4Hmm9bR-R7x7V-5OZheFkqqVhlUJu23VvJoAG9hHCx2gpG0AqQyMgjxnCBoAxYeDfOwYOoz3pyL_zCw1j6lehyphenhyphenqlMw/s1600-h/gtalk_iphone2.jpg" imageanchor="1" style="border: 0pt none ; background-color: transparent; margin-left: 1em; margin-right: 1em;"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvafWohniSotHVzKJhAuttDWjg27z3eXvx9x5plWuIfF33gDQJRwqEvJAGP7HcnXFuIdzR0ajfShZWpBsFzYjCJVa2BkJIoWASVqcHi9VfTfe0oGZ7HULSJju03qW4eO-IK3_Nrc4_mb4/s320-r/gtalk_iphone2.jpg" style="border: 0pt none ;" /></a></div>
Da mesma forma que a versão do Google Reader para Iphone, essa versão do GTalk fica ótima na sidebar do Firefox.
Fonte: <a href="http://lifehacker.com/397804/google-talk-launches-for-iphone-works-great-in-sidebar">LifeHacker</a>Anonymoushttp://www.blogger.com/profile/01217311484729090561noreply@blogger.com0tag:blogger.com,1999:blog-3129183901498902794.post-59283274972211453982008-07-02T05:52:00.000-07:002008-07-03T04:20:18.536-07:00Utilizando o Dom Inspector no Firefox<div style="text-align: justify;">Uma extensão do Firefox pouco conhecida, mas que é de grande auxilio no desenvolvimento web é a extensão <a href="https://addons.mozilla.org/pt-BR/firefox/addon/6622">Dom Inspector</a>, como o nome diz ela serve para inspecionar a árvore DOM dos documentos abertos pelo Firefox. </div>
<br />
<div class="separator" style="text-align: center; clear: both;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLoHVs_f32bfH3gmjjnrW3Snxk9h400aKp0Krvk0tq8q8c71bo9eygJPOVFPca3gMOY2bO_gtUujlPv36AM1lRD-CWJ8J43-gK696L5blnCg1Xlbb3m_z-LbDKKLzepRpSLm9GLyvPT4o/s1600-h/DOM+Inspector.png" imageanchor="1" style="border: 0pt none ; background-color: transparent; margin-left: 1em; margin-right: 1em;"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNiaErbzhdvRx0045N6cY20JuDkVjY-52ENwj-44PNJW4JXpQkgGnGcFyCva0SQIXnga_su1-ZLwFjurtLoYng9pxLDhmHK78wt66CxV8VAXEUkwMFC1ADQbV2MorgJKppYb7JNlaWa04/s320-r/DOM+Inspector.png" style="border: 0pt none ;" /></a></div>
<div style="text-align: center;"><font size="1">Janela do Dom Inspector</font></div>
<br />
<div style="text-align: justify;">Através dessa extensão é possível descobrir o propriedades e elementos utilizados em páginas web. Algumas extensões como a Firebug fazem a mesma coisa e ainda contam com funções extras, como a depuração de código Javascript nás páginas. Mas o Dom Inspector possui uma funcionalidade que as outras extensões não possuem, que é inspecionar a árvore DOM do próprio Firefox, ou seja você pode obter informações sobre a interface do navegador, descobrir os IDs e assim com a ajuda do userChrome personalizar o Firefox em cada detalhe.</div>
<div style="text-align: justify;"></div>
<div style="text-align: justify;"></div>
<div style="text-align: justify;"></div>
<div class="separator" style="text-align: center; clear: both;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8IAAYXu4gGzlYFQXXBQhdP7YutkEtwo4zLXHaCo91SO3h6LUve1mC3LmrE3UP1fiy4L3_jd3rkmeIlaGJFzw8MboFZ11_xNmQfD6NFbRFdRHX_v8FFgdNlPJFVgvbw9vH63_2FYbLe0w/s1600-h/dom-inspector_menus" imageanchor="1" style="border: 0pt none ; background-color: transparent; margin-left: 1em; margin-right: 1em;"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWVXzw8oL-3DRc4Q4iWLn9LnLBT4Hzr6gC07C_KwlbRxfQpf-5HFDX3kBfCSEvABlx4kgTFn1Gmr_kisKVR4bBaHA4d5OVPQfAfy7c2VORoA0FI5p0ylFEAAL-3p1cnQ1jld8w9tUFXNE/s320-r/dom-inspector_menus" style="border: 0pt none ;" /></a></div>
<div style="text-align: justify;"></div>
<div style="text-align: center;"><font size="1">Selecionando a árvore DOM do Firefox</font></div>
<br />
<div style="text-align: justify;">Com o DOM Inspector e o userChrome.css é possível realizar vários tipos de personalizações no Firefox, tornando assim a imaginação o único limite para para o que se pode fazer.</div>
<div style="text-align: justify;"></div>
<div style="text-align: justify;">Download do DOM Inspector: <a href="https://addons.mozilla.org/pt-BR/firefox/downloads/file/24181/dom_inspector-2.0.0-fx+tb+sb+sm.xpi">Dom-Inspector.xpi</a></div>
<br />
Dica do Leitor <a href="http://rinaldi-rinaldi.info/blog/">Mario Rinaldi</a>Anonymoushttp://www.blogger.com/profile/01217311484729090561noreply@blogger.com0tag:blogger.com,1999:blog-3129183901498902794.post-12841521726728268272008-06-29T18:24:00.001-07:002008-06-29T20:18:18.666-07:00Personalizando o Firefox com o User-chrome<div style="font-family: lucida grande;" xmlns="http://www.w3.org/1999/xhtml"><div style="text-align: justify;">O <a title="Obter o firefox" href="http://www.getfirefox.com/">Firefox</a> possui um arquivo especial de configuração chamado userChrome.css que permite alterar vários aspectos da interface de usuário e para isso basta apenas ter algum conhecimento da linguagem <acronym title="Cascading Style Sheet">CSS</acronym>.<br /></div><p style="text-align: justify;">O arquivo <span style="font-style: italic;">userChrome</span> fica localizado na pasta do perfil do usuário em uma pasta chamada <span style="font-style: italic;">chrome</span>, nesta pasta existem dois arquivos chamados: <span style="font-style: italic;">userChrome-example.css</span> e <span style="font-style: italic;">userContent-example.css</span>, como o nosso foco é o <span style="font-style: italic;">userChrome</span> eu não entrarei em detalhes sobre o <span style="font-style: italic;">userContent</span>, apenas adianto que ele pode ser utilizado pelo usuário para aplicar estilos personalizados à páginas exibidas pelo navegador.</p><p style="text-align: justify;">Para o nosso tutorial abra o userChrome-example com um editor de textos qualquer e salve uma cópia com o nome de userChrome.css, o exemplo já vem com algumas modificações comentadas e é por elas que nós começaremos a modificar o navegador.</p><p style="text-align: justify;">Uma bem interessante é a que permite remover a animação que representa o loading dá página, chamada throbber, apesar de não ser um empecilho o espaço ocupado pela mesma será utilizado em futuras modificações. Para remover a tal animação utilize a seguinte regra aplicada ao seletor #throbber-box:</p><p style="text-align: justify; font-family: courier new;"></p><code><span style="font-weight: bold; color: rgb(0, 102, 0);">#throbber-box</span> {<br /><span style="color: rgb(255, 0, 0);"> display</span>: none !important;<br />}</code><p></p><p style="text-align: justify;">Para quem conhece CSS a regra acima é de muito fácil entendimento, ela diz que o elemento com o atributo ID igual a throbber-box terá a propriedade display modificada para none, ou seja, o elemento não será exibido. A propriedade !important indica que esse estilo deve ter uma importância maior do que o estilo padrão do navegador.</p><p style="text-align: justify;">Após as alterações reinicie o navegador e veja se a animação continua aparecendo na barra de menus.<br /></p><p style="text-align: justify;"><span style="font-weight: bold;">Aumentando a área de visualização do seu navegador</span><br /></p><p style="text-align: justify;">Em determinadas resoluções de tela o espaço de visualização, ou viewport area, se torna muito importante, o userChrome permite maximizar esse espaço através da eliminação de barras e opções pouco utilizadas.<br /></p><p style="text-align: center;"><br /><a href="http://picasaweb.google.com/jctosta86/Blog/photo#5217496962487554946"><img src="http://lh5.ggpht.com/jctosta86/SGhF2AnAE4I/AAAAAAAAAMQ/mWs0UEuCmaE/s400/barra.png" border="0" /></a><br /></p><div style="text-align: justify;">A imagem acima mostra o firefox com a barra endereços ao lado da barra de menu e apenas os botões de voltar e atualizar sendo exibidos. Com essa configuração a área de visualização de páginas teve um aumento substancial e me permite navegar em algumas páginas sem ter de apelar para o fullscreen a toda hora.<br /></div><br /><div style="text-align: justify;">Abaixo estão as propriedades utilizadas para obter esse resultado no navegador:<br /></div><br /><div style="text-align: justify;">A primeira parte exige que você clique em uma área vazia da barra de navegação e selecione a opção personalizar, no modo de personalização é possível redimensionar e arrastar os componentes para outra barra ou retira-los. A primeira coisa a se fazer é arrastar a barra de endereços para o lado da barra de menus. Em seguida retire da barra a caixa de busca e arraste os botões da barra de navegação para o lado da barra de endereços. Após isso vá até o menu exibir e selecione a opção barra de ferramentas, lá desmarque a caixa correspondente a barra de navegação. Pronto o seu espaço já aumentou consideravelmente, mas, para a personalização ficar completa é necessário alterar algumas coisas no userChrome.<br /><br />Abra o arquivo novamente e adicione as seguintes linhas ao final do mesmo:<br /><code><br /><span style="color: rgb(51, 102, 255);">/* Essa alteração esconde os menus ajuda e editar da barra de menus */</span><br /><span style="font-weight: bold; color: rgb(0, 102, 0);">#helpMenu, #edit-menu</span> {<br /><span style="color: rgb(255, 0, 0);"> display</span>: none !important;<br />}<br /><br /><span style="color: rgb(51, 102, 255);">/* Esconde o botão voltar se não houver uma página anterior no histórico de navegação, caso o botão seja necessário ele volta a aparecer na barra */</span><br /><span style="font-weight: bold; color: rgb(0, 102, 0);">#back-button</span>[disabled="true"] {<br /><span style="color: rgb(255, 0, 0);"> display</span>: none;<br />}<br /><br /><span style="color: rgb(51, 102, 255);">/* Esconde o botão avançar se não houver uma próxima página no histórico, caso o botão seja necessário ele volta a aparecer na barra */</span><br /><span style="font-weight: bold; color: rgb(0, 102, 0);">#forward-button</span>[disabled="true"] {<br /><span style="color: rgb(255, 0, 0);"> display</span>: none;<br />}<br /><br /><span style="color: rgb(51, 102, 255);">/* Esconde o botão parar caso a página não esteja sendo carregada, quando necessário ele se torna visível novamente */</span><br /><span style="font-weight: bold; color: rgb(0, 102, 0);">#stop-button</span>[disabled="true"] {<br /><span style="color: rgb(255, 0, 0);"> display</span>: none;<br />}<br /><br /><span style="color: rgb(51, 102, 255);">/* Esconde o botão home */</span><br /><span style="color: rgb(0, 102, 0); font-weight: bold;">#home-button</span> {<br /><span style="color: rgb(255, 0, 0);"> display</span>: none;<br />}<br /></code><br /></div>Após isso o reinicie o firefox e ao voltar ele estará como o da imagem de exemplo. Para voltar ao normal, apague ou renomeie o userChrome e abra o dialogo de personalização das barras de ferramentas novamente, lá selecione a opção restaurar as barras ao estado original, pronto seu firefox estará como saiu de fábrica.<br /><br />O userChrome permite ao usuário alterar de varias maneiras o firefox e torna-lo único ao gosto do usuário.<br /><br />Fonte: <a href="http://lifehacker.com/software/ask-the-readers/best-firefox-userchromecss-tweaks-301520.php">LifeHacker</a><br /></div>Anonymoushttp://www.blogger.com/profile/01217311484729090561noreply@blogger.com7